.e_ContentMajorStyleBox-001 {
    height: auto;
    width: 100%;
    width-and-width-uint: 100%;
    height-and-height-uint: auto;
}

.e_ContentMajorStyleBox-001 .stylebox_top {
    height: 40px;
    width: auto;
    background-color: rgba(101, 190, 186, 1);
}

.e_ContentMajorStyleBox-001 .title_icon {
    vertical-align: middle;
    margin-right: 10px;
    line-height: 40px;
    color: rgba(255, 255, 255, 1);
    font-size: medium;
    display: inline-block;
}

.uopu{
    color: #fff;
    padding-top: 20px;
}
.uopu a{
    color: #fff
}
.e_ContentMajorStyleBox-001 .title_icon::before {
    content: "";
}

.e_ContentMajorStyleBox-001 .title_main {
    vertical-align: middle;
    line-height: 40px;
    max-width: 600px;
    color: rgba(255, 255, 255, 1);
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    white-space: nowrap;
    display: inline-block;
    font-weight: normal;
}

.e_ContentMajorStyleBox-001 .title_sub {
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
    font-weight: normal;
}

.e_ContentMajorStyleBox-001 .stylebox_title {
    vertical-align: bottom;
    padding-right: 15px;
    padding-left: 15px;
    height: inherit;
    font-size: 0px;
    width: auto;
    white-space: nowrap;
    background-color: rgba(101, 190, 186, 1);
    display: inline-block;
}

.e_ContentMajorStyleBox-001 .stylebox_link {
    height: inherit;
    color: #666666;
    font-size: 14px;
    display: table;
    border-width: 0px;
    padding: 0 15px;
    vertical-align: middle;
    margin-right: 15px;
    float: right;
}

.e_ContentMajorStyleBox-001 .stylebox_link a {
    vertical-align: middle;
    color: inherit;
    display: table-cell;
}

.e_ContentMajorStyleBox-001 .link_icon {
    margin-left: 5px;
    display: inline-block;
}

.e_ContentMajorStyleBox-001 .link_icon::before {
    content: '\e6af';
}

.e_ContentMajorStyleBox-001 .stylebox_top_line {
    height: 1px;
    background-color: rgba(240, 240, 240, 0);
    display: none;
    height-and-height-uint: 1px;
}

.e_ContentMajorStyleBox-001 .stylebox_content {
    height: calc(100% - 48px);
    width: 100%;
    border-style: none;
    border-color: rgba(240, 240, 240, 0);
    border-width: 0px;
    padding-top: 10px;
    padding-bottom: 40px;
    width-and-width-uint: 100%;
    height-and-height-uint: calc(100% - 48px);
}

.e_ContentMajorStyleBox-001 .stylebox_bottom_line {
    height: 1px;
    background-color: rgba(240, 240, 240, 0);
    display: none;
    height-and-height-uint: 1px;
}

/*e_IndexMajorStyleBox-001*/
.e_IndexMajorStyleBox-001 { /* position: absolute;*/
    width: 100%;
    height: auto;
}

/*stylebox_link*/
.e_IndexMajorStyleBox-001 .stylebox_link {
    color: #666666;
    font-size: 14px;
    display: table;
    height: inherit;
    border-width: 0;
    float: right;
    vertical-align: middle;
    margin-right: 15px;
}

.e_IndexMajorStyleBox-001 .stylebox_top {
    width: auto;
    height: 40px;
    background-color: rgba(101, 190, 186, 1);
}

.e_IndexMajorStyleBox-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_IndexMajorStyleBox-001 .title_icon::before {
    content: "";
}

.e_IndexMajorStyleBox-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_IndexMajorStyleBox-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_IndexMajorStyleBox-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_IndexMajorStyleBox-001 .stylebox_link a {
    color: inherit;
    display: table-cell;
    vertical-align: middle;
}

.e_IndexMajorStyleBox-001 .link_icon {
    display: inline-block;
    margin-left: 5px;
}

.e_IndexMajorStyleBox-001 .link_icon::before {
    content: '\e6af';
}

.e_IndexMajorStyleBox-001 .stylebox_top_line {
    height: 1px;
    background-color: rgba(240, 240, 240, 1);
}

.e_IndexMajorStyleBox-001 .stylebox_content {
    border-style: solid;
    border-width: 1px;
    border-color: #f0f0f0;
    width: 100%;
}

.e_IndexMajorStyleBox-001 .stylebox_bottom_line {
    height: 1px;
    background-color: rgba(240, 240, 240, 1);
}

/*e_IndexOrdinaryStyleBox-001*/
.e_IndexOrdinaryStyleBox-001 { /* position: absolute;*/
    width: 100%;
    height: auto;
}

/*stylebox_top*/
.e_IndexOrdinaryStyleBox-001 .stylebox_top {
    background-color: transparent;
}

/*stylebox_link*/
.e_IndexOrdinaryStyleBox-001 .stylebox_link {
    color: #666666;
    font-size: 14px;
    display: table;
    height: inherit;
    border-width: 0;
}

.e_IndexOrdinaryStyleBox-001 .stylebox_link:hover {
    color: rgba(101, 190, 186, 1);
}

.e_IndexOrdinaryStyleBox-001 .stylebox_link:active {
    color: rgba(101, 190, 186, 1);
}

.e_IndexOrdinaryStyleBox-001 .stylebox_top {
    width: auto;
    height: 40px;
}

.e_IndexOrdinaryStyleBox-001 .title_icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255, 255, 255, 1);
    margin-right: 10px;
    font-size: medium;
}

.e_IndexOrdinaryStyleBox-001 .title_icon::before {
    content: "";
}

.e_IndexOrdinaryStyleBox-001 .title_main {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255, 255, 255, 1);
    font-weight: normal;
    font-size: 16px;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e_IndexOrdinaryStyleBox-001 .title_sub {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

.e_IndexOrdinaryStyleBox-001 .stylebox_title {
    display: inline-block;
    width: auto;
    height: inherit;
    background-color: rgba(101, 190, 186, 1);
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0;
    vertical-align: bottom;
    white-space: nowrap;
}

.e_IndexOrdinaryStyleBox-001 .stylebox_link {
    float: right;
    vertical-align: middle;
    margin-right: 15px;
}

.e_IndexOrdinaryStyleBox-001 .stylebox_link a {
    color: inherit;
    display: table-cell;
    vertical-align: middle;
}

.e_IndexOrdinaryStyleBox-001 .link_icon {
    display: inline-block;
    margin-left: 5px;
}

.e_IndexOrdinaryStyleBox-001 .link_icon::before {
    content: '\e6af';
}

.e_IndexOrdinaryStyleBox-001 .stylebox_top_line {
    height: 1px;
    background-color: rgba(240, 240, 240, 1);
}

.e_IndexOrdinaryStyleBox-001 .stylebox_content {
    border-style: solid;
    border-width: 1px;
    border-color: #f0f0f0;
    width: 100%;
    height: calc(100% - 48px);
}

.e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line {
    height: 1px;
    background-color: rgba(240, 240, 240, 1);
}

/*e_SideMajorStyleBox-001*/
.e_SideMajorStyleBox-001 { /* position: absolute;*/
    width: 100%;
    height: auto;
}

/*stylebox_link*/
.e_SideMajorStyleBox-001 .stylebox_link {
    color: #666666;
    font-size: 14px;
    display: table;
    height: inherit;
    border-width: 0;
    float: right;
    vertical-align: middle;
    margin-right: 15px;
}

.e_SideMajorStyleBox-001 .stylebox_top {
    width: auto;
    height: 40px;
    background-color: rgba(101, 190, 186, 1);
}

.e_SideMajorStyleBox-001 .title_icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255, 255, 255, 1);
    margin-right: 10px;
    font-size: medium;
}

.e_SideMajorStyleBox-001 .title_icon::before {
    content: "";
}

.e_SideMajorStyleBox-001 .title_main {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255, 255, 255, 1);
    font-weight: normal;
    font-size: 16px;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e_SideMajorStyleBox-001 .title_sub {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

.e_SideMajorStyleBox-001 .stylebox_title {
    display: inline-block;
    width: auto;
    height: inherit;
    background-color: rgba(101, 190, 186, 1);
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0;
    vertical-align: bottom;
    white-space: nowrap;
}

.e_SideMajorStyleBox-001 .stylebox_link a {
    color: inherit;
    display: table-cell;
    vertical-align: middle;
}

.e_SideMajorStyleBox-001 .link_icon {
    display: inline-block;
    margin-left: 5px;
}

.e_SideMajorStyleBox-001 .link_icon::before {
    content: '\e6af';
}

.e_SideMajorStyleBox-001 .stylebox_top_line {
    height: 1px;
    background-color: rgba(240, 240, 240, 1);
}

.e_SideMajorStyleBox-001 .stylebox_content {
    border-style: solid;
    border-width: 1px;
    border-color: #f0f0f0;
    width: 100%;
}

.e_SideMajorStyleBox-001 .stylebox_bottom_line {
    height: 1px;
    background-color: rgba(240, 240, 240, 1);
}

.c_news_list-02001 {
    position: absolute;
    width: 890px;
    height: 600px;
    overflow: hidden;
    font-size: 0;
}

.c_news_list-02001 .p_Newslist {
    width: auto;
    height: auto;
    overflow: hidden;
    white-space: normal;
    background: transparent;
}

/*庞秀伟开始*/
.c_news_list-02001 .p_Newslist:hover {
    border: none;
}

.c_news_list-02001 .p_Newslist:active {
    border: none;
}

/*庞秀伟结束 */
.c_news_list-02001 .p_news {
    width: inherit;
    height: auto;
    overflow: hidden;
    border-color: transparent;
    padding: 15px;
}

.c_news_list-02001 .p_content {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
    margin: 10px;
    overflow: hidden;
}

.c_news_list-02001 .p_header {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
}

.c_news_list-02001 .p_SortBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
    margin-top: 10px;
    vertical-align: top;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: inline-block \0;
    max-width: 100%;
    margin-right: 10px;
}

.c_news_list-02001 .p_InteractionInfo {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
}

.c_news_list-02001 .p_iconBox {
    width: auto;
    height: auto;
}

.c_news_list-02001 .p_TimeBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
    margin-right: 10px;
}

.c_news_list-02001 .p_CommentBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
    margin-right: 10px;
}

.c_news_list-02001 .p_ViewBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
    margin-right: 10px;
}

.c_news_list-02001 .p_about {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
}

.c_news_list-02001 .p_TitleBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
}

.c_news_list-02001 .p_SummaryBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
}

.c_news_list-02001 .p_AuthorBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
    vertical-align: top;
    margin-top: 10px;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: inline-block \0;
    max-width: 100%;
    margin-right: 10px;
}

.c_news_list-02001 .p_KeywordBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
}

.c_news_list-02001 .p_KeywordBox a {
    cursor: default;
}

.c_news_list-02001 .p_FromBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
    vertical-align: top;
    margin-top: 10px;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: inline-block \0;
    max-width: 100%;
    margin-right: 10px;
}

.c_news_list-02001 .p_assist {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
}

.c_news_list-02001 .p_TypeBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
    display: inline;
}

/*覆盖阶段结束*/ /*改为inline-block*/
.c_news_list-02001 .p_TimeBox {
    display: inline-block;
    margin-top: 10px;
}

.c_news_list-02001 .p_CommentBox {
    display: inline-block;
    margin-top: 10px;
}

.c_news_list-02001 .p_ViewBox {
    display: inline-block;
    margin-top: 10px;
}

.c_news_list-02001 .p_tag {
    display: inline-block;
    cursor: default;
    color: #969696;
    margin: 0;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0px;
    font-size: 14px;
    text-align: left;
}

.c_news_list-02001 .p_tag .font {
    white-space: normal;
    vertical-align: middle;
    line-height: 19px;
}

.c_news_list-02001 .p_tag:hover {
    color: #969696;
}

.c_news_list-02001 .p_icon {
    display: inline;
    width: auto;
    height: auto;
    vertical-align: bottom;
    float: left;
    margin-top: 5px;
    position: relative;
    z-index: 3;
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    text-align: center;
}

.c_news_list-02001 .p_icon .font {
    display: inline;
}

.c_news_list-02001 .p_about {
    display: inline-block;
    vertical-align: middle;
}

.c_news_list-02001 .p_comment {
    vertical-align: top;
    display: inline-table;
    margin: 0;
    padding: 0 5px 0 0;
    color: #969696;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    overflow: visible;
}

.c_news_list-02001 .p_comment .font {
    vertical-align: middle;
    display: table-cell;
    line-height: 18px;
}

.c_news_list-02001 .p_time {
    vertical-align: top;
    display: inline-table;
    margin: 0;
    padding: 0 5px 0 0;
    color: #969696;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    overflow: visible;
}

.c_news_list-02001 .p_time .font {
    vertical-align: middle;
    display: table-cell;
    line-height: 18px;
}

.c_news_list-02001 .p_view {
    vertical-align: top;
    display: inline-table;
    margin: 0;
    padding: 0 5px 0 0;
    color: #969696;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    overflow: visible;
}

.c_news_list-02001 .p_view .font {
    vertical-align: middle;
    display: table-cell;
    line-height: 18px;
}

.c_news_list-02001 .p_author {
    vertical-align: top;
    display: block;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    flex: 1;
    display: inline-block \0;
    max-width: 70% \0;
    overflow: hidden;
    margin: 0;
    padding: 0 5px 0 0;
    color: #969696;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
}

.c_news_list-02001 .p_author .font {
    display: block;
    overflow: hidden;
    white-space: normal;
    vertical-align: middle;
    line-height: 18px;
}

.c_news_list-02001 .p_from {
    vertical-align: top;
    display: block;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    flex: 1;
    display: inline-block \0;
    max-width: 70% \0;
    overflow: hidden;
    margin: 0;
    padding: 0 5px 0 0;
    color: #969696;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
}

.c_news_list-02001 .p_from .font {
    display: block;
    overflow: hidden;
    white-space: normal;
    line-height: 18px;
    vertical-align: middle;
}

/*end*/ /*组件样式开始*/
.c_news_list-02001 .p_articles {
    margin: 5px;
    height: auto;
    width: 205px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    width: calc((100% - 30px) / 3);
    display: inline-block;
    vertical-align: top;
}

.c_news_list-02001 .p_articles:hover {
    background: #fcfdff;
}

/*.c_news_list-02001 .p_articles:hover .p_title{ color:rgba(69,165,161,1) } .c_news_list-02001 .p_articles:hover .p_titleA{ color:rgba(69,165,161,1) } .c_news_list-02001 .p_articles:hover .p_ToDetail{ background: rgba(101, 190, 186,1); border-color: transparent; color: rgba(255,255,255,1); } .c_news_list-02001 .p_articles:hover .p_shade{ display: block; }*/
.c_news_list-02001 .p_images {
    display: block;
    width: auto;
    height: auto;
    position: relative;
    vertical-align: middle;
    margin: 5px; /*margin-bottom: 10px;*/
}

.c_news_list-02001 .p_images:hover .p_shade {
    display: block;
}

.c_news_list-02001 .p_thumbnail {
    width: 100%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}

.c_news_list-02001 .higher .p_thumbnail {
    position: absolute;
    height: 100%;
}

.c_news_list-02001 .widther .p_thumbnail {
    position: absolute;
    height: 100%;
}

.c_news_list-02001 .smaller .p_thumbnail {
    position: absolute;
    height: 100%;
}

.c_news_list-02001 .p_thumbnail img {
    width: 100%;
}

/*.c_news_list-02001 .p_thumbnail:hover:after{ background: transparent; }*/
.c_news_list-02001 .p_VideoIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    margin-left: -10px;
    margin-top: -10px;
    height: inherit;
    color: rgba(102, 102, 102, 1);
}

.c_news_list-02001 .p_sort {
    display: block;
    vertical-align: top;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    flex: 1;
    display: inline-block \0;
    max-width: 70% \0;
    overflow: hidden;
    margin: 0;
    padding: 0 5px 0 0;
    color: #969696;
    text-align: left;
    white-space: nowrap;
}

.c_news_list-02001 .p_LinkB {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    flex: 1;
    overflow: hidden;
}

.c_news_list-02001 .p_ListTag {
    width: auto;
    vertical-align: bottom;
    display: inline;
}

.c_news_list-02001 .p_ListTag.BottomRight {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #fff;
    white-space: nowrap;
}

.c_news_list-02001 .p_ListTagA {
    position: absolute;
    top: 10px;
    right: 5px;
    width: auto;
    height: auto;
}

.c_news_list-02001 .p_TitleBox {
    display: inline;
}

.c_news_list-02001 .p_LinkC {
    display: inline
}

.c_news_list-02001 .p_title {
    width: 100%;
    display: inline;
}

.c_news_list-02001 .p_title .font { /*width:inherit;*/
    display: inline;
    white-space: normal;
    vertical-align: baseline;
}

.c_news_list-02001 .p_title:active {
    color: #57b2ad;
}

.c_news_list-02001 .p_titleA {
    width: 100%;
    display: inline;
    color: #ED5A5A;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
}

.c_news_list-02001 .p_titleA .font { /*width:inherit;*/
    display: inline;
    white-space: normal;
    vertical-align: baseline;
    line-height: 21px;
}

.c_news_list-02001 .p_titleA:active {
    color: #57b2ad;
}

.c_news_list-02001 .p_SummaryBox {
    margin-top: 5px;
}

.c_news_list-02001 .p_header {
    font-size: 0;
    overflow: hidden;
}

