/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol, li, /* list elements 列表元素 */pre, /* text formatting elements 文本格式元素 */fieldset, lengend, button, input, textarea, /* form elements 表单元素 */select, option, th, td
{/* table elements 表格元素 */
    margin: 0;
    padding: 0;
    font-family: Arial,fzlt;
    text-align: justify;
    font-weight: normal;
}/* 设置默认字体 */
h1
{
    font-size: 18px;/* 18px / 12px = 1.5 */
}
h2
{
    font-size: 16px;
}
h3
{
    font-size: 14px;
}
h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
address, cite, dfn, em, var
{
    font-style: normal;
}/* 将斜体扶正 */
small
{
    font-size: 12px;
}/* 小于 12px 的中文很难阅读，让 small 正常化 *//* 重置列表元素 */
ul, ol
{
    list-style: none;
}/* 重置文本格式元素 */
a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
abbr[title], acronym[title]
{/* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}
q:before, q:after
{
    content: '';
}/* 重置表单元素 */
legend
{
    color: #000;
}/* for ie6 */
fieldset, img
{
    border: none;
}/* img 搭车：让链接里的 img 无边框 *//* 注：optgroup 无法扶正 */
button, input, select, textarea
{
    font-size: 100%;/* 使得表单元素在 ie 下能继承字体大小 */
}/* 重置表格元素 */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}/* 重置 hr */
hr
{
    border: none;
    height: 1px;
}
.swiper-button-next, .swiper-button-prev
{
    outline: none;
}
@font-face
{
    font-family: 'fzlt';
    src: url('');
    src: url('');
}/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html
{
    overflow-y: scroll;
}
audio, canvas, progress, video
{
    display: inline-block;
    vertical-align: baseline;
}
video::-internal-media-controls-download-button
{
    display: none;
}
video::-webkit-media-controls-enclosure
{
    overflow: hidden;
}
video::-webkit-media-controls-panel
{
    width: calc(100% + 30px);
}
html, body
{
    height: 100%;
}
.web-ie2018
{
    font-family: Arial,微软雅黑;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999999999;
    background: #666;
    zoom: 1;
}
.web-ie2018 dl
{
    position: absolute;
    width: 700px;
    height: auto;
    top: 50%;
    margin-top: -200px;
    left: 50%;
    margin-left: -350px;
    background: #fff;
}
.web-ie2018 dl #img
{
    display: block;
    margin: 50px auto;
}
.web-ie2018 dl h3
{
    display: block;
    text-align: center;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0 auto 30px;
}
.web-ie2018 dl h4
{
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 50px auto 50px;
}
.web-ie2018 dl dd
{
    margin: 0 auto 50px;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}