.c_news_list-02001 .p_InteractionInfo { /*display:table-cell; text-align:right;*/
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

.c_news_list-02001 .p_ToDetail {
    float: right;
    position: relative;
    margin-top: 10px;
    background: rgba(252, 252, 252, 1);
    border-color: rgba(240, 240, 240, 1);
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 86px;
    color: rgba(101, 190, 186, 1);
    font-size: 12px;
    text-align: center;
}

.c_news_list-02001 .p_ToDetail .font {
    white-space: nowrap;
    vertical-align: middle;
    line-height: 26px;
}

.c_news_list-02001 .p_shade {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
}

.c_news_list-02001 .p_shade:hover {
    background: rgba(0, 0, 0, 0.3);
}

.c_news_list-02001 .p_ToDetailA {
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    border: none;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}

.c_news_list-02001 .p_ToDetailA .font {
}

.c_news_list-02001 .p_ToDetailA:hover {
    background: transparent;
}

.c_news_list-02001 .p_top {
    margin-right: 5px;
    background: rgba(243, 124, 54, 1);
    display: inline-block;
    float: left;
    min-height: 16px;
    min-width: 44px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    text-align: center;
}

.c_news_list-02001 .p_top .font {
    padding-right: 3px;
    line-height: normal;
    white-space: nowrap;
}

.c_news_list-02001 .p_Recommend {
    margin-right: 5px;
    background: rgba(237, 90, 90, 1);
    display: inline-block;
    float: left;
    min-height: 16px;
    min-width: 44px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    text-align: center;
}

.c_news_list-02001 .p_Recommend .font {
    padding-right: 3px;
    white-space: nowrap;
    vertical-align: middle;
}

.c_news_list-02001 .p_KeywordBox {
    margin-top: 10px;
}

.c_news_list-02001 .p_nameB {
    float: left;
    margin-top: 3px;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    color: #969696;
    font-size: 14px;
    text-align: left;
}

.c_news_list-02001 .p_nameB .font { /*max-width: 6em;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 19px;
}

.c_news_list-02001 .p_icon .iconfont:before {
    content: '\e6ae';
    color: rgba(153, 153, 153, 1);
    display: inline-block;
}

.c_news_list-02001 .p_AssistNameA .iconfont:before {
    content: '\e67a';
    margin-right: 5px;
}

.c_news_list-02001 .p_AssistNameB .iconfont:before {
    content: '\e696';
    margin-right: 5px;
}

.c_news_list-02001 .p_AssistNameC .iconfont:before {
    margin-right: 5px;
    content: '\e69e';
}

.c_news_list-02001 .p_AssistNameD .iconfont:before {
    content: '\e6a6';
    vertical-align: middle;
    margin-right: 5px;
}

.c_news_list-02001 .p_AssistNameE .iconfont:before {
    content: '\e60a';
    margin-right: 5px;
}

.c_news_list-02001 .p_AssistNameF .iconfont:before {
    content: '\e6b3';
    margin-right: 5px;
}

.c_news_list-02001 .p_AssistNameG .iconfont:before {
    content: '\e6b1';
    margin-right: 5px;
}

.c_news_list-02001 .p_VideoIcon:before {
    content: '\e65d';
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
}

.c_news_list-02001 .p_summary {
    font-family: "Microsoft Yahei";
    white-space: normal;
    text-align: justify;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    line-height: 26px;
    vertical-align: top;
    word-break: break-all;
}

.c_news_list-02001 .p_ImgNews .iconfont {
    float: none;
}

.c_news_list-02001 .p_page {
    width: auto;
    height: auto;
    float: right;
    right: 30px;
    margin-bottom: 10px;
}

.c_news_list-02001 .e_pagebox-000 .pre:after {
    display: none;
}

/*庞秀伟*/
.c_news_list-02001 .p_sort {
    font-size: 12px;
}

.c_news_list-02001 .p_sort .font {
    white-space: normal;
    display: block;
    overflow: hidden;
    vertical-align: middle;
    line-height: 18px;
}

.c_news_list-02001 .p_sort:active {
    color: #ed5a5a;
}

.c_news_list-02001 .p_TitleBox .p_nameC {
    display: inline;
    vertical-align: top;
    float: left;
    color: #969696;
    font-size: 14px;
    text-align: left;
}

.c_news_list-02001 .p_TitleBox .p_nameC .font {
    display: inline;
    line-height: 21px;
}

/*大图 .c_product_detail-02001 .p_image{ width: 100%; height: 100%; }*/
.c_news_list-02001 .p_hot {
    display: inline;
    float: none;
    padding: 0;
    color: rgba(153, 153, 153, 1);
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.c_news_list-02001 .p_hot .font { /*margin-top: -4px;*/
    display: inline;
}

.c_news_list-02001 .p_new {
    display: inline;
    float: none;
    padding: 0;
    color: rgba(153, 153, 153, 1);
    font-size: 16px;
    text-align: center;
}

.c_news_list-02001 .p_new .font { /*margin-top: -4px;*/
    display: inline;
}

.c_news_list-02001 .p_ImgNews {
    display: inline;
    float: none;
    padding: 0;
    color: rgba(153, 153, 153, 1);
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.c_news_list-02001 .p_ImgNews .font { /*margin-top: -4px;*/
    display: inline;
}

.c_news_list-02001 .p_VideoNews {
    display: inline;
    padding: 0;
    color: rgba(153, 153, 153, 1);
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.c_news_list-02001 .p_VideoNews .font { /*margin-top: -4px;*/
    display: inline;
}

.c_news_list-02001 .p_hot .iconfont:before {
    font-size: 18px;
    content: "\e666";
    color: rgba(237, 90, 88, 1);
}

.c_news_list-02001 .p_new .iconfont:before {
    font-size: 18px;
    content: "\e61b";
    color: rgba(3, 114, 112, 1);
}

.c_news_list-02001 .p_ImgNews .iconfont:before {
    content: "\e69d";
    color: rgba(3, 114, 112, 1);
    font-size: 18px;
}

.c_news_list-02001 .p_VideoNews .iconfont:before {
    font-size: 18px;
    content: "\e6be";
    color: rgba(3, 114, 112, 1);
}

.c_news_list-02001 .p_ThumbnailBox {
    width: auto;
    height: auto;
}

/*跑马灯*/
.c_news_list-02001 .p_CommonLanternBox {
    width: auto;
    height: auto;
    position: relative;
    background-color: transparent;
    overflow: hidden;
}

.c_news_list-02001 .p_CommonSwitchBtnA {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 45px;
    color: #e5e5e5;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.c_news_list-02001 .p_CommonSwitchBtnA .iconfont:before {
    content: "\e687";
}

.c_news_list-02001 .p_CommonSwitchBtnB {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    font-size: 45px;
    color: #e5e5e5;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.c_news_list-02001 .p_CommonSwitchBtnB .iconfont:before {
    content: "\e6ae";
    display: inline-block;
}

.c_news_list-02001 .p_CommonSummaryBoxA {
    width: auto;
    height: auto; /* position: relative; */
    text-align: center;
    margin-bottom: 20px;
}

.c_news_list-02001 .p_CommonThumbnailBox {
    width: auto;
    height: auto;
}

.c_news_list-02001 .d_CommonInteractionA {
    left: 0px;
    width: 60px;
    height: auto;
    vertical-align: middle;
    position: absolute;
    overflow: visible;
    top: 50%;
    transform: translate(0, -50%);
}

.c_news_list-02001 .d_CommonInteractionB {
    right: 0px;
    width: 60px;
    height: auto;
    vertical-align: middle;
    position: absolute;
    overflow: visible;
    top: 50%;
    transform: translate(0, -50%);
}

.c_news_list-02001 .p_CommonSquareNumBtn {
    width: 100px;
    height: 10px;
    margin: 0px 8px;
    display: inline-block;
    padding: 0;
    background-color: rgba(228, 228, 228, 1);
    border-width: 1px;
    border-color: transparent;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: "Microsoft YaHei";
    text-align: center;
    cursor: pointer;
}

.c_news_list-02001 .p_CommonSquareNumBtn:hover, .c_news_list-02001 .p_CommonSquareNumBtn.active {
    background-color: rgba(255, 126, 23, 1);
    color: rgba(255, 255, 255, 1);
}

.c_news_list-02001 .p_CommonSquareNumBtn .shape {
    text-indent: -9999em;
    width: inherit;
    height: inherit;
    vertical-align: middle;
}

.c_news_list-02001 .p_CommonSquareNumBtn img {
    display: none;
}

/*跑马灯 结束*/
.c_news_list-02001 .p_moreBox {
    width: 100%;
    height: auto;
}

.c_news_list-02001 .p_more {
    position: static;
}

.c_news_list-02001 .p_moreBtn {
    position: static;
    width: auto;
}

/*移上动画*/
.c_news_list-02001 .p_articles:hover .p_matteA {
    display: block;
}

.c_news_list-02001 .p_articles:hover .p_Position {
    display: inline-block;
}

.c_news_list-02001 .p_articles:hover .p_matte {
    display: block;
}

.c_news_list-02001 .p_MatteIcon {
    width: auto;
    display: inline-block;
}

.c_news_list-02001 .p_MatteIcon:before {
    content: "";
}

.c_news_list-02001 .p_MatteIcon .iconfont {
    font-size: 20px;
    color: rgba(255, 255, 255, .8);
}

.c_news_list-02001 .p_MatteIcon .iconfont:before {
    content: "\e602";
}

.c_news_list-02001 .p_articles .p_matte:before {
    content: "\200B";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.c_news_list-02001 .p_AssistNameA {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #c8c8c8;
    font-size: 12px;
    text-align: right;
}

.c_news_list-02001 .p_AssistNameA .font {
    vertical-align: middle;
    white-space: nowrap;
    width: inherit;
    line-height: 16px;
}

.c_news_list-02001 .p_AssistNameG {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #c8c8c8;
    font-size: 12px;
    text-align: right;
}

.c_news_list-02001 .p_AssistNameG .font {
    vertical-align: middle;
    white-space: nowrap;
    width: inherit;
    line-height: 16px;
}

.c_news_list-02001 .p_AssistNameD {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #c8c8c8;
    font-size: 12px;
    text-align: right;
}

.c_news_list-02001 .p_AssistNameD .font {
    vertical-align: middle;
    white-space: nowrap;
    width: inherit;
    line-height: 16px;
}

.c_news_list-02001 .p_AssistNameE {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #c8c8c8;
    font-size: 12px;
    text-align: right;
}

.c_news_list-02001 .p_AssistNameE .font {
    vertical-align: middle;
    white-space: nowrap;
    width: inherit;
    line-height: 16px;
}

.c_news_list-02001 .p_AssistNameB {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #c8c8c8;
    font-size: 12px;
    text-align: right;
}

.c_news_list-02001 .p_AssistNameB .font {
    vertical-align: middle;
    white-space: nowrap;
    width: inherit;
    line-height: 16px;
}

.c_news_list-02001 .p_AssistNameC {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #c8c8c8;
    font-size: 12px;
    text-align: right;
}

.c_news_list-02001 .p_AssistNameC .font {
    vertical-align: middle;
    white-space: nowrap;
    width: inherit;
    line-height: 16px;
}

.c_news_list-02001 .p_AssistNameF {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #c8c8c8;
    font-size: 12px;
    text-align: right;
}

.c_news_list-02001 .p_AssistNameF .font {
    vertical-align: middle;
    white-space: nowrap;
    width: inherit;
    line-height: 16px;
}

.c_news_list-02001 .p_succ {
    width: auto;
    height: auto;
    min-width: 255px;
    min-height: 113px;
    max-width: 500px;
    background-color: #F7FBFB;
    border: 2px solid #65beba;
    font-size: 22px;
    position: absolute;
    z-index: 9999999999;
}

.c_news_list-02001 .p_succ .iconfont {
    height: auto;
    color: #A2D465;
    margin-right: 20px;
    display: inline-block;
    margin-left: 40px;
}

.c_news_list-02001 .p_succ .iconfont:before {
    content: "\e648";
}

.c_news_list-02001 .p_succ .fontbox {
    display: inline-block;
    vertical-align: top;
    max-width: 386px;
    margin-right: 20px;
}

.c_news_list-02001 .p_succ .promptbox {
    width: auto;
    height: auto;
    margin-top: 35px;
    margin-bottom: 35px;
}

.c_news_list-02001 .p_succ .assistfont {
    display: none;
}

.c_news_list-02001 .p_succ .closebtn {
    display: none;
}

.c_news_list-02001 .p_fail {
    width: auto;
    height: auto;
    min-width: 255px;
    min-height: 113px;
    max-width: 500px;
    background-color: #FDFCF3;
    border: 2px solid #FFDC90;
    font-size: 22px;
    position: absolute;
    z-index: 99999999999;
}

.c_news_list-02001 .p_fail .iconfont {
    height: auto;
    color: #FF0000;
    margin-right: 20px;
    display: inline-block;
    margin-left: 40px;
}

.c_news_list-02001 .p_fail .iconfont:before {
    content: "\e641";
}

.c_news_list-02001 .p_fail .fontbox {
    display: inline-block;
    vertical-align: top;
    max-width: 386px;
    margin-right: 20px;
}

.c_news_list-02001 .p_fail .promptbox {
    width: auto;
    height: auto;
    margin-top: 35px;
    margin-bottom: 35px;
}

.c_news_list-02001 .p_fail .assistfont {
    font-size: 14px;
    color: #999999;
    margin-top: 5px;
}

.c_news_list-02001 .p_fail .closebtn {
    font-size: 14px;
    color: #65beba;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.c_news_list-02001 .p_fail .closebtn:hover {
    cursor: pointer;
}

.c_news_list-02001 .p_PromptNoneData {
    width: auto;
    background-color: inherit;
    text-align: center;
}

.c_news_list-02001 .p_PromptNoneData .prompt_title .iconfont:before {
    content: "";
}

.c_news_list-02001 .p_PromptNoneData .prompt_title .first {
    height: auto;
    display: table-cell;
    font-size: 32px;
    position: relative;
    color: #09bb07;
    vertical-align: middle;
    padding: 0 10px 5px 0;
}

.c_news_list-02001 .p_PromptNoneData .prompt_title {
    display: inline-table;
    padding: 0 30px;
    min-height: 200px;
    height: 100%;
}

.c_news_list-02001 .p_PromptNoneData .prompt_title .first:before {
    content: "\e6b4";
}

.c_news_list-02001 .p_PromptNoneData .prompt_title .font {
    font-size: 18px;
    display: table-cell;
    line-height: normal;
    vertical-align: middle;
    color: rgba(51, 51, 51, 1);
    font-weight: bold;
    text-align: left;
}

.c_news_list-02001 .p_PromptNoneData .promptbox {
    width: auto;
    height: 100%;
}

.c_news_list-02001 .p_PromptNoneData .prompt_content {
    font-size: 14px;
    color: rgba(105, 105, 105, 1);
    padding-left: 65px;
}

/*引导短连接*/
.c_news_list-02001 .p_moreBtn {
    background: rgba(252, 252, 252, 1);
    border-color: rgba(240, 240, 240, 1);
    border-style: solid;
    border-width: 1px;
    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;
    color: rgba(101, 190, 186, 1);
    font-size: 12px;
    text-align: center;
}

.c_news_list-02001 .p_moreBtn .font {
    white-space: nowrap;
    overflow: visible;
    vertical-align: middle;
}

.c_news_list-02001 .p_moreBtn:hover {
    background: rgba(101, 190, 186, 1);
    border-color: transparent;
}

.c_news_list-02001 .p_moreBtn:hover {
    color: rgba(255, 255, 255, 1);
}

.c_news_list-02001 .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;
    border: 3px solid #737282;
    border-right-color: transparent;
    border-radius: 16px;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.c_news_list-02001 .p_loading {
    width: 890px;
    height: 70px;
    background-color: #FBFBFC;
    line-height: 70px;
    text-align: center;
    color: #666666;
    font-size: 18px;
}

.c_news_list-02001 .p_loading .iconfont:before {
    content: "";
}

.c_news_list-02001 .p_loading .font {
    display: inline-block;
    margin-left: 20px;
    line-height: 70px;
    height: inherit;
}

.c_news_list-02001 .p_more {
    width: 890px;
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
    height: 70px;
    background-color: #F6F7F8;
    position: relative;
    border-radius: 0;
    border-width: 0;
    color: rgba(115, 115, 131, 1);
    font-size: 18px;
}

.c_news_list-02001 .p_more:active {
    background-color: #F6F7F8;
}

.c_news_list-02001 .p_more .font {
    display: table-cell;
    vertical-align: middle;
    text-align: inherit;
}

.c_news_list-02001 .p_more .iconfont {
    display: inline;
    vertical-align: middle;
}

.c_news_list-02001 .p_more .iconfont:before {
    content: "\e6d1";
}

.c_news_list-02001 .p_scroll {
    width: 100%;
    height: auto;
    position: relative;
}

.c_news_list-02001 .p_scroll .vline {
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F0F0F0;
    opacity: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.c_news_list-02001 .p_scroll .scrolling {
    width: 77px;
    height: 25px;
    border: 1px solid #BABABB;
    background: -webkit-linear-gradient(#fff, #F2F2F3);
    background: -o-linear-gradient(#fff, #F2F2F3);
    background: -moz-linear-gradient(#fff, #F2F2F3);
    background: linear-gradient(#fff, #F2F2F3);
    border-radius: 6px;
    position: relative;
    left: 50%;
    text-align: center;
    font-size: 15px;
    box-shadow: 0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #AAAAAA;
    cursor: pointer;
}

.c_news_list-02001 .p_scroll .scrolling:hover {
    border: 1px solid #BABABB;
    background: -webkit-linear-gradient(#fff, #F7F7F8);
    background: -o-linear-gradient(#fff, #F7F7F8);
    background: -moz-linear-gradient(#fff, #F7F7F8);
    background: linear-gradient(#fff, #F7F7F8);
}

.c_news_list-02001 .p_scroll .scrolling:active {
    border: 1px solid #BABABB;
    background: -webkit-linear-gradient(#fff, #E4E4E4);
    background: -o-linear-gradient(#fff, #E4E4E4);
    background: -moz-linear-gradient(#fff, #E4E4E4);
    background: linear-gradient(#fff, #E4E4E4);
    box-shadow: 0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

/*翻页*/
.e_pagebox {
    width: auto;
    height: auto;
    clear: both;
    position: relative;
}

.c_news_list-02001 .p_page .pre {
    display: inline-table;
    float: left;
    margin-left: 18px;
    margin-right: 5px;
}

.c_news_list-02001 .p_page .pageNum {
    display: inline-block;
    position: static;
    float: left;
    margin-right: 5px;
    line-height: 30px; /*padding: 0 10px;*/
}

.c_news_list-02001 .p_page .next {
    display: inline-table;
    float: left;
}

.c_news_list-02001 .p_page .PageInterval {
    display: inline-block;
    position: static;
    float: left;
    margin-right: 5px;
    line-height: 38px;
    font-size: 12px;
}

.c_news_list-02001 .p_page .p_PageInterval {
    display: inline-block;
    position: static;
    float: left;
    margin-right: 5px;
    line-height: 38px;
    font-size: 12px;
}

/*左翻页*/
.c_news_list-02001 .p_page .pre:after {
    content: "";
    display: none;
    position: absolute;
    top: 5px;
    left: -14px;
    width: 27px;
    height: 27px;
    background-color: rgba(242, 242, 242, 1);
    font-size: 0;
    line-height: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.c_news_list-02001 .p_page .pre:hover:after {
    top: 4px;
    left: -12px;
    background-color: rgba(101, 190, 186, 1);
    border-radius: 4px 0 0 0;
    -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.c_news_list-02001 .p_page .pre:active:after {
    top: 8px;
    left: -12px;
    width: 28px;
    height: 25px;
    background-color: rgba(90, 170, 167, 1);
    border-radius: 0 3px 0 0;
    -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    -webkit-transform: rotate(-226deg);
    -moz-transform: rotate(-226deg);
    -o-transform: rotate(-226deg);
    -ms-transform: rotate(-226deg);
    transform: rotate(-226deg);
    z-index: -1;
}

.c_news_list-02001 .p_page .pre {
    height: 30px;
    color: rgba(102, 102, 102, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(242, 242, 242, 1);
    text-align: center;
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    left: 0;
    top: 0;
}

.c_news_list-02001 .p_page .pre:hover {
    color: rgba(255, 255, 255, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(101, 190, 186, 1);
    cursor: pointer;
}

.c_news_list-02001 .p_page .pre:active {
    background-color: rgba(90, 170, 167, 1);
}

.c_news_list-02001 .p_page .pre .font {
    display: table-cell;
    vertical-align: middle;
    bottom: 0;
    font-size: 12px;
}

.c_news_list-02001 .p_page .pre:hover .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_news_list-02001 .p_page .pre:active .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_news_list-02001 .p_page .pre .iconfont:before {
    content: "";
    margin-right: 5px;
}

/*右翻页*/
.c_news_list-02001 .p_page .next:after {
    content: "";
    display: none;
    position: absolute;
    top: 5px;
    right: -14px;
    width: 27px;
    height: 27px;
    background-color: rgba(101, 190, 186, 1);
    font-size: 0;
    line-height: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.c_news_list-02001 .p_page .next:hover:after {
    top: 5px;
    right: -12px;
    background-color: rgba(101, 190, 186, 1);
    border-radius: 4px 0 0 0;
    -webkit-box-shadow: 0 3px 0px #777;
    -moz-box-shadow: 0 3px 0px #777;
    box-shadow: 0 3px 0px #777;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -1;
    width: 26px;
    height: 26px;
}

.c_news_list-02001 .p_page .next:active:after {
    top: 8px;
    right: -12px;
    width: 27px;
    height: 24px;
    background-color: rgba(90, 170, 167, 1);
    border-radius: 0 3px 0 0;
    -webkit-box-shadow: 0 3px 0px #777;
    -moz-box-shadow: 0 3px 0px #777;
    box-shadow: 0 3px 0px #777;
    -webkit-transform: rotate(226deg);
    -moz-transform: rotate(226deg);
    -o-transform: rotate(226deg);
    -ms-transform: rotate(226deg);
    transform: rotate(226deg);
    z-index: -1;
}

.c_news_list-02001 .p_page .next {
    height: 30px;
    color: rgba(255, 255, 255, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(101, 190, 186, 1);
    text-align: center;
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    left: 0;
    top: 0;
}

.c_news_list-02001 .p_page .next:hover {
    color: rgba(255, 255, 255, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(101, 190, 186, 1);
    cursor: pointer;
}

.c_news_list-02001 .p_page .next:active {
    background-color: rgba(90, 170, 167, 1);
}

.c_news_list-02001 .p_page .next .font {
    display: table-cell;
    vertical-align: middle;
    bottom: 0;
    font-size: 12px;
}

.c_news_list-02001 .p_page .next:hover .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_news_list-02001 .p_page .next:active .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_news_list-02001 .p_page .next .iconfont:before {
    content: "";
    margin-top: 3px;
    float: right;
    margin-left: 5px;
}

/*翻页数字*/
.c_news_list-02001 .p_page .pageNum {
    position: relative;
    background-size: 100% 100%;
    color: inherit;
    cursor: pointer;
    display: table;
    font-family: inherit;
    font-size: 14px;
    font-weight: inherit;
    height: inherit;
    position: absolute;
    text-decoration: none;
    width: inherit;
}

.c_news_list-02001 .p_page .pageNum {
    height: 30px;
    width: 30px;
    color: rgba(102, 102, 102, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(242, 242, 242, 1);
    text-align: center;
    position: relative;
}

.c_news_list-02001 .p_page .pageNum:hover {
    color: rgba(255, 255, 255, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    text-decoration: none;
    background-color: rgba(101, 190, 186, 1);
}

.c_news_list-02001 .p_page .pageNum:active {
    text-decoration: none;
    background-color: rgba(90, 170, 167, 1);
}

.c_news_list-02001 .p_page .pageNum.active {
    text-decoration: none;
    background-color: rgba(90, 170, 167, 1);
    color: rgba(255, 255, 255, 1);
}

.c_news_list-02001 .p_page .pageNum .font {
    display: table-cell;
    vertical-align: middle;
    bottom: 0;
}

.c_news_list-02001 .p_page .pageNum .iconfont {
    display: inline;
    color: rgba(255, 255, 255, 1);
    vertical-align: middle;
}

.c_news_list-02001 .p_page .pageNum:hover .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_news_list-02001 .p_page .pageNum:active .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_news_list-02001 .p_page .pageNum .iconfont:before {
    content: "";
}

/*翻页省略*/
.c_news_list-02001 .p_page .PageInterval {
    line-height: 30px;
    cursor: text;
    color: rgba(102, 102, 102, 1);
}

.c_news_list-02001 .p_page .p_PageInterval {
    line-height: 30px;
    cursor: text;
    color: rgba(102, 102, 102, 1);
}

/*占位容器*/
.c_news_list-02001 .p_OccupyBox {
    margin: 0;
    width: auto;
    height: auto;
    padding: 0;
    border: none;
    overflow: hidden;
}

.w_icons-001 .p_icon {
    margin: 0;
    width: inherit;
    height: inherit;
    color: rgba(102, 102, 102, 1);
}

.w_icons-001 .p_icon .iconfont:before {
    content: '\e754';
    font-size: 50px;
}

.w_icons-001 {
    position: absolute;
    width: 100px;
    height: 100px;
}

.w_rbox-001 {
    position: absolute;
}

.w_rbox-001 .p_stylebox {
    width: 100%;
}

.w_rbox-001 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.w_rbox-001 > div {
    animation-fill-mode: both;
}

.hamburger {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    padding-top: 6px;
    z-index: 1000;
}

.out_line:before {
    content: "";
    height: 0px;
    width: 1px;
    background: #f47920;
    left: 0;
    top: 0;
    position: absolute;
    transition: all 0.5s;
}

.out_line:after {
    content: "";
    height: 1px;
    width: 0px;
    background: #f47920;
    left: 0;
    top: 0;
    position: absolute;
    transition: all 0.5s;
}

.hamburger:hover.out_line:before {
    height: 50px;
}

.hamburger:hover.out_line:after {
    width: 50px;
}

.hamburger.cur.out_line:before {
    height: 50px;
}

.hamburger.cur.out_line:after {
    width: 50px;
}

.inner_line:before {
    content: "";
    height: 0px;
    width: 1px;
    background: #f47920;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: all 0.5s;
}

.inner_line:after {
    content: "";
    height: 1px;
    width: 0px;
    background: #f47920;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: all 0.5s;
}

.hamburger:hover.inner_line:before {
    height: 50px;
}

.hamburger:hover.inner_line:after {
    width: 50px;
}

.hamburger.cur.inner_line:before {
    height: 50px;
}

.hamburger.cur.inner_line:after {
    width: 50px;
}

/*nav line*/
.hamburger .line {
    width: 30px;
    height: 2px;
    display: block;
    margin: 8px auto;
    background: #f47920;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.hamburger:hover {
    cursor: pointer;
}

/* hamburger-3 */
#hamburger-3.is-active .line:nth-child(1), #hamburger-3.is-active .line:nth-child(3) {
    width: 30px;
}

#hamburger-3.is-active .line:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
    -o-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
}

#hamburger-3.is-active .line:nth-child(2) {
    width: 0px;
}

#hamburger-3.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    -ms-transform: translateY(-10px) rotate(45deg);
    -o-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
}

/* nav-list */
.nav-btn {
    position: fixed;
    right: 60px;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    z-index: 1000;
    width: 90px;
    cursor: pointer;
}

.nav-btn span {
    width: 24px;
    height: 2px;
    background: #517e31;
    display: block;
    top: 9px;
    position: absolute;
    transition: all 0.5s;
}

.nav-btn span:first-child {
    top: 3px;
}

.nav-btn span:last-child {
    top: 16px;
}

.nav-wrap {
    width: 100%;
    height: 100%;
    background: #191919;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}

.nav-list {
    position: absolute;
    left: 19vw;
    top: 18vh;
    z-index: 1000;
}

.nav-list li {
    position: relative;
    line-height: 9vh;
    width: 200px;
    height: 9vh;
}

.nav-list li a {
    display: block;
    line-height: 9vh;
    height: 9vh;
    transition: all 0.5s;
    animation: 1s cubic-bezier(.19, 1, .22, 1) forwards hgInner;
    -webkit-animation: 1s cubic-bezier(.19, 1, .22, 1) forwards hgInner;
    -moz-animation: 1s cubic-bezier(.19, 1, .22, 1) forwards hgInner;
}

.nav-list li a span {
    display: block;
}

.nav-list li a:after {
    content: "";
    width: 0px;
    height: 1px;
    background: rgba(244, 121, 32, 1);
    position: absolute;
    left: -70px;
    top: 50%;
    -webkit-transition: all .36s linear;
    -ms-transition: all .36s linear;
    -moz-transition: all .36s linear;
}

.nav-list li a:hover:after {
    width: 50px;
}

.nav-list li a:before {
    content: attr(data-content);
    position: absolute;
    color: #f47920;
    left: 0;
    z-index: 9;
    font-weight: 400;
    height: auto;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -moz-transition: all .5s linear;
}

.nav-list li a:hover:before {
    width: 100%;
}

.nav-list li a {
    font-size: 36px;
    width: 200px;
    color: #666666;
    transition: all 0.5s;
    position: absolute;
    left: 0;
    top: 0;
}

.nav-mask {
    width: 100%;
    height: 100%;
    background: #f47920;
    position: absolute;
    right: 100%;
    top: 0;
    z-index: 10001;
}

.nav-bg li {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
    opacity: 0;
}

.nav-bg li:nth-child(1) {
    background: url(../images/nwf_nav_bg.jpg) 0 0 no-repeat;
    background-size: cover;
    opacity: 1;
}

.nav-bg li:nth-child(2) {
    background: url(../images/nav_about.jpg) 0 0 no-repeat;
    background-size: cover;
}

.nav-bg li:nth-child(3) {
    background: url(../images/nav_product.jpg) 0 0 no-repeat;
    background-size: cover;
}

.nav-bg li:nth-child(4) {
    background: url(../images/nav_news.jpg) 0 0 no-repeat;
    background-size: cover;
}

.nav-bg li:nth-child(5) {
    background: url(../images/nav_contact.jpg) 0 0 no-repeat;
    background-size: cover;
}

.nav-bg li:nth-child(6) {
    background: url(../images/nwf_nav_bg06.jpg) 0 0 no-repeat;
    background-size: cover;
}

.nav-bg li:nth-child(7) {
    background: url(../images/nwf_nav_bg.jpg) 0 0 no-repeat;
    background-size: cover;
}

.hero__lines {
    max-width: 1230px;
    opacity: .05;
    width: 100%;
    text-align: center;
    z-index: 999;
    height: 0;
}

.hero__lines, .hero__lines .inner, .hero__lines .outer {
    margin: 0 auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.hero__lines .inner, .hero__lines .outer {
    background: transparent;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    display: block;
}

.hero__lines .inner {
    max-width: 620px;
    width: 50%;
}

.hero__lines .inner:after {
    background: #fff;
    content: "";
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 1px;
    height: 100%;
}

.hero__bg, .hero__lines .outer {
    width: 100%;
}

.c_product_categorylay-01001 .p_succ {
    width: auto;
    height: auto;
    min-width: 255px;
    min-height: 113px;
    max-width: 500px;
    background-color: #F7FBFB;
    border: 2px solid #65beba;
    font-size: 22px;
    position: absolute;
    z-index: 9999999999;
}

.c_product_categorylay-01001 .p_succ .iconfont {
    height: auto;
    color: #A2D465;
    margin-right: 20px;
    display: inline-block;
    margin-left: 40px;
}

.c_product_categorylay-01001 .p_succ .iconfont:before {
    content: "\e648";
}

.c_product_categorylay-01001 .p_succ .fontbox {
    display: inline-block;
    vertical-align: top;
    max-width: 386px;
    margin-right: 20px;
}

.c_product_categorylay-01001 .p_succ .promptbox {
    width: auto;
    height: auto;
    margin-top: 35px;
    margin-bottom: 35px;
}

.c_product_categorylay-01001 .p_succ .assistfont {
    display: none;
}

.c_product_categorylay-01001 .p_succ .closebtn {
    display: none;
}

.c_product_categorylay-01001 .p_fail {
    width: auto;
    height: auto;
    min-width: 255px;
    min-height: 113px;
    max-width: 500px;
    background-color: #FDFCF3;
    border: 2px solid #FFDC90;
    font-size: 22px;
    position: absolute;
    z-index: 99999999999;
}

.c_product_categorylay-01001 .p_fail .iconfont {
    height: auto;
    color: #FF0000;
    margin-right: 20px;
    display: inline-block;
    margin-left: 40px;
}

.c_product_categorylay-01001 .p_fail .iconfont:before {
    content: "\e641";
}

.c_product_categorylay-01001 .p_fail .fontbox {
    display: inline-block;
    vertical-align: top;
    max-width: 386px;
    margin-right: 20px;
}

.c_product_categorylay-01001 .p_fail .promptbox {
    width: auto;
    height: auto;
    margin-top: 35px;
    margin-bottom: 35px;
}

.c_product_categorylay-01001 .p_fail .assistfont {
    font-size: 14px;
    color: #999999;
    margin-top: 5px;
}

.c_product_categorylay-01001 .p_fail .closebtn {
    font-size: 14px;
    color: #65beba;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.c_product_categorylay-01001 .p_fail .closebtn:hover {
    cursor: pointer;
}

.c_product_categorylay-01001 .p_PromptNoneData {
    width: auto;
    background-color: inherit;
    text-align: center;
}

.c_product_categorylay-01001 .p_PromptNoneData .prompt_title .iconfont:before {
    content: "";
}

.c_product_categorylay-01001 .p_PromptNoneData .prompt_title .first {
    height: auto;
    display: table-cell;
    font-size: 32px;
    position: relative;
    color: #09bb07;
    vertical-align: middle;
    padding: 0 10px 5px 0;
}

.c_product_categorylay-01001 .p_PromptNoneData .prompt_title {
    display: inline-table;
    padding: 0 30px;
    min-height: 200px;
    height: 100%;
}

.c_product_categorylay-01001 .p_PromptNoneData .prompt_title .first:before {
    content: "\e6b4";
}

.c_product_categorylay-01001 .p_PromptNoneData .prompt_title .font {
    font-size: 18px;
    display: table-cell;
    line-height: normal;
    vertical-align: middle;
    color: rgba(51, 51, 51, 1);
    font-weight: bold;
    text-align: left;
}

.c_product_categorylay-01001 .p_PromptNoneData .promptbox {
    width: auto;
    height: 100%;
}

.c_product_categorylay-01001 .p_PromptNoneData .prompt_content {
    font-size: 14px;
    color: rgba(105, 105, 105, 1);
    padding-left: 65px;
}

.c_product_categorylay-01001 .p_scroll {
    width: 100%;
    height: auto;
    position: relative;
}

.c_product_categorylay-01001 .p_scroll .vline {
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F0F0F0;
    opacity: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.c_product_categorylay-01001 .p_scroll .scrolling {
    width: 77px;
    height: 25px;
    border: 1px solid #BABABB;
    background: -webkit-linear-gradient(#fff, #F2F2F3);
    background: -o-linear-gradient(#fff, #F2F2F3);
    background: -moz-linear-gradient(#fff, #F2F2F3);
    background: linear-gradient(#fff, #F2F2F3);
    border-radius: 6px;
    position: relative;
    left: 50%;
    text-align: center;
    font-size: 15px;
    box-shadow: 0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #AAAAAA;
    cursor: pointer;
}

.c_product_categorylay-01001 .p_scroll .scrolling:hover {
    border: 1px solid #BABABB;
    background: -webkit-linear-gradient(#fff, #F7F7F8);
    background: -o-linear-gradient(#fff, #F7F7F8);
    background: -moz-linear-gradient(#fff, #F7F7F8);
    background: linear-gradient(#fff, #F7F7F8);
}

.c_product_categorylay-01001 .p_scroll .scrolling:active {
    border: 1px solid #BABABB;
    background: -webkit-linear-gradient(#fff, #E4E4E4);
    background: -o-linear-gradient(#fff, #E4E4E4);
    background: -moz-linear-gradient(#fff, #E4E4E4);
    background: linear-gradient(#fff, #E4E4E4);
    box-shadow: 0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

/*翻页*/
.e_pagebox {
    width: auto;
    height: auto;
    clear: both;
    position: relative;
}

.c_product_categorylay-01001 .p_page .pre {
    display: inline-table;
    float: left;
    margin-left: 18px;
    margin-right: 5px;
}

.c_product_categorylay-01001 .p_page .pageNum {
    display: inline-block;
    position: static;
    float: left;
    margin-right: 5px;
    line-height: 30px; /*padding: 0 10px;*/
}

.c_product_categorylay-01001 .p_page .next {
    display: inline-table;
    float: left;
}

.c_product_categorylay-01001 .p_page .PageInterval {
    display: inline-block;
    position: static;
    float: left;
    margin-right: 5px;
    line-height: 38px;
    font-size: 12px;
}

.c_product_categorylay-01001 .p_page .p_PageInterval {
    display: inline-block;
    position: static;
    float: left;
    margin-right: 5px;
    line-height: 38px;
    font-size: 12px;
}

/*左翻页*/
.c_product_categorylay-01001 .p_page .pre:after {
    content: "";
    display: none;
    position: absolute;
    top: 5px;
    left: -14px;
    width: 27px;
    height: 27px;
    background-color: rgba(242, 242, 242, 1);
    font-size: 0;
    line-height: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.c_product_categorylay-01001 .p_page .pre:hover:after {
    top: 4px;
    left: -12px;
    background-color: rgba(101, 190, 186, 1);
    border-radius: 4px 0 0 0;
    -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.c_product_categorylay-01001 .p_page .pre:active:after {
    top: 8px;
    left: -12px;
    width: 28px;
    height: 25px;
    background-color: rgba(90, 170, 167, 1);
    border-radius: 0 3px 0 0;
    -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
    -webkit-transform: rotate(-226deg);
    -moz-transform: rotate(-226deg);
    -o-transform: rotate(-226deg);
    -ms-transform: rotate(-226deg);
    transform: rotate(-226deg);
    z-index: -1;
}

.c_product_categorylay-01001 .p_page .pre {
    height: 30px;
    color: rgba(102, 102, 102, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(242, 242, 242, 1);
    text-align: center;
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    left: 0;
    top: 0;
}

.c_product_categorylay-01001 .p_page .pre:hover {
    color: rgba(255, 255, 255, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(101, 190, 186, 1);
    cursor: pointer;
}

.c_product_categorylay-01001 .p_page .pre:active {
    background-color: rgba(90, 170, 167, 1);
}

.c_product_categorylay-01001 .p_page .pre .font {
    display: table-cell;
    vertical-align: middle;
    bottom: 0;
    font-size: 12px;
}

.c_product_categorylay-01001 .p_page .pre:hover .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_product_categorylay-01001 .p_page .pre:active .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_product_categorylay-01001 .p_page .pre .iconfont:before {
    content: "";
    margin-right: 5px;
}

/*右翻页*/
.c_product_categorylay-01001 .p_page .next:after {
    content: "";
    display: none;
    position: absolute;
    top: 5px;
    right: -14px;
    width: 27px;
    height: 27px;
    background-color: rgba(101, 190, 186, 1);
    font-size: 0;
    line-height: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.c_product_categorylay-01001 .p_page .next:hover:after {
    top: 5px;
    right: -12px;
    background-color: rgba(101, 190, 186, 1);
    border-radius: 4px 0 0 0;
    -webkit-box-shadow: 0 3px 0px #777;
    -moz-box-shadow: 0 3px 0px #777;
    box-shadow: 0 3px 0px #777;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -1;
    width: 26px;
    height: 26px;
}

.c_product_categorylay-01001 .p_page .next:active:after {
    top: 8px;
    right: -12px;
    width: 27px;
    height: 24px;
    background-color: rgba(90, 170, 167, 1);
    border-radius: 0 3px 0 0;
    -webkit-box-shadow: 0 3px 0px #777;
    -moz-box-shadow: 0 3px 0px #777;
    box-shadow: 0 3px 0px #777;
    -webkit-transform: rotate(226deg);
    -moz-transform: rotate(226deg);
    -o-transform: rotate(226deg);
    -ms-transform: rotate(226deg);
    transform: rotate(226deg);
    z-index: -1;
}

.c_product_categorylay-01001 .p_page .next {
    height: 30px;
    color: rgba(255, 255, 255, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(101, 190, 186, 1);
    text-align: center;
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    left: 0;
    top: 0;
}

.c_product_categorylay-01001 .p_page .next:hover {
    color: rgba(255, 255, 255, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(101, 190, 186, 1);
    cursor: pointer;
}

.c_product_categorylay-01001 .p_page .next:active {
    background-color: rgba(90, 170, 167, 1);
}

.c_product_categorylay-01001 .p_page .next .font {
    display: table-cell;
    vertical-align: middle;
    bottom: 0;
    font-size: 12px;
}

.c_product_categorylay-01001 .p_page .next:hover .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_product_categorylay-01001 .p_page .next:active .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_product_categorylay-01001 .p_page .next .iconfont:before {
    content: "";
    margin-top: 3px;
    float: right;
    margin-left: 5px;
}

/*翻页数字*/
.c_product_categorylay-01001 .p_page .pageNum {
    position: relative;
    background-size: 100% 100%;
    color: inherit;
    cursor: pointer;
    display: table;
    font-family: inherit;
    font-size: 14px;
    font-weight: inherit;
    height: inherit;
    position: absolute;
    text-decoration: none;
    width: inherit;
}

.c_product_categorylay-01001 .p_page .pageNum {
    height: 30px;
    width: 30px;
    color: rgba(102, 102, 102, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(242, 242, 242, 1);
    text-align: center;
    position: relative;
}

.c_product_categorylay-01001 .p_page .pageNum:hover {
    color: rgba(255, 255, 255, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    text-decoration: none;
    background-color: rgba(101, 190, 186, 1);
}

.c_product_categorylay-01001 .p_page .pageNum:active {
    text-decoration: none;
    background-color: rgba(90, 170, 167, 1);
}

.c_product_categorylay-01001 .p_page .pageNum.active {
    text-decoration: none;
    background-color: rgba(90, 170, 167, 1);
    color: rgba(255, 255, 255, 1);
}

.c_product_categorylay-01001 .p_page .pageNum .font {
    display: table-cell;
    vertical-align: middle;
    bottom: 0;
}

.c_product_categorylay-01001 .p_page .pageNum .iconfont {
    display: inline;
    color: rgba(255, 255, 255, 1);
    vertical-align: middle;
}

.c_product_categorylay-01001 .p_page .pageNum:hover .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_product_categorylay-01001 .p_page .pageNum:active .iconfont {
    color: rgba(255, 255, 255, 1);
}

.c_product_categorylay-01001 .p_page .pageNum .iconfont:before {
    content: "";
}

/*翻页省略*/
.c_product_categorylay-01001 .p_page .PageInterval {
    line-height: 30px;
    cursor: text;
    color: rgba(102, 102, 102, 1);
}

.c_product_categorylay-01001 .p_page .p_PageInterval {
    line-height: 30px;
    cursor: text;
    color: rgba(102, 102, 102, 1);
}

/*占位容器*/
.c_product_categorylay-01001 .p_OccupyBox {
    margin: 0;
    width: auto;
    height: auto;
    padding: 0;
    border: none;
    overflow: hidden;
}

/*方形图片组符*/
.c_product_categorylay-01001 .p_CommonSquareNumBtn {
    display: inline-block;
    height: 10px;
    width: 100px;
    padding: 0;
    background-color: rgba(228, 228, 228, 1);
    border-width: 1px;
    border-color: transparent;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: "Microsoft YaHei";
    text-align: center;
    cursor: pointer;
}

.c_product_categorylay-01001 .p_CommonSquareNumBtn img {
    display: none;
}

.c_product_categorylay-01001 .p_CommonSquareNumBtn .shape {
    text-indent: -9999em;
    width: inherit;
    height: inherit;
    vertical-align: middle;
}

.c_product_categorylay-01001 .p_CommonSquareNumBtn:hover, .c_product_categorylay-01001 .p_CommonSquareNumBtn.active {
    background-color: rgba(103, 184, 180, 1);
    color: rgba(255, 255, 255, 1);
}

.c_product_categorylay-01001 .p_CommonSquareNumBtn.j-nav-active {
    background-color: rgba(103, 184, 180, 1);
    color: rgba(255, 255, 255, 1);
}

/*无效果/分组*/
.c_product_categorylay-01001 .p_CommonThumbnailBox {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.c_product_categorylay-01001 .p_CommonThumbnailBox:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .c_product_categorylay-01001 .p_CommonThumbnailBox:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*//*无效果/分组*/
.c_product_categorylay-01001 .p_CommonSummaryBoxA {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.c_product_categorylay-01001 .p_CommonSummaryBoxA:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .c_product_categorylay-01001 .p_CommonSummaryBoxA:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*//*纯图标切换按钮*/
.c_product_categorylay-01001 .p_CommonSwitchBtnB {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 28px;
    color: rgba(154, 155, 155, 1);
}

.c_product_categorylay-01001 .p_CommonSwitchBtnB .iconfont:before {
    content: "\e6b0";
    display: inline-block;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnB:hover {
    color: rgba(105, 192, 188, 1);
}

.c_product_categorylay-01001 .p_CommonSwitchBtnB:hover {
    cursor: pointer;
}

/*概要信息*/
.c_product_categorylay-01001 .p_summary {
    color: rgba(102, 102, 102, 1); /*font-family:"Heiti SC";*/
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    vertical-align: top;
    word-break: break-all;
}

/*普通字段名*/
.c_product_categorylay-01001 .p_nameB {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    color: #969696;
    font-size: 14px;
    text-align: left;
}

.c_product_categorylay-01001 .p_nameB .font {
    vertical-align: middle;
    line-height: 19px;
}

.c_product_categorylay-01001 .p_nameB .iconfont:before {
    display: inline-block;
    content: "";
}

/*无效果/分组*/
.c_product_categorylay-01001 .p_SummaryBox {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.c_product_categorylay-01001 .p_SummaryBox:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .c_product_categorylay-01001 .p_SummaryBox:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*//*概要列表标题*/
.c_product_categorylay-01001 .p_title {
    display: inline-table;
    margin: 0;
    padding: 0;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
}

.c_product_categorylay-01001 .p_title .font {
    vertical-align: middle;
    line-height: 21px;
}

.c_product_categorylay-01001 .p_title:hover {
    color: rgba(69, 165, 161, 1);
}

.c_product_categorylay-01001 .p_title:active {
    color: rgba(87, 178, 173, 1);
}

.c_product_categorylay-01001 .p_title .iconfont:before {
    content: "";
}

/*普通短链接*/
.e_title.c_product_categorylay-01001 .p_LinkC {
    display: inline-block;
    padding: 0;
    color: #707070;
    font-size: 14px;
    text-align: left;
}

.e_title.c_product_categorylay-01001 .p_LinkC {
    white-space: nowrap;
    vertical-align: middle;
    line-height: 19px;
}

a > .e_title.c_product_categorylay-01001 .p_LinkC:hover {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    color: #60a9d7;
}

a > .e_title.c_product_categorylay-01001 .p_LinkC:active {
    color: #60a9d7;
    font-weight: 400;
}

a > .e_title.c_product_categorylay-01001 .p_LinkC:active {
    text-decoration: none;
    margin-top: 0;
}

.e_title.c_product_categorylay-01001 .p_LinkC .iconfont:before {
    display: inline-block;
    content: "";
}

/*普通字段名*/
.c_product_categorylay-01001 .p_nameC {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    color: #969696;
    font-size: 14px;
    text-align: left;
}

.c_product_categorylay-01001 .p_nameC .font {
    vertical-align: middle;
    line-height: 19px;
}

.c_product_categorylay-01001 .p_nameC .iconfont:before {
    display: inline-block;
    content: "";
}

/*无效果/分组*/
.c_product_categorylay-01001 .p_TitleBox {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.c_product_categorylay-01001 .p_TitleBox:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .c_product_categorylay-01001 .p_TitleBox:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*//*无效果/分组*/
.c_product_categorylay-01001 .p_header {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.c_product_categorylay-01001 .p_header:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .c_product_categorylay-01001 .p_header:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*//*无效果/分组*/
.c_product_categorylay-01001 .p_content {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.c_product_categorylay-01001 .p_content:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .c_product_categorylay-01001 .p_content:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*//* 无效果图片边框 */
.c_product_categorylay-01001 .p_thumbnail {
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: transparent;
    overflow: hidden;
}

.c_product_categorylay-01001 .p_thumbnail:hover {
    border-width: 1px;
    border-style: none;
    border-color: transparent;
}

.c_product_categorylay-01001 .p_thumbnail:active {
    border-width: 1px;
    border-style: none;
    border-color: transparent;
}

/*无效果/分组*/
.c_product_categorylay-01001 .p_images {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.c_product_categorylay-01001 .p_images:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .c_product_categorylay-01001 .p_images:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*//*普通短链接*/
.e_title.c_product_categorylay-01001 .p_LinkA {
    display: inline-block;
    padding: 0;
    color: #707070;
    font-size: 14px;
    text-align: left;
}

.e_title.c_product_categorylay-01001 .p_LinkA {
    white-space: nowrap;
    vertical-align: middle;
    line-height: 19px;
}

a > .e_title.c_product_categorylay-01001 .p_LinkA:hover {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    color: #60a9d7;
}

a > .e_title.c_product_categorylay-01001 .p_LinkA:active {
    color: #60a9d7;
    font-weight: 400;
}

a > .e_title.c_product_categorylay-01001 .p_LinkA:active {
    text-decoration: none;
    margin-top: 0;
}

.e_title.c_product_categorylay-01001 .p_LinkA .iconfont:before {
    display: inline-block;
    content: "";
}

/*无效果/分组*/
.c_product_categorylay-01001 .p_articles {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.c_product_categorylay-01001 .p_articles:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .c_product_categorylay-01001 .p_articles:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*//*无效果/分组*/
.c_product_categorylay-01001 .p_product {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.c_product_categorylay-01001 .p_product:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .c_product_categorylay-01001 .p_product:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*//*纯图标切换按钮*/
.c_product_categorylay-01001 .p_CommonSwitchBtnA {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 28px;
    color: rgba(154, 155, 155, 1);
}

.c_product_categorylay-01001 .p_CommonSwitchBtnA .iconfont:before {
    content: "\e6b0";
    display: inline-block;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnA:hover {
    color: rgba(105, 192, 188, 1);
}

.c_product_categorylay-01001 .p_CommonSwitchBtnA:hover {
    cursor: pointer;
}

/*无效果/分组*/
.c_product_categorylay-01001 .p_CommonInteraction {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.c_product_categorylay-01001 .p_CommonInteraction:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .c_product_categorylay-01001 .p_CommonInteraction:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*//*无效果/分组*/
.c_product_categorylay-01001 .p_CommonLanternBox {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

/*.c_product_categorylay-01001 .p_CommonLanternBox:hover{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; } .c_product_categorylay-01001 .p_CommonLanternBox:active{ border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; }*//*主要内容区容器*/
.c_product_categorylay-01001 .p_ProductList {
    margin: 0;
    width: 880px;
    height: auto;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(255, 255, 255, 1);
    background-color: transparent;
    white-space: nowrap;
}

/*.c_product_categorylay-01001 .p_ProductList:hover{ border-style:none; border-color:rgba(255, 255, 255,1); background-color:transparent; } .c_product_categorylay-01001 .p_ProductList:active{ border-width:0px; border-style:dashed; border-color:rgba(255, 255, 255,1); background-color:transparent; }*/
.c_product_categorylay-01001 {
    position: absolute;
    width: 890px;
    height: 370px;
    overflow: hidden;
    font-size: 0;
}

.c_product_categorylay-01001 .p_ProductList {
    width: inherit;
    height: auto;
    overflow: hidden;
    white-space: normal;
}

.c_product_categorylay-01001 .p_product {
    width: auto;
    height: auto;
    overflow: hidden;
    border-color: transparent;
    padding: 15px;
    display: block;
}

.c_product_categorylay-01001 .p_content {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
    margin: 10px;
}

.c_product_categorylay-01001 .p_header {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
}

.c_product_categorylay-01001 .p_iconBox {
    width: auto;
    height: auto;
}

.c_product_categorylay-01001 .p_nameC .iconfont:before {
    content: "\e6ae";
}

.c_product_categorylay-01001 .p_TitleBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
}

.c_product_categorylay-01001 .p_SummaryBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
}

/*覆盖阶段结束*/ /*改为inline-block*/
.c_product_categorylay-01001 .p_icon {
    width: auto;
    height: auto;
    position: absolute;
}

.c_product_categorylay-01001 .p_icon .font {
    display: inline;
}

.c_product_categorylay-01001 .p_icon:before {
    content: '';
}

/*end*/ /*组件样式开始*/
.c_product_categorylay-01001 .p_articles {
    margin: 5px;
    height: auto;
    width: 205px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    width: calc((100% - 40px) / 4);
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.c_product_categorylay-01001 .p_articles:hover {
    border: 1px solid #f0f0f0;
    background: #fcfdff;
}

.c_product_categorylay-01001 .p_articles:hover .p_title {
    color: rgba(69, 165, 161, 1)
}

.c_product_categorylay-01001 .p_articles:active {
    border: 1px solid #f0f0f0;
}

/*.c_product_categorylay-01001 .p_articles:hover .p_shade{ display: block; }*/
.c_product_categorylay-01001 .p_images {
    display: block;
    width: calc(100% - 10px);
    height: auto;
    position: relative;
    vertical-align: middle;
    margin: 5px;
    margin-bottom: 10px;
}

/*.c_product_categorylay-01001 .p_images:hover .p_shade{ display: block; }*/
.c_product_categorylay-01001 .p_thumbnail {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.c_product_categorylay-01001 .p_thumbnail img {
    width: 100%;
}

.c_product_categorylay-01001 .p_VideoIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    margin-left: -10px;
    margin-top: -10px;
}

.c_product_categorylay-01001 .p_icon.item_hide + .p_TitleBox {
    text-indent: 0px;
}

.c_product_categorylay-01001 .p_title {
    display: block;
}

.c_product_categorylay-01001 .p_title .font {
    white-space: normal;
    display: block;
}

.c_product_categorylay-01001 .p_title:active {
    color: #57b2ad;
}

.c_product_categorylay-01001 .p_title.recommend {
    color: #ED5A5A;
}

.c_product_categorylay-01001 .p_SummaryBox {
    margin-top: 5px;
}

.c_product_categorylay-01001 .p_header {
    font-size: 0;
    overflow: hidden;
}

.c_product_categorylay-01001 .p_nameB {
    float: left;
    margin-top: 3px;
}

.c_product_categorylay-01001 .p_VideoIcon:before {
    content: '\e65d';
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
}

.c_product_categorylay-01001 .p_summary {
    font-family: "Microsoft Yahei";
    white-space: normal;
    text-align: justify;
}

.c_product_categorylay-01001 .p_page {
    width: auto;
    height: auto;
    float: right;
    right: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.c_product_categorylay-01001 .p_news.lantern {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnA {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    pointer-events: all;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnA .iconfont {
    font-size: 60px;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnB {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    pointer-events: all;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnB .iconfont {
    font-size: 60px;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnB .iconfont:before {
    content: "\e6af";
}

.c_product_categorylay-01001 .p_CommonSummaryBoxA {
    width: auto;
    height: auto; /* position: relative; */
    text-align: center;
}

.c_product_categorylay-01001 .p_ThumbnailBox {
    width: auto;
    height: auto;
}

.c_product_categorylay-01001 .p_CommonInteraction {
    width: 100%;
    height: calc(100% - 10px);
    vertical-align: middle;
    position: absolute;
    overflow: visible;
    top: 0px;
    pointer-events: none;
}

/*跑马灯 start*/
.c_product_categorylay-01001 .p_CommonLanternBox {
    width: auto;
    height: auto;
    position: relative;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnA {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    pointer-events: all;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnA .iconfont {
    font-size: 60px;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnA .iconfont:before {
    content: "\e6b0";
}

.c_product_categorylay-01001 .p_CommonSwitchBtnB {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    pointer-events: all;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnB .iconfont {
    font-size: 60px;
}

.c_product_categorylay-01001 .p_CommonSwitchBtnB .iconfont:before {
    content: "\e6af";
}

.c_product_categorylay-01001 .p_CommonSummaryBoxA {
    width: auto;
    height: auto; /* position: relative; */
    text-align: center;
}

.c_product_categorylay-01001 .p_CommonThumbnailBox {
    width: auto;
    height: auto;
}

.c_product_categorylay-01001 .p_CommonInteraction {
    width: 100%;
    height: calc(100% - 10px);
    vertical-align: middle;
    position: absolute;
    overflow: visible;
    top: 0px;
    pointer-events: none;
}

.c_product_categorylay-01001 .p_CommonSquareNumBtn {
    width: 100px;
    height: 10px;
    margin-right: 15px;
}

/*跑马灯 end*/
.c_product_categorylay-01001 .p_TitleBox .p_nameC {
    display: inline-block;
    vertical-align: top;
    float: left;
}

.c_product_categorylay-01001 .p_TitleBox .p_nameC + .p_titleA, .c_product_categorylay-01001 .p_TitleBox .p_nameC + .p_title {
    text-indent: 0px;
}

.c_product_categorylay-01001 .p_TitleBox .p_nameC + .p_LinkC .p_titleA, .c_product_categorylay-01001 .p_TitleBox .p_nameC + .p_LinkC .p_title {
    text-indent: 0px;
}

.c_product_categorylay-01001 .p_TitleBox .p_nameC.item_hide + .p_titleA, .c_product_categorylay-01001 .p_TitleBox .p_nameC.item_hide + .p_title {
    text-indent: inherit;
}

.c_product_categorylay-01001 .p_TitleBox .p_nameC.item_hide + .p_LinkC .p_titleA, .c_product_categorylay-01001 .p_TitleBox .p_nameC.item_hide + .p_LinkC .p_title {
    text-indent: inherit;
}

/*大图 .c_product_detail-01001 .p_image{ width: 100%; height: 100%; }*/ /*.c_product_categorylay-01001 .p_shade{ position: absolute; background: rgba(0,0,0,0.3); width: 100%; height: 100%; top: 0px; left: 0px; display: none; } .c_product_categorylay-01001 .p_ToDetailA{ background: transparent; position: absolute; top: 50%; left: 50%; border: none; transform:translate(-50%,-50%); } .c_product_categorylay-01001 .p_ToDetailA .font{ color: #fff; } .c_product_categorylay-01001 .p_ToDetailA:hover{ background: transparent; }*/
.c_product_categorylay-01001 .p_DescribeBox {
    width: auto;
    height: auto;
    border-width: 0;
    background-color: transparent;
    margin-top: 5px;
}

.c_product_categorylay-01001 .p_nameD {
    float: left;
    margin-top: 3px;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    color: #969696;
    font-size: 14px;
    text-align: left;
}

.c_product_categorylay-01001 .p_nameD .font {
    vertical-align: middle;
    line-height: 19px;
}

.c_product_categorylay-01001 .p_describe {
    font-family: "Microsoft Yahei";
    white-space: normal;
    text-align: justify;
    line-height: 26px;
    width: inherit;
    height: auto;
    font-size: 14px;
}

.c_product_categorylay-01001 .d_CommonInteractionA {
    left: 0px;
    width: 60px;
    height: auto;
    vertical-align: middle;
    position: absolute;
    overflow: visible;
    top: 50%;
    transform: translate(0, -50%);
}

.c_product_categorylay-01001 .d_CommonInteractionB {
    right: 0px;
    width: 60px;
    height: auto;
    vertical-align: middle;
    position: absolute;
    overflow: visible;
    top: 50%;
    transform: translate(0, -50%);
}

.c_product_categorylay-01001 .p_CommonSwitchBtnA {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 45px;
    color: rgba(154, 155, 155, 1);
}

.w_hline-001 .p_HLine {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f0f0f0;
    opacity: 1;
    filter: alpha(opacity:100);
}

.w_hline-001 {
    position: absolute;
    width: 300px;
    height: 1px;
    left: 100px;
    top: 20px;
}

.w_hline-001 .w_hline {
    width: 100%;
    height: inherit;
}

.c_public_htmlCode-01001 {
    position: absolute;
    width: 300px;
    height: 390px;
}

/*nav*/
#w_wbox-1534832617494 {
    z-index: 800 !important;
}

/*feedback hidden*/
#w_rbox-1533034120814 {
    display: none;
}

#w_rbox-1534832617514 {
    display: none;
}

/*search hidden*/
#w_rbox-1533040205340 {
    display: none;
}

#w_rbox-1534832617504 {
    display: none;
}

/*image shadow*/
#w_img-1533093124161 {
    box-shadow: 0 8px 25px rgba(0, 0, 0, .13);
}

/*title font style*/
#w_common_text-1533094204563 span {
    font-size: 70px;
    font-family: 'Akzidenz-Grotesk-BQ';
    color: rgba(206, 20, 33, 1);
    font-weight: bold;
    letter-spacing: 2px;
}

#w_common_text-1533119023121 span {
    font-size: 70px;
    font-family: 'Akzidenz-Grotesk-BQ';
    color: rgba(255, 255, 255, 1);
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#w_common_text-1533194975565 span {
    font-size: 70px;
    font-family: 'Akzidenz-Grotesk-BQ';
    color: rgba(206, 20, 33, 1);
    font-weight: bold;
    letter-spacing: 2px;
}

#w_common_text-1533204789069 span {
    font-size: 70px;
    font-family: 'Akzidenz-Grotesk-BQ';
    color: rgba(255, 255, 255, 1);
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/*count scroll*/
.dbg {
    width: 100%;
    height: 100%;
    background: #fff;
}

.demo {
    text-align: left;
    width: 1200px;
    height: 120px;
    padding-top: 30px;
}

.demo #demo01 {
    display: inline-block;
}

.demo img {
    float: left;
}

.demo .single-info {
    display: inline-block;
    padding-left: 20px;
    float: left;
}

.demo .single-info p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    text-align: left;
}

.single-info .cont {
    line-height: 50px;
    height: 50px;
}

.counter {
    font-size: 40px;
    line-height: 50px;
    font-family: 'Bebas';
    display: inline-block;
    font-weight: normal;
    letter-spacing: 2px;
    color: #d2232a;
}

.single-info i {
    font-size: 40px;
    font-family: arial;
    font-weight: bold;
    color: #d2232a;
}

.single-info span {
    font-size: 14px;
    color: #666;
    padding-left: 8px;
}

.demo #demo01 {
    width: 280px;
    text-align: center;
    float: left;
    padding-left: 40px;
    padding-right: 30px;
    border-right: 1px solid #eee;
}

.demo #demo02 {
    width: 320px;
    text-align: center;
    float: left;
    padding-left: 45px;
    padding-right: 30px;
    border-right: 1px solid #eee;
}

.demo #demo03 {
    width: 300px;
    text-align: center;
    float: left;
    padding-left: 40px;
    padding-right: 40px;
    border-right: 1px solid #eee;
}

.demo #demo04 {
    width: 300px;
    text-align: center;
    float: left;
    padding-left: 50px;
    padding-right: 30px;
}

/*about ico*/
#w_rbox-1533110474882:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0%;
    background-color: rgba(206, 20, 33, 1);
    z-index: 1;
    left: 0;
    bottom: 0;
    transition: 0.5s ease;
}

#w_rbox-1533110474882:hover:before {
    height: 100%;
    cursor: pointer;
}

#w_rbox-1533110474882 #w_common_text-1533110474893 span {
    transition: 0.3s ease;
}

#w_rbox-1533110474882:hover #w_common_text-1533110474893 span {
    color: #fff;
    cursor: pointer;
}

#w_rbox-1533110474882 #w_imgbtn-1533110408999 .p_ImgBtn {
    transition: 0.3s ease;
}

#w_rbox-1533110474882:hover #w_imgbtn-1533110408999 .p_ImgBtn {
    background-image: url(../images/wf_about_ico22h.png);
}

#w_rbox-1533110853243:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0%;
    background-color: rgba(206, 20, 33, 1);
    z-index: 1;
    left: 0;
    bottom: 0;
    transition: 0.5s ease;
}

#w_rbox-1533110853243:hover:before {
    height: 100%;
    cursor: pointer;
}

#w_rbox-1533110853243 #w_common_text-1533110853255 span {
    transition: 0.3s ease;
}

#w_rbox-1533110853243:hover #w_common_text-1533110853255 span {
    color: #fff;
    cursor: pointer;
}

#w_rbox-1533110853243 #w_imgbtn-1533110853264 .p_ImgBtn {
    transition: 0.3s ease;
}

#w_rbox-1533110853243:hover #w_imgbtn-1533110853264 .p_ImgBtn {
    background-image: url(../images/wf_about_ico11h.png);
}

#w_rbox-1533110859268:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0%;
    background-color: rgba(206, 20, 33, 1);
    z-index: 1;
    left: 0;
    bottom: 0;
    transition: 0.5s ease;
}

#w_rbox-1533110859268:hover:before {
    height: 100%;
    cursor: pointer;
}

#w_rbox-1533110859268 #w_common_text-1533110859280 span {
    transition: 0.3s ease;
}

#w_rbox-1533110859268:hover #w_common_text-1533110859280 span {
    color: #fff;
    cursor: pointer;
}

#w_rbox-1533110859268 #w_imgbtn-1533110859290 .p_ImgBtn {
    transition: 0.3s ease;
}

#w_rbox-1533110859268:hover #w_imgbtn-1533110859290 .p_ImgBtn {
    background-image: url(../images/wf_about_ico33h.png);
}

/*project cover*/
#content_box-1533111401685 .lubo_box:before {
    background: url(../images/wf_jishu_bg.png);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 9;
    top: 0;
    left: 0;
    opacity: 0.5;
}

/*service cover*/
#w_wbox-1533177831513 .w_video:before {
    background: url(../images/wf_jishu_bg.png);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 9;
    top: 0;
    left: 0;
    opacity: 1;
}

/*news shadow*/
#c_news_list-15331975013463897 {
    box-shadow: 0 8px 25px rgba(0, 0, 0, .3);
}

#c_news_list-15331985572443016 {
    box-shadow: 0 8px 25px rgba(0, 0, 0, .3);
}

/*竖分隔线*/
.w_vline-001 .p_Vline {
    width: 1px;
    height: 200px;
    background-color: rgba(189, 189, 189, 0);
    width: 0px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgba(189, 189, 189, 1);
    opacity: 1;
    filter: alpha(opacity:100);
}

.w_vline-001 {
    position: absolute;
    width: 1px;
    height: 300px;
    left: 20px;
    top: 20px;
}

.w_vline-001 .w_vline {
    width: inherit;
    height: 100%;
}

.w_vline-001 .p_Vline {
    width: inherit;
    height: 100%;
}

.w_img-002 .p_title {
    display: inline-table;
    margin: 0;
    min-width: 37px;
    padding: 0;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

.w_img-002 .p_title .font {
    vertical-align: middle;
    line-height: 21px;
}

.w_img-002 .p_title:hover {
    color: rgba(87, 177, 173, 1);
}

.w_img-002 .p_title:active {
    color: rgba(69, 165, 161, 1);
}

.w_img-002 .p_title .iconfont:before {
    display: inline-block;
    content: "";
}

.w_img-002 .p_dimage {
    padding: 0;
    border-width: 0px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    background-color: transparent;
    overflow: hidden;
}

.w_img-002 .p_dimage:hover {
    border-width: 0px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    background-color: transparent;
}

.w_img-002 .p_dimage:active {
    border-width: 0px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    background-color: transparent;
}

.e_title.w_img-002 .p_link002 {
    display: inline-block;
    padding: 0;
    color: #707070;
    font-size: 14px;
    text-align: left;
}

.e_title.w_img-002 .p_link002 {
    white-space: nowrap;
    vertical-align: middle;
    line-height: 19px;
}

a > .e_title.w_img-002 .p_link002:hover {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    color: #60a9d7;
}

a > .e_title.w_img-002 .p_link002:active {
    color: #60a9d7;
    font-weight: 400;
}

a > .e_title.w_img-002 .p_link002:active {
    text-decoration: none;
    margin-top: 0;
}

.e_title.w_img-002 .p_link002 .iconfont:before {
    display: inline-block;
    content: "";
}

.e_title.w_img-002 .p_link001 {
    display: inline-block;
    padding: 0;
    color: #707070;
    font-size: 14px;
    text-align: left;
    height: calc(100%);
}

.e_title.w_img-002 .p_link001 {
    white-space: nowrap;
    vertical-align: middle;
    line-height: 19px;
}

a > .e_title.w_img-002 .p_link001:hover {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    color: #60a9d7;
}

a > .e_title.w_img-002 .p_link001:active {
    color: #60a9d7;
    font-weight: 400;
}

a > .e_title.w_img-002 .p_link001:active {
    text-decoration: none;
    margin-top: 0;
}

.e_title.w_img-002 .p_link001 .iconfont:before {
    display: inline-block;
    content: "";
}

.w_img-002 .p_box {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: none;
    border-color: rgba(228, 228, 228, 0);
    background-color: transparent;
    overflow: hidden;
}

.w_img-002 {
    position: absolute;
    width: 300px;
    height: 249px;
}

.w_img-002 .animated {
    width: 100%;
    height: 100%;
}

.w_img-002 .font {
    white-space: nowrap;
}

.w_img-002 .p_link001 {
    width: 100%;
    height: calc(100%);
}

.w_img-002 .p_link002 {
    width: 100%;
    height: 30px;
}

.w_img-002 .p_box {
    width: 100%;
    height: 100%;
    text-align: center;
}

.w_img-002 .p_dimage {
    height: inherit;
    overflow: hidden;
    font-size: 0;
}

.w_img-002 .e_image:hover:after {
    background: transparent;
}

.w_img-002 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.w_img-002 > div {
    animation-fill-mode: both;
}

/*无效果/分组*/
.w_sfbox-001 > div > .p_SwipPanelBox {
    margin: 0;
    padding: 0;
    background-color: transparent;
    overflow: hidden;
    width: auto;
    height: auto;
    position: fixed;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
    padding: 30px 0;
    z-index: 999;
    animation-name: fadeInRight;
    animation-duration: 1.3s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel {
    width: auto;
    height: auto;
    font-size: 14px;
    color: #626262;
    font-size: 12px;
    padding: 0px;
    text-align: right;
    margin-top: 5px;
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel:first-child {
    margin-top: 0;
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .font {
    width: auto;
    height: auto;
    display: inline-block;
    margin-right: 5px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
    font-family: NotoSansHans-Regular;
    font-size: inherit;
    color: inherit;
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape {
    width: 3px;
    height: 30px;
    display: inline-block;
    margin-left: 5px;
    line-height: 30px;
    padding: 0px;
    background-position: center;
    background-size: auto auto;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    border-radius: 0%;
    overflow: hidden;
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape > div {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 0%;
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape > div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background: #f47920;
    transition: 0.5s ease;
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active .shape {
    border: none;
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active .shape > div:before {
    height: 100%
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active {
    color: #0099cc;
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

/*无效果/分组*/
.w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_fboxChild {
    border-color: rgba(228, 228, 228, 0);
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.w_sfbox-001 > .w_sfbox > .p_fbox {
    width: 100%;
}

.w_sfbox-001 > .w_sfbox {
    width: 100%;
}

.w_sfbox-001 {
    width: 100%;
}

.w_sfbox-001 .tips {
    position: absolute;
    width: 100%;
    text-align: center;
    display: none !important;
}

.w_sfbox-001 .tips .title {
    text-align: center;
    font-size: 18px;
    color: #c3c3c3;
}

.w_sfbox-001 .tips .content {
    text-align: center;
    font-size: 14px;
    font-family: "微软雅黑";
    color: #a2a2a2;
    font-weight: normal;
    line-height: 24px;
}

.w_sfbox-001 > .w_sfbox > .p_fbox > .p_footer {
    width: 100%;
    height: 200px;
    background-color: #2e77ba;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

/*默认横向文字靠左*/ /*横向设置 文字靠右*/
.w_sfbox-001 .p_SwipPanelBox.hor-right .font {
    float: right;
    margin-right: 0;
    margin-left: 5px;
}

.w_sfbox-001 .p_SwipPanelBox.hor-right .shape {
    margin-right: 5px;
    margin-left: 0;
}

/*竖向设置 文字靠上*/
.w_sfbox-001 .p_SwipPanelBox.ver-top .p_SwipPanel {
    padding: 0 0 0 10px;
    float: left;
    margin: 0;
}

.w_sfbox-001 .p_SwipPanelBox.ver-top .font {
    margin: 0 0 5px 0;
    writing-mode: vertical-lr;
    display: block;
}

.w_sfbox-001 .p_SwipPanelBox.ver-top .shape {
    margin: 5px 0 0 0;
}

/*竖向设置 文字靠下*/
.w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel {
    padding: 0 0 0 10px;
    float: left;
    margin: 0;
}

.w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel:first-child {
    padding: 0;
}

.w_sfbox-001 .p_SwipPanelBox.ver-bottom .font {
    margin: 5px 0 0 0;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    writing-mode: tb-lr;
    display: block;
}

.w_sfbox-001 .p_SwipPanelBox.ver-bottom .shape {
    margin: 0 0 5px 0;
}

/*包裹视频和翻屏页的容器*/
.w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox {
    position: relative;
    background-color: #F4F4F4;
    overflow: hidden;
}

.w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox .video {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_bgBox {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.w_btn-002 .p_CommonBtn {
    font-size: 18px;
    width: 100%;
    height: 50px;
    color: rgba(0, 0, 0, 1);
    border-width: 1px;
    border-style: none;
    border-color: transparent;
    background-color: rgba(106, 186, 190, 1);
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
}

.w_btn-002 .p_CommonBtn:hover {
    color: rgba(255, 255, 255, 1);
    border-width: 1px;
    border-style: none;
    border-color: transparent;
    background-color: rgba(106, 186, 190, 1);
}

.w_btn-002 .p_CommonBtn:hover .font {
    color: rgba(255, 255, 255, 1);
}

.w_btn-002 .p_CommonBtn:active {
    color: rgba(255, 255, 255, 1);
    border-width: 1px;
    border-style: none;
    border-color: transparent;
    background-color: rgba(106, 186, 190, 1);
}

.w_btn-002 .p_CommonBtn .font {
    display: table-cell;
    vertical-align: middle;
    text-align: inherit;
    font-family: arial;
}

.e_title.w_btn-002 .p_link {
    display: inline-block;
    padding: 0;
    color: #707070;
    font-size: 14px;
    text-align: left;
}

.e_title.w_btn-002 .p_link {
    white-space: nowrap;
    vertical-align: middle;
    line-height: 19px;
}

a > .e_title.w_btn-002 .p_link:hover {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    color: #60a9d7;
}

a > .e_title.w_btn-002 .p_link:active {
    color: #60a9d7;
    font-weight: 400;
}

a > .e_title.w_btn-002 .p_link:active {
    text-decoration: none;
    margin-top: 0;
}

.e_title.w_btn-002 .p_link .iconfont:before {
    display: inline-block;
    content: "";
}

.w_btn-002 {
    position: absolute;
    width: 157px;
    height: 50px;
}

.w_btn-002 .p_CommonBtn {
    width: 100%;
    height: inherit;
    padding: 0;
    background-color: rgba(255, 102, 0, 1);
}

.w_btn-002 .animated {
    width: 100%;
    height: 100%;
}

.w_btn-002 .p_CommonBtn {
    border-style: solid;
}

.w_btn-002 .p_CommonBtn:hover {
    background-color: rgba(255, 102, 0, 1);
    box-shadow: -0px -2px 3px 0px rgba(0, 0, 0, 0.35) inset;
    shadow-angle-ofInset: -90px;
    shadow-distance-ofInset: 2px;
}

.w_btn-002 .p_CommonBtn:active {
    background-color: rgba(255, 102, 0, 1);
    box-shadow: -0px -2px 3px 0px rgba(0, 0, 0, 0.35) inset;
    shadow-angle-ofInset: -90px;
    shadow-distance-ofInset: 2px;
}

.w_btn-002 .p_MatteIcon iconfont:before {
    content: '\e752';
}

.w_btn-002 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.w_btn-002 > div {
    animation-fill-mode: both;
}

@CHARSET "UTF-8";
* {
    padding: 0;
    margin: 0;
}

/*page property_start*/
.pagebox, #-remove--flag {
}

/*page property_end*//*page property_start*/
body, #-remove--flag {
}

/*page property_end*/
#c_nav_main-15401130477632592 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_nav_main-15401130477632592 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 50px;
    height: 50px;
}

@-webkit-keyframes fadeOutLeft {
}

@keyframes fadeOutLeft {
}

#c_public_htmlCode-15402608600531143 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 100%;
}

#c_public_htmlCode-15403410202507011 .container-arrow__arrow {
    pointer-events: none;
    overflow: hidden;
    position: relative;
    height: 50px;
    width: 50px;
}

#c_public_htmlCode-15403410202507011 .container-arrow__arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 25px;
    width: 3px;
    height: 100%;
    background-color: #ffffff;
    -webkit-animation: screen-arrow 1.5s infinite ease;
    animation: screen-arrow 1.5s infinite ease;
}

#c_public_htmlCode-15403410202507011 {
    position: absolute;
    top: 41px;
    left: 14px;
    z-index: 1;
    width: 50px;
    height: 50px;
}

#c_public_htmlCode-15403636044315773 {
    position: absolute;
    top: 11px;
    left: 23.5px;
    z-index: 1;
    width: 585px;
    height: 77px;
}

#c_public_htmlCode-15403722885718560 .home__flaps {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    pointer-events: none;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#c_public_htmlCode-15403722885718560 .home__flaps-row {
    width: 100%;
    height: 50%;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#c_public_htmlCode-15403722885718560 .home__flap {
    height: 100%;
    width: calc((100% - 0px) / 6);
}

#c_public_htmlCode-15403722885718560 .home__flap .inner {
    background-color: #27293d;
    width: 100%;
    height: 100%;
    -webkit-animation: anmi-mask 0.5s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
    animation: anmi-mask 0.5s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
}

#c_public_htmlCode-15403722885718560 .home__flap.home__flap--light .inner {
    -webkit-animation: anmi-mask 0.8s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
    animation: anmi-mask 0.8s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
}

#c_public_htmlCode-15403722885718560 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
    height: 100%;
}

#c_public_htmlCode-15407171279534429 .p01_line {
    overflow: hidden;
    animation: anmi-line 1s alternate infinite;
    -moz-animation: anmi-line 1s ease-in;
    -webkit-animation: anmi-line 1s ease-in;
    -o-animation: anmi-line 1s ease-in;
    animation-fill-mode: forwards;
    animation-delay: 2.5s;
    width: 0px;
}

#c_public_htmlCode-15407171279534429 {
    position: absolute;
    top: 676px;
    left: 0px;
    z-index: 9;
    width: 1920px;
    height: 97px;
}

#c_public_htmlCode-15407789590544908 .home__flaps {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    pointer-events: none;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#c_public_htmlCode-15407789590544908 .home__flaps-row {
    width: 100%;
    height: 50%;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#c_public_htmlCode-15407789590544908 .home__flap {
    height: 100%;
    width: calc((100% - 0px) / 6);
}

#c_public_htmlCode-15407789590544908 .home__flap .inner {
    background-color: #27293d;
    width: 100%;
    height: 100%;
    -webkit-animation: anmi-mask 0.8s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
    animation: anmi-mask 0.8s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
}

#c_public_htmlCode-15407789590544908 .home__flap.home__flap--light .inner {
    -webkit-animation: anmi-mask 0.9s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1.1s;
    animation: anmi-mask 0.9s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1.1s;
}

#c_public_htmlCode-15407789590544908 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: 1920px;
    height: 897px;
}

#c_product_categorylay-15407956985684521 .p_articles {
    width: calc((100% - 0px) / 1);
    height: 598px;
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border: none;
}

#c_product_categorylay-15407956985684521 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_product_categorylay-15407956985684521 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_product_categorylay-15407956985684521 > div {
    animation-fill-mode: both;
}

#c_product_categorylay-15407956985684521 .swiper-wrapper {
    transition-duration: 800ms;
}

#c_product_categorylay-15407956985684521 .p_articles:hover {
    background: none;
}

#c_product_categorylay-15407956985684521 .p_nameC .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_product_categorylay-15407956985684521 .p_CommonLanternBox {
    width: auto;
    height: 598px;
    position: relative;
}

#c_product_categorylay-15407956985684521 .p_product {
    padding: 0px;
}

#c_product_categorylay-15407956985684521 .higher img {
    width: 903px !important;
    height: 598px !important;
    left: 0px !important;
    top: 0px !important;
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}

#c_product_categorylay-15407956985684521 .p_images {
    width: 903px;
    height: 593px;
    margin: 0px;
    right: 0px;
    top: 0px;
    position: absolute;
}

#c_product_categorylay-15407956985684521 .p_content {
    width: 470px;
    height: auto;
    position: absolute;
    left: 0px;
    top: 210px;
    margin: 0px;
}

#c_product_categorylay-15407956985684521 .p_title .font {
    white-space: normal;
    display: block;
    color: #fd8835;
    font-size: 42px;
    height: 42px;
    overflow: hidden;
    line-height: 42px;
    margin: 20px 0px;
}

#c_product_categorylay-15407956985684521 .p_summary {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    height: 60px;
    overflow: hidden;
    margin: 5px 0px 40px 0px;
}

#c_product_categorylay-15407956985684521 .more_pro {
    width: 130px;
    height: 36px;
    position: relative;
    overflow: hidden;
}

#c_product_categorylay-15407956985684521 .m_pro_btn {
    width: 130px;
    height: 36px;
}

#c_product_categorylay-15407956985684521 .m_pro_btn:hover {
    cursor: pointer;
}

#c_product_categorylay-15407956985684521 .m_pro_btn .m_font {
    display: block;
    height: 36px;
    width: 130px;
    font-family: arial;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    transform: translateY(8px);
    transition: 0.36s ease;
}

#c_product_categorylay-15407956985684521 .m_pro_btn:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ff7e21;
    left: 0px;
    bottom: 0px;
    z-index: -2;
    transform: translateY(80%);
    transition: 0.36s cubic-bezier(0.68, 0.54, 0.14, 0.96);
}

#c_product_categorylay-15407956985684521 .m_pro_btn:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .3);
    left: 0px;
    bottom: 0px;
    z-index: -1;
    transform: translateY(100%);
    transition: 0.36s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.16s;
}

#c_product_categorylay-15407956985684521 .m_pro_btn:hover .m_font {
    transform: translateY(0px);
}

#c_product_categorylay-15407956985684521 .m_pro_btn:hover:before {
    transform: translateY(0%);
}

#c_product_categorylay-15407956985684521 .m_pro_btn:hover:after {
    transform: translateY(-100%);
}

#c_product_categorylay-15407956985684521 .d_CommonInteractionA {
    left: 52px;
    width: 60px;
    height: auto;
    vertical-align: middle;
    z-index: 5;
    position: absolute;
    overflow: visible;
    top: 95%;
    transform: translate(0, -95%);
}

#c_product_categorylay-15407956985684521 .p_CommonSwitchBtnA .iconfont {
    font-size: 32px;
}

#c_product_categorylay-15407956985684521 .p_CommonSwitchBtnA {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: #fff;
    border: 1px solid #ffffff;
    padding: 0px 5px;
    transition: 0.36s ease;
    animation-name: fadeIn;
    animation-duration: 1.2s;
    animation-delay: 1.3s;
    animation-fill-mode: both;
}

#c_product_categorylay-15407956985684521 .p_CommonSwitchBtnA:hover {
    border: 1px solid #ff7e21;
}

#c_product_categorylay-15407956985684521 .p_CommonSwitchBtnB {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    pointer-events: all;
    font-size: 32px;
    color: #fff;
    border: 1px solid #fff;
    padding: 0px 5px;
    transition: 0.36s ease;
    animation-name: fadeIn;
    animation-duration: 1.2s;
    animation-delay: 1.3s;
    animation-fill-mode: both;
}

#c_product_categorylay-15407956985684521 .p_CommonSwitchBtnB:hover {
    border: 1px solid #ff7e21;
}

#c_product_categorylay-15407956985684521 .p_CommonSwitchBtnB .iconfont {
    font-size: 32px;
}

#c_product_categorylay-15407956985684521 .d_CommonInteractionB {
    left: 92px;
    width: 60px;
    height: auto;
    vertical-align: middle;
    position: absolute;
    overflow: visible;
    top: 95%;
    transform: translate(0, -95%);
}

#c_product_categorylay-15407956985684521 .p_CommonSwitchBtnA:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0px;
    height: 42px;
    background: #ff7e21;
    z-index: -1;
    transition: 0.36s ease;
}

#c_product_categorylay-15407956985684521 .p_CommonSwitchBtnA:hover:before {
    width: 42px;
}

#c_product_categorylay-15407956985684521 .p_CommonSwitchBtnB:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 42px;
    background: #ff7e21;
    z-index: -1;
    transition: 0.36s ease;
}

#c_product_categorylay-15407956985684521 .p_CommonSwitchBtnB:hover:before {
    width: 42px;
}

#c_product_categorylay-15407956985684521 .swiper-slide-active .p_images {
    animation-name: fadeInUp;
    animation-duration: 0.8s;
    animation-delay: 0.3s;
    animation-fill-mode: both;
}

#c_product_categorylay-15407956985684521 .swiper-slide-active .p_TitleBox {
    animation-name: fadeInUp;
    animation-duration: 0.8s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}

#c_product_categorylay-15407956985684521 .swiper-slide-active .p_summary {
    animation-name: fadeInUp;
    animation-duration: 0.8s;
    animation-delay: 0.7s;
    animation-fill-mode: both;
}

#c_product_categorylay-15407956985684521 .swiper-slide-active .more_pro {
    animation-name: fadeIn;
    animation-duration: 1.2s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

#c_product_categorylay-15407956985684521 {
    position: absolute;
    top: 0px;
    left: -19px;
    z-index: 1;
    width: 1398px;
    height: 605px;
}

#c_public_htmlCode-15408643670405686 .home__flaps {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    pointer-events: none;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#c_public_htmlCode-15408643670405686 .home__flaps-row {
    width: 100%;
    height: 50%;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#c_public_htmlCode-15408643670405686 .home__flap {
    height: 100%;
    width: calc((100% - 0px) / 6);
}

#c_public_htmlCode-15408643670405686 .home__flap .inner {
    background-color: #27293d;
    width: 100%;
    height: 100%;
    -webkit-animation: anmi-mask 0.5s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
    animation: anmi-mask 0.5s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
}