.web-ie2018 dl dd a
{
    display: inline-block;
    margin: 0 20px;
}
.web-ie2018 dl dd a img
{
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 50%;
}
.web-ie2018 dl dd a span
{
    display: block;
    font-size: 16px;
    color: #666;
}
input, button, select, textarea
{
    outline: none;
}
.clearfix:after
{
    display: block;
    content: '';
    clear: both;
    visibility: hidden;
}/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide
{
    float: left;
}
.swiper-container-vertical>.swiper-wrapper
{
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper
{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper
{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-container-multirow>.swiper-wrapper
{
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode>.swiper-wrapper
{
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide
{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide
{
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper
{
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height;
}
.swiper-container .swiper-notification
{
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-wp8-horizontal
{
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-wp8-vertical
{
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
.swiper-button-next, .swiper-button-prev
{
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled
{
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination
{
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden
{
    opacity: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction
{
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet
{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
button.swiper-pagination-bullet
{
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet
{
    cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet
{
    background: #fff;
}
.swiper-pagination-bullet-active
{
    opacity: 1;
    background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active
{
    background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active
{
    background: #000;
}
.swiper-container-vertical>.swiper-pagination-bullets
{
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 5px 0;
    display: block;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 5px;
}
.swiper-pagination-progress
{
    background: rgba(0,0,0,.25);
    position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar
{
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar
{
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}
.swiper-container-horizontal>.swiper-pagination-progress
{
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-vertical>.swiper-pagination-progress
{
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-progress.swiper-pagination-white
{
    background: rgba(255,255,255,.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar
{
    background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar
{
    background: #000;
}
.swiper-container-3d
{
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper
{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left
{
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-right
{
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-top
{
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-bottom
{
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper
{
    -ms-perspective: 1200px;
}
.swiper-container-cube, .swiper-container-flip
{
    overflow: visible;
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide
{
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide
{
    pointer-events: none;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top
{
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide
{
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide
{
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev
{
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide
{
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide
{
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide
{
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}
.swiper-zoom-container
{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg
{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-scrollbar
{
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1);
}
.swiper-container-horizontal>.swiper-scrollbar
{
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical>.swiper-scrollbar
{
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag
{
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag
{
    cursor: move;
}
.swiper-lazy-preloader
{
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite;
}
.swiper-lazy-preloader:after
{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin
{
    100%
    {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin
{
    100%
    {
        transform: rotate(360deg);
    }
}
.pch
{
    position: absolute;
    width: 100%;
    height: 124px;
    background: none;
    top: 0;
    left: 0;
    z-index: 9999;
}
.pch .logo
{
    display: block;
    overflow: hidden;
    margin: 0;
    width: 280px;
    height: auto;
    position: relative;
    z-index: 6;
}
.pch .logo img
{
    display: block;
    height: 60px;
    width: auto;
    margin: 24px auto;
}
.pch .en
{
    color: #fff;
    width: 100px;
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 35px;
    display: block;
    text-align: center;
    position: absolute;
    top: 41.5px;
    right: 50px;
    opacity: .6;
    border-radius: 2px;
}
.pch .en span
{
    display: block;
    overflow: hidden;
}/* .pch .pcnav{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;top: 35px;right: 200px;   } */
.pch .pcnav a
{
    line-height: 50px;
    display: block;
    color: #fff;
    opacity: .9;
    font-size: 18px;
    font-weight: normal;
    margin: 0 20px;
}
.banner
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: #eee;
}
.banner .swiper-container
{
    height: 100%;
}
.banner .swiper-container .swiper-slide
{
    height: initial;
    position: relative;
}
.banner video
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .b-mask:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    z-index: 2;
}
.banner h6
{
    position: absolute;
    bottom: 50px;
    left: 50px;
    color: #fff;
    z-index: 3;
    font-size: 20px;
    opacity: .8;
}
.banner .sj-b
{
    display: none;
}
.banner a
{
    display: block;
    width: 100%;
    height: 100%;
}
.banner img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .pad-img
{
    display: none;
}
.banner .swiper-pagination
{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 50px;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.banner .swiper-pagination .swiper-pagination-bullet
{
    opacity: 1;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border: 1px solid #fff;
    background-color: transparent;
    margin-right: 20px;
    outline: none;
}
.banner .swiper-pagination .swiper-pagination-bullet:last-child
{
    margin-right: 0;
}
.banner .swiper-pagination .swiper-pagination-bullet-active
{
    background-color: #fff;
}
.line3
{
    opacity: .4;
}
.line3 span
{
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
}
.line3 span:nth-child(1)
{
    left: 25%;
}
.line3 span:nth-child(2)
{
    left: 50%;
}
.line3 span:nth-child(3)
{
    left: 75%;
}/* more */
.more
{
    width: 210px;
    height: 52px;
    background: transparent;
    border-radius: 2px;
    display: block;
    font-size: 16px;
    line-height: 52px;
    text-align: center;
    color: #ed6d0a;
    position: relative;
    z-index: 0;
    border-radius: 4px;
    transition: all .5s ease;
    border: 2px solid #ed6d0a;
    overflow: hidden;
}
.more:after
{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s;
    background: linear-gradient(0deg,rgba(255,151,0,1) 0%,rgba(251,75,2,1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all .3s;
}
.more:hover:after
{
    opacity: 1;
}
.more:hover
{
    color: #fff;
}
.homepro
{
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0 0 0;
    background: #333;
    position: relative;
}
.homepro .line3
{
    opacity: 1;
}
.homepro .line3 span
{
    z-index: 4;
    background: #fff;
    opacity: .2;
}
.homepro .p-yjywrap
{
    position: absolute;
    width: 100%;
}
.homepro .p-yjy
{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    top: 0;
    z-index: 9;
}
.homepro .p-yjy a
{
    cursor: pointer;
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    padding: 50px 0;
    border-bottom: 1px solid rgba(255,255,255,.2);
    box-sizing: border-box;
}
.homepro .p-yjy a span
{
    display: inline-block;
    margin: 10px 0 0 10px;
    font-size: 24px;
    color: #fff;
}
.homepro .p-yjy .active span
{
    color: #fe7401;
}
.homepro .p-yjy a .img
{
    display: inline-block;
    width: 44px;
    height: 44px;
    position: relative;
    vertical-align: top;
}
.homepro .p-yjy a img
{
    display: inline-block;
    height: 44px;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
}
.homepro .p-yjy a #img1
{
    display: inline-block;
    transition: all .6s;
}
.homepro .p-yjy a #img2
{
    display: inline-block;
    transition: all .6s;
    opacity: 0;
}
.homepro .p-yjy .active #img1
{
    opacity: 0;
}
.homepro .p-yjy .active #img2
{
    display: inline-block;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}
.homepro .p-yjy a:hover img
{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0s;
}
.homepro #kong
{
    display: block;
    width: 100%;
}
.homepro .p-yjy-center
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
}
.homepro .p-yjy-center .p-kn
{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}
.homepro .p-yjy-center .p-kn.now
{
    visibility: visible;
    opacity: 1;
}
.homepro .p-yjy-center .p-kn:after
{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0,0,0,.2);
}
.homepro .p-yjy-center .p-kn #bgimg
{
    display: block;
    width: 100%;
}
.homepro .p-yjy-center .p-kn .swiper-container-horizontal
{
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: auto;
    display: block;
    overflow: hidden;
}
.homepro .p-yjy-center .p-kn .swiper-wrapper
{
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.homepro .p-yjy-center .p-kn .swiper-slide
{
    display: block;
    width: 100%;
}
.homepro .p-yjy-center .p-kn .swiper-slide img
{
    display: block;
}
.homepro .p-yjy-center .p-kn .imglist
{
    position: absolute;
    top: 220px;
    width: 90%;
    height: 100%;
    left: 5%;
    display: block;
    overflow: hidden;
}
.homepro .p-yjy-center .p-kn .swiper-slide img
{
    width: 50%;
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: .7;
    margin: 0 auto;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 50%;
}
.homepro .p-yjy-center .p-kn .swiper-slide-active img
{
    width: 86%;
    border: 1px solid rgba(255,255,255,.5);
    opacity: 1;
}
.homepro .p-yjy-center .p-kn .swiper-slide .tt
{
    display: block;
    text-align: center;
    margin: 0 0 30px 0;
    transition: all .3s;
    opacity: 0;
}
.homepro .p-yjy-center .p-kn .swiper-slide .tt span
{
    font-size: 18px;
}
.homepro .p-yjy-center .p-kn .swiper-slide .tt .fa
{
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    margin: 2px 0 0 10px;
}
.homepro .p-yjy-center .p-kn .swiper-slide .more
{
    opacity: 0;
    background: none;
    margin: 60px auto 30px;
}
.homepro .p-yjy-center .p-kn .swiper-slide-active .tt, .homepro .p-yjy-center .p-kn .swiper-slide-active .more
{
    opacity: 1;
}/*
.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide{ display: block;width: 33%;margin: 0 auto;}
.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide img,.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide .tt,.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide .more{ opacity: 1; }
.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide img{width: 86%;}
*/
.homepro .p-yjy-center .p-kn .imglist .np
{
    position: relative;
    z-index: 2;
}
.homepro .p-yjy-center .p-kn .imglist .npto
{
    position: absolute;
    width: 30%;
    left: 0;
    height: 100%;
    top: 0;
    cursor: pointer;
    z-index: 3;
}
.homepro .p-yjy-center .p-kn .imglist .npto02
{
    right: 0;
    left: initial;
}
.homepro .p-yjy-center .p-kn .imglist .npto:focus
{
    outline: none;
}
.more:hover:after
{
    opacity: .75;
}
.nav-box
{
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 9;
    display: none;
}
.nav-box ul
{
    position: relative;
    overflow: hidden;
    display: block;
    padding: 20px 0 0 0;
    height: 320px;
}
.nav-box ul li
{
    display: block;
    overflow: hidden;
}
.nav-box ul li a
{
    display: block;
    height: 100px;
    overflow: hidden;
}
.nav-box ul li a span
{
    font-size: 12px;
    display: none;
    color: #999;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    height: 16px;
    line-height: 16px;
}
.nav-box ul li .active span
{
    display: block;
}
.nav-box ul li a:after
{
    content: '';
    position: relative;
    width: 1px;
    height: 100px;
    background: #eee;
    visibility: inherit;
    display: block;
    margin: 0 auto;
}
.nav-box ul li .active:after
{
    background: #fe7401;
}
.navFix
{
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: block;
    position: fixed;
    top: 50%;
    width: 60px;
    right: 20px;
}
.homeabout
{
    overflow: hidden;
    position: relative;
    background-size: cover;
    background: #fff;
    background-color: #fff;
}
#particles-js
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.homeabout .ct
{
    position: relative;
    width: 80%;
    margin: 100px auto;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
.homeabout .left
{
    display: block;
    width: 33%;
    overflow: hidden;
    position: relative;
}
.homeabout .left p
{
    display: block;
    overflow: hidden;
}
.homeabout .left p img
{
    display: block;
    width: 100%;
}
.homeabout .right
{
    display: block;
    width: 62%;
    overflow: hidden;
}
.homeabout .right .num
{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
.homeabout .right .num p span
{
    display: block;
    float: left;
    font-size: 60px;
    line-height: 50px;
    color: #333;
    letter-spacing: -1px;
    font-weight: bold;
}
.homeabout .right .num p e
{
    line-height: 50px;
    font-size: 36px;
    color: #666;
    margin: 0 0 0 10px;
}
.homeabout .right .num p font
{
    display: block;
    font-size: 18px;
    color: #999;
    margin: 20px 0 0 0;
}
.homeabout .right .num p strong
{
    font-weight: normal;
    display: block;
    overflow: hidden;
}
.homeabout .right .txt
{
    display: block;
    overflow: hidden;
    margin: 200px 0 0;
}
.homeabout .right .txt h3
{
    font-size: 36px;
    color: #333;
    line-height: 36px;
    margin: 0 0 30px 0;
}
.homeabout .right .txt h4
{
    display: block;
    color: #666;
    font-size: 18px;
    line-height: 32px;
}
.homeabout .right .txt .more
{
    margin: 100px 0 0 0;
    float: right;
    background: none;
}
.homeabout .line3 span
{
    background: #ddd;
}
.homeabout .left .swiper-pagination
{
    bottom: 0;
    right: 20px;
    bottom: 20px;
    text-align: right;
}
.homeabout .left .swiper-pagination .swiper-pagination-bullet
{
    opacity: 1;
    background: none;
    border: 1px solid #fff;
    margin: 0 0 0 5px;
}
.homeabout .left .swiper-pagination .swiper-pagination-bullet-active
{
    border: 1px solid #fe7401;
}
.effect1 img
{
    transform: scale(1.25,1.25) translate(10%,10%);
    transform: scale(1.1,1.1) translate(4.545%,4.545%);
}
.leftUp img
{
    -webkit-animation-name: leftUp;
    animation-name: leftUp;
}
@-webkit-keyframes leftUp
{
    0%
    {
        transform: scale(1.1,1.1) translate(4.545%,4.545%);
    }
    100%
    {
        transform: scale(1.1,1.1) translate(-4.545%,-4.545%);
    }
}
@keyframes leftUp
{
    0%
    {
        transform: scale(1.1,1.1) translate(4.545%,4.545%);
    }
    100%
    {
        transform: scale(1.1,1.1) translate(-4.545%,-4.545%);
    }
}
.moveRight img
{
    -webkit-animation-name: moveRight;
    animation-name: moveRight;
}
@-webkit-keyframes moveRight
{
    0%
    {
        transform: scale(1.1,1.1) translate(-4.545%,0);
    }
    100%
    {
        transform: scale(1.1,1.1) translate(4.545%,0);
    }
}
@keyframes moveRight
{
    0%
    {
        transform: scale(1.1,1.1) translate(-4.545%,0);
    }
    100%
    {
        transform: scale(1.1,1.1) translate(4.545%,0);
    }
}
.moveDown img
{
    -webkit-animation-name: moveDown;
    animation-name: moveDown;
}
@-webkit-keyframes moveDown
{
    0%
    {
        transform: scale(1.1,1.1) translate(0,-4.545%);
    }
    100%
    {
        transform: scale(1.1,1.1) translate(0,4.545%);
    }
}
@keyframes moveDown
{
    0%
    {
        transform: scale(1.1,1.1) translate(0,-4.545%);
    }
    100%
    {
        transform: scale(1.1,1.1) translate(0,4.545%);
    }
}
.centerBig img
{
    -webkit-animation-name: centerBig;
    animation-name: centerBig;
}
@-webkit-keyframes centerBig
{
    100%
    {
        transform: scale(1.1,1.1);
    }
}
@keyframes centerBig
{
    100%
    {
        transform: scale(1.1,1.1);
    }
}
.rightDownBig img
{
    -webkit-animation-name: rightDownBig;
    animation-name: rightDownBig;
}
@-webkit-keyframes rightDownBig
{
    100%
    {
        transform: scale(1.1,1.1) translate(4%,4%);
    }
}
@keyframes rightDownBig
{
    100%
    {
        transform: scale(1.1,1.1) translate(4%,4%);
    }
}
.swiper-slide img
{
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
.homeabout .left .swiper-slide, .homeabout .left .swiper-wrapper
{
    height: auto;
}
.homeabout .left .swiper-slide img
{
    display: block;
    width: 100%;
}
.homenews2
{
    display: block;
    overflow: hidden;
    margin: 0 auto 100px;
}
.homenews2 .more
{
    margin: 50px auto 0;
}
.homenews2 h6
{
    font-size: 36px;
    color: #333;
    line-height: 36px;
    margin: 0 auto 30px;
    width: 80%;
}
.homenews2 .list
{
    display: block;
    width: 80%;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin: 0 auto;
}
.homenews2 .list a
{
    display: block;
    overflow: hidden;
    position: relative;
    width: calc(32% - 2px);
    border: 1px solid #eee;
}
.homenews2 .list a p
{
    display: block;
    overflow: hidden;
    margin: 0 0 0 0;
}
.homenews2 .list a p img
{
    display: block;
    width: 100%;
    transition: all .6s;
}
.homenews2 .list a .txt
{
    position: relative;
    padding: 30px;
    overflow: hidden;
    display: block;
}
.homenews2 .list a .txt h5
{
    display: block;
    overflow: hidden;
    font-size: 16px;
    color: #ed6d0a;
    line-height: 1em;
}
.homenews2 .list a .txt h3
{
    font-size: 22px;
    color: #333;
    line-height: 36px;
    min-height: 72px;
    margin: 30px 0 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.homenews2 .list a .txt h4
{
    display: block;
    overflow: hidden;
    margin: 20px 0 0 0;
    position: relative;
    color: #333;
    font-size: 16px;
    border-top: 1px solid #eee;
    padding: 20px 0 0 0;
}
.homenews2 .list a .txt h4 .fa
{
    float: right;
    font-size: 18px;
    color: #333;
}
.homenews2 .list a .txt2
{
    position: absolute;
    top: 100px;
    left: 0;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    opacity: 0;
    z-index: 2;
}
.homenews2 .list a .txt2 h4
{
    position: absolute;
    width: calc(100% - 60px);
    bottom: 30px;
}
.homenews2 .list a .txt2 .p
{
    display: block;
    overflow: hidden;
}
.homenews2 .list a .txt2 .p i
{
    display: block;
    overflow: hidden;
    width: 50px;
    height: 1px;
    background: #ddd;
    margin: 30px 0;
}
.homenews2 .list a .txt2 .p font
{
    display: block;
    color: #888;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.homenews2 .list a:after
{
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    top: 10;
    position: absolute;
    left: 0;
    opacity: 0;
}
.homenews2 .list a:hover .txt2
{
    top: 0;
    opacity: 1;
    transition: all .6s;
}
.homenews2 .list a:hover:after
{
    opacity: 1;
    top: 0;
    transition: all .3s;
}
.xxfooter
{
    position: relative;
    display: block;
    overflow: hidden;
    padding: 100px 10%;
    background: #292c35;
    text-align: center;
    z-index: 20;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.xxfooter .left
{
    display: block;
    overflow: hidden;
    float: left;
    position: relative;
}
.xxfooter .left .footlebot
{
    display: block;
    overflow: hidden;
    margin: 50px 0 0;
}
.xxfooter .left .footlebot p
{
    display: block;
    overflow: hidden;
    color: #999;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 10px 0;
}
.xxfooter .left .footlebot p a
{
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
}
.xxfooter .left .footlebot span
{
    text-align: left;
    display: block;
    color: #999;
    font-size: 14px;
    line-height: 24px;
    margin: 30px 0 0 0;
}
.xxfooter .left .footlebot span a
{
    color: #666;
    margin: 0 15px 0 0;
    font-size: 12px;
}
.xxfooter .tt
{
    display: block;
    overflow: hidden;
}
.xxfooter .tt span
{
    text-align: left;
    display: block;
    color: #fff;
    font-size: 30px;
    opacity: .3;
}
.xxfooter .tt font
{
    text-align: left;
    display: block;
    font-size: 30px;
    color: #fff;
}
.xxfooter .right
{
    display: block;
    overflow: hidden;
    float: right;
    position: relative;
}
.xxfooter .right ul
{
    width: 280px;
    display: block;
    overflow: hidden;
    margin: 50px 0 0;
}
.xxfooter .right ul li
{
    display: block;
    float: left;
    width: 50%;
    text-align: right;
    margin: 0 0 20px 0;
}
.xxfooter .right ul li a
{
    color: #999;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
}
.xxfooter .right .tt span, .xxfooter .right .tt font
{
    text-align: right;
}
.xxfooter .center
{
    vertical-align: top;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.xxfooter .center .tt span, .xxfooter .center .tt font
{
    text-align: center;
}
.xxfooter .center ul
{
    display: block;
    overflow: hidden;
    margin: 50px 0 0 0;
}
.xxfooter .center ul li
{
    display: block;
    vertical-align: top;
    margin: 0 20px;
}
.xxfooter .center ul li p
{
    display: block;
    text-align: center;
    color: #999;
    font-size: 16px;
    line-height: 1;
    margin: 10px 0 0 0;
}
.xxfooter .center ul li img
{
    display: block;
    height: 120px;
    margin: auto;
}
.xxfooter .right ul li a:hover
{
    color: #fff;
}
.pagehist
{
    display: block;
    overflow: hidden;
    background: url(/jpg/p8tjud5z.jpg);
    background-size: cover;
    padding: 100px 0;
    position: relative;
}
.pagehist .sw
{
    display: block;
    overflow: hidden;
    width: 60%;
    margin: 0 auto;
    position: relative;
}
.pagehist h6
{
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin: 0 0 60px 0;
}
.pagehist .sw .swiper-container03
{
    display: block;
    width: 100%;
}
.pagehist .sw .swiper-slide
{
    display: block;
    width: 100%;
}
.pagehist .sw .swiper-slide span
{
    display: block;
    text-align: center;
    color: #fff;
    opacity: .8;
    line-height: 30px;
}
.pagehist .sw .swiper-slide strong
{
    display: block;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    opacity: .8;
    margin: 80px 0 0 0;
}
.pageab
{
    display: block;
    overflow: hidden;
    padding: 100px 0;
    position: relative;
}
.pageab .abtxt
{
    display: block;
    overflow: hidden;
    width: 94%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin: 0 3%;
}
.pageab .abtxt .left
{
    display: block;
    width: calc(50% - 200px);
    overflow: hidden;
    margin: 0 0 0 100px;
}
.pageab .abtxt .left h3
{
    font-weight: bold;
    font-size: 36px;
    color: #333;
    line-height: 36px;
    margin: 0;
}
.pageab .abtxt .left h4
{
    font-weight: bold;
    font-size: 20px;
    color: #333;
    line-height: 36px;
    margin: 15px 0 36px;
}
.pageab .abtxt .left h5
{
    display: block;
    color: #666;
    font-size: 18px;
    line-height: 30px;
}
.pageab .abtxt .right
{
    display: block;
    width: 50%;
    overflow: hidden;
}
.pageab .abtxt .right img
{
    display: block;
    width: 100%;
}
.pagebanner
{
    position: relative;
    overflow: hidden;
    display: block;
    z-index: 2;
}
.pagebanner img
{
    display: block;
    width: 100%;
}
.pagebanner .btxt
{
    position: absolute;
    top: 50%;
    left: 8%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.pagebanner .btxt h3
{
    display: block;
    color: #eee;
    font-size: 48px;
    line-height: 40px;
    font-weight: bold;
}
.pagebanner .btxt h4
{
    display: block;
    color: #ccc;
    font-size: 20px;
    width: 500px;
    line-height: 30px;
    margin: 30px 0 0 0;
}
.about-tt
{
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    width: 280px;
}
.about-tt span
{
    font-size: 36px;
    color: #333;
    line-height: 1em;
    display: block;
    text-align: right;
}
.about-tt font
{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 2px;
    background: #ddd;
    margin: 16px 0 0 0;
}
.aboutcontact
{
    display: block;
    overflow: hidden;
    width: 98%;
    margin: 150px auto 100px;
    position: relative;
}
.aboutcontact .ct
{
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.aboutcontact .ct h6
{
    opacity: 1;
    transition: all .3s;
    position: absolute;
    top: 80px;
    left: 0;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 52px;
    font-weight: bold;
}
.aboutcontact .ct h6 span
{
    display: block;
    font-size: 36px;
    margin-top: 40px;
    font-weight: normal;
}
.aboutcontact .ct p
{
    display: block;
    overflow: hidden;
}
.aboutcontact .ct p img
{
    display: block;
    width: 100%;
}
.aboutcontact .ct .txt
{
    transition: all .3s;
    position: absolute;
    top: 70%;
    width: 80%;
    left: 10%;
    opacity: 0;
    z-index: 3;
}
.aboutcontact .ct .txt span
{
    display: block;
    color: #fff;
    font-size: 30px;
    line-height: 1em;
}
.aboutcontact .ct .txt strong
{
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    opacity: .8;
    margin: 20px 0;
}
.aboutcontact .ct .txt font
{
    display: block;
    color: #eee;
    line-height: 30px;
    font-size: 16px;
}
.aboutcontact .ct:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
}
.aboutcontact .ct:hover .txt
{
    opacity: 1;
    top: 40%;
}
.aboutcontact .ct:hover:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    right: 0;
    z-index: 1;
    opacity: .6;
}
.aboutcontact .ct:hover h6
{
    opacity: 0;
}/* 20210608 */
.ctprev, .ctnext
{
    background-image: none;
    width: 30px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    background-color: rgba(255,255,255,.9);
    margin-top: -20px;
    color: #666;
}
.ctprev
{
    left: 0;
}
.ctnext
{
    right: 0;
}
.aboutjob
{
    display: block;
    overflow: hidden;
    position: relative;
    padding: 120px 0;
}
.aboutjob:before
{
    content: "";
    position: absolute;
    width: 76%;
    height: 100%;
    background: #f1f2f3;
    top: 0;
    right: 0;
    z-index: 1;
}
.aboutjob .left
{
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 4;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 50%;
    top: calc(50% + 50px);
}
.aboutjob .left img
{
    display: block;
    width: 100%;
}
.aboutjob .right
{
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 3;
    border: 16px solid #d9dce0;
    width: calc(60% - 32px);
    float: right;
    margin: 0 5% 0 0;
    padding: 200px 0 150px;
}
.aboutjob .right dd
{
    display: block;
    width: 60%;
    margin: 0 10% 0 30%;
}
.aboutjob .right dd h3
{
    font-size: 30px;
    color: #333;
    line-height: 40px;
    width: 80%;
}
.aboutjob .right dd h4
{
    display: block;
    font-size: 18px;
    line-height: 36px;
    color: #666;
    margin: 30px 0;
}
.aboutjob .right dd .more
{
    background: none;
}
.aboutjob .about-tt
{
    position: absolute;
    top: 100px;
    left: 0;
}/*choose*/
.choose .choose_list
{
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 771px;
}
.choose .choose_list>img
{
    width: 100%;
    height: auto;
}
.choose .choose_list .choose_txt
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.choose .choose_list .choose_txt>a
{
    display: block;
    width: 25%;
    height: 100%;
    position: relative;
    float: left;
}
.choose .choose_list .choose_txt>a .top
{
    position: absolute;
    top: 9%;
    left: 8%;
    transition: all .5s;
    z-index: 2;
}
.choose .choose_list .choose_txt>a .top font
{
    font-size: 15px;
    color: #fff;
    opacity: .66;
    margin-top: 15px;
    display: inline-block;
    text-transform: uppercase;
}
.choose .choose_list .choose_txt>a>.top span
{
    font-size: 14px;
    color: #fff;
    margin-bottom: 30px;
    display: inline-block;
}
.choose .choose_list .choose_txt>a>.top p
{
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #2f2f2f;
    font-weight: bold;
}
.choose .choose_list .choose_txt>a:after
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(255,255,255,.3);
}
.choose .choose_list .choose_txt>a>h3
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background-color: rgba(17,17,17,.7);
    opacity: 0;
    transition: all .8s;
}
.choose .choose_list .choose_txt>a>h3>.yc
{
    width: 82%;
    position: absolute;
    top: -11%;
    left: 8%;
    transition: all .4s;
    height: 80%;
}
.choose .choose_list .choose_txt>a>h3>.yc>p
{
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.choose .choose_list .choose_txt>a>h3>.yc .en
{
    font-size: 15px;
    color: #fff;
    opacity: .66;
    margin-top: 10px;
    font-weight: normal;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.choose .choose_list .choose_txt>a>h3>.yc .num
{
    font-size: 14px;
    color: #fff;
    margin-bottom: 40px;
}
.choose .choose_list .choose_txt>a>h3>.yc>span
{
    font-size: 18px;
    color: #fff;
    width: 80%;
    margin-bottom: 14px;
    display: block;
    line-height: 26px;
    opacity: .9;
    position: relative;
    box-sizing: border-box;
}
.choose .choose_list .choose_txt>a>h3>.yc>span>i
{
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 14px;
    vertical-align: 3px;
    position: absolute;
    top: 10px;
    left: 0;
}
.choose .choose_list .choose_txt>a>h3>.yc>strong
{
    display: block;
    width: 75px;
    height: 1px;
    background-color: #fff;
    margin: 0;
    margin-bottom: 40px;
}
.choose .choose_list .choose_txt>a>h3>.yc>font
{
    position: absolute;
    display: block;
    width: 184px;
    height: 46px;
    margin-top: 50px;
    bottom: 0;
    line-height: 46px;
}/* .choose .choose_list .choose_txt>a>h3>.yc>font{position: absolute;display: block;width: 184px;height: 46px;text-align: center;line-height: 46px;border: 1px solid #fff;font-size: 14px;color: #fff;transition:all .5s;margin-top: 50px;bottom: 0;font-family: "got";border-radius: 2rem;}
.choose .choose_list .choose_txt>a>h3>.yc>font:after{content: "";display: block;width: 0;height: 100%;transition: all .5s;background-color: #fff;z-index: -1;position: absolute;top: 0;left: 0;border-radius: 2rem;} */
.choose .choose_list .choose_txt>a:hover h3
{
    opacity: 1;
}
.choose .choose_list .choose_txt>a:hover h3>.yc
{
    top: 9%;
}
.choose .choose_list .choose_txt>a:hover>.top
{
    opacity: 0;
}/* .choose .choose_list .choose_txt>a>h3>.yc>font:hover{color: #111;}
.choose .choose_list .choose_txt>a>h3>.yc>font:hover:after{width: 100%;} */
.img_box
{
    width: 100%;
    height: 100%;
    position: relative;
}
.img_box>img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.img_box>img:nth-child(1)
{
    display: block;
}
.aboutevent
{
    display: block;
    overflow: hidden;
    padding: 0 0 50px 0;
    position: relative;
    margin: 100px auto;
}
.aboutevent .swiper-container02
{
    display: block;
    float: right;
    width: calc(100% - 450px);
    overflow: hidden;
}
.aboutevent .swiper-container02 .swiper-slide a
{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    border: 1px solid #eee;
}
.aboutevent .swiper-container02 .swiper-slide a p
{
    display: block;
    overflow: hidden;
    margin: 0 0 0 0;
}
.aboutevent .swiper-container02 .swiper-slide a p img
{
    display: block;
    width: 100%;
    transition: all .6s;
}
.aboutevent .swiper-container02 .swiper-slide a .txt
{
    position: relative;
    padding: 30px;
    overflow: hidden;
    display: block;
}
.aboutevent .swiper-container02 .swiper-slide a .txt h5
{
    display: block;
    overflow: hidden;
    font-size: 16px;
    color: #999;
    line-height: 1em;
}
.aboutevent .swiper-container02 .swiper-slide a .txt h3
{
    font-size: 22px;
    color: #333;
    line-height: 36px;
    margin: 30px 0 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 72px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.aboutevent .swiper-container02 .swiper-slide a .txt h4
{
    display: block;
    overflow: hidden;
    margin: 20px 0 0 0;
    position: relative;
    color: #333;
    font-size: 16px;
    border-top: 1px solid #eee;
    padding: 20px 0 0 0;
}
.aboutevent .swiper-container02 .swiper-slide a .txt h4 .fa
{
    float: right;
    font-size: 18px;
    color: #333;
}
.aboutevent .swiper-container02 .swiper-slide a .txt2
{
    position: absolute;
    top: 100px;
    left: 0;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    opacity: 0;
    z-index: 2;
}
.aboutevent .swiper-container02 .swiper-slide a .txt2 h4
{
    position: absolute;
    width: calc(100% - 60px);
    bottom: 30px;
}
.aboutevent .swiper-container02 .swiper-slide a .txt2 .p
{
    display: block;
    overflow: hidden;
}
.aboutevent .swiper-container02 .swiper-slide a .txt2 .p i
{
    display: block;
    overflow: hidden;
    width: 50px;
    height: 1px;
    background: #ddd;
    margin: 30px 0;
}
.aboutevent .swiper-container02 .swiper-slide a .txt2 .p font
{
    display: block;
    color: #888;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.aboutevent .swiper-container02 .swiper-slide a:after
{
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    top: 10;
    position: absolute;
    left: 0;
    opacity: 0;
}
.aboutevent .swiper-container02 .swiper-slide a:hover .txt2
{
    top: 0;
    opacity: 1;
    transition: all .6s;
}
.aboutevent .swiper-container02 .swiper-slide a:hover:after
{
    opacity: 1;
    top: 0;
    transition: all .3s;
}
.aboutmis
{
    display: block;
    overflow: hidden;
    padding: 100px 0 0;
}
.aboutmis .about-tt
{
    float: none;
}
.aboutmis .center
{
    display: block;
    overflow: hidden;
    width: 80%;
    margin: 50px auto 0;
    position: relative;
}
.aboutmis .center .left
{
    display: block;
    width: calc(50% - 40px);
    overflow: hidden;
    position: relative;
}
.aboutmis .center .left dd
{
    padding: 0 0 0 40px;
    position: relative;
    margin: 0 0 40px 0;
    display: block;
    overflow: hidden;
}
.aboutmis .center .left dd p
{
    display: block;
    overflow: hidden;
}
.aboutmis .center .left dd p img
{
    display: block;
    width: 100%;
}
.aboutmis .center .left dd .txt
{
    padding: 0 0 0 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.aboutmis .center .left dd .txt h3
{
    color: #fe7401;
    background: #333;
    position: absolute;
    writing-mode: tb;
    height: 100%;
    line-height: 40px;
    left: 0;
    bottom: 0;
    text-align: center;
    -webkit-writing-mode: vertical-lr;
}
.aboutmis .center .left dd .txt h4
{
    background: rgba(0,0,0,.8);
    padding: 40px 60px 40px 40px;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    width: 420px;
}
.aboutmis .center .left dd .txt h4 span
{
    display: block;
    color: #fff;
    font-size: 26px;
    line-height: 1em;
}
.aboutmis .center .left dd .txt h4 font
{
    display: block;
    color: #eee;
    font-size: 20px;
    margin: 20px 0 0 0;
}
.aboutmis .center .left dd:nth-child(2n)
{
    margin: 0;
}
.aboutmis .center .left dd:nth-child(2n) .txt
{
    bottom: auto;
    top: 0;
}
.aboutmis .center .right
{
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    height: 100%;
}
.aboutmis .center .right dd
{
    margin: 0;
    position: initial;
}
.aboutmis .center .right dd .txt
{
    position: initial;
}
.aboutmis .center .right dd .txt h3
{
    bottom: auto;
    top: 0;
    height: 120px;
}
.aboutmis .center .right dd .txt h4
{
    position: absolute;
    width: auto;
    height: auto;
    z-index: 3;
    right: 0;
    top: 50%;
    border: 16px solid #e9e9e9;
    background: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 80px 120px 80px 30px;
    white-space: nowrap;
}
.aboutmis .center .right dd p img
{
    position: absolute;
    width: 80%;
    height: 100%;
    bottom: 0;
    left: 40px;
}
.aboutmis .center .right dd .txt h4 font
{
    width: 100%;
    line-height: 26px;
}
.pagehist .sw .swiper-slide span
{
    opacity: 0;
    position: relative;
    width: 600px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 18px;
    color: #ccc;
    transition: all .6s;
}
.pagehist .sw .swiper-slide h6
{
    opacity: 0;
    white-space: nowrap;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    transition: all .6s;
    position: relative;
    width: 600px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.pagehist .sw .swiper-slide-active h6
{
    opacity: 1;
}
.pagehist .sw .swiper-slide-active span
{
    opacity: 1;
}
.pagehist .sw .swiper-slide-active strong
{
    color: #fe7401;
}
.pagehist:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    bottom: 125px;
    opacity: .2;
    left: 0;
}
.pagehist .sw .swiper-slide #qx
{
    display: block;
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    margin: 20px auto 0;
    position: relative;
}
.pagehist .sw .swiper-slide #qx #a1
{
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    top: 21px;
    left: 21px;
    opacity: .8;
    z-index: 3;
}
.pagehist .sw .swiper-slide #qx #a2
{
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: 15px;
    left: 15px;
    opacity: .8;
    z-index: 3;
    border: 1px solid #fff;
}
.pagehist .sw .swiper-slide-active #qx
{
    background: rgba(255,255,255,.2);
}
.pagehist .sw .swiper-slide-active #qx #a1
{
    background: #fe7401;
}
.pagehist .about-tt
{
    position: absolute;
    bottom: 125px;
    width: 200px;
}
.pagehist .about-tt span
{
    color: #fff;
    text-align: center;
}
.pagehist .about-tt font
{
    background: #fff;
    opacity: .5;
}
.pagehist .np
{
    position: absolute;
    width: 80px;
    border-bottom: 2px solid rgba(255,255,255,.5);
    bottom: 125px;
    right: 50px;
    padding: 0 0 20px 0;
}
.pagehist .np .npto
{
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    float: right;
    color: #fff;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    opacity: .5;
    font-size: 14px;
    cursor: pointer;
}
.pagehist .np .npto:hover
{
    opacity: .8;
}
.pagehist .np .npto:focus
{
    outline: none;
}
.pagehist .np .swiper-button-prev03
{
    float: left;
}
.abouthrinfo
{
    display: block;
    overflow: hidden;
    margin: 100px 0 0;
    position: relative;
}
.abouthrinfo .swiper-container01 .swiper-slide img
{
    display: block;
    width: 100%;
}
.abouthrinfo .swiper-container01 .in-banner-txt
{
    position: absolute;
    width: 80%;
    left: 10%;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.abouthrinfo .swiper-container01 .in-banner-txt .left
{
    float: left;
    display: block;
    border: 16px solid #88888c;
    width: calc(28% - 60px);
    padding: 90px 30px;
    overflow: hidden;
}
.abouthrinfo .swiper-container01 .in-banner-txt .left p
{
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
}
.abouthrinfo .swiper-container01 .in-banner-txt .left h3
{
    display: block;
    color: #fff;
    font-size: 30px;
    width: 100%;
    line-height: 36px;
}
.abouthrinfo .swiper-container01 .in-banner-txt .left h4
{
    display: block;
    overflow: hidden;
    color: #eee;
    font-size: 16px;
    line-height: 30px;
    margin: 30px 0 0 0;
}
.abouthrinfo .swiper-container01 .in-banner-txt .right
{
    float: right;
    width: 50%;
    display: block;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
.abouthrinfo .swiper-container01 .in-banner-txt .right h3
{
    display: block;
    overflow: hidden;
}
.abouthrinfo .swiper-container01 .in-banner-txt .right h3 span
{
    display: block;
    float: left;
    color: #fe7401;
    font-size: 50px;
    font-weight: bold;
}
.abouthrinfo .swiper-container01 .in-banner-txt .right h3 font
{
    display: block;
    color: #fe7401;
    float: left;
    font-size: 26px;
    margin: 12px 0 0 10px;
}
.abouthrinfo .swiper-container01 .in-banner-txt .right h4
{
    display: block;
    color: #eee;
    font-size: 18px;
    margin: 10px 0 0 0;
}
.abouthrinfo .about-tt
{
    margin: 0 0 30px 0;
}
.abouthrinfo .np .npto
{
    position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    top: 50%;
    color: #fff;
    z-index: 3;
    background: rgba(255,255,255,.2);
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
}
.abouthrinfo .np .swiper-button-prev01
{
    left: 50px;
    right: initial;
}
.abouthrinfo .np .swiper-button-next01
{
    right: 50px;
}/* 20210608 */
.abouthrinfo .swiper-container01 .in-banner-txt .left
{
    width: 50%;
    box-sizing: border-box;
}
.abouthrinfo .swiper-container01 .swiper-slide:first-child .in-banner-txt .left
{
    width: 40%;
}
.aboutevent .np
{
    width: 280px;
    position: absolute;
    top: 100px;
    left: 0;
    text-align: right;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.aboutevent .np br
{
    display: none;
}
.aboutevent .np .npto
{
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #eee;
    border-radius: 50%;
    color: #999;
    cursor: pointer;
}
.aboutevent .np .npto:focus
{
    outline: none;
}
.aboutevent .np .swiper-button-prev02
{
    margin: 10px 0 10px 0;
}
.aboutevent .swiper-pagination02
{
    position: absolute;
    bottom: 0;
    left: 450px;
    width: auto;
}
.aboutevent .swiper-pagination02 span
{
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    background: none;
    border: 1px solid #ddd;
    opacity: 1;
    margin: 0 10px 0 0;
    outline: none;
}
.aboutevent .swiper-pagination02 .swiper-pagination-bullet-active, .aboutevent .swiper-pagination02 span:hover
{
    border: 1px solid #fe7401;
}
.pageline3 span
{
    background: #ddd;
    z-index: 6;
}/* 产品 */
.innerbanner
{
    width: 100%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 3;
}
.innerbanner img
{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}
.innerbotwrap
{
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,.3);
    z-index: 1;
    bottom: 0;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;/* border-top: 1px solid rgba(255,255,255,0.3); */
}
.innerbotwrap a
{
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 18px;
    color: #ccc;
    height: auto;
    width: auto;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;/* border-right: 1px solid rgba(255,255,255,0.3); */
    display: block;
    margin-right: 140px;
    padding: 40px 0 20px;
    text-align: center;
    position: relative;
}
.innerbotwrap a:before
{
    content: '';
    display: block;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg,rgba(233,92,38,1) 0%,rgba(240,145,54,1) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s;
}
.innerbotwrap a:hover:before, .innerbotwrap a.now:before
{
    width: 100%;
}
.innerbotwrap a:last-child
{
    border-right: none;
}
.innerbotwrap a img
{
    display: block;
    width: auto;
    height: 40px;
    filter: brightness(10) grayscale(2);
    -webkit-filter: brightness(2) grayscale(2);
    margin-right: 10px;
    transition: all .6s;
    margin: 0 auto 10px;
}
.innerbotwrap a:last-child
{
    margin-right: 0;
}
.innerbotwrap a.now img, .innerbotwrap a:hover img
{
    -webkit-filter: none;
    filter: none;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.innerbotwrap a.now, .innerbotwrap a:hover
{
    color: #fe7401;
}/* innerwrap */
.innerwrap
{
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.innerwrap .bgvideo
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.innerwrap:before
{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0,0,0,.8);
}
.p-cont
{
    width: 80%;
}/* product01wrap */
.product01wrap
{
    background-color: #181818;
}
.product01
{
    margin: auto;
    padding: 100px 0;
    position: relative;
    z-index: 2;
}
.product01li
{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 160px;
}
.product01li:last-child
{
    margin-bottom: 0;
}
.product01li:nth-of-type(odd)
{
    -webkit-flex-flow: row-reverse;
    flex-flow: row-reverse;
}
.product01li .imgbox
{
    max-width: 46%;
}
.product01li .imgbox img
{
    display: block;
    width: auto;
    max-width: 100%;
}
.product01li .text
{
    width: 50%;
    box-sizing: border-box;
    padding-left: 7%;
}
.product01li:nth-of-type(even) .text
{
    padding-left: 0%;
    padding-right: 7%;
}
.product01li .text .model
{
    border-left: 2px solid #ed6d0a;
    padding-left: 20px;
    box-sizing: border-box;
    margin-bottom: 60px;
}
.product01li .text .model h3
{
    font-size: 46px;
    color: #fff;
    font-weight: bold;
}
.product01li .text .model p
{
    font-size: 24px;
    color: #fff;
    opacity: .5;
    letter-spacing: 10px;
    font-weight: bold;
}
.product01li .text .tl
{
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
}
.product01li .text .tl span
{
    display: none;
}
.product01li .text h4
{
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #fff;
    opacity: .66;
}
.product01li .text .list
{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(255,255,255,.3);
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.product01li .text .list p
{
    margin-right: 40px;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    opacity: .66;
    margin-bottom: 10px;
    white-space: nowrap;
}
.product01li .text .list p:last-child
{
    margin-right: 0;
}
.product01li .text .list p img
{
    display: block;
    width: 26px;
    height: 26px;
    margin-right: 10px;
}/* p-more */
.p-more
{
    display: block;/* background:linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%); */
    line-height: 50px;
    padding: 0;
    border: none;
    width: 190px;
    line-height: 50px;
    position: relative;
    border-radius: 4px;
    transition: all .5s ease;
    border: 2px solid #ed6d0a;
}
.p-more span
{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    line-height: inherit;
    text-align: center;
    color: #ed6d0a;
    transition: all .5s ease;
    z-index: 0;
}
.p-more span:before
{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(255,151,0,1) 0%,rgba(251,75,2,1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all .3s;
}
.p-more:hover span:before
{
    opacity: .75;
}
.p-more:hover span
{
    color: #fff;
}
.p-more:after, .p-more:before
{
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: #ed6d0a;
    transition: all .5s ease;/* box-shadow:-7px -7px 20px 0 rgba(255,255,255,.9),-4px -4px 5px 0 rgba(255,255,255,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3); */
}
.p-more:before
{
    height: 0%;
    width: 2px;
}
.p-more:after
{
    width: 0%;
    height: 2px;
}/* .p-more:hover{color:#ed6d0a;background:0 0;transition: all 0.5s ease;}
.p-more:hover:before{height:100%}
.p-more:hover:after{width:100%} *//* .p-more span:after,.p-more span:before{position:absolute;content:"";left:0;top:0;background:#ed6d0a;transition:all .5s ease;box-shadow:-7px -7px 20px 0 rgba(255,255,255,.9),-4px -4px 5px 0 rgba(255,255,255,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3);} *//* .p-more span:before{width:2px;height:0%}
.p-more span:after{height:2px;width:0%} *//* .p-more span:hover:before{height:100%}
.p-more span:hover:after{width:100%}
.p-more span:hover{color:#ed6d0a;background:0 0;} */
.product01li .text .p-more
{
    margin-top: 60px;
}/* header重置 */
.pch
{
    height: auto;
}
.headerwrap
{
    width: 100%;
    box-sizing: border-box;
    padding: 0 50px;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}
.pch .logo
{
    position: relative;
    width: auto;
}
.pch .logo img
{
    width: auto;
    margin: auto;
}/* pch-r */
.pch-r
{
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
}
.pch .pcnav
{
    display: flex;
    display: -webkit-flex;
    margin-right: 60px;
}
.pch .en
{
    position: relative;
    top: 0;
    right: 0;
}
.pch .pcnav li>a
{
    line-height: 30px;
    position: relative;
}
.pch .pcnav li>a:before
{
    content: '';
    display: block;
    width: 0%;
    height: 2px;
    background-color: #fe7401;
    position: absolute;
    left: 0;
    transition: all .3s;
    bottom: 0;
}
.pch .pcnav li>a:hover:before
{
    width: 100%;
}
.pch:hover .pcnav li>a:hover
{
    color: #fe7401;
}/* pcht02 */
.pcht02, .pch:hover
{
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.pcht02 .logo img, .pch:hover .logo img
{
    opacity: 0;
}
.pcht02 .logo, .pch:hover .logo
{
    background: url(/svg/4tbx7gk9.svg)no-repeat;
    background-size: cover;
}
.pcht02 .pcnav a, .pch:hover .pcnav a
{
    color: #444;
}
.pcht02 .en, .pch:hover .en
{
    color: #8f8f8f;
    border-color: #8f8f8f;
}/* nav02wrap */
.nav02wrap
{
    position: absolute;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    border-top: 1px solid #ddd;
    display: none;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
}
.prodown
{
    width: 100%;
    box-sizing: border-box;
    padding: 50px 30px;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.prodown .item
{
    width: 25%;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: flex-start;
}
.prodown .item:last-child
{
    border-right: none;
}
.prodown .item .imgbox
{
    width: 30%;
    box-sizing: border-box;
}
.prodown .item .imgbox img
{
    display: block;
    width: auto;
    max-width: 100%;
}
.prodown .item .linklist
{
    width: 70%;
    box-sizing: border-box;
}
.prodown .item .linklist h3
{
    font-size: 17px;
    color: #333;
    font-weight: bold;
    margin-bottom: 30px;
}
.prodown .item .linklist a
{
    display: block;
    font-size: 15px;
    line-height: 32px;
    color: #666;
    margin: 0;
}
.prodown .item .linklist a:hover
{
    color: #333;
    text-decoration: underline;
}
.prowrap
{
    width: 100%;
    position: relative;
    padding-top: 120px;
    overflow: hidden;
}
.proinfolinkwrap
{
    width: 100%;
    box-sizing: border-box;
    background-color: #eee;
}
.proinfolink
{
    display: flex;
    display: -webkit-flex;
    width: 80%;
    margin: auto;
    -webkit-justify-content: center;
    justify-content: center;
    height: 80px;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}
.proinfolink a
{
    display: block;
    width: 210px;
    text-align: center;
    font-size: 15px;
    line-height: 80px;
    color: #666;
    position: relative;
}
.proinfolink a:before
{
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background-color: #ddd;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}
.proinfolink a:last-child:after
{
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background-color: #ddd;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
}
.proinfolink a i
{
    display: block;
    width: 0%;
    height: 2px;
    background-color: #f5a100;
    transition: all .3s;
    position: absolute;
    left: 0;
    bottom: 0;
}
.proinfolink a:hover i, .proinfolink a.active i
{
    width: 100%;
}
.proinfolink a:hover, .proinfolink a.active
{
    color: #f5a100;
}/* proinfo01 */
.proinfo01wrap
{
    width: 100%;
    box-sizing: border-box;
    padding: 100px 0;
    position: relative;
}
.proinfo01wrap .bgimg
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.proinfo01
{
    margin: auto;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 150px;
    position: relative;
    z-index: 1;
}/* proinfo01text */
.proinfo01text
{
    width: 50%;
    box-sizing: border-box;
    position: relative;
    padding-left: 50px;
}
.proinfo01text:before
{
    content: '';
    display: block;
    width: 5px;
    height: calc(100% - 20px);
    background: -webkit-linear-gradient(to bottom,#fb5002,#fe9000);
    background: linear-gradient(to bottom,#fb5002,#fe9000);
    position: absolute;
    left: 0;
    top: 20px;
}
.proinfo01text h3
{
    font-size: 80px;
    color: #222;
    font-weight: bold;
    line-height: 30px;
}
.proinfo01text p
{
    font-size: 36px;
    color: #222;
    line-height: 36px;
    margin-top: 20px;
}
.proinfo01text p span
{
    display: none;
}/* proinfo01imgbox */
.proinfo01imgbox
{
    max-width: 60%;
}
.proinfo01imgbox img
{
    display: block;
    width: auto;
    max-width: 100%;
}/* proinfo02 */
.proinfo02
{
    width: 760px;
    margin: auto;
    box-sizing: border-box;
}
.proinfo02 h4
{
    font-size: 20px;
    line-height: 42px;
    color: #222;
    text-align: justify;
    text-align-last: center;
}/* proinfo03wrap */
.proinfo03wrap
{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 100px 0 60px;
}
.proinfo03wrap .toimg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.proinfo03wrap .toimg img
{
    display: block;
    width: 50px;
    margin: auto;
}/* proinfo03 */
.proinfo03
{
    position: relative;
    width: 100%;
}
.proinfo03 .fontbg
{
    font-size: 172px;
    color: #292b2b;
    opacity: .04;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    white-space: nowrap;
    font-weight: bold;
    letter-spacing: 10px;
}
.proinfo03 .textlist
{
    position: absolute;
    z-index: 1;
}
.proinfo03 .textlist01
{
    width: 80%;
    left: 10%;/*height: 316px;*/
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    pointer-events: none;
}
.proinfo03 .textlist02
{
    left: 70%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.proinfo03 .textlist li
{
    margin-bottom: 100px;
    transition: all .3s;
    height: 108px;
    width: 29%;
    margin-right: 42%;
    pointer-events: initial;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.proinfo03 .textlist li:hover
{
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
}
.proinfo03 .textlist li:last-child
{
    margin-bottom: 0;
}
.proinfo03 .textlist li h3
{
    font-size: 23px;
    color: #333;
    font-weight: bold;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
}
.proinfo03 .textlist li h3 img
{
    display: block;
    width: 48px;
    height: auto;
    margin-left: 20px;
}
.proinfo03 .textlist li h4
{
    font-size: 15px;
    line-height: 24px;
    color: #666;
    text-align: justify;
    padding-right: 69px;
}
.proinfo03 .textlist02 li h3
{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.proinfo03 .textlist02 li h4
{
    text-align: left;
    padding-right: 0;
    padding-left: 80px;
}
.proinfo03 .textlist02 li h3 img
{
    margin-left: 0;
    margin-right: 20px;
}/* 20210624 */
.proinfo03 .textlist li:nth-of-type(2n)
{
    margin-right: 0;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.proinfo03 .textlist li:nth-of-type(2n) h3
{
    margin-right: 0;
    flex-flow: row-reverse;
    -webkit-flex-flow: row-reverse;
}
.proinfo03 .textlist li:nth-of-type(2n) h4
{
    padding-right: 0;
    padding-left: 69px;
    text-align: justify;
}
.proinfo03 .textlist li:nth-of-type(2n) h3 img
{
    margin-right: 20px;
    margin-left: 0;
}/* threesixty */
.threesixty
{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.threesixty .threesixty_images
{
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.threesixty .threesixty_images img
{
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}
.threesixty .threesixty_images img.previous-image
{
    visibility: hidden;
    width: 0;
}
.threesixty .threesixty_images img.current-image
{
    visibility: visible;
    width: 100%;
}
.threesixty:-webkit-full-screen
{
    background: #fff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
.threesixty:-moz-full-screen
{
    background: #fff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
.threesixty .threesixty_images
{
    list-style: arabic-indic;
}
.abc
{
    margin: 10px auto 0;
    display: block;
    width: 100%;
    opacity: 0;
    position: relative;
    max-width: 100%;
}
dl
{
    display: block;
    overflow: hidden;
    position: relative;
    width: 90%;
    margin: 100px auto;
}
.threesixty
{
    position: absolute;
    width: 100%;
    height: 100%!important;
    top: 0;
    left: 0;
}
.spinner
{
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -24px;
}
.spinner span
{
    opacity: 1;
    font-size: 16px;
    display: block;
    width: 100%;
    text-align: center;
    color: #666;
}
.proinfo03min
{
    width: 80%;
    margin: auto;
}
.loader-117
{
    color: #eed5aa;
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 48px;
    letter-spacing: 4px;
    margin: auto;
    width: 210px;
    font-weight: bold;
}
.loader-117::before
{
    content: "";
    position: absolute;
    right: 68px;
    bottom: 12px;
    height: 28px;
    width: 7px;
    outline: 1px solid #eed5aa;
    color: #f5a408;
    -webkit-animation: animloader117 1s linear infinite alternate;
    animation: animloader117 1s linear infinite alternate;
}
.loader-117::after
{
    content: "";
    width: 4px;
    height: 4px;
    background: #f5a408;
    position: absolute;
    right: 69px;
    top: 8px;
    -webkit-animation: animloader116 1s ease-out infinite alternate;
    animation: animloader116 1s ease-out infinite alternate;
}
@-webkit-keyframes animloader116
{
    0%
    {
        top: 8px;
        transform: rotate(0) scale(1);
    }
    100%
    {
        top: 0;
        transform: rotate(180deg) scale(1.5);
    }
}
@keyframes animloader116
{
    0%
    {
        top: 8px;
        transform: rotate(0) scale(1);
    }
    100%
    {
        top: 0;
        transform: rotate(180deg) scale(1.5);
    }
}
@-webkit-keyframes animloader117
{
    0%
    {
        box-shadow: 0 0 inset;
    }
    100%
    {
        box-shadow: 0 -28px inset;
    }
}
@keyframes animloader117
{
    0%
    {
        box-shadow: 0 0 inset;
    }
    100%
    {
        box-shadow: 0 -28px inset;
    }
}
.searchlist-titile
{
    display: block;
    overflow: hidden;
    margin: 30px auto;
    width: 80%;
}
.searchlist-titile h3
{
    display: block;
    color: #666;
    font-size: 16px;
}
.searchlist-titile h3 span
{
    color: #f5a302;
    font-size: 18px;
    font-weight: bold;
}
.searchlistcenter .p-yjy
{
    display: block;
    overflow: hidden;
    width: 80%;
    border-bottom: 1px solid #ccc;
    margin: 50px auto 0;
}
.searchlistcenter .p-yjy a
{
    position: relative;
    display: block;
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 80px 0 0;
    line-height: 40px;
    overflow: hidden;
    font-weight: bold;
    color: #666;
}
.searchlistcenter .p-yjy a:hover, .searchlistcenter .p-yjy .active
{
    color: #f5a302;
}
.p-yjy-center
{
    display: block;
    width: 80%;
    margin: 0 auto 100px;
    overflow: hidden;
    min-height: 800px;
}
.p-yjy-center .newslist a
{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 50px 0;
    margin: 0;
}
.p-yjy-center .newslist a .imgbox
{
    display: block;
    width: 35%;
    overflow: hidden;
}
.p-yjy-center .newslist a .imgbox img
{
    display: block;
    width: 100%;
}
.p-yjy-center .newslist a .textbox
{
    display: block;
    width: 60%;
}
.p-yjy-center .newslist a .textbox span
{
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.p-yjy-center .newslist a .textbox h3
{
    display: block;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}
.p-yjy-center .newslist a:hover .textbox h3, .p-yjy-center .prolist a:hover .textbox h3
{
    color: #f5a302;
}
.p-yjy-center .prolist
{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    margin: 30px 0;
}
.p-yjy-center .prolist a
{
    display: block;
    width: calc(48% - 2px);
    float: left;
    border: 1px solid #eee;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
.p-yjy-center .prolist a .imgbox
{
    display: block;
    width: 50%;
    overflow: hidden;
}
.p-yjy-center .prolist a .imgbox img
{
    display: block;
    width: 100%;
}
.p-yjy-center .prolist a .textbox
{
    display: block;
    width: 45%;
    overflow: hidden;
    margin: 0 2% 0 0;
}
.p-yjy-center .prolist a .textbox span
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #999;
    font-size: 14px;
    line-height: 20px;
}
.p-yjy-center .prolist a .textbox font
{
    display: block;
    color: #666;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0;
}
.p-yjy-center .prolist a .textbox h3
{
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 20px;
    margin: 20px 0;
}/* proinfo04wrap */
.proinfo04wrap
{
    width: 70%;
    margin: auto;
    position: relative;
    padding: 50px 0 0;
    margin-bottom: 110px;
}
.proinfo04wrap .tl
{
    font-size: 40px;
    color: #222;
    font-weight: bold;
    text-align: center;
}
.proinfo04wrap:before, .proinfo04wrap:after
{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: -webkit-linear-gradient(to right,#fff,#e3e3e3,#fff);
    background: linear-gradient(to right,#fff,#e3e3e3,#fff);
    position: absolute;
    left: 0;
}
.proinfo04wrap:before
{
    top: 0;
}
.proinfo04wrap:after
{
    bottom: 0;
}/* proinfo04 */
.proinfo04
{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
}
.proinfo04 li
{
    width: 32%;
    text-align: center;
    margin-bottom: 50px;
}
.proinfo04 li .imgbox
{
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: -webkit-linear-gradient(to bottom,#eed5aa,#f5a408);
    background: linear-gradient(to bottom,#eed5aa,#f5a408);
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: auto;
}
.proinfo04 li .imgbox img
{
    display: block;
    width: auto;
    height: 24px;
}
.proinfo04 li p
{
    font-size: 16px;
    color: #231815;
    margin-top: 20px;
    text-align: center;
}/* proinfo05wrap */
.proinfo05wrap
{
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    position: relative;
}
.proinfo05wrap .bgimg
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    object-fit: cover;
}/* proinfo05 */
.proinfo05
{
    width: 80%;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    position: relative;
    z-index: 1;
}
.proinfo05 .imgbox
{
    width: 50%;
}
.proinfo05 .imgbox img
{
    display: block;
    width: 100%;
}
.proinfo05 .text
{
    width: 50%;
    box-sizing: border-box;
    padding-left: 100px;
}
.proinfo05 .text h3
{
    font-size: 40px;
    color: #222;
    font-weight: bold;
    margin-bottom: 30px;
}/* proinfo05list */
.proinfo05list
{
    width: 100%;
}
.proinfo05list li
{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}
.proinfo05list li:first-child
{
    border-top: 1px solid #ddd;
}
.proinfo05list li p
{
    width: 30%;
    padding: 26px 0;
    position: relative;
    box-sizing: border-box;
    border-top: 2px solid #222;
    font-size: 18px;
    color: #222;
    font-weight: bold;
}
.proinfo05list li:last-child p
{
    border-bottom: 2px solid #222;
}
.proinfo05list li h4
{
    width: 70%;
    box-sizing: border-box;
    padding-left: 60px;
    font-size: 16px;
    color: #222;
    opacity: .75;
}/* proinfo06wrap */
.proinfo06wrap
{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin-top: 100px;
}
.proinfo06wrap h3
{
    font-size: 40px;
    font-weight: bold;
    color: #222;
    margin-bottom: 40px;
    text-align: center;
}/* proinfo06 */
.proinfo06
{
    width: 100%;
    position: relative;
}
.proinfo06 .box
{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.proinfo06 .box img
{
    display: block;
    width: 100%;
}
.proinfo06 .swiper-slide
{
    opacity: .5;
    transition: all .3s;
}
.proinfo06 .swiper-slide-active
{
    opacity: 1;
}
.proinfo06 .swiper-button-next, .proinfo06 .swiper-button-prev
{
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    background-image: none;
    font-size: 30px;
    color: #222;
    line-height: 60px;
    text-align: center;
    margin-top: -30px;
}
.proinfo06 .swiper-button-next
{
    right: 40px;
}
.proinfo06 .swiper-button-prev
{
    left: 40px;
}
.imganimation:before, .imganimation:after
{
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 15;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.imganimation.aos-animate:before
{
    -webkit-animation: shine 1s ease-out .5s;
    animation: shine 1s ease-out .5s;
}
.proinfo06 .swiper-slide-active .box:hover:after
{
    -webkit-animation: shine 1s ease-out .3s;
    animation: shine 1s ease-out .3s;
}
@-webkit-keyframes shine
{
    100%
    {
        left: 125%;
    }
}
@keyframes shine
{
    100%
    {
        left: 125%;
    }
}
@-webkit-keyframes imganim
{
    0%
    {
        transform: translateX(-100%);
    }
    100%
    {
        transform: translateX(100%);
    }
}
.proinfo06 .swiper-slide-active .box:before
{
    -webkit-animation: shine 1s ease-out .5s;
    animation: shine 1s ease-out .5s;
}/* proinfo07 */
.proinfo07
{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 100px 0;
}
.proinfo07 li
{
    text-align: center;
    width: 50%;
    padding: 30px 0;
    box-sizing: border-box;
}
.proinfo07 li:first-child
{
    border-right: 1px solid #ddd;
}
.proinfo07 li img
{
    display: block;
    width: auto;
    height: 50px;
    margin: auto;
}
.proinfo07 li h3
{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin: 20px 0;
    text-align: center;
}
.proinfo07 li h4
{
    font-size: 17px;
    color: #333;
    opacity: .5;
    text-align: center;
    margin-bottom: 20px;
}
.proinfo07 li a
{
    font-size: 15px;
    color: #f5a100;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
}
.proinfo07 li a i
{
    font-size: inherit;
    color: inherit;
    margin-left: 10px;
    transition: all .3s;
}
.proinfo07 li a:hover i
{
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
}/* 服务 */
.service-b
{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.service-b .bg
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.service-btext
{
    width: 900px;
    position: relative;
    margin-top: 80px;
}
.service-btext h3
{
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}
.service-btext h4
{
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    text-align: center;
}
.service-btext img
{
    display: block;
    width: auto;
    height: 70px;
    margin: auto;
}
.service-btext h5
{
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 15px auto;
}
.service-btext p
{
    font-size: 20px;
    color: #fff;
    opacity: .7;
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255,255,255,.3);
}/* service01 */
.swrap
{
    width: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.service01
{
    width: 1000px;
    margin: 100px auto;
}
.s-tl01
{
    text-align: center;
}
.s-tl01 h3
{
    font-size: 36px;
    color: #222;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.s-tl01 p
{
    font-size: 14px;
    color: #888;
    text-align: center;
}
.s-tl01 p a
{
    font-size: inherit;
    color: #222;
    text-decoration: underline;
}/* s-form */
.service01 .wpcf7-form
{
    width: 100%;
    margin-top: 40px;
}
.service01 .wpcf7-form select
{
    display: block;
    width: 100%;
    border: 0;
    outline: none;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
    color: #888;
    height: 50px;
    margin-bottom: 30px;
    float: left;
    margin-right: 2%;
    border-radius: 4px;
    background-color: transparent;
    -webkit-appearance: none;
}
.service01 .wpcf7-form p .menu-778:after
{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
}
.service01 .wpcf7-form textarea
{
    display: block;
    width: 100%;
    border: 0;
    outline: none;
    box-sizing: border-box;
    padding: 20px;
    font-size: 16px;
    color: #888;
    height: 140px;
    margin-bottom: 30px;
    margin-right: 0;
    border-radius: 4px;
    resize: none;
    background-color: transparent;
}
.service01 .wpcf7-form button
{
    cursor: pointer;
    margin: auto;
    line-height: 48px;
}
.service01 .wpcf7-form p span
{
    display: block;
    width: 49%;
    border: 1px solid #ddd;
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
    color: #888;
    height: 50px;
    margin-bottom: 30px;
    float: left;
    margin-right: 2%;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.service01 .wpcf7-form p span:nth-of-type(2n)
{
    margin-right: 0;
}
.service01 .wpcf7-form p .menu-778
{
    width: 100%;
}
.service01 .wpcf7-form .textarea-602
{
    width: 100%;
    height: auto;
}
.service01 .wpcf7-form p span span
{
    position: absolute;
    top: 0;
    right: 5px;
    width: auto;
    border: 0;
    line-height: 48px;
    letter-spacing: 0;
    font-size: 14px;
    color: #e47b29;
}
.service01 .wpcf7-form input
{
    display: block;
    width: 100%;
    height: 48px;
    border: 0;
    font-size: 16px;
    padding: 0 20px;
    box-sizing: border-box;
}
.service01 .wpcf7-form p br, .screen-reader-response
{
    display: none;
}
.wpcf7-response-output, .wpcf7-validation-errors
{
    display: block;
    text-align: center;
    color: #e47b29;
    letter-spacing: 0;
    margin: 20px 0 0 0;
    font-size: 14px;
}/* 新闻 */
.n-banner
{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.n-banner img
{
    display: block;
    width: 100%;
}
.n-banner .n-banner-t
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 80%;
}
.n-banner .n-banner-t h3
{
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}/* n-form */
.n-form
{
    width: 500px;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    margin-top: 30px;
}
.n-form p
{
    display: block;
    width: 400px;
    min-height: 46px;
    height: 46px;
    box-sizing: border-box;
    background-color: #fff;
}
.n-form input
{
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    outline: none;
    border: none;
    background-color: #fff;
    padding: 0 20px;
    font-size: 14px;
    color: #333;
    -webkit-appearance: none;
}
.n-form button
{
    width: 100px;
    height: 46px;
    border: none;
    background-color: #111;
    font-size: 14px;
    color: #fff;
    outline: none;
    text-align: center;
}
.n-form button i
{
    font-size: inherit;
    color: inherit;
    margin-right: 10px;
}
.newslink
{
    margin: 60px auto;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
}
.newslink i
{
    display: block;
    width: 1px;
    height: 20px;
    background-color: #ddd;
}
.newslink a
{
    display: block;
    font-size: 18px;
    color: #222;
    line-height: 50px;
    position: relative;
    width: 230px;
    text-align: center;
}
.newslink a:before
{
    content: '';
    display: block;
    width: 0%;
    height: 2px;
    background-color: #f5a100;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s;
}
.newslink a:hover:before, .newslink a.active:before
{
    width: 100%;
}
.newslink a:hover, .newslink a.active
{
    color: #f5a100;
}/* news01 */
.news01
{
    margin: auto;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.news01 .news01-l
{
    width: 58%;
}
.news01 .news01-l .imgbox
{
    width: 100%;
    overflow: hidden;
}
.news01 .news01-l .imgbox img
{
    display: block;
    width: 100%;
    transition: all .5s;
}
.news01:hover .news01-l .imgbox img
{
    transform: scale(1.1);
}
.news01 .news01-l .text
{
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.news01 .news01-l .text p, .news01-r p
{
    font-size: 15px;
    color: #333;
    margin: 30px 0;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
}
.news01 .news01-l .text p:before, .news01-r p:before
{
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background-color: #aaa;
    border-radius: 50%;
    margin-right: 5px;
}
.news01 .news01-l .text h3, .news01-r h3
{
    font-size: 24px;
    line-height: 36px;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 30px;
}
.news01 .news01-l .text font
{
    display: block;
    font-size: 15px;
    color: #aaa;
}/*.news01 .news01-l:hover .text h3{color: #f5a100;}*//*.news01 .news01-l:hover .text font{color: #f5a100;}*//*.news01 .news01-l:hover .text p,.news01-r:hover p{color: #f5a100;}*//*.news01 .news01-l:hover .text p:before,.news01-r:hover p:before{background-color: #f5a100;}*//* .news01-r */
.news01-r
{
    width: 40%;
    background-color: #f1f2f3;
    box-sizing: border-box;
    padding: 50px;
    position: relative;
}
.news01-r p
{
    margin-top: 0;
    font-weight: bold;
}
.news01-r h3
{
    -webkit-line-clamp: 3;
    margin-bottom: 40px;
}
.news01-r h4
{
    font-size: 14px;
    color: #333;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.news01-r .bot
{
    width: calc(100% - 100px);
    position: absolute;
    left: 50px;
    bottom: 0;
    height: 100px;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    border-top: 1px solid #aaa;
}
.news01-r .bot font
{
    font-size: 15px;
    color: #aaa;
}
.news01-r .bot i
{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #aaa;
    border-radius: 50%;
    font-size: 18px;
    color: #aaa;
    font-weight: lighter;
}
.news01-r .bot:before
{
    content: '';
    display: block;
    width: 0%;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 0;
    background-color: #f5a100;
    transition: all .3s;
}
.news01-r:hover .bot:before
{
    width: 100%;
}/*.news01-r:hover h3{color: #f5a100;}*//*.news01-r:hover .bot i{color: #f5a100;border-color: #f5a100;}*//*.news01-r:hover .bot font{color: #f5a100;}*//* news02 */
.news02
{
    margin: 70px auto 0;
    border-top: 1px solid #ddd;
    padding-top: 70px;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.news02 a
{
    display: block;
    width: 32%;
    padding-bottom: 60px;
    position: relative;
    box-sizing: border-box;
    margin-right: 2%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 60px;
}
.news02 a:nth-of-type(3n)
{
    margin-right: 0;
}
.news02 a .imgbox
{
    position: relative;
    overflow: hidden;
}
.news02 a .imgbox img
{
    display: block;
    width: 100%;
    transition: all .6s;
}
.news02 a:hover .imgbox img
{
    transform: scale(1.1);
}
.news02 a .text
{
    width: 100%;
    margin-top: 30px;
}
.news02 a .text font
{
    width: 100%;
    display: block;
    font-size: 15px;
    color: #aaa;
    margin-bottom: 20px;
}
.news02 a .text h3
{
    font-size: 20px;
    line-height: 30px;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}/*.news02 a:hover .text h3{color: #f5a100;}*/
.news02 a:hover
{
    border-bottom: 1px solid #f5a100;
}/* fy */
.fy, .nav-links
{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 80px;
}
.fy a, .nav-links a, .nav-links span
{
    display: block;
    width: auto;
    height: 34px;
    min-width: 34px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #b8b8b8;
    margin-right: 15px;
    text-align: center;
    line-height: 34px;
    border-radius: 4px;
    padding: 0 12px;
}
.fy a:last-child
{
    margin-right: 0;
}
.fy a.active, .fy a:hover, .nav-links span
{
    background-color: #f5a100;
    border-color: #f5a100;
    color: #fff;
}
.screen-reader-text
{
    display: none;
}/* 新闻详情 */
.n-info-bwrap
{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 120px;
    border-bottom: 1px solid #ddd;
}/* n-info-b */
.n-info-b
{
    margin: 100px auto;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.n-info-b .l-tex
{
    width: 60%;
}
.n-info-b .l-tex h3
{
    font-size: 30px;
    color: #222;
    line-height: 40px;
    margin-bottom: 30px;
}
.n-info-b .l-tex .data
{
    display: flex;
    display: -webkit-flex;
}
.n-info-b .l-tex .data p
{
    font-size: 16px;
    color: #888;
    margin-right: 50px;
}
.n-info-b .l-tex .data p:last-child
{
    margin-right: 0;
}
.n-info-b .r-text
{
    width: 30%;
}
.n-info-b .r-text .newinfofx
{
    margin: auto;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
}
.n-info-b .r-text .newinfofx p
{
    font-size: 14px;
    color: #666;
    margin-right: 20px;
}
.n-info-b .r-text .newinfofx .bshare-custom
{
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
}
.n-info-b .r-text .newinfofx .bshare-custom a
{
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #666;
    font-size: 14px;
    color: #666;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    border-radius: 50%;
    background-image: none;
}
.n-info-b .r-text .newinfofx .bshare-custom a:last-child
{
    margin-right: 0;
}
.n-info-b .r-text .toback
{
    font-size: 14px;
    color: #e1980a;
    margin-top: 30px;
    display: inline-block;
}
.n-info-b .r-text .toback i
{
    font-size: inherit;
    color: inherit;
    margin-right: 5px;
}/* newsinfo01 */
.newsinfo01
{
    margin: 100px auto;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}/* newsinfo01-l */
.newsinfo01-l
{
    width: 60%;
}
.newsinfo01-lmin
{
    width: 100%;
    padding-bottom: 60px;
    border-bottom: 1px solid #ddd;
}
.newsinfo01-lmin p
{
    font-size: 16px;
    color: #555;
    line-height: 30px;
    text-align: justify;
    margin-bottom: 30px;
}
.newsinfo01-lmin p:last-child
{
    margin-bottom: 0;
}
.newsinfo01-lmin p img, .newsinfo01-lmin video, .newsinfo01-lmin img
{
    display: block;
    width: auto;
    height: auto;
    margin: 20px 0;
    max-width: 100%;
}
.newsinfo01-lmin section div
{
    display: block;
    width: 100%!important;
}
.newsinfo01-lmin p strong
{
    font-weight: bold;
}
.newsinfo01-l .page
{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 30px;
}
.newsinfo01-l .page a
{
    font-size: 14px;
    color: #666;
}
.newsinfo01-l .page a i
{
    font-size: inherit;
    color: inherit;
    margin-right: 10px;
}
.newsinfo01-l .page a:last-child i
{
    margin-right: 0;
    margin-left: 10px;
}
.newsinfo01-l .page a:hover
{
    color: #e1980a;
}
.newsinfo01-lmin .wp-video
{
    width: auto!important;
}
.newsinfo01-lmin .wp-video video
{
    width: 100%;
    display: block;
}/* newsinfo01-r */
.newsinfo01-r
{
    width: 30%;
}
.newsinfo01-r .tl
{
    font-size: 24px;
    color: #444;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd;
}/* newsinfo01-rmin */
.newsinfo01-rmin
{
    width: 100%;
}
.newsinfo01-rmin .item
{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}
.newsinfo01-rmin .item h3
{
    font-size: 16px;
    line-height: 26px;
    color: #444;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.newsinfo01-rmin .item p
{
    font-size: 14px;
    color: #aaa;
    line-height: 24px;
}
.newsinfo01-rmin .item:hover h3
{
    color: #e1980a;
}
.title
{
    padding: 180px 0 50px;
    margin: auto;
    border-bottom: 1px solid #ccc;
}
.title h3
{
    font-size: 32px;
    font-weight: bold;
    color: #222;
    display: block;
    text-align: center;
    margin-bottom: 36px;
}
.title span
{
    font-size: 16px;
    color: #444;
    text-align: center;
    display: block;
}
.innerbox
{
    width: 1080px;
    margin: 50px auto;
    box-sizing: border-box;
}
.innerbox p
{
    font-size: 17px;
    line-height: 36px;
    color: #444;
}
.innerbox p strong
{
    font-size: 20px;
    color: #222;
    display: block;
    margin: 30px 0 10px;
}
.innerbox p a
{
    color: #00f;
    text-decoration: underline;
}
.xz
{
    width: 1080px;
    margin: 0 auto 100px;
    border: 1px solid #ccc;
    border-radius: 6px;
}
.xz-heading
{
    padding: 22px 22px;
    width: 100%;
    background: #eee;
    box-sizing: border-box;
}
.xz-heading span
{
    font-size: 17px;
    font-weight: bold;
    color: #222;
}
.xz ul
{
    padding: 22px;
}
.xz ul li
{
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
}
.xz ul li i
{
    color: #444;
    font-size: 16px;
    margin-right: 10px;
}
.xz ul li a span
{
    font-size: 17px;
    color: #444;
}
.xz ul li a:hover span
{
    text-decoration: underline;
    color: #00f;
}
@media only screen and (max-width: 1600px)
{
    .proinfo03 .textlist li
    {
        margin-bottom: 50px;
    }
    .proinfo03 .textlist li h3
    {
        font-size: 18px;
    }
    .proinfo03 .textlist li h3 img
    {
        width: 36px;
    }
    .proinfo03 .textlist li h4
    {
        font-size: 14px;
        padding-right: 55px;
    }
    .proinfo03 .textlist li:nth-of-type(2n) h3
    {
        display: flex;
        justify-content: flex-end;
    }
    .proinfo03 .textlist li:nth-of-type(2n) h4
    {
        padding-left: 58px;
    }
    .xxfooter
    {
        padding: 40px 5%;
    }
    .xxfooter .center ul li img
    {
        height: 100px;
    }
    .xxfooter .center ul li p
    {
        font-size: 12px;
    }
    .xxfooter .tt span, .xxfooter .tt font
    {
        font-size: 24px;
    }
    .xxfooter .left .footlebot p, .xxfooter .right ul li
    {
        margin: 0 0 6px 0;
    }
    .xxfooter .right ul
    {
        width: 200px;
    }
    .xxfooter .center ul, .xxfooter .left .footlebot, .xxfooter .right ul
    {
        margin: 30px 0 0 0;
    }
    .banner h6
    {
        font-size: 16px;
    }
    .pch .en
    {
        font-size: 14px;
        line-height: 30px;
    }
    .pch .logo img
    {
        height: 50px;
    }
    .pch .pcnav a
    {
        font-size: 16px;
    }
    .pch .sidebar-nav .mnli>a
    {
        font-size: 18px;
    }
    .pch .sidebar-nav .mnli .mlist .sidebar-brand-two a
    {
        font-size: 14px;
        margin: 15px 0;
    }
    .homepro .p-yjy a
    {
        padding: 40px 0;
    }
    .homepro .p-yjy a span
    {
        font-size: 20px;
    }
    .homepro .p-yjy-center .p-kn .imglist
    {
        top: 180px;
    }
    .homepro .p-yjy-center .p-kn .swiper-slide img
    {
        width: 45%;
    }
    .homepro .p-yjy-center .p-kn .swiper-slide-active img
    {
        width: 76%;
    }
    .homepro #kong
    {
        margin: 0 0 50px 0;
    }
    .more
    {
        height: 40px;
        line-height: 40px;
        width: 180px;
    }
    .homenews2 .list, .homenews2 h6, .homeabout .ct, .homenews .list
    {
        width: 90%;
    }
    .homeabout .right .num p font
    {
        font-size: 16px;
        margin: 10px 0 0 0;
    }
    .homeabout .right .txt
    {
        margin: 120px 0 0 0;
    }
    .homeabout .right .txt h4
    {
        font-size: 16px;
        line-height: 30px;
    }
    .homeabout .right .txt .more
    {
        margin: 80px 0 0 0;
    }
    .homenews2 .list a .txt h3
    {
        font-size: 20px;
        line-height: 30px;
        margin: 20px 0 0 0;
    }
    .homenews2 .list a .txt2 .p font
    {
        font-size: 13px;
        line-height: 22px;
    }
    .homenews2 .list a .txt2 .p i
    {
        margin: 20px 0;
    }
    .homenews .list .left .txt h3
    {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 20px 0;
        width: 100%;
    }
    .homenews .list .left .txt
    {
        padding: 40px 40px 40px 0;
    }
    .homenews .list .left .txt h4
    {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 20px;
    }
    .homenews .list .left .txt h5
    {
        font-size: 14px;
    }
    .homenews .list .right a .txt h3
    {
        width: 100%;
        line-height: 22px;
        font-size: 16px;
    }
    .homenews .list .right a .txt h4
    {
        font-size: 13px;
        margin: 12px 0 0;
    }
    .homenews .list .right a .txt
    {
        padding: 15px 26px 15px 0;
    }
    .homenews .list .right a p
    {
        margin: 0 0 26px 60%;
    }
    .navFix
    {
        right: 0;
    }/* about */
    .pagebanner .btxt
    {
        left: 5%;
    }
    .pagebanner .btxt h3
    {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .pagebanner .btxt h4
    {
        font-size: 20px;
    }
    .about-tt
    {
        width: 160px;
        padding-bottom: 20px;
        position: relative;
        box-sizing: border-box;
        padding-left: 3%;
    }
    .about-tt font
    {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .pageab .abtxt .left
    {
        width: 50%;
        margin: 0;
        padding-right: 60px;
        box-sizing: border-box;
    }
    .about-tt span
    {
        font-size: 28px;
    }
    .pageab .abtxt .left h3
    {
        font-size: 28px;
    }
    .pageab .abtxt .left h4
    {
        font-size: 16px;
        margin: 15px 0 30px;
    }
    .pageab .abtxt .left h5
    {
        font-size: 16px;
        line-height: 28px;
    }
    .pagehist .about-tt
    {
        width: auto;
    }
    .pagehist
    {
        background-position: center;
    }
    .pagehist .np
    {
        right: 3%;
    }
    .aboutmis .about-tt
    {
        display: inline-block;
    }
    .aboutmis .center
    {
        width: 90%;
    }
    .aboutmis .center .left dd .txt h4 span
    {
        font-size: 22px;
    }
    .aboutmis .center .left dd .txt h4 font
    {
        font-size: 16px;
        margin-top: 15px;
    }
    .aboutcontact .ct h6
    {
        font-size: 44px;
    }
    .aboutcontact .ct span
    {
        font-size: 30px;
    }
    .aboutcontact .ct .txt span
    {
        font-size: 24px;
    }
    .aboutcontact .ct .txt strong
    {
        margin: 15px 0;
    }
    .aboutcontact .ct .txt font
    {
        font-size: 14px;
        line-height: 26px;
    }
    .aboutevent .np
    {
        width: 160px;
    }
    .aboutevent .swiper-container02
    {
        width: calc(100% - 240px);
    }
    .aboutevent .swiper-container02 .swiper-slide a .txt h3
    {
        font-size: 20px;
        line-height: 28px;
        min-height: 56px;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .aboutevent .swiper-container02 .swiper-slide a .txt
    {
        padding: 30px 20px;
    }
    .aboutevent .swiper-pagination02
    {
        left: 240px;
    }
    .abouthrinfo .swiper-container01 .in-banner-txt .left
    {
        width: 50%;
        border: 12px solid #88888c;
    }
    .abouthrinfo .swiper-container01 .in-banner-txt .left h3
    {
        font-size: 24px;
    }
    .abouthrinfo .swiper-container01 .in-banner-txt .left h4
    {
        font-size: 14px;
        line-height: 26px;
    }
    .abouthrinfo .swiper-container01 .in-banner-txt .left
    {
        padding: 60px 30px;
    }
    .abouthrinfo .np .npto
    {
        right: 3%;
    }
    .abouthrinfo .np .swiper-button-prev01
    {
        left: 3%;
        right: initial;
    }
    .abouthrinfo .swiper-container01 .in-banner-txt .right h3 span
    {
        font-size: 42px;
    }
    .abouthrinfo .swiper-container01 .in-banner-txt .right h4
    {
        font-size: 16px;
    }
    .aboutjob .right
    {
        padding: 180px 0 100px;
    }
    .aboutjob .right dd h3
    {
        font-size: 24px;
        line-height: 32px;
    }
    .aboutjob .right dd h4
    {
        font-size: 16px;
        line-height: 32px;
        margin-top: 20px;
    }
    .aboutjob .left
    {
        top: calc(50% + 20px);
    }
    .aboutjob
    {
        padding: 100px 0;
    }
    .aboutcontact
    {
        margin: 100px auto;
    }
    .aboutevent
    {
        padding-bottom: 50px;
    }
    .aboutevent .swiper-pagination02
    {
        bottom: 0;
    }
    .aboutjob .right
    {
        border: 12px solid #d9dce0;
    }
    .pagehist h6
    {
        font-size: 32px;
        margin-bottom: 40px;
    }/* 20210608 */
    .aboutcontact
    {
        position: relative;
    }
    .p-yjy-center .newslist a
    {
        padding: 40px 0;
    }
    .p-cont
    {
        width: 80%;
    }
    .product01li .text .model h3
    {
        font-size: 40px;
    }
    .product01li .text .model p
    {
        font-size: 20px;
    }
    .product01li .text .model
    {
        margin-bottom: 50px;
    }
    .product01li .text .tl
    {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .product01li .text h4
    {
        font-size: 15px;
        line-height: 26px;
    }
    .product01li .text .list
    {
        padding-top: 20px;
        margin-top: 20px;
    }
    .product01li .text .list p
    {
        font-size: 13px;
    }
    .product01li
    {
        margin-bottom: 120px;
    }
    .product01li .text .p-more
    {
        margin-top: 50px;
        width: 160px;
        height: 42px;
        line-height: 40px;
        font-size: 14px;
    }
    .innerbotwrap a
    {
        height: 120px;
        font-size: 20px;
    }
    .product01
    {
        padding: 100px 0;
    }
    .product01li .text .list p img
    {
        height: 24px;
    }
    .proinfo01text h3
    {
        font-size: 84px;
        line-height: 84px;
    }
    .proinfo01text p
    {
        font-size: 30px;
        line-height: 30px;
    }
    .proinfo01
    {
        padding: 0;
    }
    .proinfo04wrap
    {
        margin-bottom: 80px;
    }
    .proinfo04wrap
    {
        width: 80%;
    }
    .proinfo04wrap .tl, .proinfo05 .text h3, .proinfo06wrap h3
    {
        font-size: 32px;
    }
    .proinfo05
    {
        width: 90%;
    }
    .proinfo07
    {
        padding: 80px 0;
    }
    .proinfo06 .swiper-button-next, .proinfo06 .swiper-button-prev
    {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
    }
    .proinfo02 h4
    {
        font-size: 18px;
        line-height: 40px;
    }/* 20210608 */
    .choose .choose_list .choose_txt>a>h3>.yc>span
    {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
    }
    .choose .choose_list .choose_txt>a>h3>.yc>p
    {
        font-size: 26px;
        line-height: 34px;
    }
    .choose .choose_list .choose_txt>a>.top p
    {
        font-size: 26px;
        line-height: 34px;
    }
    .choose .choose_list .choose_txt>a>h3>.yc>strong
    {
        margin-bottom: 20px;
    }
    .choose
    {
        height: calc(100% - 180px);
    }
    .choose .choose_list
    {
        height: 100%;
    }
    .img_box>img
    {
        width: 100%;
    }
    .choose .choose_list .choose_txt>a>h3>.yc .num
    {
        font-size: 14px;
        color: #fff;
        margin-bottom: 30px;
        line-height: normal;
    }
    .choose .choose_list .choose_txt>a>h3>.yc .en
    {
        line-height: normal;
    }
    .p-cont
    {
        width: 90%;
    }
    .n-banner .n-banner-t
    {
        width: 90%;
    }
    .n-banner .n-banner-t h3
    {
        font-size: 42px;
    }
    .news01 .news01-l .text h3, .news01-r h3
    {
        font-size: 20px;
    }
    .news01-r .bot i
    {
        width: 46px;
        height: 46px;
        font-size: 16px;
    }
    .news02 a .text h3
    {
        font-size: 18px;
    }
    .news02 a
    {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
    .service-btext
    {
        width: 750px;
    }
    .service-btext h3
    {
        font-size: 32px;
    }
    .service-btext h4
    {
        font-size: 15px;
    }
    .service-btext h5
    {
        font-size: 42px;
    }
    .aboutevent
    {
        margin: 80px auto;
    }
    .homeabout .ct
    {
        margin: 80px auto;
    }
    .homenews2
    {
        margin-bottom: 60px;
    }
    .pageab
    {
        padding: 80px 0;
    }
    .aboutmis
    {
        padding: 80px 0 0;
    }
    .aboutcontact
    {
        margin: 80px auto;
    }
    .aboutevent
    {
        margin: 80px auto;
    }
    .service01 .wpcf7-form button
    {
        line-height: 40px;
        height: 44px;
    }
    .choose .choose_list .choose_txt>a>h3>.yc>font
    {
        height: 40px;
        line-height: 40px;
        width: 180px;
    }
    .prodown .item .linklist a
    {
        font-size: 12px;
        line-height: 28px;
    }
    .prodown .item .linklist h3
    {
        margin-bottom: 10px;
    }
    .pch .pcnav li>a
    {
        line-height: 86px;
    }/* 20210625 */
    .proinfo05 .text
    {
        padding-left: 60px;
    }
    .proinfo05list li h4
    {
        padding-left: 30px;
        font-size: 14px;
    }
    .proinfo05list li p
    {
        font-size: 16px;
    }
    .aboutcontact .ct h6 span
    {
        font-size: 28px;
        margin-top: 20px;
    }
}