#c_public_htmlCode-15408643670405686 .home__flap.home__flap--light .inner {
    -webkit-animation: anmi-mask 0.8s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
    animation: anmi-mask 0.8s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
}

#c_public_htmlCode-15408643670405686 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#c_news_list-15408661830597233 .p_articles {
    width: calc((100% - 0px) / 4);
    height: 100vh !important;
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border: none;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-top: 38vh;
}


#c_news_list-15408661830597233 .p_CommonSummaryBoxA {
    text-align: center;
    POSITION: relative;
    bottom: 18%;
}

#c_news_list-15408661830597233 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_news_list-15408661830597233 > div {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
}

#c_news_list-15408661830597233 .p_articles:hover {
    background: none;
}

#c_news_list-15408661830597233 .p_articles:hover #c_news_list-15408661830597233 .p_summary {
    color: #fff !important;
}

#c_news_list-15408661830597233 .p_nameC .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_AssistNameG .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_AssistNameA .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_nameB .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_ToDetail .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_top .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_Recommend .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_ImgNews .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_new .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_hot .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_AssistNameB .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_AssistNameD .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_AssistNameE .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_AssistNameF .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_news_list-15408661830597233 .p_Newslist {
    height: 100% !important;
    position: relative;
}

#c_news_list-15408661830597233 .p_CommonLanternBox {
    height: 100% !important;
}

#c_news_list-15408661830597233 .swiper-container {
    height: 100% !important;
}

#c_news_list-15408661830597233 .p_news {
    padding: 0px 75px;
}

#c_news_list-15408661830597233 .swiper-wrapper {
    height: 100% !important;
}

#c_news_list-15408661830597233 .p_title .font {
    font-size: 16px;
    color: #fff;
    transition: all 0.36s ease;
}

#c_news_list-15408661830597233 .p_nameB {
    display: none;
}

#c_news_list-15408661830597233 .p_summary {
    color: #d4d8f7;
    font-size: 12px;
    line-height: 24px;
}

#c_news_list-15408661830597233 .p_time {
    color: #fd8835;
}

#c_news_list-15408661830597233 .p_SummaryBox {
    margin-top: 15px;
    margin-bottom: 10px;
    transition: all 0.6s ease 0.2s;
}

#c_news_list-15408661830597233 .p_articles:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    background-color: rgba(22, 36, 54, .5);
    transition: all 0.6s ease;
}

#c_news_list-15408661830597233 .p_articles:hover:before {
    height: 100%;
}

#c_news_list-15408661830597233 .p_articles .p_images {
    transition: all 0.5s ease;
}

#c_news_list-15408661830597233 .p_articles:hover .p_images {
    transform: translateY(-20px);
}

#c_news_list-15408661830597233 .p_articles .p_header {
    transition: all 0.5s ease 0.1s;
}

#c_news_list-15408661830597233 .p_articles:hover .p_header {
    transform: translateY(-20px);
}

#c_news_list-15408661830597233 .p_articles:hover .p_content {
    overflow: initial;
}

#c_news_list-15408661830597233 .p_articles:hover .font {
    color: #ff7e21;
}

#c_news_list-15408661830597233 .p_articles:hover .p_SummaryBox {
    transform: translateY(-20px);
}

#c_news_list-15408661830597233 {
    position: absolute;
    top: 0px;
    left: 246px;
    z-index: 3;
    width: 1428px;
    height: 100%;
}

#c_public_htmlCode-15408792701260119 .home__flaps {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    pointer-events: none;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#c_public_htmlCode-15408792701260119 .home__flaps-row {
    width: 100%;
    height: 50%;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#c_public_htmlCode-15408792701260119 .home__flap {
    height: 100%;
    width: calc((100% - 0px) / 6);
}

#c_public_htmlCode-15408792701260119 .home__flap .inner {
    background-color: #27293d;
    width: 100%;
    height: 100%;
    -webkit-animation: anmi-mask 0.8s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
    animation: anmi-mask 0.8s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1s;
}

#c_public_htmlCode-15408792701260119 .home__flap.home__flap--light .inner {
    -webkit-animation: anmi-mask 0.9s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1.1s;
    animation: anmi-mask 0.9s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 1.1s;
}

#c_public_htmlCode-15408792701260119 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#w_sfbox-1540110394243 .p_footer {
    height: 200px;
}

#w_sfbox-1540110394243 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_sfbox-1540110394243 .ping_0 {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_sfbox-1540110394243 .ping_1 {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_sfbox-1540110394243 .ping_2 {
    background-color: rgba(12, 67, 115, 0);
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_sfbox-1540110394243 .ping_3 {
    background-color: rgba(51, 51, 51, 0);
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_sfbox-1540110394243 .ping_4 {
    background-color: rgba(13, 19, 31, 0.6);
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_sfbox-1540110394243 .p_SwipPanelBox {
    left: auto;
    top: auto;
    right: 40px;
    bottom: 0px;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

#w_sfbox-1540110394243 .p_bgBox {
    animation-name: bgMagnify;
    animation-duration: 20s;
    animation-delay: 1.2s;
}

#w_img-1540173176755 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_img-1540173176755 > div {
    animation-name: fadeInLeft;
    animation-duration: 1.8s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_rbox-1540362008225 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_rbox-1540362008225 > div {
    animation-duration: 1.5s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
}

#w_rbox-1540352996740 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_rbox-1540352996740 > div {
    animation-name: fadeInLeft;
    animation-duration: 1.3s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
}

#w_rbox-1540340803705 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_rbox-1540340803705 > div {
    animation-name: fadeInUp;
    animation-duration: 2s;
    animation-delay: 3s;
    animation-fill-mode: both;
}

#w_rbox-1540288439583 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_rbox-1540288439583 > div {
    animation-fill-mode: both;
}

#w_rbox-1540712122718 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_rbox-1540712122718 > div {
    animation-fill-mode: both;
    overflow: hidden;
}

#w_rbox-1540712349708 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_rbox-1540712349708 > div {
    animation-fill-mode: both;
}

#w_rbox-1540805886199 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_rbox-1540805886199 > div {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_rbox-1540882118686 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_rbox-1540882118686 > div {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
}

#w_rbox-1540882686842 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_rbox-1540882686842 > div {
    animation-name: fadeIn;
    animation-duration: 1.2s;
    animation-delay: 2.5s;
    animation-fill-mode: both;
}

#w_rbox-1540886786334 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_rbox-1540886786334 > div {
    animation-name: zoomIn;
    animation-duration: 2s;
    animation-delay: 2.8s;
    animation-fill-mode: both;
}

#w_rbox-1540286356876 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_rbox-1540286356876 > div {
    animation-name: slideInLeft;
    animation-duration: 1.5s;
    animation-delay: 2s;
    animation-fill-mode: both;
}

#w_rbox-1540286356876 div.w_rbox > .p_rbox {
    background-color: rgba(255, 255, 255, 0.15);
}

#w_common_text-1540288454944 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540288454944 > div {
    animation-name: fadeInLeft;
    animation-duration: 2s;
    animation-delay: 2.5s;
    animation-fill-mode: both;
}

#w_common_text-1540288454944 .p_link001 {
    height: calc(100%);
}

#w_vline-1540286266273 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540286266273 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540286266273 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540283804269 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540283804269 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540283804269 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540283825179 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540283825179 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540283825179 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540283524968 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540283524968 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540283524968 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540283819865 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540283819865 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540283819865 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_common_text-1540281260913 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540281260913 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.9s;
    animation-fill-mode: both;
}

#w_common_text-1540281326112 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540281326112 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.9s;
    animation-fill-mode: both;
}

#w_common_text-1540281019791 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540281019791 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.7s;
    animation-fill-mode: both;
}

#w_common_text-1540271849256 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540271849256 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540204629454 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540204629454 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540281300224 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540281300224 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.9s;
    animation-fill-mode: both;
}

#w_common_text-1540272355344 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540272355344 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540281367146 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540281367146 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.9s;
    animation-fill-mode: both;
}

#w_common_text-1540281075472 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540281075472 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.7s;
    animation-fill-mode: both;
}

#w_common_text-1540272344597 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540272344597 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540272344607 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540272344607 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540272326961 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540272326961 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540281003230 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540281003230 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.7s;
    animation-fill-mode: both;
}

#w_common_text-1540280944322 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540280944322 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.7s;
    animation-fill-mode: both;
}

#w_common_text-1540281033135 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540281033135 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.7s;
    animation-fill-mode: both;
}

#w_common_text-1540281098062 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540281098062 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.7s;
    animation-fill-mode: both;
}

#w_common_text-1540271825927 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540271825927 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540280898336 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540280898336 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.7s;
    animation-fill-mode: both;
}

#w_common_text-1540280985392 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540280985392 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.7s;
    animation-fill-mode: both;
}

#w_common_text-1540280922134 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540280922134 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.7s;
    animation-fill-mode: both;
}

#w_common_text-1540281054329 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540281054329 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.7s;
    animation-fill-mode: both;
}

#w_common_text-1540281343723 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540281343723 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.9s;
    animation-fill-mode: both;
}

#w_hline-1540292867269 .p_HLine {
    border-top-color: rgba(255, 255, 255, 1);
    border-top-style: solid;
    border-top-width: 2px;
}

#w_hline-1540292867269 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_hline-1540292867269 > div {
    animation-name: anmi-mask1;
    animation-duration: 0.5s;
    animation-delay: 2.5s;
    animation-fill-mode: both;
}

#w_common_text-1540718543588 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540718543588 > div {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 3s;
    animation-fill-mode: both;
}

#w_common_text-1540718543588 .p_link001 {
    height: calc(100%);
}

#w_vline-1540718543578 .p_Vline {
    border-left-color: rgba(255, 126, 33, 1);
    border-left-style: solid;
    border-left-width: 2px;
}

#w_vline-1540718543578 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540718543578 > div {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 3s;
    animation-fill-mode: both;
}

#w_common_text-1540718543594 .p_link001 {
    height: calc(100%);
}

#w_img-1540718543568 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_img-1540718543568 > div {
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-delay: 3s;
    animation-fill-mode: both;
}

#w_common_text-1540712153473 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540712153473 > div {
    animation-name: slideInUp;
    animation-duration: 1.3s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
}

#w_common_text-1540712153473 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540712193489 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540712193489 > div {
    animation-name: slideInUp;
    animation-duration: 1.5s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
}

#w_common_text-1540712193489 .en {
    font-family: 'impact';
    font-size: 7vh !important;
    font-weight: 600;
    display: block;
    line-height: 70px;
    height: 8vh;
}

#w_common_text-1540712193489 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540712364050 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540712364050 > div {
    animation-name: slideInUp;
    animation-duration: 1.5s;
    animation-delay: 2s;
    animation-fill-mode: both;
}

#w_common_text-1540712364050 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540772229687 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540772229687 > div {
    animation-name: slideInUp;
    animation-duration: 1.5s;
    animation-delay: 2.1s;
    animation-fill-mode: both;
}

#w_common_text-1540772229687 .p_link001 {
    height: calc(100%);
}

#w_img-1540718618101 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_img-1540718618101 > div {
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-delay: 3.2s;
    animation-fill-mode: both;
}

#w_common_text-1540718618129 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540718618122 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540718618122 > div {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 3.2s;
    animation-fill-mode: both;
}

#w_common_text-1540718618122 .p_link001 {
    height: calc(100%);
}

#w_vline-1540718618113 .p_Vline {
    border-left-color: rgba(255, 126, 33, 1);
    border-left-style: solid;
    border-left-width: 2px;
}

#w_vline-1540718618113 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540718618113 > div {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 3.2s;
    animation-fill-mode: both;
}

#w_vline-1540371666044 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540371666044 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540371666044 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540371666036 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540371666036 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540371666036 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540371666009 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540371666009 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540371666009 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540371666027 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540371666027 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540371666027 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540371666018 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540371666018 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540371666018 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_btn-1540713173041 .p_CommonBtn {
    background-color: rgba(0, 0, 0, 0);
}

#w_btn-15407131730410 .p_CommonBtn {
    background-color: rgba(0, 0, 0, 0);
}

#w_btn-1540713173041 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_btn-15407131730410 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_btn-1540713173041 > div {
    animation-name: slideInRight;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_btn-15407131730410 > div {
    animation-name: slideInRight;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_img-1540718008761 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_img-1540718008761 > div {
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-delay: 2.6s;
    animation-fill-mode: both;
}

#w_vline-1540718121865 .p_Vline {
    border-left-color: rgba(255, 126, 33, 1);
    border-left-style: solid;
    border-left-width: 2px;
}

#w_vline-1540718121865 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540718121865 > div {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 2.6s;
    animation-fill-mode: both;
}

#w_common_text-1540718235130 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540718235130 > div {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 2.6s;
    animation-fill-mode: both;
}

#w_common_text-1540718235130 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540718276133 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540711582658 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540711582658 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540711582658 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540711843700 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540711843700 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540711843700 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540711718907 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540711718907 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540711718907 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540711802739 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540711802739 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540711802739 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540711780647 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540711780647 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540711780647 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540711856298 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540711856298 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540711856298 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540711824565 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540711824565 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540711824565 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540711834533 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540711834533 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540711834533 .p_link001 {
    height: calc(100%);
}

#w_img-1540718436586 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_img-1540718436586 > div {
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-delay: 2.8s;
    animation-fill-mode: both;
}

#w_common_text-1540718436612 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540718436612 > div {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 2.8s;
    animation-fill-mode: both;
}

#w_common_text-1540718436612 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540718436618 .p_link001 {
    height: calc(100%);
}

#w_vline-1540718436601 .p_Vline {
    border-left-color: rgba(255, 126, 33, 1);
    border-left-style: solid;
    border-left-width: 2px;
}

#w_vline-1540718436601 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540718436601 > div {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 2.8s;
    animation-fill-mode: both;
}

#w_common_text-1540807661021 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540807661021 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540807661021 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540807661000 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540807661000 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540807661000 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540807661006 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540807661006 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540807661006 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540807661027 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540807661027 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540807661027 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540807661034 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540807661034 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540807661034 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540807661040 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540807661040 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540807661040 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540807660988 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540807660988 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540807660988 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540807661013 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540807661013 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540807661013 .p_link001 {
    height: calc(100%);
}

#w_vline-1540779280453 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540779280453 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540779280453 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540779280482 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540779280482 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540779280482 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540779280473 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540779280473 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540779280473 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540779280489 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540779280489 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540779280489 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540779280464 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540779280464 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540779280464 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540865943327 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540865943327 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540865943327 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540865943340 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540865943340 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540865943340 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540865943353 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540865943353 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540865943353 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540865943361 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540865943361 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540865943361 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540865943369 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540865943369 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540865943369 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_common_text-1540871555632 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540871555632 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540871555632 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540871555646 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540871555646 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540871555646 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540871555657 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540871555657 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540871555657 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540871797014 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540871797014 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540871797014 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540871837338 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540871837338 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540871837338 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540871854764 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540871854764 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540871854764 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540871868385 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540871868385 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540871868385 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540871880376 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540871880376 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540871880376 .p_link001 {
    height: calc(100%);
}

#w_btn-1540876771886 .p_CommonBtn {
    background-color: rgba(0, 0, 0, 0);
}

#w_btn-1540876771886 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_btn-1540876771886 > div {
    animation-name: slideInRight;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_vline-1540879401071 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540879401071 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540879401071 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540879401092 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540879401092 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540879401092 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540879401104 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540879401104 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540879401104 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540879401117 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540879401117 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540879401117 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_vline-1540879401126 .p_Vline {
    border-left-color: rgba(255, 255, 255, 0.08);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540879401126 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540879401126 > div {
    animation-name: anmi-mask02;
    animation-duration: 1s;
    animation-delay: 2.2s;
    animation-fill-mode: both;
}

#w_common_text-1540881931139 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540881931139 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540881931139 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540881931151 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540881931151 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540881931151 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540881931160 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540881931160 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540881931160 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540881931170 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540881931170 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540881931170 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540881931182 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540881931182 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540881931182 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540881931191 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540881931191 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540881931191 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540881931200 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540881931200 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540881931200 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540881931210 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1540881931210 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_common_text-1540881931210 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540882372496 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540882185493 .p_link001 {
    height: calc(100%);
}

#w_common_text-1540882577643 .p_link001 {
    height: calc(100%);
}

#w_icons-1540884443733 .p_icon {
    color: rgba(255, 126, 33, 1);
    background-color: rgba(255, 255, 255, 0);
}

#w_icons-1540884443733 .p_icon:before {
    content: '\e628';
}

#w_icons-1540884443733 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_icons-1540884443733 > div {
    animation-fill-mode: both;
}

#w_icons-1540884548643 .p_icon {
    color: rgba(255, 126, 33, 1);
    background-color: rgba(255, 255, 255, 0);
}

#w_icons-1540884548643 .p_icon:before {
    content: '\e630';
}

#w_icons-1540884548643 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_icons-1540884548643 > div {
    animation-fill-mode: both;
}

#w_icons-1540884600652 .p_icon {
    color: rgba(255, 126, 33, 1);
    background-color: rgba(255, 255, 255, 0);
}

#w_icons-1540884600652 .p_icon:before {
    content: '\e66f';
}

#w_icons-1540884600652 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_icons-1540884600652 > div {
    animation-fill-mode: both;
}

#w_icons-1540884698974 .p_icon {
    color: rgba(255, 126, 33, 1);
    background-color: rgba(255, 255, 255, 0);
}

#w_icons-1540884698974 .p_icon:before {
    content: '\e676';
}

#w_icons-1540884698974 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_icons-1540884698974 > div {
    animation-fill-mode: both;
}

#w_img-1540885418256 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_img-1540885418256 > div {
    animation-fill-mode: both;
}

#w_img-1540887143608 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_img-1540887143608 > div {
    animation-fill-mode: both;
}

#w_img-1540887168479 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540887193259 .p_Vline {
    border-left-color: rgba(255, 255, 255, 1);
    border-left-style: solid;
    border-left-width: 1px;
}

#w_vline-1540887193259 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_vline-1540887193259 > div {
    animation-fill-mode: both;
}

#w_common_text-1540887246741 .p_link001 {
    height: calc(100%);
}

#w_btn-1540887932695 .p_CommonBtn {
    background-color: rgba(0, 0, 0, 0);
}

#w_btn-1540887932695 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_btn-1540887932695 > div {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-delay: 2.5s;
    animation-fill-mode: both;
}

#w_hline-1540882468987 .p_HLine {
    border-top-color: rgba(255, 255, 255, 1);
    border-top-style: solid;
    border-top-width: 2px;
}

#w_hline-1540882468987 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_hline-1540882468987 > div {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 2s;
    animation-fill-mode: both;
}

#w_img-1540350488886 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_img-1540350488886 > div {
    animation-fill-mode: both;
}

#w_common_text-1540350977359 .p_link001 {
    height: calc(100%);
}

#w_img-1540352062295 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_img-1540352062295 > div {
    animation-fill-mode: both;
}

#w_img-1540352549866 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_img-1540352549866 > div {
    animation-fill-mode: both;
}

#w_hline-1540353017303 .p_HLine {
    border-top-color: rgba(255, 255, 255, 0.2);
    border-top-style: solid;
    border-top-width: 2px;
}

#w_hline-1540353017303 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_hline-1540353017303 > div {
    animation-fill-mode: both;
}

#w_common_text-1540346292222 .p_link001 {
    height: calc(100%);
}

#w_rbox-1540795438403 {
    position: absolute;
    top: -19764px;
    left: 850px;
    z-index: 1011;
    width: 1594px;
    height: 300px;
}

#w_sfbox-1540110394243 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 1920px;
    height: 897px;
}

#w_img-1540173176755 {
    position: fixed;
    top: 30px;
    left: 82px;
    bottom: auto;
    right: auto;
    transform: none;
    width: 182px;
    height: 58px;
    z-index: 1010;
    content: "lt";
    max-width: none;
    min-width: 0px;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    -webkit-transform: none;
}

#w_rbox-1540362008225 {
    position: fixed;
    top: 30px;
    left: auto;
    bottom: auto;
    right: 30px;
    transform: none;
    width: 50px;
    height: 50px;
    z-index: 1007;
    content: "rt";
    max-width: none;
    min-width: 0px;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    -webkit-transform: none;
}

#w_rbox-1540352996740 {
    position: fixed;
    top: auto;
    left: 30px;
    bottom: 20px;
    right: auto;
    transform: none;
    width: 34px;
    height: 99px;
    z-index: 1004;
    content: "lb";
    max-width: none;
    min-width: 0px;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    -webkit-transform: none;
}

#w_rbox-1540340803705 {
    position: fixed;
    top: auto;
    left: 50%;
    bottom: 0px;
    right: auto;
    transform: translate(-50%, 0px);
    width: 80px;
    height: 96px;
    z-index: 1;
    content: "bc";
    max-width: none;
    min-width: 0px;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    -webkit-transform: translate(-50%, 0px);
}

#w_rbox-1540350934041 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 41px;
    height: 38px;
}

#w_rbox-1540352050929 {
    position: absolute;
    top: 55px;
    left: 0px;
    z-index: 2;
    width: 36px;
    height: 36px;
}

#w_rbox-1540288439583 {
    position: absolute;
    top: 651px;
    left: 360px;
    z-index: 105;
    width: 595px;
    height: 71px;
}

#w_rbox-1540283400594 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 101;
    width: 1920px;
    height: 100%;
}

#w_rbox-1540366681243 {
    position: absolute;
    top: 542px;
    left: 325px;
    z-index: 106;
    width: 630px;
    height: 114px;
}

#w_rbox-1540267020163 {
    position: absolute;
    top: 144px;
    left: 326px;
    z-index: 102;
    width: 634px;
    height: 320px;
}

#w_rbox-2 {
    position: absolute;
    top: 616px;
    left: 972px;
    z-index: 12;
    width: 300px;
    height: 272px;
}

#w_rbox-1540712122718 {
    position: absolute;
    top: 269px;
    left: 321px;
    z-index: 5;
}

#w_rbox-1540712349708 {
    position: absolute;
    top: 335px;
    left: 322px;
    z-index: 6;
    width: 1275px;
    height: 78px;
}

#w_rbox-3 {
    position: absolute;
    top: 548px;
    left: 1290px;
    z-index: 13;
    width: 300px;
    height: 272px;
}

#w_rbox-1540371665991 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 1920px;
    height: 100%;
}

#w_rbox-1540730945769 {
    position: absolute;
    top: 196px;
    left: 1452px;
    z-index: 14;
    width: 149px;
    height: 48px;
}

#w_rbox-15407309457610 {;
    z-index: 14;
    width: 149px;
    height: 48px;
    margin-top: 21px;
}

#w_rbox-0 {
    position: absolute;
    top: 616px;
    left: 331px;
    z-index: 10;
    width: 300px;
    height: 272px;
}

#w_rbox-1540711132694 {
    position: absolute;
    top: 186px;
    left: 321px;
    z-index: 4;
    width: 320px;
    height: 79px;
}

#w_rbox-1 {
    position: absolute;
    top: 547px;
    left: 651px;
    z-index: 11;
    width: 300px;
    height: 272px;
}

#w_rbox-1540807660966 {
    position: absolute;
    top: 183.5px;
    left: 319px;
    z-index: 102;
    width: 320px;
    height: 79px;
}

#w_rbox-1540805886199 {
    position: absolute;
    top: 90px;
    left: 280px;
    z-index: 103;
    width: 1361px;
    height: 648px;
}

#w_rbox-1540779280431 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 101;
    width: 1920px;
    height: 897px;
}

#w_rbox-1540865943307 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 1920px;
    height: 100%;
}

#w_rbox-1540871555603 {
    position: absolute;
    top: 193.5px;
    left: 321px;
    z-index: 4;
    width: 320px;
    height: 79px;
}

#w_rbox-1540876771861 {
    position: absolute;
    top: 233px;
    left: 1452px;
    z-index: 5;
    width: 149px;
    height: 48px;
}

#w_rbox-1540879401046 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 1920px;
    height: 100%;
}

#w_rbox-1540881931117 {
    position: absolute;
    top: 171.5px;
    left: 319px;
    z-index: 3;
    width: 320px;
    height: 79px;
}

#w_rbox-1540882118686 {
    position: absolute;
    top: 263px;
    left: 319px;
    z-index: 4;
    width: 446px;
    height: 61px;
}

#w_rbox-1540882686842 {
    position: absolute;
    top: 387px;
    left: 319px;
    z-index: 8;
    width: 490px;
    height: 230px;
}

#w_rbox-1540886786334 {
    position: absolute;
    top: 222.5px;
    left: 937px !important;
    z-index: 11;
    width: 532px;
    height: 445px;
}

#w_rbox-1540887932673 {
    position: absolute;
    top: 614px;
    left: 300px;
    z-index: 12;
    width: 149px;
    height: 48px;
}

#w_rbox-1540350470205 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 32px;
    height: 32px;
}

#w_rbox-1540352055574 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 32px;
    height: 32px;
}

#w_rbox-1540286356876 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 630px;
    height: 100px;
}

#w_common_text-1540288454944 {
    position: absolute;
    top: 9px;
    left: 1px;
    z-index: 1;
    width: 592px;
    height: 51px;
}

#w_vline-1540286266273 {
    position: absolute;
    top: 0px;
    left: 1600px;
    z-index: 5;
    width: 11px;
    height: 100%;
}

#w_vline-1540283804269 {
    position: absolute;
    top: 0px;
    left: 960px;
    z-index: 2;
    width: 11px;
    height: 100%;
}

#w_vline-1540283825179 {
    position: absolute;
    top: 0px;
    left: 320px;
    z-index: 4;
    width: 11px;
    height: 100%;
}

#w_vline-1540283524968 {
    position: absolute;
    top: 0px;
    left: 640px;
    z-index: 1;
    width: 2px;
    height: 100%;
}

#w_vline-1540283819865 {
    position: absolute;
    top: 0px;
    left: 1280px;
    z-index: 3;
    width: 11px;
    height: 100%;
}

#w_common_text-1540281260913 {
    position: absolute;
    top: 213px;
    left: -1px;
    z-index: 118;
    width: 80px;
    height: 90px;
}

#w_common_text-1540281326112 {
    position: absolute;
    top: 213px;
    left: 86px;
    z-index: 120;
    width: 80px;
    height: 90px;
}

#w_common_text-1540281019791 {
    position: absolute;
    top: 108px;
    left: 280px;
    z-index: 113;
    width: 80px;
    height: 90px;
}

#w_common_text-1540271849256 {
    position: absolute;
    top: 0px;
    left: 77px;
    z-index: 103;
    width: 80px;
    height: 90px;
}

#w_common_text-1540204629454 {
    position: absolute;
    top: 0px;
    left: -1px;
    z-index: 101;
    width: 80px;
    height: 90px;
}

#w_common_text-1540281300224 {
    position: absolute;
    top: 213px;
    left: 39px;
    z-index: 119;
    width: 80px;
    height: 90px;
}

#w_common_text-1540272355344 {
    position: absolute;
    top: 0px;
    left: 342px;
    z-index: 107;
    width: 80px;
    height: 90px;
}

#w_common_text-1540281367146 {
    position: absolute;
    top: 213px;
    left: 154px;
    z-index: 122;
    width: 80px;
    height: 90px;
}

#w_common_text-1540281075472 {
    position: absolute;
    top: 109px;
    left: 439px;
    z-index: 116;
    width: 80px;
    height: 90px;
}

#w_common_text-1540272344597 {
    position: absolute;
    top: 0px;
    left: 229.5px;
    z-index: 105;
    width: 80px;
    height: 90px;
}

#w_common_text-1540272344607 {
    position: absolute;
    top: 0px;
    left: 287.5px;
    z-index: 106;
    width: 80px;
    height: 90px;
}

#w_common_text-1540272326961 {
    position: absolute;
    top: 0px;
    left: 115px;
    z-index: 104;
    width: 80px;
    height: 90px;
}

#w_common_text-1540281003230 {
    position: absolute;
    top: 108px;
    left: 210.5px;
    z-index: 112;
    width: 80px;
    height: 90px;
}

#w_common_text-1540280944322 {
    position: absolute;
    top: 108px;
    left: 80px;
    z-index: 110;
    width: 80px;
    height: 90px;
}

#w_common_text-1540281033135 {
    position: absolute;
    top: 109px;
    left: 328px;
    z-index: 114;
    width: 80px;
    height: 90px;
}

#w_common_text-1540281098062 {
    position: absolute;
    top: 109px;
    left: 483px;
    z-index: 117;
    width: 80px;
    height: 90px;
}

#w_common_text-1540271825927 {
    position: absolute;
    top: 0px;
    left: 33px;
    z-index: 102;
    width: 80px;
    height: 90px;
}

#w_common_text-1540280898336 {
    position: absolute;
    top: 109px;
    left: -1px;
    z-index: 108;
    width: 80px;
    height: 90px;
}

#w_common_text-1540280985392 {
    position: absolute;
    top: 109px;
    left: 116px;
    z-index: 111;
    width: 80px;
    height: 90px;
}

#w_common_text-1540280922134 {
    position: absolute;
    top: 109px;
    left: 39px;
    z-index: 109;
    width: 80px;
    height: 90px;
}

#w_common_text-1540281054329 {
    position: absolute;
    top: 108px;
    left: 385px;
    z-index: 115;
    width: 80px;
    height: 90px;
}

#w_common_text-1540281343723 {
    position: absolute;
    top: 213px;
    left: 131px;
    z-index: 121;
    width: 80px;
    height: 90px;
}

#w_common_text-1540281343723.w1 {
    left: 196px;
}

#w_common_text-1540281343723.w2 {
    left: 254px;
}

#w_common_text-1540281343723.w3 {
    left: 287px;
}

#w_common_text-1540281343723.w4 {
    left: 336px;
}

#w_hline-1540292867269 {
    position: absolute;
    top: 671px;
    left: 325px;
    z-index: 107;
    width: 30px;
    height: 11px;
}

#w_common_text-1540718543588 {
    position: absolute;
    top: 150px;
    left: 84px;
    z-index: 3;
    width: 128px;
    height: 24px;
}

#w_vline-1540718543578 {
    position: absolute;
    top: 118px;
    left: 148px;
    z-index: 2;
    width: 12px;
    height: 25px;
}

#w_common_text-1540718543594 {
    position: absolute;
    top: 185px;
    left: 29px;
    z-index: 4;
    width: 240px;
    height: 73px;
}

#w_img-1540718543568 {
    position: absolute;
    top: 52px;
    left: 121px;
    z-index: 1;
    width: 57px;
    height: 57px;
}

#w_common_text-1540712153473 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 170px;
    height: 52px;
}

#w_common_text-1540712193489 {
    z-index: 2;
    font-size: 34px;
}

#w_common_text-1540712364050 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 1275px;
    height: auto;
}

#w_common_text-1540772229687 {
    position: absolute;
    top: 34px;
    left: -1px;
    z-index: 2;
    width: 1275px;
    height: 34px;
}

#w_img-1540718618101 {
    position: absolute;
    top: 52px;
    left: 121px;
    z-index: 1;
    width: 57px;
    height: 57px;
}

#w_common_text-1540718618129 {
    position: absolute;
    top: 184px;
    left: 30px;
    z-index: 4;
    width: 240px;
    height: 73px;
}

#w_common_text-1540718618122 {
    position: absolute;
    top: 150px;
    left: 84px;
    z-index: 3;
    width: 128px;
    height: 24px;
}

#w_vline-1540718618113 {
    position: absolute;
    top: 118px;
    left: 148px;
    z-index: 2;
    width: 12px;
    height: 25px;
}

#w_vline-1540371666044 {
    position: absolute;
    top: 0px;
    left: 1600px;
    z-index: 5;
    width: 11px;
    height: 100%;
}

#w_vline-1540371666036 {
    position: absolute;
    top: 0px;
    left: 320px;
    z-index: 4;
    width: 11px;
    height: 100%;
}

#w_vline-1540371666009 {
    position: absolute;
    top: 0px;
    left: 640px;
    z-index: 1;
    width: 2px;
    height: 100%;
}

#w_vline-1540371666027 {
    position: absolute;
    top: 0px;
    left: 1280px;
    z-index: 3;
    width: 11px;
    height: 100%;
}

#w_vline-1540371666018 {
    position: absolute;
    top: 0px;
    left: 960px;
    z-index: 2;
    width: 11px;
    height: 100%;
}

#w_btn-1540713173041 {
    position: absolute;
    top: 6px;
    left: 19px;
    z-index: 1;
    width: 130px;
    height: 35px;
}

#w_btn-15407131730410 {
    position: absolute;
    top: 6px;
    left: 0px;
    z-index: 1;
    width: 130px;
    height: 35px;
}


#w_img-1540718008761 {
    position: absolute;
    top: 52px;
    left: 121px;
    z-index: 1;
    width: 57px;
    height: 58px;
}

#w_vline-1540718121865 {
    position: absolute;
    top: 118px;
    left: 148px;
    z-index: 2;
    width: 13px;
    height: 25px;
}

#w_common_text-1540718235130 {
    position: absolute;
    top: 150px;
    left: 84px;
    z-index: 3;
    width: 128px;
    height: 24px;
}

#w_common_text-1540718276133 {
    position: absolute;
    top: 186px;
    left: 28px;
    z-index: 4;
    width: 240px;
    height: 73px;
}

#w_common_text-1540711582658 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 40px;
    height: 70px;
}

#w_common_text-1540711843700 {
    position: absolute;
    top: 0px;
    left: 238px;
    z-index: 8;
    width: 40px;
    height: 70px;
}

#w_common_text-1540711718907 {
    position: absolute;
    top: 0px;
    left: 38px;
    z-index: 3;
    width: 40px;
    height: 70px;
}

#w_common_text-1540711802739 {
    position: absolute;
    top: 0px;
    left: 124px;
    z-index: 5;
    width: 40px;
    height: 70px;
}

#w_common_text-1540711780647 {
    position: absolute;
    top: 0px;
    left: 76px;
    z-index: 4;
    width: 40px;
    height: 70px;
}

#w_common_text-1540711856298 {
    position: absolute;
    top: 0px;
    left: 276px;
    z-index: 9;
    width: 40px;
    height: 70px;
}

#w_common_text-1540711824565 {
    position: absolute;
    top: 0px;
    left: 162px;
    z-index: 6;
    width: 40px;
    height: 70px;
}

#w_common_text-1540711834533 {
    position: absolute;
    top: 0px;
    left: 200px;
    z-index: 7;
    width: 40px;
    height: 70px;
}

#w_img-1540718436586 {
    position: absolute;
    top: 52px;
    left: 121px;
    z-index: 1;
    width: 57px;
    height: 57px;
}

#w_common_text-1540718436612 {
    position: absolute;
    top: 149px;
    left: 84px;
    z-index: 3;
    width: 128px;
    height: 24px;
}

#w_common_text-1540718436618 {
    position: absolute;
    top: 184px;
    left: 28px;
    z-index: 4;
    width: 240px;
    height: 73px;
}

#w_vline-1540718436601 {
    position: absolute;
    top: 118px;
    left: 148px;
    z-index: 2;
    width: 13px;
    height: 25px;
}

#w_common_text-1540807661021 {
    position: absolute;
    top: 0px;
    left: 145px;
    z-index: 6;
    width: 40px;
    height: 70px;
}

#w_common_text-1540807661000 {
    position: absolute;
    top: 0px;
    left: 38px;
    z-index: 3;
    width: 40px;
    height: 70px;
}

#w_common_text-1540807661006 {
    position: absolute;
    top: 0px;
    left: 76px;
    z-index: 4;
    width: 40px;
    height: 70px;
}

#w_common_text-1540807661027 {
    position: absolute;
    top: 0px;
    left: 181px;
    z-index: 7;
    width: 40px;
    height: 70px;
}

#w_common_text-1540807661034 {
    position: absolute;
    top: 0px;
    left: 205px;
    z-index: 8;
    width: 40px;
    height: 70px;
}

#w_common_text-1540807661040 {
    position: absolute;
    top: 0px;
    left: 245px;
    z-index: 9;
    width: 40px;
    height: 70px;
}

#w_common_text-1540807660988 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 40px;
    height: 70px;
}

#w_common_text-1540807661013 {
    position: absolute;
    top: 0px;
    left: 104px;
    z-index: 5;
    width: 40px;
    height: 70px;
}

#w_vline-1540779280453 {
    position: absolute;
    top: 0px;
    left: 640px;
    z-index: 1;
    width: 2px;
    height: 897px;
}

#w_vline-1540779280482 {
    position: absolute;
    top: 0px;
    left: 320px;
    z-index: 4;
    width: 11px;
    height: 897px;
}

#w_vline-1540779280473 {
    position: absolute;
    top: 0px;
    left: 1280px;
    z-index: 3;
    width: 11px;
    height: 897px;
}

#w_vline-1540779280489 {
    position: absolute;
    top: 0px;
    left: 1600px;
    z-index: 5;
    width: 11px;
    height: 897px;
}

#w_vline-1540779280464 {
    position: absolute;
    top: 0px;
    left: 960px;
    z-index: 2;
    width: 11px;
    height: 897px;
}

#w_vline-1540865943327 {
    position: absolute;
    top: 0px;
    left: 640px;
    z-index: 1;
    width: 2px;
    height: 100%;
}

#w_vline-1540865943340 {
    position: absolute;
    top: 0px;
    left: 960px;
    z-index: 2;
    width: 11px;
    height: 100%;
}

#w_vline-1540865943353 {
    position: absolute;
    top: 0px;
    left: 1280px;
    z-index: 3;
    width: 11px;
    height: 100%;
}

#w_vline-1540865943361 {
    position: absolute;
    top: 0px;
    left: 320px;
    z-index: 4;
    width: 11px;
    height: 100%;
}

#w_vline-1540865943369 {
    position: absolute;
    top: 0px;
    left: 1600px;
    z-index: 5;
    width: 11px;
    height: 100%;
}

#w_common_text-1540871555632 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 40px;
    height: 70px;
}

#w_common_text-1540871555646 {
    position: absolute;
    top: 0px;
    left: 41px;
    z-index: 3;
    width: 40px;
    height: 70px;
}

#w_common_text-1540871555657 {
    position: absolute;
    top: 0px;
    left: 74px;
    z-index: 4;
    width: 56px;
    height: 70px;
}

#w_common_text-1540871797014 {
    position: absolute;
    top: 0px;
    left: 128px;
    z-index: 10;
    width: 40px;
    height: 70px;
}

#w_common_text-1540871837338 {
    position: absolute;
    top: 0px;
    left: 184px;
    z-index: 11;
    width: 40px;
    height: 70px;
}

#w_common_text-1540871854764 {
    position: absolute;
    top: 0px;
    left: 217px;
    z-index: 12;
    width: 40px;
    height: 70px;
}

#w_common_text-1540871868385 {
    position: absolute;
    top: 0px;
    left: 243px;
    z-index: 13;
    width: 40px;
    height: 70px;
}

#w_common_text-1540871880376 {
    position: absolute;
    top: 0px;
    left: 279px;
    z-index: 14;
    width: 40px;
    height: 70px;
}

#w_common_text-1540871880376.n1 {
    left: 311px;
}

#w_common_text-1540871880376.n2 {
    left: 339px;
}

#w_btn-1540876771886 {
    position: absolute;
    top: 6px;
    left: 19px;
    z-index: 1;
    width: 130px;
    height: 35px;
}

#w_vline-1540879401071 {
    position: absolute;
    top: 0px;
    left: 640px;
    z-index: 1;
    width: 2px;
    height: 100%;
}

#w_vline-1540879401092 {
    position: absolute;
    top: 0px;
    left: 960px;
    z-index: 2;
    width: 11px;
    height: 100%;
}

#w_vline-1540879401104 {
    position: absolute;
    top: 0px;
    left: 1280px;
    z-index: 3;
    width: 11px;
    height: 100%;
}

#w_vline-1540879401117 {
    position: absolute;
    top: 0px;
    left: 320px;
    z-index: 4;
    width: 11px;
    height: 100%;
}

#w_vline-1540879401126 {
    position: absolute;
    top: 0px;
    left: 1600px;
    z-index: 5;
    width: 11px;
    height: 100%;
}

#w_common_text-1540881931139 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 40px;
    height: 70px;
}

#w_common_text-1540881931151 {
    position: absolute;
    top: 0px;
    left: 41px;
    z-index: 3;
    width: 40px;
    height: 70px;
}

#w_common_text-1540881931160 {
    position: absolute;
    top: 0px;
    left: 81px;
    z-index: 4;
    width: 40px;
    height: 70px;
}

#w_common_text-1540881931170 {
    position: absolute;
    top: 0px;
    left: 123px;
    z-index: 10;
    width: 40px;
    height: 70px;
}

#w_common_text-1540881931182 {
    position: absolute;
    top: 0px;
    left: 157px;
    z-index: 11;
    width: 40px;
    height: 70px;
}

#w_common_text-1540881931191 {
    position: absolute;
    top: 0px;
    left: 200px;
    z-index: 12;
    width: 40px;
    height: 70px;
}

#w_common_text-1540881931200 {
    position: absolute;
    top: 0px;
    left: 235px;
    z-index: 13;
    width: 40px;
    height: 70px;
}

#w_common_text-1540881931210 {
    position: absolute;
    top: 0px;
    left: 302px;
    z-index: 14;
    width: 40px;
    height: 70px;
}

#w_common_text-1540881931210.c1 {
    left: 345px;
}

#w_common_text-1540882372496 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 403px;
    height: 55px;
}

#w_common_text-1540882185493 {
    position: absolute;
    top: -47px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 36px;
}

#w_common_text-1540882577643 {
    position: absolute;
    top: 57.5px;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 156px;
    color: #afbed2;
    font: 400 14px/39px "Microsoft Yahei";
}

#w_common_text-1540882577643 img {
    margin-right: 10px;
}

#w_icons-1540884443733 {
    position: absolute;
    top: 104px;
    left: 0px;
    z-index: 10;
    width: 19px;
    height: 23px;
}

#w_icons-1540884548643 {
    position: absolute;
    top: 68px;
    left: 0px;
    z-index: 11;
    width: 19px;
    height: 23px;
}

#w_icons-1540884600652 {
    position: absolute;
    top: 139.5px;
    left: 0px;
    z-index: 12;
    width: 19px;
    height: 23px;
}

#w_icons-1540884698974 {
    position: absolute;
    top: 175.5px;
    left: 0px;
    z-index: 13;
    width: 19px;
    height: 23px;
}

#w_img-1540885418256 {
    position: absolute;
    top: -5px;
    left: 0px;
    z-index: 1;
    width: 532px;
    height: 445px;
}

#w_img-1540887143608 {
    position: absolute;
    top: 179.5px;
    left: 370px;
    z-index: 2;
    width: 150px;
    height: 150px;
}

#w_img-1540887168479 {
    position: absolute;
    top: 216.5px;
    left: 411px;
    z-index: 3;
    width: 66px;
    height: 66px;
}

#w_vline-1540887193259 {
    position: absolute;
    top: 219.5px;
    left: 452px;
    z-index: 4;
    width: 19px;
    height: 48px;
}

#w_common_text-1540887246741 {
    position: absolute;
    top: 168.5px;
    left: 412px;
    z-index: 5;
    width: 82px;
    height: 18px;
}

#w_btn-1540887932695 {
    position: absolute;
    top: 6px;
    left: 19px;
    z-index: 1;
    width: 130px;
    height: 35px;
}

#w_hline-1540882468987 {
    position: absolute;
    top: 390px;
    left: 319px;
    z-index: 6;
    width: 80px;
    height: 11px;
}

#w_img-1540350488886 {
    position: absolute;
    top: 0px;
    left: -32px;
    z-index: 1;
    width: 64px;
    height: 32px;
}

#w_common_text-1540350977359 {
    position: absolute;
    top: 16px;
    left: 42px;
    z-index: 2;
    width: 144px;
    height: 24px;
}

#w_img-1540352062295 {
    position: absolute;
    top: 0px;
    left: -32px;
    z-index: 1;
    width: 64px;
    height: 32px;
}

#w_img-1540352549866 {
    position: absolute;
    top: -65px;
    left: 43px;
    z-index: 2;
    width: 95px;
    height: 95px;
}

#w_hline-1540353017303 {
    position: absolute;
    top: 45px;
    left: 5px;
    z-index: 3;
    width: 20px;
    height: 16px;
}

#w_common_text-1540346292222 {
    position: absolute;
    top: 21px;
    left: 5px;
    z-index: 2;
    width: 71px;
    height: 22px;
}

#c_news_list-15408661830597233 .p_articles .e_box_img img {
    width: 100%
}


.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-container .swiper-slide {
    position: relative;
    overflow: hidden;
}

.swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #fff;
    opacity: 1;
    vertical-align: middle;
    border-radius: 0;
}

.swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
    background: #d97731;
    /*display:none;*/
}

.full {
    position: absolute;
}

.full img {
    width: 100%;
    height: 100%;
    animation: myfirst 10s;
    -moz-animation: myfirst 10s; /* Firefox */
    -webkit-animation: myfirst 10s; /* Safari 和 Chrome */
    -o-animation: myfirst 10s; /* Opera */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite; /* Safari 和 Chrome */
}

.page-title h1 {
    font: 500 34px/40px "Microsoft YaHei";
    color: #333333;
    text-align: center;
}

.page-title span {
    display: block;
    font: 500 14px/28px "Microsoft YaHei";
    color: #bfbfbf;
    text-align: center;
}

.page-title i {

    display: block;
    width: 1px;
    height: 50px;
    background: #ececec;
    margin: 30px auto 0;
}

.banner-wrapper {
    padding: 0% calc(286px + 3%) 0% 5%;
    position: absolute;
    top: 26%;
    left: 0;
    color: #fff;
    width: 100%;
    text-align: center;
}

.banner-wrapper:before, .banner-wrapper:after {
    content: '';
    display: block;
    width: 675px;
    height: 1px;
    background: rgba(154, 127, 92, .4);
    margin: 36px auto;
}

.banner-wrapper h3 {
    font: 100 60px/60px "Microsoft YaHei";
    color: #91734a;
    text-transform: uppercase;
}

.banner-wz {
    position: absolute;
    top: 45%;
    left: 0;
    font-size: 55px;
    width: 100%;
    text-align: center;
    color: #fff;
}

@font-face {
    font-family: 'banner';
    src: url('../fonts/iconfont/banner.eot');
    src: url('../fonts/iconfont/banner.woff') format('woff'),
    url('../fonts/iconfont/banner.ttf') format('truetype'),
    url('../fonts/iconfont/banner.svg') format('svg');
}

.banner-wz strong {
    display: block;
    font: 500 60px/92px "banner";
    letter-spacing: 4px;
    text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.4);
}

.banner-wz span {
    display: block;
    font: 500 24px/48px "banner";
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.4);
}

.n_title h1 {
    text-align: center;
    font: 500 34px/40px "Microsoft YaHei";
    color: #333333;
}

.n_title span {
    display: block;
    text-align: center;
    font: 500 14px/28px "Microsoft YaHei";
    color: #bfbfbf;
}

.form-group {
    margin-top: 30px;
}

#type, #grade, #style {
    border: 1px solid #d2d2d2;
    color: #999;
    height: 42px;
    font: 500 14px/42px "Microsoft YaHei";
    outline: none;
    padding: 0 0 0 10px;
    background: url("../images/quote_arrow.jpg") no-repeat right;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#area, #name, #contact {
    height: 42px;
    font: 500 14px/42px "Microsoft YaHei";
}

.msg-box {
    display: block;
}

.wz {
    font: 500 14px/42px "Microsoft YaHei";
}

.form-horizontal .control-label {
    padding-top: 0;
    text-align: right;
}

.btn-primary {
    background-color: #ff0000;
    border-color: #ff0000;
}


@keyframes myfirst {
    0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.0);
    }
}

@-moz-keyframes myfirst /* Firefox */
{
    0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.0);
    }
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.0);
    }
}

@-o-keyframes myfirst /* Opera */
{
    0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.0);
    }
}

.active {
    color: #91734a !important;
    background: url("../images/nav_line.jpg") no-repeat left;
}

#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 48px;
    height: 48px;
    margin: 7px;
    position: relative;
}


#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 0;
    position: absolute;
    z-index: 1;
    height: 48px;
    width: 48px;
    border: 1px solid #fff;
    background: url("../images/home.png") no-repeat center;
    left: auto;
    right: 60px;
    top: 0%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#fp-nav ul li:nth-child(2) a span, .fp-slidesNav ul li:nth-child(2) a span {
    background: url("../images/about.png") no-repeat center;
}

#fp-nav ul li:nth-child(3) a span, .fp-slidesNav ul li:nth-child(2) a span {
    background: url("../images/product.png") no-repeat center;
}

#fp-nav ul li:nth-child(4) a span, .fp-slidesNav ul li:nth-child(2) a span {
    background: url("../images/news.png") no-repeat center;
}

#fp-nav ul li:nth-child(5) a span, .fp-slidesNav ul li:nth-child(2) a span {
    background: url("../images/contact.png") no-repeat center;
}


#fp-nav ul li .fp-tooltip {
    color: #fff;
    width: 80px;
    font: 500 16px/26px "Microsoft YaHei";
    top: 10px;
    left: -175px;
    transition: all .3s;
    text-align: right;
    opacity: 1;
}

#fp-nav ul li:nth-child(3) .fp-tooltip {
    color: #fff;
    width: 80px;
    opacity: 0;
    font: 500 16px/26px "Microsoft YaHei";
    top: 10px;
    left: -175px;
    transition: all .3s;
    text-align: right;
    opacity: 1;
}

#fp-nav ul li .active + .fp-tooltip {
    color: #fff;
    width: 80px;
    opacity: 1;
    font: 500 16px/26px "Microsoft YaHei";
    top: 10px;
    left: -175px;
    transition: all .3s
}


#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
    width: 130px;
    border: 1px solid #fff;
    background: url("../images/home.png") no-repeat 20px #f3781f;
    left: auto;
    right: 60px;
    top: 0;
}

#fp-nav ul li .active + .fp-tooltip {
    width: 80px;
    z-index: 9;
    left: -100px;
}


#fp-nav ul li .active .fp-tooltip {
    opacity: 1;
    width: 80px;
    z-index: 9;
    left: -100px;
}

@media (max-width: 1440px) {
    #fp-nav {
        display: none;
    }
}

@media (max-width: 1200px) {

    .about-list {
        display: none;
    }
}

@media (max-width: 992px) {
    body {
        padding-top: 60px !important;
    }

    .title {
        display: none;
    }

    .fp-section.fp-table, .fp-slide.fp-table {
        height: auto !important;
    }

    .fp-tableCell {
        height: auto !important;
    }

    .nav {
        display: none !important;
    }

    .product .container .product-list .product-box {
        padding: 50px 22px;
    }

    .contact-slogan {
        display: none;
    }

    .contact-ewm {
        display: none;
    }

    .contact .contact-box .contact-con {
        width: 100%;
    }

    .news {
        padding: 30px 0;
    }

    .news .news-list {
        margin-top: 0;
    }

    .contact {
        padding: 30px 0 60px;
    }

    .contact .contact-box {
        margin-top: 0;
    }

    .about {
        padding-bottom: 30px;
    }

    .about .about-con .about-slogan {
        margin-top: 16px;
        margin-bottom: 0px;
    }
}
@media (max-width: 991px) {
    .xypg-left-nav {
        display: block;
        font-size: 0;
    }
   .xypg-left-nav > li {
        width: 33.333%;
        display: inline-block;
        border-bottom: 1px solid #dedede;
    }
    .xypg-left-nav > li:last-child{
        border-right: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
    }
}
@media (max-width: 768px) {


    .xypg-left-nav > li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #dedede;
    }
.xypg-left-nav > li:last-child{
        border-right: none;
        border-bottom: none;
    }
    .xypg-right-content img{
        width: 100% !important;
        height: auto !important;
    }
}


.page-banner .container{
    position: relative
}

.position{
    position: absolute;
    bottom: 46px;
    right: 0;
    color: #fff;
    z-index: 999;
    font-size: 14px
}

.position a{
    font: 500 14px/28px "Microsoft YaHei";
    color: #fff;
}
.position a:hover{
    color: #f3781f
}
.pc-banner {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
    overflow:hidden;
}
.owl-carousel.owl-drag .owl-item a{
    display: block;
}




/* 新加案例 */

/*c3_index*/
.c3_index{
    position: relative;
    padding: 3.125% 0;
    overflow: hidden;
}

.pro_list11{
    position: relative;width:180%;
}

.pro_list11 li{
    position: relative;
    border: none;
    outline: none;
    display: table;
}

.pro_list11 li a.simg{
    display: block;border:3px solid #ffffff;
    width:50%;
    float:left;
}

.pro_list11 li a.simg img{
    width: 100%;display:block;
}

.pro_list11 li .sright{
    margin-top:3%;float:left;
    width:45%;
 
}
.pro_list11 li .sright .det{padding-left:16%;}
.pro_list11 li .sright h2{
    font-size: 30px;
    color: #fff;
    padding-bottom:20px;
    
     background: url(../images/xxxian.png) no-repeat left bottom;
}

.pro_list11 li .sright span{
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 2;
    width: 80%;
    margin: 20px 0 60px;
    height: 96px;
}

.sright .promore{
    display:block;
    font-size: 14px;text-align:center;
    color: #fff;
    background:#f3781f;width:145px;line-height:43px;
}
.sright .promore img{
    display: inline;
}

.pro_list11 .slick-prev,
.pro_list11 .slick-next{
    position: absolute;
    bottom:2%;
    outline: none;
    border: none;
    z-index:99999;
    width: 40px;
    height: 40px;
    font-size: 0;
    margin-right:0;
}

.pro_list11 .slick-prev{
    left:40.2%;
    
    background: url(../images/pre.png) no-repeat center;
}
.pro_list11 .slick-next{
      left:42%;
    
     background: url(../images/nex.png) no-repeat center;
}

.pro_list11 .slick-prev::before{
    width:483px;
    height:1px;
    background: #969398;
    content: "";
    left:-483px;
    top: 20px; 
    position: absolute;
    display: none;
}



/* 手机页脚 */
.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #222;
}

.footer3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer3 ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
}

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

.footer3 ul li .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}

@media (max-width: 768px) {
    body {
        padding-bottom: 50px;
    }

    .x-footer-r {
        display: none;
    }
}

@media (max-width:1440px){
 .pro_list11 .slick-prev::before{display:none;} 
 .pro_list11 li .sright{margin-top:2%;}
 .pro_list11 .slick-prev{left:40%;}
 .box4{padding:6% 0 3%;}

}

@media (max-width:1300px){
   .case .container{
    position: relative;
    
}
.case .container .title {
   position: absolute;
    z-index: 2;
    width: 91.5%;
    top: 3px;
} 
.box4 {
    padding: 11% 0 3%;
}
}


@media (max-width:1024px){
  .pro_list11 li .sright span{height:50px;line-height:25px;overflow:hidden;font-size:14px;margin:20px 0;}
  .pro_list11 .slick-prev{left:39%;}
  .box4{padding:6% 0;}
}


@media (max-width:768px){
  .pro_list11{position: relative;width:100%;}
  .pro_list11 li .sright span{margin:12px 0;}
  .pro_list11 li .sright h2{font-size:22px;}

}


@media (max-width:640px){

  .pro_list11 li a.simg{width:100%;float:none;}
  .pro_list11 li .sright{width:100%;float:none;margin-top:30px;}
  .pro_list11 li .sright .det{padding-left:0%;}
  .pro_list11 li .sright h2{font-size:18px;}
}


/**/
.index{
    position: relative;
}
.nav-index-list{
    position: absolute;
    z-index: 9999;
    top: 40px;
    right: 100px;
    width:52%;
}
.nav-index-list li{
    width: 12.2%;
    float: left;
}
.nav-index-list li a{
    color: #f47920;
    font:400 17px/45px "Microsoft yahei";
}
.nav-index-list li a:hover{
    color: rgba(255, 255, 255, .6);
}