@charset "utf-8";
@font-face {
    font-family: "aibold";
    src: url("AILERON-BOLD.OTF");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "ailight";
    src: url("Aileron-Light.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "helbold";
    src: url("HELVETICA-BOLD.TTF");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "gothic";
    src: url("GOTHIC_0.TTF");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
    url('iconfont.woff') format('woff'),
    url('iconfont.woff2') format('woff2'),
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont";
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-zuanshi:before {
    content: "\e604";
}
.icon-shuifeijisuan:before {
    content: "\e626";
}
.icon-kefu:before {
    content: "\e619";
}
.icon-shebeigaikuang:before {
    content: "\e611";
}
.icon-xiaoqu:before {
    content: "\e627";
}
.icon-sheji:before {
    content: "\e625";
}
.icon-yingyin:before {
    content: "\e74f";
}
.icon-guanjingtai:before {
    content: "\e758";
}
.icon-chufang:before {
    content: "\e756";
}
.icon-fuwu:before {
    content: "\e6af";
}
.icon-gengduo:before {
    content: "\e651";
}
.icon-weizhi:before {
    content: "\e63b";
}
.icon-shebeigaikuang:before {
    content: "\e611";
}
.icon-PDFxiazai:before {
    content: "\e636";
}
.icon-shaokao:before {
    content: "\e74e";
}
.icon-youyongchi:before {
    content: "\e60d";
}
.icon-youlechang_icon:before {
    content: "\e750";
}
.icon-gaoerfu:before {
    content: "\e753";
}

.icon-lanqiuchang:before {
    content: "\e754";
}
.icon-wangqiuchang:before {
    content: "\e757";
}

.icon-youxishi:before {
    content: "\e755";
}
.icon-anmo:before {
    content: "\e600";
}
.icon-jjfang:before {
    content: "\e67f";
}
.icon-sangnafang:before {
    content: "\e612";
}
.icon-yuqie:before {
    content: "\e60f";
}
.icon-yuedu:before {
    content: "\e751";
}

html {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    background: #fff;
}
body {
    min-width: 1100px;
    margin: 0;
    border: none;
    padding: 0;
    background: #fff;
    word-wrap: break-word;
}
.bold {
    font-weight: bold;
}
.block {
    display: block;
}
.pointer {
    cursor: pointer;
}
.ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.inline-block {
    display: inline-block;
    vertical-align: top;
}
.inline-block.ellipsis {
    max-width: 100%;
}
.content-box {
    -ms-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}
.border-box {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.inline {
    display: inline;
}
.w-f {
    width: 100%;
}
.h-f {
    height: 100%;
}
.ovh {
    overflow: hidden;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.fixed {
    position: fixed;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-middle {
    vertical-align: middle;
}
.text-justify {
    text-align: justify;
}
.center {
    margin: 0 auto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
img,
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: top;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
progress {
    vertical-align: baseline;
}
template,
[hidden] {
    display: none;
}
a {
    background-color: transparent;
    color: currentColor;
    color: inherit;
    text-decoration: none;
}
a,
a:link,
a:visited,
a:hover,
a:active {
    outline: none;
}
a:hover {
    text-decoration: underline;
}
a,
input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted;
}
li {
    list-style: outside none none;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: inherit;
    margin: 0;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border: none;
}
svg:not(:root) {
    overflow: hidden;
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}
figure {
    margin: 0;
}
hr {
    -ms-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
select,
input {
    overflow: visible;
}
button,
select,
input,
textarea {
    font: inherit;
    margin: 0;
}
optgroup {
    font-weight: bold;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    -webkit-user-modify: read-plaintext-only;
    -moz-user-modify: read-plaintext-only;
    -ms-user-modify: read-plaintext-only;
    -o-user-modify: read-plaintext-only;
    user-modify: read-plaintext-only;
}
[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText;
}
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="datetime-local"],
input[type="url"],
input[type="button"],
button,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type=text],
input[type=password],
textarea {
    -moz-user-modify: read-write-plaintext-only;
    -webkit-user-modify: read-write-plaintext-only;
    user-modify: read-write-plaintext-only;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-user-modify: read-write-plaintext-only;
    -webkit-user-modify: read-write-plaintext-only;
    user-modify: read-write-plaintext-only;
    outline: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="datetime"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="datetime-local"],
input[type="url"],
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
textarea {
    overflow: auto;
}
textarea:focus {
    outline: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
[type="checkbox"],
[type="radio"] {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
dl,
dd,
dt {
    margin: 0;
    border: none;
    padding: 0;
}
div {
    *zoom: 1;
}
div:before,
div:after {
    display: table;
    content: '';
    height: 0;
    overflow: hidden;
    clear: both;
}
.none,
.hide {
    display: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clear {
    display: block;
    clear: both;
}
.cf {
    *zoom: 1;
}
.cf:after {
    display: table;
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}
.cf::after {
    display: table;
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.clearfix:after {
    display: table;
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}
.clearfix::after {
    display: table;
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}
.pos-left {
    left: 0;
    top: 0;
}
.pos-right {
    right: 0;
    top: 0;
}
.pos-center {
    top: 50%;
    left: 50%;
}
.pos-hor-center {
    left: 50%;
}
.pos-ver-center {
    top: 50%;
}
ul,
ol,
li {
    margin: 0;
    border: none;
    padding: 0;
}
.no-deco {
    text-decoration: none;
}
.no-deco:link,
.no-deco:visited,
.no-deco:hover,
.no-deco:active {
    text-decoration: none;
}
.no-deco a {
    text-decoration: none;
}
.no-deco a:link,
.no-deco a:visited,
.no-deco a:hover,
.no-deco a:active {
    text-decoration: none;
}
.noscript {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 9999999px;
    z-index: 2147483647;
    background: #000;
    color: #fff;
    font-size: 36px;
    line-height: 72px;
    text-align: center;
}
#no-support {
    height: 310px;
    position: absolute;
    top: 50%;
    margin-top: -155px;
    width: 100%;
}
#no-support h4 {
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-family: 'Microsoft YaHei', '微软雅黑', Helvetica, Arial, sans-serif;
    color: #616161;
    font-size: 48px;
    font-weight: bold;
}
#no-support h5 {
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-family: 'Microsoft YaHei', '微软雅黑', Helvetica, Arial, sans-serif;
    color: #999;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 55px;
}
#no-support ul {
    width: 410px;
    margin: 0 auto;
    display: block;
    height: 135px;
}
#no-support li {
    display: block;
    float: left;
    margin-right: 10px;
    width: 95px;
    height: 135px;
}
#no-support li a {
    display: block;
    width: 95px;
    height: 95px;
    background-image: url(../images/no-support/browsers.png);
    background-repeat: no-repeat;
}
#no-support li span {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #adaaac;
    text-align: center;
    font-family: 'Myriad Pro', 'Arial', sans-serif;
    font-size: 16px;
}
#no-support li.ff a {
    background-position: 0 0;
}
#no-support li.ie a {
    background-position: 0 -95px;
}
#no-support li.chrome a {
    background-position: 0 -190px;
}
#no-support li.safari a {
    background-position: 0 -285px;
}
#no-support li:hover {
    background: url(../images/no-support/border.png) no-repeat 0 0;
}
.fadeInUp1, .fadeInUp2 {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}
.section .fadeInUp1 {
    -webkit-transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.fadeInUp1.active, .fadeInUp2.active {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.section.acted .fadeInUp1, .ind2001.cat .fadeInUp1 {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.fadeInUp {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}
.fadeInUp-wrap.active .fadeInUp, .swiper-slide-active .fadeInUp {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.fadeInRight, .fadeInRight1, .fadeInRight2 {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}
.section .fadeInRight1 {
    -webkit-transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.fadeInRight-wrap.active .fadeInRight, .active.fadeInRight1, .active.fadeInRight2, .swiper-slide-active .fadeInRight {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.section.acted .fadeInRight1 {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
.fadeInLeft, .fadeInLeft1, .fadeInLeft2 {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
}
.section .fadeInLeft1 {
    -webkit-transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.fadeInLeft-wrap.active .fadeInLeft, .active.fadeInLeft1, .active.fadeInLeft2, .swiper-slide-active .fadeInLeft {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 1s linear, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.section.acted .fadeInLeft1 {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
.fadeInUp-wrap.active .fadeInUp.x1, .fadeInRight-wrap.active .fadeInRight.x1, .fadeInLeft-wrap .fadeInLeft.x1, .fadeInRight1.active.x1, .fadeInRight2.active.x1, .fadeInLeft1.active.x1, .fadeInLeft2.active.x1, .fadeInUp1.active.x1, .fadeInUp2.active.x1, .swiper-slide-active .fadeInUp.x1, .swiper-slide-active .fadeInRight.x1, .swiper-slide-active .fadeInLeft.x1, .section .fadeInUp1.x1, .section .fadeInRight1.x1, .section .fadeInLeft1.x1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.fadeInUp-wrap.active .fadeInUp.x2, .fadeInRight-wrap.active .fadeInRight.x2, .fadeInLeft-wrap .fadeInLeft.x2, .fadeInRight1.active.x2, .fadeInRight2.active.x2, .fadeInLeft1.active.x2, .fadeInLeft2.active.x2, .fadeInUp1.active.x2, .fadeInUp2.active.x2, .swiper-slide-active .fadeInUp.x2, .swiper-slide-active .fadeInRight.x2, .swiper-slide-active .fadeInLeft.x2, .section .fadeInUp1.x2, .section .fadeInRight1.x2, .section .fadeInLeft1.x2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.fadeInUp-wrap.active .fadeInUp.x3, .fadeInRight-wrap.active .fadeInRight.x3, .fadeInLeft-wrap .fadeInLeft.x3, .fadeInRight1.active.x3, .fadeInRight2.active.x3, .fadeInLeft1.active.x3, .fadeInLeft2.active.x3, .fadeInUp1.active.x3, .fadeInUp2.active.x3, .swiper-slide-active .fadeInUp.x3, .swiper-slide-active .fadeInRight.x3, .swiper-slide-active .fadeInLeft.x3, .section .fadeInUp1.x3, .section .fadeInRight1.x3, .section .fadeInLeft1.x3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.fadeInUp-wrap.active .fadeInUp.x4, .fadeInRight-wrap.active .fadeInRight.x4, .fadeInLeft-wrap .fadeInLeft.x4, .fadeInRight1.active.x4, .fadeInRight2.active.x4, .fadeInLeft1.active.x4, .fadeInLeft2.active.x4, .fadeInUp1.active.x4, .fadeInUp2.active.x4, .swiper-slide-active .fadeInUp.x4, .swiper-slide-active .fadeInRight.x4, .swiper-slide-active .fadeInLeft.x4, .section .fadeInUp1.x4, .section .fadeInRight1.x4, .section .fadeInLeft1.x4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.fadeInUp-wrap.active .fadeInUp.x5, .fadeInRight-wrap.active .fadeInRight.x5, .fadeInLeft-wrap .fadeInLeft.x5, .fadeInRight1.active.x5, .fadeInRight2.active.x5, .fadeInLeft1.active.x5, .fadeInLeft2.active.x5, .fadeInUp1.active.x5, .fadeInUp2.active.x5, .swiper-slide-active .fadeInUp.x5, .swiper-slide-active .fadeInRight.x5, .swiper-slide-active .fadeInLeft.x5, .section .fadeInUp1.x5, .section .fadeInRight1.x5, .section .fadeInLeft1.x5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.fadeInUp-wrap.active .fadeInUp.x6, .fadeInRight-wrap.active .fadeInRight.x6, .fadeInLeft-wrap .fadeInLeft.x6, .fadeInRight1.active.x6, .fadeInRight2.active.x6, .fadeInLeft1.active.x6, .fadeInLeft2.active.x6, .fadeInUp1.active.x6, .fadeInUp2.active.x6, .swiper-slide-active .fadeInUp.x6, .swiper-slide-active .fadeInRight.x6, .swiper-slide-active .fadeInLeft.x6, .section .fadeInUp1.x6, .section .fadeInRight1.x6, .section .fadeInLeft1.x6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.fadeInUp-wrap.active .fadeInUp.x7, .fadeInRight-wrap.active .fadeInRight.x7, .fadeInLeft-wrap .fadeInLeft.x7, .fadeInRight1.active.x7, .fadeInRight2.active.x7, .fadeInLeft1.active.x7, .fadeInLeft2.active.x7, .fadeInUp1.active.x7, .fadeInUp2.active.x7, .swiper-slide-active .fadeInUp.x7, .swiper-slide-active .fadeInRight.x7, .swiper-slide-active .fadeInLeft.x7, .section .fadeInUp1.x7, .section .fadeInRight1.x7, .section .fadeInLeft1.x7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.fadeInUp-wrap.active .fadeInUp.x8, .fadeInRight-wrap.active .fadeInRight.x8, .fadeInLeft-wrap .fadeInLeft.x8, .fadeInRight1.active.x8, .fadeInRight2.active.x8, .fadeInLeft1.active.x8, .fadeInLeft2.active.x8, .fadeInUp1.active.x8, .fadeInUp2.active.x8, .swiper-slide-active .fadeInUp.x8, .swiper-slide-active .fadeInRight.x8, .swiper-slide-active .fadeInLeft.x8, .section .fadeInUp1.x8, .section .fadeInRight1.x8, .section .fadeInLeft1.x8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.fadeInUp-wrap.active .fadeInUp.x9, .fadeInRight-wrap.active .fadeInRight.x9, .fadeInLeft-wrap .fadeInLeft.x9, .fadeInRight1.active.x9, .fadeInRight2.active.x9, .fadeInLeft1.active.x9, .fadeInLeft2.active.x9, .fadeInUp1.active.x9, .fadeInUp2.active.x9, .swiper-slide-active .fadeInUp.x9, .swiper-slide-active .fadeInRight.x9, .swiper-slide-active .fadeInLeft.x9, .section .fadeInUp1.x9, .section .fadeInRight1.x9, .section .fadeInLeft1.x9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
.fadeInUp-wrap.active .fadeInUp.x10, .fadeInRight-wrap.active .fadeInRight.x10, .fadeInLeft-wrap .fadeInLeft.x10, .fadeInRight1.active.x10, .fadeInRight2.active.x10, .fadeInLeft1.active.x10, .fadeInLeft2.active.x10, .fadeInUp1.active.x10, .fadeInUp2.active.x10, .swiper-slide-active .fadeInUp.x10, .swiper-slide-active .fadeInRight.x10, .swiper-slide-active .fadeInLeft.x10, .section .fadeInUp1.x10, .section .fadeInRight1.x10, .section .fadeInLeft1.x10 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.fadeInUp-wrap.active .fadeInUp.x11, .fadeInRight-wrap.active .fadeInRight.x11, .fadeInLeft-wrap .fadeInLeft.x11, .fadeInRight1.active.x11, .fadeInRight2.active.x11, .fadeInLeft1.active.x11, .fadeInLeft2.active.x11, .fadeInUp1.active.x11, .fadeInUp2.active.x11, .swiper-slide-active .fadeInUp.x11, .swiper-slide-active .fadeInRight.x11, .swiper-slide-active .fadeInLeft.x11, .section .fadeInUp1.x11, .section .fadeInRight1.x11, .section .fadeInLeft1.x11 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.fadeInUp-wrap.active .fadeInUp.x12, .fadeInRight-wrap.active .fadeInRight.x12, .fadeInLeft-wrap .fadeInLeft.x12, .fadeInRight1.active.x12, .fadeInRight2.active.x12, .fadeInLeft1.active.x12, .fadeInLeft2.active.x12, .fadeInUp1.active.x12, .fadeInUp2.active.x12, .swiper-slide-active .fadeInUp.x12, .swiper-slide-active .fadeInRight.x12, .swiper-slide-active .fadeInLeft.x12, .section .fadeInUp1.x12, .section .fadeInRight1.x12, .section .fadeInLeft1.x12 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.fadeInUp-wrap.active .fadeInUp.x13, .fadeInRight-wrap.active .fadeInRight.x13, .fadeInLeft-wrap .fadeInLeft.x13, .fadeInRight1.active.x13, .fadeInRight2.active.x13, .fadeInLeft1.active.x13, .fadeInLeft2.active.x13, .fadeInUp1.active.x13, .fadeInUp2.active.x13, .swiper-slide-active .fadeInUp.x13, .swiper-slide-active .fadeInRight.x13, .swiper-slide-active .fadeInLeft.x13, .section .fadeInUp1.x13, .section .fadeInRight1.x13, .section .fadeInLeft1.x13 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.fadeInUp-wrap.active .fadeInUp.x14, .fadeInRight-wrap.active .fadeInRight.x14, .fadeInLeft-wrap .fadeInLeft.x14, .fadeInRight1.active.x14, .fadeInRight2.active.x14, .fadeInLeft1.active.x14, .fadeInLeft2.active.x14, .fadeInUp1.active.x14, .fadeInUp2.active.x14, .swiper-slide-active .fadeInUp.x14, .swiper-slide-active .fadeInRight.x14, .swiper-slide-active .fadeInLeft.x14, .section .fadeInUp1.x14, .section .fadeInRight1.x14, .section .fadeInLeft1.x14 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.fadeInUp-wrap.active .fadeInUp.x15, .fadeInRight-wrap.active .fadeInRight.x15, .fadeInLeft-wrap .fadeInLeft.x15, .fadeInRight1.active.x15, .fadeInRight2.active.x15, .fadeInLeft1.active.x15, .fadeInLeft2.active.x15, .fadeInUp1.active.x15, .fadeInUp2.active.x15, .swiper-slide-active .fadeInUp.x15, .swiper-slide-active .fadeInRight.x15, .swiper-slide-active .fadeInLeft.x15, .section .fadeInUp1.x15, .section .fadeInRight1.x15, .section .fadeInLeft1.x15 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.fadeInUp-wrap.active .fadeInUp.x16, .fadeInRight-wrap.active .fadeInRight.x16, .fadeInLeft-wrap .fadeInLeft.x16, .fadeInRight1.active.x16, .fadeInRight2.active.x16, .fadeInLeft1.active.x16, .fadeInLeft2.active.x16, .fadeInUp1.active.x16, .fadeInUp2.active.x16, .swiper-slide-active .fadeInUp.x16, .swiper-slide-active .fadeInRight.x16, .swiper-slide-active .fadeInLeft.x16, .section .fadeInUp1.x16, .section .fadeInRight1.x16, .section .fadeInLeft1.x16 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}
.fadeInUp-wrap.active .fadeInUp.x17, .fadeInRight-wrap.active .fadeInRight.x17, .fadeInLeft-wrap .fadeInLeft.x17, .fadeInRight1.active.x17, .fadeInRight2.active.x17, .fadeInLeft1.active.x17, .fadeInLeft2.active.x17, .fadeInUp1.active.x17, .fadeInUp2.active.x17, .swiper-slide-active .fadeInUp.x17, .swiper-slide-active .fadeInRight.x17, .swiper-slide-active .fadeInLeft.x17, .section .fadeInUp1.x17, .section .fadeInRight1.x17, .section .fadeInLeft1.x17 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}
.fadeInUp-wrap.active .fadeInUp.x18, .fadeInRight-wrap.active .fadeInRight.x18, .fadeInLeft-wrap .fadeInLeft.x18, .fadeInRight1.active.x18, .fadeInRight2.active.x18, .fadeInLeft1.active.x18, .fadeInLeft2.active.x18, .fadeInUp1.active.x18, .fadeInUp2.active.x18, .swiper-slide-active .fadeInUp.x18, .swiper-slide-active .fadeInRight.x18, .swiper-slide-active .fadeInLeft.x18, .section .fadeInUp1.x18, .section .fadeInRight1.x18, .section .fadeInLeft1.x18 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}
.fadeInUp-wrap.active .fadeInUp.x19, .fadeInRight-wrap.active .fadeInRight.x19, .fadeInLeft-wrap .fadeInLeft.x19, .fadeInRight1.active.x19, .fadeInRight2.active.x19, .fadeInLeft1.active.x19, .fadeInLeft2.active.x19, .fadeInUp1.active.x19, .fadeInUp2.active.x19, .swiper-slide-active .fadeInUp.x19, .swiper-slide-active .fadeInRight.x19, .swiper-slide-active .fadeInLeft.x19, .section .fadeInUp1.x19, .section .fadeInRight1.x19, .section .fadeInLeft1.x19 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s;
}
.fadeInUp-wrap.active .fadeInUp.x20, .fadeInRight-wrap.active .fadeInRight.x20, .fadeInLeft-wrap .fadeInLeft.x20, .fadeInRight1.active.x20, .fadeInRight2.active.x20, .fadeInLeft1.active.x20, .fadeInLeft2.active.x20, .fadeInUp1.active.x20, .fadeInUp2.active.x20, .swiper-slide-active .fadeInUp.x20, .swiper-slide-active .fadeInRight.x20, .swiper-slide-active .fadeInLeft.x20, .section .fadeInUp1.x20, .section .fadeInRight1.x20, .section .fadeInLeft1.x20 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}
.fadeInUp-wrap.active .fadeInUp.x21, .fadeInRight-wrap.active .fadeInRight.x21, .fadeInLeft-wrap .fadeInLeft.x21, .fadeInRight1.active.x21, .fadeInRight2.active.x21, .fadeInLeft1.active.x21, .fadeInLeft2.active.x21, .fadeInUp1.active.x21, .fadeInUp2.active.x21, .swiper-slide-active .fadeInUp.x21, .swiper-slide-active .fadeInRight.x21, .swiper-slide-active .fadeInLeft.x21, .section .fadeInUp1.x21, .section .fadeInRight1.x21, .section .fadeInLeft1.x21 {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s;
}
.fadeInUp-wrap.active .fadeInUp.x22, .fadeInRight-wrap.active .fadeInRight.x22, .fadeInLeft-wrap .fadeInLeft.x22, .fadeInRight1.active.x22, .fadeInRight2.active.x22, .fadeInLeft1.active.x22, .fadeInLeft2.active.x22, .fadeInUp1.active.x22, .fadeInUp2.active.x22, .swiper-slide-active .fadeInUp.x22, .swiper-slide-active .fadeInRight.x22, .swiper-slide-active .fadeInLeft.x22, .section .fadeInUp1.x22, .section .fadeInRight1.x22, .section .fadeInLeft1.x22 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
}
.fadeInUp-wrap.active .fadeInUp.x23, .fadeInRight-wrap.active .fadeInRight.x23, .fadeInLeft-wrap .fadeInLeft.x23, .fadeInRight1.active.x23, .fadeInRight2.active.x23, .fadeInLeft1.active.x23, .fadeInLeft2.active.x23, .fadeInUp1.active.x23, .fadeInUp2.active.x23, .swiper-slide-active .fadeInUp.x23, .swiper-slide-active .fadeInRight.x23, .swiper-slide-active .fadeInLeft.x23, .section .fadeInUp1.x23, .section .fadeInRight1.x23, .section .fadeInLeft1.x23 {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
}
.fadeInUp-wrap.active .fadeInUp.x24, .fadeInRight-wrap.active .fadeInRight.x24, .fadeInLeft-wrap .fadeInLeft.x24, .fadeInRight1.active.x24, .fadeInRight2.active.x24, .fadeInLeft1.active.x24, .fadeInLeft2.active.x24, .fadeInUp1.active.x24, .fadeInUp2.active.x24, .swiper-slide-active .fadeInUp.x24, .swiper-slide-active .fadeInRight.x24, .swiper-slide-active .fadeInLeft.x24, .section .fadeInUp1.x24, .section .fadeInRight1.x24, .section .fadeInLeft1.x24 {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s;
}
.fadeInUp-wrap.active .fadeInUp.x25, .fadeInRight-wrap.active .fadeInRight.x25, .fadeInLeft-wrap .fadeInLeft.x25, .fadeInRight1.active.x25, .fadeInRight2.active.x25, .fadeInLeft1.active.x25, .fadeInLeft2.active.x25, .fadeInUp1.active.x25, .fadeInUp2.active.x25, .swiper-slide-active .fadeInUp.x25, .swiper-slide-active .fadeInRight.x25, .swiper-slide-active .fadeInLeft.x25, .section .fadeInUp1.x25, .section .fadeInRight1.x25, .section .fadeInLeft1.x25 {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s;
}
.fadeInUp-wrap.active .fadeInUp.x26, .fadeInRight-wrap.active .fadeInRight.x26, .fadeInLeft-wrap .fadeInLeft.x26, .fadeInRight1.active.x26, .fadeInRight2.active.x26, .fadeInLeft1.active.x26, .fadeInLeft2.active.x26, .fadeInUp1.active.x26, .fadeInUp2.active.x26, .swiper-slide-active .fadeInUp.x26, .swiper-slide-active .fadeInRight.x26, .swiper-slide-active .fadeInLeft.x26, .section .fadeInUp1.x26, .section .fadeInRight1.x26, .section .fadeInLeft1.x26 {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s;
}
.fadeInUp-wrap.active .fadeInUp.x27, .fadeInRight-wrap.active .fadeInRight.x27, .fadeInLeft-wrap .fadeInLeft.x27, .fadeInRight1.active.x27, .fadeInRight2.active.x27, .fadeInLeft1.active.x27, .fadeInLeft2.active.x27, .fadeInUp1.active.x27, .fadeInUp2.active.x27, .swiper-slide-active .fadeInUp.x27, .swiper-slide-active .fadeInRight.x27, .swiper-slide-active .fadeInLeft.x27, .section .fadeInUp1.x27, .section .fadeInRight1.x27, .section .fadeInLeft1.x27 {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s;
}
.fadeInUp-wrap.active .fadeInUp.x28, .fadeInRight-wrap.active .fadeInRight.x28, .fadeInLeft-wrap .fadeInLeft.x28, .fadeInRight1.active.x28, .fadeInRight2.active.x28, .fadeInLeft1.active.x28, .fadeInLeft2.active.x28, .fadeInUp1.active.x28, .fadeInUp2.active.x28, .swiper-slide-active .fadeInUp.x28, .swiper-slide-active .fadeInRight.x28, .swiper-slide-active .fadeInLeft.x28, .section .fadeInUp1.x28, .section .fadeInRight1.x28, .section .fadeInLeft1.x28 {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s;
}
.fadeInUp-wrap.active .fadeInUp.x29, .fadeInRight-wrap.active .fadeInRight.x29, .fadeInLeft-wrap .fadeInLeft.x29, .fadeInRight1.active.x29, .fadeInRight2.active.x29, .fadeInLeft1.active.x29, .fadeInLeft2.active.x29, .fadeInUp1.active.x29, .fadeInUp2.active.x29, .swiper-slide-active .fadeInUp.x29, .swiper-slide-active .fadeInRight.x29, .swiper-slide-active .fadeInLeft.x29, .section .fadeInUp1.x29, .section .fadeInRight1.x29, .section .fadeInLeft1.x29 {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s;
}
.fadeInUp-wrap.active .fadeInUp.x30, .fadeInRight-wrap.active .fadeInRight.x30, .fadeInLeft-wrap .fadeInLeft.x30, .fadeInRight1.active.x30, .fadeInRight2.active.x30, .fadeInLeft1.active.x30, .fadeInLeft2.active.x30, .fadeInUp1.active.x30, .fadeInUp2.active.x30, .swiper-slide-active .fadeInUp.x30, .swiper-slide-active .fadeInRight.x30, .swiper-slide-active .fadeInLeft.x30, .section .fadeInUp1.x30, .section .fadeInRight1.x30, .section .fadeInLeft1.x30 {
    -webkit-transition-delay: 3s;
    transition-delay: 3s;
}
.fadeInUp-wrap.active .fadeInUp.x31, .fadeInRight-wrap.active .fadeInRight.x31, .fadeInLeft-wrap .fadeInLeft.x31, .fadeInRight1.active.x31, .fadeInRight2.active.x31, .fadeInLeft1.active.x31, .fadeInLeft2.active.x31, .fadeInUp1.active.x31, .fadeInUp2.active.x31, .swiper-slide-active .fadeInUp.x31, .swiper-slide-active .fadeInRight.x31, .swiper-slide-active .fadeInLeft.x31, .section .fadeInUp1.x31, .section .fadeInRight1.x31, .section .fadeInLeft1.x31 {
    -webkit-transition-delay: 3.1s;
    transition-delay: 3.1s;
}
.fadeInUp-wrap.active .fadeInUp.x32, .fadeInRight-wrap.active .fadeInRight.x32, .fadeInLeft-wrap .fadeInLeft.x32, .fadeInRight1.active.x32, .fadeInRight2.active.x32, .fadeInLeft1.active.x32, .fadeInLeft2.active.x32, .fadeInUp1.active.x32, .fadeInUp2.active.x32, .swiper-slide-active .fadeInUp.x32, .swiper-slide-active .fadeInRight.x32, .swiper-slide-active .fadeInLeft.x32, .section .fadeInUp1.x32, .section .fadeInRight1.x32, .section .fadeInLeft1.x32 {
    -webkit-transition-delay: 3.2s;
    transition-delay: 3.2s;
}
.fadeInUp-wrap.active .fadeInUp.x33, .fadeInRight-wrap.active .fadeInRight.x33, .fadeInLeft-wrap .fadeInLeft.x33, .fadeInRight1.active.x33, .fadeInRight2.active.x33, .fadeInLeft1.active.x33, .fadeInLeft2.active.x33, .fadeInUp1.active.x33, .fadeInUp2.active.x33, .swiper-slide-active .fadeInUp.x33, .swiper-slide-active .fadeInRight.x33, .swiper-slide-active .fadeInLeft.x33, .section .fadeInUp1.x33, .section .fadeInRight1.x33, .section .fadeInLeft1.x33 {
    -webkit-transition-delay: 3.3s;
    transition-delay: 3.3s;
}
.fadeInUp-wrap.active .fadeInUp.x34, .fadeInRight-wrap.active .fadeInRight.x34, .fadeInLeft-wrap .fadeInLeft.x34, .fadeInRight1.active.x34, .fadeInRight2.active.x34, .fadeInLeft1.active.x34, .fadeInLeft2.active.x34, .fadeInUp1.active.x34, .fadeInUp2.active.x34, .swiper-slide-active .fadeInUp.x34, .swiper-slide-active .fadeInRight.x34, .swiper-slide-active .fadeInLeft.x34, .section .fadeInUp1.x34, .section .fadeInRight1.x34, .section .fadeInLeft1.x34 {
    -webkit-transition-delay: 3.4s;
    transition-delay: 3.4s;
}
.fadeInUp-wrap.active .fadeInUp.x35, .fadeInRight-wrap.active .fadeInRight.x35, .fadeInLeft-wrap .fadeInLeft.x35, .fadeInRight1.active.x35, .fadeInRight2.active.x35, .fadeInLeft1.active.x35, .fadeInLeft2.active.x35, .fadeInUp1.active.x35, .fadeInUp2.active.x35, .swiper-slide-active .fadeInUp.x35, .swiper-slide-active .fadeInRight.x35, .swiper-slide-active .fadeInLeft.x35, .section .fadeInUp1.x35, .section .fadeInRight1.x35, .section .fadeInLeft1.x35 {
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s;
}
.fadeInUp-wrap.active .fadeInUp.x36, .fadeInRight-wrap.active .fadeInRight.x36, .fadeInLeft-wrap .fadeInLeft.x36, .fadeInRight1.active.x36, .fadeInRight2.active.x36, .fadeInLeft1.active.x36, .fadeInLeft2.active.x36, .fadeInUp1.active.x36, .fadeInUp2.active.x36, .swiper-slide-active .fadeInUp.x36, .swiper-slide-active .fadeInRight.x36, .swiper-slide-active .fadeInLeft.x36, .section .fadeInUp1.x36, .section .fadeInRight1.x36, .section .fadeInLeft1.x36 {
    -webkit-transition-delay: 3.6s;
    transition-delay: 3.6s;
}
.fadeInUp-wrap.active .fadeInUp.x37, .fadeInRight-wrap.active .fadeInRight.x37, .fadeInLeft-wrap .fadeInLeft.x37, .fadeInRight1.active.x37, .fadeInRight2.active.x37, .fadeInLeft1.active.x37, .fadeInLeft2.active.x37, .fadeInUp1.active.x37, .fadeInUp2.active.x37, .swiper-slide-active .fadeInUp.x37, .swiper-slide-active .fadeInRight.x37, .swiper-slide-active .fadeInLeft.x37, .section .fadeInUp1.x37, .section .fadeInRight1.x37, .section .fadeInLeft1.x37 {
    -webkit-transition-delay: 3.7s;
    transition-delay: 3.7s;
}
.fadeInUp-wrap.active .fadeInUp.x38, .fadeInRight-wrap.active .fadeInRight.x38, .fadeInLeft-wrap .fadeInLeft.x38, .fadeInRight1.active.x38, .fadeInRight2.active.x38, .fadeInLeft1.active.x38, .fadeInLeft2.active.x38, .fadeInUp1.active.x38, .fadeInUp2.active.x38, .swiper-slide-active .fadeInUp.x38, .swiper-slide-active .fadeInRight.x38, .swiper-slide-active .fadeInLeft.x38, .section .fadeInUp1.x38, .section .fadeInRight1.x38, .section .fadeInLeft1.x38 {
    -webkit-transition-delay: 3.8s;
    transition-delay: 3.8s;
}
.fadeInUp-wrap.active .fadeInUp.x39, .fadeInRight-wrap.active .fadeInRight.x39, .fadeInLeft-wrap .fadeInLeft.x39, .fadeInRight1.active.x39, .fadeInRight2.active.x39, .fadeInLeft1.active.x39, .fadeInLeft2.active.x39, .fadeInUp1.active.x39, .fadeInUp2.active.x39, .swiper-slide-active .fadeInUp.x39, .swiper-slide-active .fadeInRight.x39, .swiper-slide-active .fadeInLeft.x39, .section .fadeInUp1.x39, .section .fadeInRight1.x39, .section .fadeInLeft1.x39 {
    -webkit-transition-delay: 3.9s;
    transition-delay: 3.9s;
}
.fadeInUp-wrap.active .fadeInUp.x40, .fadeInRight-wrap.active .fadeInRight.x40, .fadeInLeft-wrap .fadeInLeft.x40, .fadeInRight1.active.x40, .fadeInRight2.active.x40, .fadeInLeft1.active.x40, .fadeInLeft2.active.x40, .fadeInUp1.active.x40, .fadeInUp2.active.x40, .swiper-slide-active .fadeInUp.x40, .swiper-slide-active .fadeInRight.x40, .swiper-slide-active .fadeInLeft.x40, .section .fadeInUp1.x40, .section .fadeInRight1.x40, .section .fadeInLeft1.x40 {
    -webkit-transition-delay: 4s;
    transition-delay: 4s;
}
.fadeInUp-wrap.active .fadeInUp.x41, .fadeInRight-wrap.active .fadeInRight.x41, .fadeInLeft-wrap .fadeInLeft.x41, .fadeInRight1.active.x41, .fadeInRight2.active.x41, .fadeInLeft1.active.x41, .fadeInLeft2.active.x41, .fadeInUp1.active.x41, .fadeInUp2.active.x41, .swiper-slide-active .fadeInUp.x41, .swiper-slide-active .fadeInRight.x41, .swiper-slide-active .fadeInLeft.x41, .section .fadeInUp1.x41, .section .fadeInRight1.x41, .section .fadeInLeft1.x41 {
    -webkit-transition-delay: 4.1s;
    transition-delay: 4.1s;
}
.fadeInUp-wrap.active .fadeInUp.x42, .fadeInRight-wrap.active .fadeInRight.x42, .fadeInLeft-wrap .fadeInLeft.x42, .fadeInRight1.active.x42, .fadeInRight2.active.x42, .fadeInLeft1.active.x42, .fadeInLeft2.active.x42, .fadeInUp1.active.x42, .fadeInUp2.active.x42, .swiper-slide-active .fadeInUp.x42, .swiper-slide-active .fadeInRight.x42, .swiper-slide-active .fadeInLeft.x42, .section .fadeInUp1.x42, .section .fadeInRight1.x42, .section .fadeInLeft1.x42 {
    -webkit-transition-delay: 4.2s;
    transition-delay: 4.2s;
}
.fadeInUp-wrap.active .fadeInUp.x43, .fadeInRight-wrap.active .fadeInRight.x43, .fadeInLeft-wrap .fadeInLeft.x43, .fadeInRight1.active.x43, .fadeInRight2.active.x43, .fadeInLeft1.active.x43, .fadeInLeft2.active.x43, .fadeInUp1.active.x43, .fadeInUp2.active.x43, .swiper-slide-active .fadeInUp.x43, .swiper-slide-active .fadeInRight.x43, .swiper-slide-active .fadeInLeft.x43, .section .fadeInUp1.x43, .section .fadeInRight1.x43, .section .fadeInLeft1.x43 {
    -webkit-transition-delay: 4.3s;
    transition-delay: 4.3;
}
.fadeInUp-wrap.active .fadeInUp.x44, .fadeInRight-wrap.active .fadeInRight.x44, .fadeInLeft-wrap .fadeInLeft.x44, .fadeInRight1.active.x44, .fadeInRight2.active.x44, .fadeInLeft1.active.x44, .fadeInLeft2.active.x44, .fadeInUp1.active.x44, .fadeInUp2.active.x44, .swiper-slide-active .fadeInUp.x44, .swiper-slide-active .fadeInRight.x44, .swiper-slide-active .fadeInLeft.x44, .section .fadeInUp1.x44, .section .fadeInRight1.x44, .section .fadeInLeft1.x44 {
    -webkit-transition-delay: 4.4s;
    transition-delay: 4.4s;
}
.fadeInUp-wrap.active .fadeInUp.x45, .fadeInRight-wrap.active .fadeInRight.x45, .fadeInLeft-wrap .fadeInLeft.x45, .fadeInRight1.active.x45, .fadeInRight2.active.x45, .fadeInLeft1.active.x45, .fadeInLeft2.active.x45, .fadeInUp1.active.x45, .fadeInUp2.active.x45, .swiper-slide-active .fadeInUp.x45, .swiper-slide-active .fadeInRight.x45, .swiper-slide-active .fadeInLeft.x45, .section .fadeInUp1.x45, .section .fadeInRight1.x45, .section .fadeInLeft1.x45 {
    -webkit-transition-delay: 4.5s;
    transition-delay: 4.5s;
}
.fadeInUp-wrap.active .fadeInUp.x46, .fadeInRight-wrap.active .fadeInRight.x46, .fadeInLeft-wrap .fadeInLeft.x46, .fadeInRight1.active.x46, .fadeInRight2.active.x46, .fadeInLeft1.active.x46, .fadeInLeft2.active.x46, .fadeInUp1.active.x46, .fadeInUp2.active.x46, .swiper-slide-active .fadeInUp.x46, .swiper-slide-active .fadeInRight.x46, .swiper-slide-active .fadeInLeft.x46, .section .fadeInUp1.x46, .section .fadeInRight1.x46, .section .fadeInLeft1.x46 {
    -webkit-transition-delay: 4.6s;
    transition-delay: 4.6s;
}
.fadeInUp-wrap.active .fadeInUp.x47, .fadeInRight-wrap.active .fadeInRight.x47, .fadeInLeft-wrap .fadeInLeft.x47, .fadeInRight1.active.x47, .fadeInRight2.active.x47, .fadeInLeft1.active.x47, .fadeInLeft2.active.x47, .fadeInUp1.active.x47, .fadeInUp2.active.x47, .swiper-slide-active .fadeInUp.x47, .swiper-slide-active .fadeInRight.x47, .swiper-slide-active .fadeInLeft.x47, .section .fadeInUp1.x47, .section .fadeInRight1.x47, .section .fadeInLeft1.x47 {
    -webkit-transition-delay: 4.7s;
    transition-delay: 4.7s;
}
.fadeInUp-wrap.active .fadeInUp.x48, .fadeInRight-wrap.active .fadeInRight.x48, .fadeInLeft-wrap .fadeInLeft.x48, .fadeInRight1.active.x48, .fadeInRight2.active.x48, .fadeInLeft1.active.x48, .fadeInLeft2.active.x48, .fadeInUp1.active.x48, .fadeInUp2.active.x48, .swiper-slide-active .fadeInUp.x48, .swiper-slide-active .fadeInRight.x48, .swiper-slide-active .fadeInLeft.x48, .section .fadeInUp1.x48, .section .fadeInRight1.x48, .section .fadeInLeft1.x48 {
    -webkit-transition-delay: 4.8s;
    transition-delay: 4.8s;
}
.fadeInUp-wrap.active .fadeInUp.x49, .fadeInRight-wrap.active .fadeInRight.x49, .fadeInLeft-wrap .fadeInLeft.x49, .fadeInRight1.active.x49, .fadeInRight2.active.x49, .fadeInLeft1.active.x49, .fadeInLeft2.active.x49, .fadeInUp1.active.x49, .fadeInUp2.active.x49, .swiper-slide-active .fadeInUp.x49, .swiper-slide-active .fadeInRight.x49, .swiper-slide-active .fadeInLeft.x49, .section .fadeInUp1.x49, .section .fadeInRight1.x49, .section .fadeInLeft1.x49 {
    -webkit-transition-delay: 4.9s;
    transition-delay: 4.9s;
}
.fadeInUp-wrap.active .fadeInUp.x50, .fadeInRight-wrap.active .fadeInRight.x50, .fadeInLeft-wrap .fadeInLeft.x50, .fadeInRight1.active.x50, .fadeInRight2.active.x50, .fadeInLeft1.active.x50, .fadeInLeft2.active.x50, .fadeInUp1.active.x50, .fadeInUp2.active.x50, .swiper-slide-active .fadeInUp.x50, .swiper-slide-active .fadeInRight.x50, .swiper-slide-active .fadeInLeft.x50, .section .fadeInUp1.x50, .section .fadeInRight1.x50, .section .fadeInLeft1.x50 {
    -webkit-transition-delay: 5s;
    transition-delay: 5s;
}
.fadeInUp-wrap.active .fadeInUp.x51, .fadeInRight-wrap.active .fadeInRight.x51, .fadeInLeft-wrap .fadeInLeft.x51, .fadeInRight1.active.x51, .fadeInRight2.active.x51, .fadeInLeft1.active.x51, .fadeInLeft2.active.x51, .fadeInUp1.active.x51, .fadeInUp2.active.x51, .swiper-slide-active .fadeInUp.x51, .swiper-slide-active .fadeInRight.x51, .swiper-slide-active .fadeInLeft.x51, .section .fadeInUp1.x51, .section .fadeInRight1.x51, .section .fadeInLeft1.x51 {
    -webkit-transition-delay: 5.1s;
    transition-delay: 5.1s;
}
.fadeInUp-wrap.active .fadeInUp.x52, .fadeInRight-wrap.active .fadeInRight.x52, .fadeInLeft-wrap .fadeInLeft.x52, .fadeInRight1.active.x52, .fadeInRight2.active.x52, .fadeInLeft1.active.x52, .fadeInLeft2.active.x52, .fadeInUp1.active.x52, .fadeInUp2.active.x52, .swiper-slide-active .fadeInUp.x52, .swiper-slide-active .fadeInRight.x52, .swiper-slide-active .fadeInLeft.x52, .section .fadeInUp1.x52, .section .fadeInRight1.x52, .section .fadeInLeft1.x52 {
    -webkit-transition-delay: 5.2s;
    transition-delay: 5.2s;
}
.fadeInUp-wrap.active .fadeInUp.x53, .fadeInRight-wrap.active .fadeInRight.x53, .fadeInLeft-wrap .fadeInLeft.x53, .fadeInRight1.active.x53, .fadeInRight2.active.x53, .fadeInLeft1.active.x53, .fadeInLeft2.active.x53, .fadeInUp1.active.x53, .fadeInUp2.active.x53, .swiper-slide-active .fadeInUp.x53, .swiper-slide-active .fadeInRight.x53, .swiper-slide-active .fadeInLeft.x53, .section .fadeInUp1.x53, .section .fadeInRight1.x53, .section .fadeInLeft1.x53 {
    -webkit-transition-delay: 5.3s;
    transition-delay: 5.3s;
}
.fadeInUp-wrap.active .fadeInUp.x54, .fadeInRight-wrap.active .fadeInRight.x54, .fadeInLeft-wrap .fadeInLeft.x54, .fadeInRight1.active.x54, .fadeInRight2.active.x54, .fadeInLeft1.active.x54, .fadeInLeft2.active.x54, .fadeInUp1.active.x54, .fadeInUp2.active.x54, .swiper-slide-active .fadeInUp.x54, .swiper-slide-active .fadeInRight.x54, .swiper-slide-active .fadeInLeft.x54, .section .fadeInUp1.x54, .section .fadeInRight1.x54, .section .fadeInLeft1.x54 {
    -webkit-transition-delay: 5.4s;
    transition-delay: 5.4s;
}
.fadeInUp-wrap.active .fadeInUp.x55, .fadeInRight-wrap.active .fadeInRight.x55, .fadeInLeft-wrap .fadeInLeft.x55, .fadeInRight1.active.x55, .fadeInRight2.active.x55, .fadeInLeft1.active.x55, .fadeInLeft2.active.x55, .fadeInUp1.active.x55, .fadeInUp2.active.x55, .swiper-slide-active .fadeInUp.x55, .swiper-slide-active .fadeInRight.x55, .swiper-slide-active .fadeInLeft.x55, .section .fadeInUp1.x55, .section .fadeInRight1.x55, .section .fadeInLeft1.x55 {
    -webkit-transition-delay: 5.5s;
    transition-delay: 5.5s;
}
.fadeInUp-wrap.active .fadeInUp.x56, .fadeInRight-wrap.active .fadeInRight.x56, .fadeInLeft-wrap .fadeInLeft.x56, .fadeInRight1.active.x56, .fadeInRight2.active.x56, .fadeInLeft1.active.x56, .fadeInLeft2.active.x56, .fadeInUp1.active.x56, .fadeInUp2.active.x56, .swiper-slide-active .fadeInUp.x56, .swiper-slide-active .fadeInRight.x56, .swiper-slide-active .fadeInLeft.x56, .section .fadeInUp1.x56, .section .fadeInRight1.x56, .section .fadeInLeft1.x56 {
    -webkit-transition-delay: 5.6s;
    transition-delay: 5.6s;
}
.fadeInUp-wrap.active .fadeInUp.x57, .fadeInRight-wrap.active .fadeInRight.x57, .fadeInLeft-wrap .fadeInLeft.x57, .fadeInRight1.active.x57, .fadeInRight2.active.x57, .fadeInLeft1.active.x57, .fadeInLeft2.active.x57, .fadeInUp1.active.x57, .fadeInUp2.active.x57, .swiper-slide-active .fadeInUp.x57, .swiper-slide-active .fadeInRight.x57, .swiper-slide-active .fadeInLeft.x57, .section .fadeInUp1.x57, .section .fadeInRight1.x57, .section .fadeInLeft1.x57 {
    -webkit-transition-delay: 5.7s;
    transition-delay: 5.7s;
}
.fadeInUp-wrap.active .fadeInUp.x58, .fadeInRight-wrap.active .fadeInRight.x58, .fadeInLeft-wrap .fadeInLeft.x58, .fadeInRight1.active.x58, .fadeInRight2.active.x58, .fadeInLeft1.active.x58, .fadeInLeft2.active.x58, .fadeInUp1.active.x58, .fadeInUp2.active.x58, .swiper-slide-active .fadeInUp.x58, .swiper-slide-active .fadeInRight.x58, .swiper-slide-active .fadeInLeft.x58, .section .fadeInUp1.x58, .section .fadeInRight1.x58, .section .fadeInLeft1.x58 {
    -webkit-transition-delay: 5.8s;
    transition-delay: 5.8s;
}
.fadeInUp-wrap.active .fadeInUp.x59, .fadeInRight-wrap.active .fadeInRight.x59, .fadeInLeft-wrap .fadeInLeft.x59, .fadeInRight1.active.x59, .fadeInRight2.active.x59, .fadeInLeft1.active.x59, .fadeInLeft2.active.x59, .fadeInUp1.active.x59, .fadeInUp2.active.x59, .swiper-slide-active .fadeInUp.x59, .swiper-slide-active .fadeInRight.x59, .swiper-slide-active .fadeInLeft.x59, .section .fadeInUp1.x59, .section .fadeInRight1.x59, .section .fadeInLeft1.x59 {
    -webkit-transition-delay: 5.9s;
    transition-delay: 5.9s;
}
.fadeInUp-wrap.active .fadeInUp.x60, .fadeInRight-wrap.active .fadeInRight.x60, .fadeInLeft-wrap .fadeInLeft.x60, .fadeInRight1.active.x60, .fadeInRight2.active.x60, .fadeInLeft1.active.x60, .fadeInLeft2.active.x60, .fadeInUp1.active.x60, .fadeInUp2.active.x60, .swiper-slide-active .fadeInUp.x60, .swiper-slide-active .fadeInRight.x60, .swiper-slide-active .fadeInLeft.x60, .section .fadeInUp1.x60, .section .fadeInRight1.x60, .section .fadeInLeft1.x60 {
    -webkit-transition-delay: 6s;
    transition-delay: 6s;
}
.sitemain {
    padding-top: 100px;
}
.header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 99;
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.header.shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
}
.docW {
    margin: 0 auto;
}
.logo-wrap {
    margin-top: 15px;
    height: 70px;
}
.logo-wrap .img {
    display: inline-block;
    vertical-align: top;
    height: 100%;
}
.nav .lnk-wrap {
    float: left;
    margin-left: 24px;
    margin-right: 24px;
}
.nav .lnk {
    float: left;
    position: relative;
    font-size: 16px;
    line-height: 94px;
    height: 94px;
    color: #000;
    padding: 3px 5px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.nav .lnk:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 3px;
    width: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #004710;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.nav .lnk.current, .nav .lnk:hover, .nav .lnk-wrap.hover .lnk {
    color: #004710;
}
.nav .lnk.current:before, .nav .lnk:hover:before, .nav .lnk-wrap.hover .lnk:before {
    width: 100%;
}
.nav .lnk-wrap.hover {
    z-index: 2;
}
.nav .lnk-inner {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    background: rgba(0, 71, 16, .8);
}
.nav .lnk-inner-tit {
    font-size: 34px;
    line-height: 56px;
    margin-bottom: 30px;
    color: #fff;
}
.nav .lnk-lnk-inner-con {
    overflow: hidden;
}
.lnk-inner-list {
    float: left;
    white-space: nowrap;
    font-size: 0;
}
.lnk-inner-item {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
}
.nav .lnk-inner-lay-img {
    width: 100%;
    overflow: hidden;
}
.nav .lnk-inner-lay-inf .info-lnk {
    vertical-align: top;
    font-size: 15px;
    line-height: 60px;
    color: #fff;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.nav .lnk-inner-lay-inf .info-lnk i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 9px;
    height: 9px;
    margin-left: 22px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.nav .lnk-inner-lay-inf .info-lnk i:before {
    content: '';
    position: absolute;
    top: -1px;
    right: 2px;
    border-top: 3px solid #009423;
    border-right: 3px solid #009423;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
#fp-nav {
    display: none;
}
.header .search_wrap {
    float: left;
    position: relative;
    margin-left: 56px;
    width: 34px;
    height: 34px;
    padding: 33px 0;
}
.header .search_wrap .search-lnk {
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.header .search_wrap .search-lnk:before {
    content: '\e904';
    font-family: "iconfont";
    font-size: 17px;
    color: #004710;
}
.header .lang-lnk {
    font-size: 16px;
    line-height: 32px;
    padding: 0 20px;
    margin-left: 12px;
    margin-top: 34px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #000;
}
.header .lang-lnk:hover {
    colro: #004710;
}
.header .form-wrap {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 880px;
    background: #fff;
    display: none;
}
.header .form-wrap .btn {
    position: absolute;
    right: 0;
    top: 50%;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin-top: -17px;
    border: none;
    cursor: pointer;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "iconfont";
    font-size: 17px;
    color: #004710;
    background: #fff;
}
.header .form-wrap .btn:focus {
    outline: none;
}
.header .form-wrap .input {
    position: absolute;
    right: 48px;
    top: 50%;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    padding: 7px 9px;
    width: 230px;
    margin-top: -17px;
    color: #666;
}
.header .form-wrap .input, .header .form-wrap .input:focus {
    outline: none;
}
.header .form-wrap .input:focus {
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
}
.header .form-wrap .closeBtn {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 50%;
    right: 312px;
    margin-top: -17px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.header .form-wrap .closeBtn:before, .header .form-wrap .closeBtn:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background: #333;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -12px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.header .form-wrap .closeBtn:hover:before, .header .form-wrap .closeBtn:hover:after {
    background: #004710;
}
.header .form-wrap .closeBtn:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header .form-wrap .closeBtn:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.swiper-wrapper {
    background: #000;
}
@-webkit-keyframes swiper_img_move{
    0%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
    50%{
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}
@keyframes swiper_img_move{
    0%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
    50%{
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}
.img-xiao_guo_liang{
    animation: swiper_img_move 16s linear 0s infinite normal both;
}
.mybanner-wrap {
    padding-top: 100px;
    height: -webkit-calc(100vh - 100px);
    height: calc(100vh - 100px);
    overflow: hidden;
}
.mybanner .swiper-slide {
    height: -webkit-calc(100vh - 100px);
    height: calc(100vh - 100px);
}
.mybanner .swiper-slide .img-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.mybanner .swiper-slide .img-wrap .img, .mybanner .swiper-slide .img-wrap .video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mybanner .swiper-slide .info-wrap {
    left: 50%;
    top: 50%;
    height: 380px;
    margin-top: -190px;
}
.mybanner .swiper-slide.first-child .info-wrap{
    height:330px;
    margin-top:-165px;
}
.mybanner .swiper-slide .info-tit {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    font-size:46px;
    line-height:68px;
    color: #fff;
}
.mybanner .swiper-slide .info-subTit .tit1 {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    font-weight: bold;
    font-size: 52px;
    line-height: 82px;
    margin-right: 12px;
}
.mybanner .swiper-slide .info-subTit .tit2 {
    font-family: "aibold", sans-serif;
    font-weight: normal;
    font-size: 66px;
    line-height: 82px;
    position: relative;
}
.mybanner .swiper-slide .info-subTit {
    color: #fff;
}
.mybanner .swiper-slide .info-con {
    font-size: 30px;
    line-height: 64px;
    color: #fff;
}
.mybanner .swiper-slide .info-tit1 .tit1 {
    font-family: "aibold", sans-serif;
    font-weight: bold;
    font-size: 68px;
    line-height: 84px;
    margin-right: 20px;
}
.mybanner .swiper-slide .info-subTit1 {
    font-size: 43px;
    line-height: 60px;
    color: #004710;
    margin-bottom: 6px;
}
.mybanner .swiper-slide .info-con1 {
    font-size: 14px;
    line-height: 24px;
    width: 480px;
    color: #989898;
}
.mybanner .swiper-slide .lay_oth {
    margin-top: 75px;
}
.mybanner .swiper-slide.first-child .lay_oth{
   margin-top:66px;
}
.mybanner .swiper-slide .oth-lnk {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 20px;
    line-height: 36px;
    color: #000;
}
.i-more, .i-more:hover {
    text-decoration: none;
}
.i-more {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    padding-left: 32px;
    padding-right: 50px;
    background: #004710;
    cursor: pointer;
}
.i-more:before, .i-more:after {
    content: '';
    position: absolute;
    right: 32px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    margin-top: -5px;
    margin-left: -1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.i-more:before {
    -webkit-transform: translateX(-6px) rotate(45deg);
    -moz-transform: translateX(-6px) rotate(45deg);
    -ms-transform: translateX(-6px) rotate(45deg);
    -o-transform: translateX(-6px) rotate(45deg);
    transform: translateX(-6px) rotate(45deg);
    opacity: 0;
}
.i-more:hover:before {
    -webkit-transform: translateX(0) rotate(45deg);
    -moz-transform: translateX(0) rotate(45deg);
    -ms-transform: translateX(0) rotate(45deg);
    -o-transform: translateX(0) rotate(45deg);
    transform: translateX(0) rotate(45deg);
    opacity: 1;
}
.i-more:hover:after {
    -webkit-transform: translateX(6px) rotate(45deg);
    -moz-transform: translateX(6px) rotate(45deg);
    -ms-transform: translateX(6px) rotate(45deg);
    -o-transform: translateX(6px) rotate(45deg);
    transform: translateX(6px) rotate(45deg);
    opacity: 0;
}
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.swiper-container-index {
    height: 100%;
}
.swiper-container-index .swiper-pagination {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 60px;
    width: 100%;
    height: 24px;
    z-index: 10;
    text-align: center;
}
.swiper-container-horizontal.swiper-container-index > .swiper-pagination-bullets .swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 0 17px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.swiper-container-horizontal.swiper-container-index > .swiper-pagination-bullets .swiper-pagination-bullet-active:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    border: 2px solid #fff;
    border-left-color: rgba(255, 255, 255, .3);
    border-radius: 50%;
    -webkit-animation: spinner 1.2s linear 0s infinite normal both;
    animation: spinner 1.2s linear 0s infinite normal both;
}
.scrollD {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 120px;
    z-index: 12;
    margin-left: -60px;
    cursor: pointer;
}
.scrollD .p {
    font-family: "gothic", sans-serif;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    color: #fff;
}
.scrollD .line {
    width: 2px;
    height: 80px;
    position: relative;
    margin: 0 auto;
    background: rgba(255, 255, 255, .2);
}
@-webkit-keyframes scrollD-dot {
    0% {
        height: 0;
        top: 0;
    }
    49% {
        top: 0;
        height: 100%;
    }
    51% {
        top: auto;
        bottom: 0;
        height: 100%;
    }
    100% {
        top: auto;
        bottom: 0;
        height: 0;
    }
}
@keyframes scrollD-dot {
    0% {
        height: 0;
        top: 0;
    }
    49% {
        top: 0;
        height: 100%;
    }
    51% {
        top: auto;
        bottom: 0;
        height: 100%;
    }
    100% {
        top: auto;
        bottom: 0;
        height: 0;
    }
}
.scrollD .line .dot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: rgba(255, 255, 255, 1);
    -webkit-animation: scrollD-dot 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s infinite normal both;
    animation: scrollD-dot 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s infinite normal both;
}
@-moz-keyframes mydotrun {
    0% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -moz-transform: scale(2.8, 2.8);
        transform: scale(2.8, 2.8)
    }
    100% {
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}
@-webkit-keyframes mydotrun {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(2.8, 2.8);
        transform: scale(2.8, 2.8)
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}
@keyframes mydotrun {
    0% {
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -moz-transform: scale(2.8, 2.8);
        -webkit-transform: scale(2.8, 2.8);
        transform: scale(2.8, 2.8)
    }
    100% {
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}
.myzoom {
    -webkit-animation: mydotrun 3s ease-in-out 0s infinite normal;
    -moz-animation: mydotrun 3s ease-in-out 0s infinite normal;
    animation: mydotrun 3s ease-in-out 0s infinite normal;
}
.myzoom.y1 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
.myzoom.y2 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.myzoom.y3 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.myzoom.y4 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
@media screen and (min-width: 1461px) and (max-width: 1680px) {
    .mybanner .swiper-slide .info-wrap {
        height: 342px;
        margin-top: -171px;
    }
    .mybanner .swiper-slide.first-child .info-wrap {
        height: 316px;
        margin-top: -158px;
    }
    .mybanner .swiper-slide .info-tit {
        font-size:42px;
        line-height:62px;
    }
    .mybanner .swiper-slide .info-subTit .tit1 {
        font-size: 47px;
        line-height: 74px;
        margin-right: 11px;
    }
    .mybanner .swiper-slide .info-subTit .tit2 {
        font-size: 60px;
        line-height: 74px;
    }
    .mybanner .swiper-slide .info-con {
        font-size: 27px;
        line-height: 58px;
    }
    .mybanner .swiper-slide .info-tit1 .tit1 {
        font-size: 61px;
        line-height: 76px;
        margin-right: 18px;
    }
    .mybanner .swiper-slide .info-subTit1 {
        font-size: 39px;
        line-height: 54px;
        margin-bottom: 5px;
    }
    .mybanner .swiper-slide .info-con1 {
        font-size: 13px;
        line-height: 22px;
        width: 432px;
    }
    .mybanner .swiper-slide .lay_oth {
        margin-top: 68px;
    }
    .mybanner .swiper-slide.first-child .lay_oth{
        margin-top:60px;
    }
    .mybanner .swiper-slide .oth-lnk {
        font-size: 18px;
        line-height: 32px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1460px) {
    .mybanner .swiper-slide .info-wrap {
        height: 330px;
        margin-top: -165px;
    }
    .mybanner .swiper-slide.first-child .info-wrap {
        height: 292px;
        margin-top: -146px;
    }
    .mybanner .swiper-slide .info-tit {
        font-size:41px;
        line-height:54px;
    }
    .mybanner .swiper-slide .info-subTit .tit1 {
        font-size: 45px;
        line-height: 71px;
        margin-right: 10px;
    }
    .mybanner .swiper-slide .info-subTit .tit2 {
        font-size: 57px;
        line-height: 71px;
    }
    .mybanner .swiper-slide .info-con {
        font-size: 26px;
        line-height: 56px;
    }
    .mybanner .swiper-slide .info-tit1 .tit1 {
        font-size: 58px;
        line-height: 72px;
        margin-right: 17px;
    }
    .mybanner .swiper-slide .info-subTit1 {
        font-size: 37px;
        line-height: 52px;
        margin-bottom: 4px;
    }
    .mybanner .swiper-slide .info-con1 {
        font-size: 13px;
        line-height: 21px;
        width: 413px;
    }
    .mybanner .swiper-slide .lay_oth {
        margin-top: 65px;
    }
    .mybanner .swiper-slide.first-child .lay_oth {
        margin-top:57px;
    }
    .mybanner .swiper-slide .oth-lnk {
        font-size: 17px;
        line-height: 31px;
    }
}
@media screen and (max-width: 1300px) {
    .mybanner .swiper-slide .info-wrap {
        height: 304px;
        margin-top: -152px;
    }
    .mybanner .swiper-slide.first-child .info-wrap {
        height: 272px;
        margin-top: -136px;
    }
    .mybanner .swiper-slide .info-tit {
        font-size:38px;
        line-height:50px;
    }
    .mybanner .swiper-slide .info-subTit .tit1 {
        font-size: 42px;
        line-height: 66px;
        margin-right: 10px;
    }
    .mybanner .swiper-slide .info-subTit .tit2 {
        font-size: 53px;
        line-height: 66px;
    }
    .mybanner .swiper-slide .info-con {
        font-size: 24px;
        line-height: 52px;
    }
    .mybanner .swiper-slide .info-tit1 .tit1 {
        font-size: 54px;
        line-height: 66px;
        margin-right: 16px;
    }
    .mybanner .swiper-slide .info-subTit1 {
        font-size: 34px;
        line-height: 48px;
        margin-bottom: 3px;
    }
    .mybanner .swiper-slide .info-con1 {
        font-size: 12px;
        line-height: 20px;
        width: 381px;
    }
    .mybanner .swiper-slide .lay_oth {
        margin-top: 60px;
    }
    .mybanner .swiper-slide.first-child .lay_oth {
        margin-top:53px;
    }
    .mybanner .swiper-slide .oth-lnk {
        font-size: 16px;
        line-height: 29px;
    }
}
.ind2341 {
    background: #fff;
}
.ind01 {
    background: #fff;
    padding-bottom: 50px;
}
.indTit {
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px;
}
.indTit-tit1 {
    font-size: 42px;
    line-height: 58px;
    color: #171a18;
    font-weight: bold;
    text-align: center;
}
.indTit-tit2 {
    font-size: 30px;
    line-height: 46px;
    color: #171a18;
    font-weight: normal;
    text-align: center;
}
.ind01 .subT {
    font-size: 18px;
    line-height: 32px;
    color: #666;
    padding-bottom: 80px;
}
.ind01-list {
    margin-bottom: 80px;
}
.ind01-list .item {
    width: 25%;
    float: left;
    text-align: center;
    padding-bottom: 18px;
}
.ind01-list .item + .item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 110px;
    margin-top: -55px;
    width: 1px;
    background: #e0e0e0;
}
.ind01-list .f-tit {
    padding-top: 8px;
}
.ind01-list .font {
    font-family: "helbold", sans-serif;
    font-size: 100px;
    line-height: 100px;
    font-weight: bold;
    color: #004710;
}
.ind01-list .f-tit small {
    font-size: 24px;
    line-height: 46px;
    margin-left: 18px;
    color: #999;
}
.ind01-list .f-tit small font{
    font-size:14px;
    line-height:36px;
    margin-left:5px;
    vertical-align:-2px;
}
.ind01-list .f-msg {
    font-size: 16px;
    line-height: 24px;
    color: #b2b2b2;
}
.ind01-list .f-msg-en{
    font-size:12px;
    line-height:18px;
    padding-top:3px;
    padding-bottom:3px;
    color:#b2b2b2;
}
.ind01 .more, .ind01 .more:hover {
    text-decoration: none;
}
.ind01 .more {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 300px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    color: #fff;
    background: #004710;
}
.ind01 .more font {
    font-family: "gothic", sans-serif;
    position: relative;
    margin-right: 80px;
}
.ind01 .more:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #145523;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.ind01 .more:hover:before {
    width: 100%;
}
.ind01 .more .arr {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 15px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.ind01 .more:hover .arr {
    -webkit-transform: translate(8px);
    transform: translate(8px);
}
.ind01 .more .arr:before {
    content: '';
    position: absolute;
    right: 1px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.ind01 .more .arr:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    width: 100%;
    background: #fff;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.ind2248 {
    background: #f5f5f5 url(../images/ind02_bg.jpg) no-repeat center;
    background-size: 100% auto;
}
.ind02 .imgWrap {
    background-image: url(../images/map_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.ind02 .indTit-tit1 {
    margin-bottom: 60px;
}
.sind-span {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    z-index: 1;
}
.sind-span .sind-text {
    position: absolute;
    right: 24px;
    white-space: nowrap;
    height: 44px;
    line-height: 22px;
    font-size: 16px;
    color: #000;
    top: 50%;
    text-align:center;
    margin-top: -22px;
}
.ind02 .sind-span1 {
    left: 7.03947%;
    top: 11%;
}
.ind02 .sind-span1 .sind-text{
    top:-300%;
    right:10px;
}
.ind02 .sind-span2 {
    left: 8.75%;
    top: 12%;
    z-index: 2;
}
.ind02 .sind-span3 {
    left: 8.1579%;
    top: 25.6667%;
}
.ind02 .sind-span4 {
    left: 16.1%;
    top: 59.5%;
}
.ind02 .sind-span4 .sind-text{
    margin-right:300%;
}
.sind-span4 .sind-bg, .sind-span4 .sind-dot, .sind-span4 .sind-text {
    display: block;
}
.ind02 .sind-span5 {
    left: 17.1%;
    top: 62.6667%;
}
.ind02 .sind-span5 .sind-text {
    top:500%;
    margin-right:50%;
}
.ind02 .sind-span6 {
    left: 27.89474%;
    top: 83.6667%;
}
.ind02 .sind-span6 .sind-text {
    top:300%;
    margin-right:-100%;
}
.ind02 .sind-span7 {
    left: 26.18421%;
    top: 78.66666%;
    z-index: 2;
}
.ind02 .sind-span8 {
    left: 80.78947%;
    top: 15%;
}
.sind-dot {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
}
.sind-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    margin-top: -6px;
    border-radius: 50%;
}
.sind-bg .cirI {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}
@keyframes jing_scale {
    0% {
        transform: scale3d(1, 1, 1);
        opacity: 0;
    }
    25% {
        transform: scale3d(1.5, 1.5, 1);
        opacity: 0.2;
    }
    50% {
        transform: scale3d(2.2, 2.2, 1);
        opacity: .1;
    }
    75% {
        transform: scale3d(3, 3, 1);
        opacity: 0;
    }
    100% {
        transform: scale3d(1, 1, 1);
        opacity: 0;
    }
}
.sind-bg .cirI01 {
    animation: jing_scale 2.4s linear 0s infinite normal both;
}
.sind-bg .cirI02 {
    animation: jing_scale 2.4s linear 0.6s infinite normal both;
}
.sind-bg .cirI03 {
    animation: jing_scale 2.4s linear 1.5s infinite normal both;
}
.sind-span.z-high{
    z-index:10;
}
.sind-span1 .sind-bg .cirI01 {
    animation: jing_scale 2.4s linear 0s infinite normal both;
}
.sind-span1 .sind-bg .cirI02 {
    animation: jing_scale 2.4s linear 0.6s infinite normal both;
}
.sind-span1 .sind-bg .cirI03 {
    animation: jing_scale 2.4s linear 1.5s infinite normal both;
}
.sind-span2 .sind-bg .cirI01 {
    animation: jing_scale 2.4s linear 0s infinite normal both;
}
.sind-span2 .sind-bg .cirI02 {
    animation: jing_scale 2.4s linear 0.6s infinite normal both;
}
.sind-span2 .sind-bg .cirI03 {
    animation: jing_scale 2.4s linear 1.5s infinite normal both;
}
.sind-span3 .sind-bg .cirI01 {
    animation-delay: -0.3s;
}
.sind-span3 .sind-bg .cirI02 {
    animation-delay: .3s;
}
.sind-span3 .sind-bg .cirI03 {
    animation-delay: 1.2s;
}
.sind-span4 .sind-bg .cirI01 {
    animation-delay: .3s;
}
.sind-span4 .sind-bg .cirI02 {
    animation-delay: .9s;
}
.sind-span4 .sind-bg .cirI03 {
    animation-delay: 1.8s;
}
.sind-span5 .sind-bg .cirI01 {
    animation-delay: .6s;
}
.sind-span5 .sind-bg .cirI02 {
    animation-delay: 1.2s;
}
.sind-span5 .sind-bg .cirI03 {
    animation-delay: 2.1s;
}
.sind-span6 .sind-bg .cirI01 {
    animation-delay: .8s;
}
.sind-span6 .sind-bg .cirI02 {
    animation-delay: 1.4s;
}
.sind-span6 .sind-bg .cirI03 {
    animation-delay: 2.3s;
}
.sind-span7 .sind-bg .cirI01 {
    animation-delay: .8s;
}
.sind-span7 .sind-bg .cirI02 {
    animation-delay: 1.4s;
}
.sind-span7 .sind-bg .cirI03 {
    animation-delay: 2.3s;
}
.sind-span8 .sind-bg .cirI01 {
    animation-delay: .4s;
}
.sind-span8 .sind-bg .cirI02 {
    animation-delay: 1s;
}
.sind-span8 .sind-bg .cirI03 {
    animation-delay: 1.9s;
}
.ind02 .sind-box {
    position: absolute;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
    display: none;
}
.ind02 .sind-box.hover {
    z-index: 5;
}
.ind02 .sind-box1 {
    top: -150px;
    left: 32px;
    margin-left: 20px;
    opacity: 0;
}
.ind02 .sind-box2 {
    top: -150px;
    left: 312px;
    margin-left: 20px;
    opacity: 0;
}
.ind02 .sind-box3 {
    top: -150px;
    left: 32px;
    margin-left: 20px;
    opacity: 0;
}
.ind02 .sind-box4 {
    top: -348px;
    left: 32px;
    margin-left: 20px;
    opacity: 0;
}
.ind02 .sind-box5 {
    top: -348px;
    left: 312px;
    margin-left: 20px;
    opacity: 0;
}
.ind02 .sind-box6 {
    top: -150px;
    left: 312px;
    margin-left: 20px;
    opacity: 0;
}
.sind-box .img-wrap {
    width: 260px;
    height: 130px;
}
.sind-box .img-wrap .img {
    display: block;
    width: 100%;
}
.sind-box .info-wrap {
    font-size: 14px;
    line-height: 28px;
    padding: 10px 5px;
    background: #fff;
    color:#333;
    text-align:center;
}
.sind-box1:before {
    content: '';
    position: absolute;
    bottom: 16px;
    left: -8px;
    border-top: 8px solid transparent;
    border-right: 8px solid #fff;
    border-bottom: 8px solid transparent;
    border-left: none;
}
.sind-box3:before {
    content: '';
    position: absolute;
    bottom: 16px;
    left: -8px;
    border-top: 8px solid transparent;
    border-right: 8px solid #fff;
    border-bottom: 8px solid transparent;
    border-left: none;
}
.sind-curve {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
}
.sind-curve .line1, .sind-curve .line2 {
    position: absolute;
}
.sind-curve .line1 {
    left: 0;
    background: #849989;
    height: 1px;
}
.sind-curve .line2 {
    background: #b1b3b2;
    height: 1px;
}
.sind-span1 .sind-curve .line1 {
    width: 60px;
    top: 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;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sind-span1 .sind-curve .line2 {
    left: 42px;
    top: 42px;
    width: 300px;
}
.sind-span3 .sind-curve .line1 {
    width: 60px;
    bottom: 0;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sind-span3 .sind-curve .line2 {
    left: 42px;
    bottom: 42px;
    width: 300px;
}
.sind-span4 .sind-curve .line1 {
    width: 193px;
    bottom: 0;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sind-span4 .sind-curve .line2 {
    left: 136px;
    bottom: 136px;
    width: 90px;
}
.sind-span5 .sind-curve .line1 {
    width: 281px;
    bottom: 0;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sind-span5 .sind-curve .line2 {
    left: 198px;
    bottom: 198px;
    width: 80px;
}
.sind-span6 .sind-curve .line1 {
    width: 350px;
    right: 0;
    left: auto;
    bottom: 0;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(85deg);
    -moz-transform: rotate(85deg);
    -ms-transform: rotate(85deg);
    -o-transform: rotate(85deg);
    transform: rotate(85deg);
}
.sind-span6 .sind-curve .line2 {
    left: -30px;
    bottom: 348px;
    width: 60px;
}
.sind-span8 .sind-curve .line1 {
    width: 100px;
    right: 0;
    left: auto;
    top: 0;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.sind-span8 .sind-curve .line2 {
    right: 86px;
    top: 50px;
    width: 120px;
}
.sind-span8 .sind-text{
    margin-right:200%;
    top:-150%;
}
.sind-div {
    position: absolute;
    top: 0;
    left: 26.29%;
    width: 43.42%;
    text-align: center;
    display: none;
    z-index: 4;
}
.sind-div .group {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.sind-div .group .gr-img {
    display: inline-block;
    vertical-align: top;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.sind-div .group .gr-img.x1 {
    -webkit-transition: all .3s linear .1s;
    -moz-transition: all .3s linear .1s;
    transition: all .3s linear .1s;
}
.sind-div .group .gr-img.x2 {
    -webkit-transition: all .3s linear .2s;
    -moz-transition: all .3s linear .2s;
    transition: all .3s linear .2s;
}
.sind-div .group .gr-img.x3 {
    -webkit-transition: all .3s linear .3s;
    -moz-transition: all .3s linear .3s;
    transition: all .3s linear .3s;
}
.sind-div .group .gr-img.x4 {
    -webkit-transition: all .3s linear .4s;
    -moz-transition: all .3s linear .4s;
    transition: all .3s linear .4s;
}
.sind-div .group .gr-img.x5 {
    -webkit-transition: all .3s linear .5s;
    -moz-transition: all .3s linear .5s;
    transition: all .3s linear .5s;
}
.sind-div .group .gr-img.x6 {
    -webkit-transition: all .3s linear .6s;
    -moz-transition: all .3s linear .6s;
    transition: all .3s linear .6s;
}
.sind-div .group .gr-img.x7 {
    -webkit-transition: all .3s linear .7s;
    -moz-transition: all .3s linear .7s;
    transition: all .3s linear .7s;
}
.sind-div .group .gr-img.x8 {
    -webkit-transition: all .3s linear .8s;
    -moz-transition: all .3s linear .8s;
    transition: all .3s linear .8s;
}
.sind-div .group .gr-img.x9 {
    -webkit-transition: all .3s linear .9s;
    -moz-transition: all .3s linear .9s;
    transition: all .3s linear .9s;
}
.sind-div .group .gr-img.active {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.ind03 {
    background: #fff;
    padding-bottom: 70px;
}
.ind03 .indTit-tit1 {
    font-size: 40px;
    line-height: 52px;
}
.ind03 .ind03-nav {
    text-align: center;
    margin-bottom: 55px;
}
.ind03-nav a, .ind03-nav a:hover {
    text-decoration: none;
}
.ind03-nav a {
    font-size: 18px;
    line-height: 32px;
    color: #666;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.ind03-nav b {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    color: #666;
    margin: 0 28px;
}
.ind03-list {
    margin: 0 -20px;
}
.ind03-list .item {
    float: left;
    width: 33.33333%;
}
.ind03-list .item-in {
    margin: 20px;
}
.ind03-list .item .lay_img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 58.333333%;
}
.ind03-list .item .lay_img .img-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ind03-list .item .lay_img .lnk, .ind03-list .item .lay_img .img {
    display: block;
    width: 100%;
    height: 100%;
}
.ind03-list .item .lay_img .img {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.ind03-list .item-in:hover .lay_img .img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.ind03-list .item .info-wrap {
    padding-top: 16px;
}
.ind03-list .item .info-tit {
    font-size: 22px;
    line-height: 40px;
}
.ind03-list .item-in .info-tit .tit-lnk {
    color: #000;
    -webkit-transition: color .3s linear;
    transition: color .3s linear;
}
.ind03-list .item-in:hover .info-tit .tit-lnk {
    color: #004710;
}
.ind03-list .item .info-sub {
    font-size: 12px;
    line-height: 30px;
    color: #b2b2b2;
}
.ind03-list .item .info-sub font {
    margin-right: 28px;
}
.ind03-list .item .info-con {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #666;
    padding-top: 20px;
}
.ind04 {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.ind04 .img-wrap {
    position: relative;
    left: 50%;
    width: 1920px;
    height: 1920px;
    margin-left: -960px;
    top: -webkit-calc(20vh - 800px);
    top: calc(20vh - 800px);
    overflow: hidden;
}
.ind2255.active .ind04 .img-wrap {
    -webkit-transform: translateY(-20vh);
    transform: translateY(-20vh);
}
.ind04 .img-wrap .img {
    position: absolute;
    width: 1920px;
}
@media screen and (min-width: 1921px) {
    .ind04 .img-wrap {
        position: relative;
        left: 50%;
        width: 100vw;
        height: 100vw;
        margin-left: -50vw;
        top: -webkit-calc(20vw - 1000px);
        top: calc(20vw - 1000px);
    }
    .ind04 .img-wrap .img {
        width: 100%;
    }
}
.js_bgmove {
    -webkit-transition: -webkit-transform 700ms cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: -webkit-transform 700ms cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 700ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.ind04 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}
.ind04 .info-wrap {
    top: 50%;
    left: 50%;
    height: 264px;
    margin-top: -132px;
}
.ind04 .info-tit {
    font-size: 58px;
    line-height: 90px;
    color: #fff;
}
.ind04 .info-sub {
    font-family: "gothic", sans-serif;
    font-size: 58px;
    line-height: 80px;
    color: #fff;
}
.ind04 .lay_btn {
    margin-top: 46px;
    text-align: center;
}
.ind04 .lay_btn .lnk {
    position: relative;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    border: 1px solid;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    padding: 0 38px;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.ind04 .lay_btn .lnk:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.ind04 .lay_btn .lnk font {
    position: relative;
}
.ind04 .lay_btn .lnk1 {
    border-color: #fff;
    background: #fff;
    color: #000;
}
.ind04 .lay_btn .lnk1:before {
    background: rgba(0, 0, 0, .4);
}
.ind04 .lay_btn .lnk1:hover {
    border-color: rgba(255, 255, 255, .6);
    color: #fff;
    background: none;
}
.ind04 .lay_btn .lnk1:hover:before {
    width: 100%;
}
.ind04 .lay_btn .lnk2 {
    border-color: rgba(255, 255, 255, .6);
    background: rgba(0, 0, 0, .4);
    color: #fff;
}
.ind04 .lay_btn .lnk2:before {
    background: #fff;
}
.ind04 .lay_btn .lnk2:hover {
    border-color: #fff;
    background: none;
    color: #000;
}
.ind04 .lay_btn .lnk2:hover:before {
    width: 100%;
}
.footer {
    background: #131414;
}
.foot {
    padding-bottom: 68px;
    border-bottom: 1px solid #424343;
    margin-bottom: 45px;
}
.foot .lBx .chd h2 {
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
    margin-bottom: 16px;
    color: #fff;
}
.foot .lBx .chd p {
    font-size: 15px;
    line-height: 36px;
}
.foot .lBx .chd p, .foot .lBx .chd p a {
    color: #808080;
}
.foot .lBx .chd p a {
    -webkit-transition: color .3s linear;
    transition: color .3s linear;
}
.foot .lBx .chd p a:hover {
    color: #fff;
}
.foot .rBx .lay_qr {
    width: 168px;
}
.foot .rBx .lay_qr .qr {
    display: block;
    width: 100%;
}
.foot .rBx .p {
    font-size: 15px;
    line-height: 26px;
    padding-top: 6px;
    color: #808080;
}
.copyright {
    padding: 9px 0;
    font-size: 15px;
    line-height: 30px;
}
.copyright, .copyright a {
    color: #808080;
}
.copyright a {
    -webkit-transition: color .3s linear;
    transition: color .3s linear;
}
.copyright a:hover {
    color: #fff;
}
.menuFloat {
    position: fixed;
    right: 0px;
    bottom:20px;
    width: 86px;
    z-index: 99;
}
.menuFloat .chd {
    position: relative;
    width: 84px;
    height: 84px;
    background: #fff;
    border: 1px solid #dedede;
    margin-top: -1px;
    cursor: pointer;
    -webkit-transition: background .3s linear, border-color .3s linear;
    transition: background .3s linear, border-color .3s linear;
}
.menuFloat .chd:hover {
    background: #004710;
    border-color: #004710;
}
.menuFloat .chd-lnk {
    padding-top: 5px;
}
.menuFloat .chd-lnk .ico-wrap {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
}
.menuFloat .chd-lnk .icon-xinlangweibo {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 40px;
    color: #999;
    outline: none;
    -webkit-transition: color .3s linear, border-color .3s linear;
    -moz-transition: color .3s linear, border-color .3s linear;
    transition: color .3s linear, border-color .3s linear;
}
.menuFloat .chd:hover .chd-lnk .icon-xinlangweibo:before {
    color: #fff;
    outline: none;
    text-decoration: none;
}
.menuFloat .chd-lnk .ico-wrap:before, .menuFloat .chd-lnk .ico-wrap:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: color .3s linear, border-color .3s linear;
    -moz-transition: color .3s linear, border-color .3s linear;
    transition: color .3s linear, border-color .3s linear;
    font-family: "iconfont";
    font-size: 40px;
    color: #999;
}
.menuFloat .chd-lnk .ico-wrap::before, .menuFloat .chd-lnk .ico-wrap::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: color .3s linear, border-color .3s linear;
    -moz-transition: color .3s linear, border-color .3s linear;
    transition: color .3s linear, border-color .3s linear;
    font-family: "iconfont";
    font-size: 40px;
    color: #999;
}
.menuFloat .chd:hover .chd-lnk .ico-wrap:before {
    color: #fff;
}
.menuFloat .chd-lnk .ico-wrap:before {
    opacity: 1;
}
.menuFloat .chd-lnk .ico-wrap:after {
    opacity: 0;
}
.menuFloat .chd-wx .chd-lnk .ico-wrap:before {
    content: '\e660';
    font-size: 36px;
}
.menuFloat .chd-wx a:hover {
    text-decoration: none;
}
.menuFloat .chd-tel .chd-lnk .ico-wrap:before {
    content: '\e602';
}
.menuFloat .chd-wx2 .chd-lnk .ico-wrap:before {
    content: '\e640';
}
.menuFloat .chd-arr .chd-lnk .ico-wrap:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    width: 28px;
    height: 28px;
    border-left: 2px solid #999;
    border-top: 2px solid #999;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menuFloat .chd-arr:hover .chd-lnk .ico-wrap:before {
    border-left-color: #fff;
    border-top-color: #fff;
}
.menuFloat .chd .ico-txt {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    text-align: center;
    -webkit-transition: color .3s linear;
    transition: color .3s linear;
}
.menuFloat .chd:hover .ico-txt {
    color: #fff;
}
.menuFloat .chd .chd-in {
    position: absolute;
    top: -1px;
    right: 84px;
    width: 178px;
    display: none;
}
.menuFloat .chd .chd-inner {
    position: relative;
    width: 168px;
    height: 168px;
    border: 1px solid #dedede;
    background: #fff;
}
.menuFloat .chd .chd-inner .img {
    display: block;
    width: 100%;
    height: 100%;
}
.menuFloat .chd .chd-inner:before {
    content: '';
    position: absolute;
    top: 39px;
    right: -5px;
    border-left: 5px solid #dedede;
    border-top: 5px solid transparent;
    border-right: none;
    border-bottom: 5px solid transparent;
    width: 0;
    height: 0;
}
.menuFloat .chd.chd-tel:hover {
    background: none;
}
.menuFloat .chd-tel-inner {
    position: relative;
    top: -1px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background: #fff;
    white-space: nowrap;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    width: 84px;
    left: 0;
    overflow: hidden;
}
.menuFloat .chd-tel:hover .chd-tel-inner {
    z-index: 2;
    background: #004710;
    border-top-color: #004710;
    border-bottom-color: #004710;
}
.menuFloat .chd-tel-inner .chd-tel-txt {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 84px;
    height: 84px;
    color: #999;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    padding: 0 12px;
}
.menuFloat .chd-tel:hover .chd-tel-inner .chd-tel-txt {
    color: #fff;
}
.menuFloat .chd-tel-inner .chd-lnk {
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    height: 79px;
    padding-left: 17px;
    padding-right: 17px;
}
@media screen and (max-width: 1730px) {
    .menuFloat {
        margin-top: -153px;
        width: 76px;
    }
    .menuFloat .chd {
        width: 74px;
        height: 74px;
    }
    .menuFloat .chd-lnk {
        padding-top: 4px;
    }
    .menuFloat .chd-lnk .icon-xinlangweibo,
    .menuFloat .chd-lnk .ico-wrap {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }

    .menuFloat .chd-lnk .icon-xinlangweibo:before,.menuFloat .chd-lnk .ico-wrap:before, .menuFloat .chd-lnk .ico-wrap:after {
        font-size: 36px;
    }
    .menuFloat .chd-lnk .ico-wrap::before, .menuFloat .chd-lnk .ico-wrap::after {
        font-size: 36px;
    }
    .menuFloat .chd-wx .chd-lnk .ico-wrap:before {
        font-size: 32px;
    }
    .menuFloat .chd-arr .chd-lnk .ico-wrap:before {
        margin-left: -13px;
        width: 26px;
        height: 26px;
    }
    .menuFloat .chd .ico-txt {
        font-size: 12px;
        line-height: 16px;
    }
    .menuFloat .chd .chd-in {
        right: 75px;
        width: 160px;
    }
    .menuFloat .chd .chd-inner {
        width: 151px;
        height: 151px;
    }
    .menuFloat .chd .chd-inner:before {
        top: 35px;
        right: -4px;
        border-left: 4px solid #dedede;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
    }
    .menuFloat .chd-tel-inner {
        width: 74px;
    }
    .menuFloat .chd-tel-inner .chd-tel-txt {
        font-size: 15px;
        line-height: 74px;
        height: 74px;
        padding: 0 11px;
    }
    .menuFloat .chd-tel-inner .chd-lnk {
        height: 70px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 1460px) {
    .menuFloat {
        margin-top: -137px;
        width: 68px;
    }
    .menuFloat .chd {
        width: 66px;
        height: 66px;
    }
    .menuFloat .chd-lnk {
        padding-top: 4px;
    }
    .menuFloat .chd-lnk .icon-xinlangweibo,
    .menuFloat .chd-lnk .ico-wrap {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .menuFloat .chd-lnk .icon-xinlangweibo:before, .menuFloat .chd-lnk .ico-wrap:before, .menuFloat .chd-lnk .ico-wrap:after {
        font-size: 32px;
    }
    .menuFloat .chd-lnk .ico-wrap::before, .menuFloat .chd-lnk .ico-wrap::after {
        font-size: 32px;
    }
    .menuFloat .chd-wx .chd-lnk .ico-wrap:before {
        font-size: 28px;
    }
    .menuFloat .chd-arr .chd-lnk .ico-wrap:before {
        margin-left: -12px;
        width: 24px;
        height: 24px;
    }
    .menuFloat .chd .ico-txt {
        font-size: 12px;
        line-height: 15px;
    }
    .menuFloat .chd .chd-in {
        right: 66px;
        width: 144px;
    }
    .menuFloat .chd .chd-inner {
        width: 136px;
        height: 136px;
    }
    .menuFloat .chd .chd-inner:before {
        top: 32px;
        right: -4px;
        border-left: 4px solid #dedede;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
    }
    .menuFloat .chd-tel-inner {
        width: 66px;
    }
    .menuFloat .chd-tel-inner .chd-tel-txt {
        font-size: 14px;
        line-height: 66px;
        height: 66px;
        padding: 0 10px;
    }
    .menuFloat .chd-tel-inner .chd-lnk {
        height: 63px;
        padding-left: 14px;
        padding-right: 14px;
    }
}
.indexPro {
    position: relative;
    background: #fff;
}
.indexPro .inDiv {
    position: relative;
    margin: 0 auto;
    z-index: 1;
}
.indexPro .tBl {
    float: left;
}
.indexPro .tBl-tit {
    font-size: 42px;
    font-weight: bold;
    line-height: 52px;
    height:52px;
    color: #171a18;
}
.indexPro .tBl-tit .span1, .indexPro .tBl-tit .span2 {
    float: left;
    position: relative;
}
.indexPro .tBl-tit .span2 {
    margin-left: 28px;
    width: 20px;
    height: 100%;
}
.indexPro .tBl-tit .span2 i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    border-top: 4px solid #171a18;
    border-right: 4px solid #171a18;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.indexPro .tBl-subTit {
    font-size: 40px;
    line-height: 50px;
    height: 50px;
    font-family: "aibold", sans-serif;
    color: #999;
    margin-top:14px;
}
.indexPro .tBl-con {
    font-size: 16px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    color: #999;
}
.indexPro .indexPro-btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 16px;
    line-height: 38px;
    height: 38px;
    padding: 0 15px;
    border: 1px solid #333;
}
.indexPro .indexPro-btn span {
    color: #333;
    position: relative;
    z-index: 1;
}
.indexPro .indexPro-btn:before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #004710;
}
.indexPro .indexPro-btn:before, .indexPro .indexPro-btn span {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
}
.indexPro .indexPro-btn:hover:before {
    width: 100%;
}
.indexPro .indexPro-btn:hover {
    border: 1px solid #004710;
}
.indexPro .indexPro-btn:hover span {
    color: #fff;
}
.indexPro .img-wrap1 {
    float: right;
}
.indexPro .img-wrap {
    position: relative;
    overflow: hidden;
}
.indexPro .img-wrap .lay_img {
    width: 100%;
    height: 100%;
}
.indexPro .img-wrap .lay_img .img {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.indexPro .img-wrap:hover .lay_img .img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.indexPro .img-wrap .lay_info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
}
.indexPro .img-wrap:hover .lay_info {
    opacity: 1;
}
.indexPro .img-wrap .info-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.indexPro .img-wrap .info {
    padding: 0 10px;
}
.indexPro .img-wrap .info-tit {
    font-size: 24px;
    line-height: 48px;
    font-weight: bold;
    color: #fff;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: all .3s linear .1s;
    -moz-transition: all .3s linear .1s;
    transition: all .3s linear .1s;
}
.indexPro .img-wrap:hover .info-tit {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.indexPro .img-wrap .info-subTit {
    font-size: 32px;
    line-height: 54px;
    font-weight: bold;
    color: #fff;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: all .3s linear .2s;
    -moz-transition: all .3s linear .2s;
    transition: all .3s linear .2s;
}
.indexPro .img-wrap:hover .info-subTit {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.indexPro .img-wrap .info-info {
    padding-top: 16px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .3s linear .3s;
    -moz-transition: all .3s linear .3s;
    transition: all .3s linear .3s;
}
.indexPro .img-wrap:hover .info-info {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.indexPro .img-wrap .info-bot {
    padding-top: 26px;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .3s linear .4s;
    -moz-transition: all .3s linear .4s;
    transition: all .3s linear .4s;
}
.indexPro .img-wrap:hover .info-bot {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.indexPro .info-more, .indexPro .info-more:hover {
    text-decoration: none;
}
.indexPro .info-more {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    border: 1px solid #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    padding: 0 16px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.indexPro .info-more font {
    position: relative;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    color: #fff;
}
.indexPro .info-more:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.indexPro .info-more:hover {
    border-color: #fff;
}
.indexPro .info-more:hover:before {
    width: 100%;
}
.indexPro .info-more:hover font {
    color: #333;
}
.nav .lnk-inner-list {
    font-size: 0;
}
.nav .lnk-inner-item {
    display: inline-block;
    line-height: 60px;
    position: relative;
    margin: 0 30px;
}
.nav .lnk-inner-item:first-child:after {
    content: "";
    width: 0;
}
.nav .lnk-inner-item:last-child:before {
    content: "";
    width: 0;
}
.nav .lnk-inner-item:after {
    content: "";
    position: absolute;
    top: 21px;
    left: -30px;
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, .7);
}
.nav .lnk-inner-item:before {
    content: "";
    position: absolute;
    top: 21px;
    right: -30px;
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, .4);
}
@media screen and (max-height: 680px) {
    .ind01 {
        padding-bottom: 0;
    }
    .indTit {
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    .ind01 .subT {
        padding-bottom: 50px;
    }
    .ind01-list {
        margin-bottom: 50px;
    }
}
@media screen and (max-height: 870px) {
    .ind02 .indTit-tit1 {
        margin-bottom: 40px;
    }
    .sind-box .img-wrap {
        width: 224px;
        height: 112px;
    }
    .sind-box .info-wrap {
        font-size: 12px;
        line-height: 26px;
        padding: 9px 3px;
    }
    .ind02 .sind-box1 {
        top: -128px;
        left: 28px;
    }
    .ind02 .sind-box2 {
        top: -128px;
        left: 267px;
    }
    .ind02 .sind-box3 {
        top: -128px;
        left: 28px;
    }
    .ind02 .sind-box4 {
        top: -299px;
        left: 28px;
    }
    .ind02 .sind-box5 {
        top: -299px;
        left: 267px;
    }
    .ind02 .sind-box6 {
        top: -128px;
        left: 267px;
    }
}
@media screen and (max-width: 1200px) {
    .docW {
        width: 1100px;
    }
    .marW {
        margin-left: -550px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .docW {
        width: 1100px;
    }
    .marW {
        margin-left: -550px;
    }
}
@media screen and (max-width: 1460px) {
    .header .search_wrap {
        margin-left: 38px;
    }
    .header .lang-lnk {
        margin-left: 10px;
    }
    .sind-div .group {
        height: 265px;
    }
    .sind-div .group .gr-img {
        margin: 0 8px 14px;
    }
    .sind-span1 .sind-curve .line2 {
        width: 237px;
    }
    .sind-span3 .sind-curve .line2 {
        width: 237px;
    }
    .sind-span4 .sind-curve .line2 {
        width: 71px;
    }
    .sind-span5 .sind-curve .line2 {
        width: 39px;
    }
    .sind-span6 .sind-curve .line2 {
        width: 48px;
    }
    .sind-span8 .sind-curve .line2 {
        width: 95px;
    }
    .ind03 {
        padding-bottom: 0;
    }
    .ind03 .indTit {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .ind03 .indTit-tit1 {
        font-size: 36px;
        line-height: 48px;
    }
    .ind03 .ind03-nav {
        margin-bottom: 5px;
    }
    .ind03-nav a {
        font-size: 16px;
        line-height: 28px;
    }
    .ind03-list {
        margin: 0 -15px;
    }
    .ind03-list .item-in {
        margin: 15px;
    }
    .ind03-list .item .info-wrap {
        padding-top: 14px;
    }
    .ind03-list .item .info-con {
        padding-top: 14px;
    }
    .ind03-list .item .info-tit {
        font-size: 20px;
        line-height: 36px;
    }
    .foot .lBx .chd {
        width: 180px;
        margin-right: 10px;
    }
    .footer {
        padding-top: 112px;
        padding-bottom: 140px;
    }
    .indexPro .left-box {
        width: 762px;
    }
    .indexPro .right-box {
        width: 428px;
    }
    .indexPro .top-p {
        height: 270px;
        margin-bottom: 17px;
    }
    .indexPro .tBl {
        width: 349px;
    }
    .indexPro .tBl-tit {
        font-size: 34px;
        line-height: 42px;
        height: 42px;
    }
    .indexPro .tBl-subTit {
        font-size: 32px;
        line-height: 40px;
        margin-top:11px;
    }
    .indexPro .tBl-con {
        font-size: 13px;
        line-height: 24px;
        height: 48px;
        margin-top: 24px;
        margin-bottom: 42px;
    }
    .indexPro .indexPro-btn {
        font-size: 14px;
        line-height: 32px;
        height: 32px;
        padding: 0 13px;
    }
    .indexPro .img-wrap1 {
        width: 397px;
        height: 270px;
    }
    .indexPro .img-wrap2 {
        width: 428px;
        height: 587px;
    }
    .indexPro .img-wrap3 {
        width: 762px;
        height: 301px;
    }
    .indexPro .img-wrap .info-tit {
        font-size: 20px;
        line-height: 40px;
    }
    .indexPro .img-wrap .info-subTit {
        font-size: 26px;
        line-height: 44px;
    }
    .indexPro .img-wrap .info-info {
        padding-top: 14px;
        font-size: 14px;
        line-height: 26px;
    }
    .indexPro .img-wrap .info-bot {
        padding-top: 22px;
    }
    .indexPro .info-more {
        font-size: 13px;
        line-height: 28px;
        height: 28px;
        padding: 0 15px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1460px) {
    .docW {
        width: 1200px;
    }
    .marW {
        margin-left: -600px;
    }
    .ind02 .imgWrap {
        height: 474px;
    }
}
@media screen and (max-width: 1300px) {
    .nav .lnk-inner-item {
        margin: 0 32px;
    }
    .nav .lnk-inner-item:after {
        left: -32px;
    }
    .nav .lnk-inner-item:before {
        right: -32px;
    }
    .header .search_wrap {
        margin-left: 24px;
    }
    .header .lang-lnk {
        margin-left: 9px;
    }
    .ind02 .imgWrap {
        height: 434px;
    }
    .sind-div .group {
        height: 264px;
    }
    .sind-div .group .gr-img {
        margin: 0 8px 14px;
    }
    .sind-span1 .sind-curve .line2 {
        width: 236px;
    }
    .sind-span3 .sind-curve .line2 {
        width: 236px;
    }
    .sind-span4 .sind-curve .line1 {
        width: 150px;
    }
    .sind-span4 .sind-curve .line2 {
        left: 104px;
        bottom: 105px;
        width: 71px;
    }
    .sind-span5 .sind-curve .line1 {
        width: 188px;
    }
    .sind-span5 .sind-curve .line2 {
        left: 131px;
        bottom: 132px;
        width: 39px;
    }
    .sind-span6 .sind-curve .line2 {
        width: 48px;
    }
    .sind-span8 .sind-curve .line2 {
        width: 94px;
    }
    .ind03 {
        padding-bottom: 0;
    }
    .ind03 .indTit {
        padding-bottom: 18px;
        margin-bottom: 18px;
    }
    .ind03 .indTit-tit1 {
        font-size: 35px;
    }
    .ind03 .ind03-nav {
        margin-bottom: 18px;
    }
    .ind03-list {
        margin: 0 -14px;
    }
    .ind03-list .item-in {
        margin: 14px;
    }
    .ind03-list .item .info-wrap {
        padding-top: 13px;
    }
    .ind03-list .item .info-con {
        padding-top: 15px;
    }
    .foot .lBx .chd {
        width: 165px;
        margin-right: 9px;
    }
    .footer {
        padding-top: 112px;
        padding-bottom: 140px;
    }
    .indexPro .left-box {
        width: 722px;
    }
    .indexPro .right-box {
        width: 360px;
    }
    .indexPro .top-p {
        height: 256px;
        margin-bottom: 16px;
    }
    .indexPro .tBl {
        width: 330px;
    }
    .indexPro .tBl-tit {
        font-size: 32px;
        line-height: 40px;
        height: 40px;
    }
    .indexPro .tBl-subTit {
        font-size: 30px;
        line-height: 38px;
        margin-top:10px;
    }
    .indexPro .tBl-con {
        font-size: 12px;
        line-height: 23px;
        height: 46px;
        margin-top: 23px;
        margin-bottom: 40px;
    }
    .indexPro .indexPro-btn {
        font-size: 13px;
        line-height: 30px;
        height: 30px;
        padding: 0 12px;
    }
    .indexPro .img-wrap1 {
        width: 376px;
        height: 254px;
    }
    .indexPro .img-wrap2 {
        width: 360px;
        height: 557px;
    }
    .indexPro .img-wrap3 {
        width: 722px;
        height: 285px;
    }
    .indexPro .img-wrap .info-tit {
        font-size: 17px;
        line-height: 34px;
    }
    .indexPro .img-wrap .info-subTit {
        font-size: 23px;
        line-height: 38px;
    }
    .indexPro .img-wrap .info-info {
        padding-top: 12px;
        font-size: 12px;
        line-height: 23px;
    }
    .indexPro .img-wrap .info-bot {
        padding-top: 19px;
    }
    .indexPro .info-more {
        font-size: 12px;
        line-height: 26px;
        height: 26px;
        padding: 0 14px;
    }
}
@media screen and (min-width: 1461px) and (max-width: 1680px) {
    .docW {
        width: 1300px;
    }
    .marW {
        margin-left: -650px;
    }
    .nav .lnk-inner-item {
        margin: 0 35px;
    }
    .nav .lnk-inner-item:after {
        left: -35px;
    }
    .nav .lnk-inner-item:before {
        right: -35px;
    }
    .header .search_wrap {
        margin-left: 46px;
    }
    .header .lang-lnk {
        margin-left: 10px;
    }
    .ind02 .imgWrap {
        height: 513px;
    }
    .sind-div .group {
        height: 287px;
    }
    .sind-div .group .gr-img {
        margin: 0 8px 15px;
    }
    .sind-span1 .sind-curve .line2 {
        width: 257px;
    }
    .sind-span3 .sind-curve .line2 {
        width: 257px;
    }
    .sind-span4 .sind-curve .line2 {
        width: 77px;
    }
    .sind-span5 .sind-curve .line2 {
        width: 42px;
    }
    .sind-span6 .sind-curve .line2 {
        width: 52px;
    }
    .sind-span8 .sind-curve .line2 {
        width: 102px;
    }
    .ind03 {
        padding-bottom: 0;
    }
    .ind03 .indTit {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .ind03 .indTit-tit1 {
        font-size: 38px;
    }
    .ind03 .ind03-nav {
        margin-bottom: 20px;
    }
    .ind03-list {
        margin: 0 -15px;
    }
    .ind03-list .item-in {
        margin: 15px;
    }
    .ind03-list .item .info-wrap {
        padding-top: 14px;
    }
    .ind03-list .item .info-con {
        padding-top: 16px;
    }
    .foot .lBx .chd {
        width: 180px;
        margin-right: 10px;
    }
    .footer {
        padding-top: 122px;
        padding-bottom: 152px;
    }
    .indexPro .left-box {
        width: 826px;
    }
    .indexPro .right-box {
        width: 464px;
    }
    .indexPro .top-p {
        height: 292px;
        margin-bottom: 18px;
    }
    .indexPro .tBl {
        width: 378px;
    }
    .indexPro .tBl-tit {
        font-size: 36px;
        line-height: 45px;
        height:45px;
    }
    .indexPro .tBl-subTit {
        font-size: 34px;
        line-height: 43px;
        margin-top:12px;
    }
    .indexPro .tBl-con {
        font-size: 14px;
        line-height: 26px;
        height: 52px;
        margin-top: 26px;
        margin-bottom: 46px;
    }
    .indexPro .indexPro-btn {
        font-size: 15px;
        line-height: 34px;
        height: 34px;
        padding: 0 14px;
    }
    .indexPro .img-wrap1 {
        width: 430px;
        height: 292px;
    }
    .indexPro .img-wrap2 {
        width: 464px;
        height: 636px;
    }
    .indexPro .img-wrap3 {
        width: 826px;
        height: 326px;
    }
    .indexPro .img-wrap .info-tit {
        font-size: 20px;
        line-height: 40px;
    }
    .indexPro .img-wrap .info-subTit {
        font-size: 26px;
        line-height: 44px;
    }
    .indexPro .img-wrap .info-info {
        padding-top: 14px;
        font-size: 14px;
        line-height: 26px;
    }
    .indexPro .img-wrap .info-bot {
        padding-top: 22px;
    }
    .indexPro .info-more {
        font-size: 13px;
        line-height: 28px;
        height: 28px;
        padding: 0 15px;
    }
}
@media screen and (max-width: 1500px) {
    .i-more {
        font-size: 18px;
    }
    .indTit-tit1 {
        font-size: 38px;
    }
    .indTit .indTit-tit1 {
        font-size: 38px;
    }
    .indTit .indTit-tit2 {
        font-size: 26px;
    }
    .ind04 .info-wrap{
        height:254px;
        margin-top:-127px;
    }
    .ind04 .info-tit {
        font-size: 54px;
        line-height:86px;
    }
    .ind04 .info-sub {
        font-size: 55px;
        line-height:76px;
    }
    .ind04 .lay_btn{
        margin-top:44px;
    }
}
@media screen and (min-width: 1681px) {
    .docW {
        width: 1520px;
    }
    .marW {
        margin-left: -760px;
    }
    .nav .lnk-inner-item {
        margin: 0 45px;
    }
    .nav .lnk-inner-item:after {
        content: "";
        position: absolute;
        top: 21px;
        left: -45px;
        width: 1px;
        height: 20px;
        background: rgba(255, 255, 255, .7);
    }
    .nav .lnk-inner-item:before {
        content: "";
        position: absolute;
        top: 21px;
        right: -45px;
        width: 1px;
        height: 20px;
        background: rgba(255, 255, 255, .4);
    }
    .ind02 .imgWrap {
        height: 600px;
    }
    .sind-div .group {
        height: 336px;
    }
    .sind-div .group .gr-img {
        margin: 0 10px 18px;
    }
    .sind-span1 .sind-curve .line2 {
        width: 300px;
    }
    .sind-span3 .sind-curve .line2 {
        width: 300px;
    }
    .sind-span4 .sind-curve .line2 {
        width: 90px;
    }
    .sind-span5 .sind-curve .line2 {
        width: 50px;
    }
    .sind-span6 .sind-curve .line2 {
        width: 60px;
    }
    .sind-span8 .sind-curve .line2 {
        width: 120px;
    }
    .foot .lBx .chd {
        width: 210px;
        margin-right: 20px;
    }
    .footer {
        padding-top: 160px;
        padding-bottom: 200px;
    }
    .indexPro .left-box {
        width: 960px;
    }
    .indexPro .right-box {
        width: 540px;
    }
    .indexPro .top-p {
        height: 340px;
        margin-bottom: 20px;
    }
    .indexPro .tBl {
        width: 440px;
    }
    .indexPro .tBl-con {
        margin-top: 30px;
        margin-bottom: 54px;
    }
    .indexPro .img-wrap1 {
        width: 500px;
        height: 340px;
    }
    .indexPro .img-wrap2 {
        width: 540px;
        height: 740px;
    }
    .indexPro .img-wrap3 {
        width: 960px;
        height: 380px;
    }
}
@media screen and (max-width: 1099px) {
    .ind02 .imgWrap {
        height: 0;
        padding-bottom: 39.474%;
    }
}
.aboutBanner .aBanI {
    position: relative;
    height: 0;
    padding-bottom: 30.20833333%;
    overflow: hidden;
}
.aboutBanner .aBanI .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aboutBanner .info {
    top: 40.5%;
}
.aboutBanner .info h2 {
    font-weight: normal;
    color: #fff;
}
.aboutBanner .info h3 {
    font-family: "aibold", sans-serif;
    color: #fff;
    text-transform: uppercase;
}
.about01 {
    background: #fff;
}
.about-tit h2 {
    font-weight: normal;
    color: #171a18;
}
.about-tit h3 {
    font-family: "aibold", sans-serif;
    font-weight: normal;
    color: #ebebeb;
    text-transform: uppercase;
}
.about06 .about-tit h3 {
    color: rgba(0, 0, 0, .2);
}
.about-tit-after-line {
    width: 50px;
    height: 4px;
    background: #004710;
}
.about01-con {
    color: #4c4c4c;
    overflow: hidden;
}
.about01-con img, .about01-con video {
    max-width: 100%;
}
.about02 {
    background: #fafafa;
}
.about02-list .item {
    float: left;
    width: 33.333333%;
}
.about02-list .it-in {
    position: relative;
}
.about02-list .lay_img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.about02-list .lay_img .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.about02-list .it-in:hover .lay_img .img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.about02-list .lay_info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background:rgba(0,0,0,.6);
    font-size:0;
}
.about02-list .lay_info:before {
    content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.about02-list .lay_info .info-in {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.about03 {
    position: relative;
    height: 700px;
    overflow: hidden;
}
.about03 .img-wrap {
    position: relative;
    left: 50%;
    width: 1920px;
    height: 1024px;
    margin-left: -960px;
    top: -162px;
    overflow: hidden;
}
.about03 .img-wrap .img {
    position: absolute;
    width: 1920px;
}
.about03 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(333deg, #00baff 0%, #008e43 100%);
    background: linear-gradient(153deg, #00baff 0%, #008e43 100%);
    opacity: .5;
}
.about03 .info-wrap {
    top: 50%;
    left: 50%;
    height: 310px;
    margin-top: -155px;
}
.about03 .info-wrap .about-tit2 h2{
    color:#fff;
}
.about03 .info-wrap .about-tit2 h3{
    color:rgba(255,255,255,.2);
}
.about03 .info {
    margin-top:34px;
    font-size: 40px;
    line-height: 80px;
    color: #fff;
}
.about04 {
    background: #fff;
}
.abtList,.reportList {
    position: relative;
    margin: 0 auto;
}
.abtList .con,.reportList .con {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.abtList .ul,.reportList .ul {
    position: relative;
}
.abtList .li,.reportList .li {
    float: left;
}
.abtList .li .lay_img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 62.85714%;
    overflow: hidden;
    background: #d9d9d9;
}
.abtList .li .lay_img > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.abtList .li .lay_img .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.abtList .li .devBox:hover .lay_img .img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.abtList .li .line {
    width: 30px;
    height: 2px;
    background: #004710;
}
.abtList .li .info-tit {
    color: #333;
}
.abtList .li .info-info {
    color: #999;
    overflow: hidden;
}
.abtList .prev,.abtList .next,.reportList .prev,.reportList .next {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -13px;
    cursor: pointer;
}
.abtList .prev,.reportList .prev {
    border-left: 2px solid #ccc;
    border-top: 2px solid #ccc;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -54px;
}
.abtList .next,.reportList .next {
    border-right: 2px solid #ccc;
    border-top: 2px solid #ccc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -54px;
}
.reportList .li .lay_img .img{
    display:block;
    width:100%;
}
.reportList .li .lay_info{
    color:#999
}
.reportList .li .lay_info .lnk-down{
    display:inline-block;
    vertical-align:baseline;
    margin-left:1em;
    color:#004710;
    position:relative;
}
.dev-more, .dev-more:hover {
    text-decoration: none;
}
.dev-more {
    display: inline-block;
    position: relative;
    padding-right: 28px;
    color: #004710;
    font-size: 16px;
}
.dev-more i {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #004710;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.dev-more:hover i {
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    transform: translateX(-3px);
}
.dev-more i:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 5px;
    height: 5px;
    border-top: 1px solid #004710;
    border-right: 1px solid #004710;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: -2px;
    margin-top: -3px;
}
.about05 {
    background: #f5f5f5;
}
.abt05 .chd {
    float: left;
    width: 50%;
}
.abt05 .ch {
    position: relative;
    background: #fff;
}
.abt05 .lay_img .img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
}
.abt05 .ch:hover .lay_img .img {
    opacity: 1;
}
.abt05 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(333deg, rgba(0, 186, 255, .6) 0%, rgba(0, 142, 67, .6) 100%);
    background: linear-gradient(153deg, rgba(0, 186, 255, .6) 0%, rgba(0, 142, 67, .6) 100%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
}
.abt05 .ch:hover .overlay {
    opacity: 1;
}
.abt05 .info {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.abt05 .info-tit {
    font-weight: bold;
    color: #004710;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.abt05 .ch:hover .info-tit {
    color: #fff;
}
.abt05 .info-con {
    color: #666;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.abt05 .ch:hover .info-con {
    color: #fff;
}
.about06 {
    background: url(../images/about_inf.jpg) no-repeat center top;
    background-size: cover;
}
.prizeBox-wrap {
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.prizeBox {
    position: relative;
}
.abtList .li .prizeBox .lay_img {
    padding-bottom: 140%;
}
.abtList .li .prizeBox .lay_info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    text-align: center;
}
.about07 {
    background: #fff;
}
.about08{
    background:#f4f4f4;
}
.about-info {
    color: #808080;
    margin: 0 auto;
}
.abt7 .chd.odd {
    float: left;
}
.abt7 .chd.even {
    float: right;
}
.abt7 .lay_img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 58.333333%;
    overflow: hidden;
}
.abt7 .lay_img > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.abt7 .lay_img > a, .abt7 .lay_img > a:hover {
    text-decoration: none;
}
.abt7 .lay_img .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.abt7 .lay_img .label {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    white-space: nowrap;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.abt7 .chd:hover .lay_img .img {
    -wekbit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.abt7 .info_tit, .abt7 .info_tit a {
    color: #171a18;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.abt7 .chd:hover .info_tit, .abt7 .chd:hover .info_tit a {
    color: #004710;
}
.abt7 .info-con {
    color: #b2b2b2;
    overflow: hidden;
}
.s-i-more, .s-i-more:hover {
    text-decoration: none;
}
.s-i-more {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    padding-left: 38px;
    padding-right: 60px;
    background: #004710;
    cursor: pointer;
}
.s-i-more:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: rgba(255, 255, 255, .1);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.s-i-more:hover:before {
    width: 100%;
}
.s-i-more font {
    position: relative;
}
.s-i-more i {
    position: absolute;
    right: 35px;
    top: 50%;
    width: 9px;
    height: 16px;
    margin-top: -8px;
}
.s-i-more i:before, .s-i-more i:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -wekbit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.s-i-more i:before {
    -webkit-transform: translateX(-6px) rotate(45deg);
    -moz-transform: translateX(-6px) rotate(45deg);
    transform: translateX(-6px) rotate(45deg);
    opacity: 0;
}
.s-i-more:hover i:before {
    -webkit-transform: translateX(0) rotate(45deg);
    -moz-transform: translateX(0) rotate(45deg);
    transform: translateX(0) rotate(45deg);
    opacity: 1;
}
.s-i-more:hover i:after {
    -webkit-transform: translateX(6px) rotate(45deg);
    -moz-transform: translateX(6px) rotate(45deg);
    transform: translateX(6px) rotate(45deg);
    opacity: 0;
}
@media screen and (max-width: 1300px) {
    .aboutBanner .info h2 {
        font-size: 32px;
        line-height: 52px;
    }
    .aboutBanner .info h3 {
        font-size: 29px;
        line-height: 42px;
    }
    .about01 {
        padding-top: 110px;
        padding-bottom: 110px;
    }
    .about01 .lBx {
        width: 512px;
        padding-top: 9px;
    }
    .about01 .rBx {
        width: 556px;
    }
    .about-tit h2 {
        font-size: 32px;
        line-height: 50px;
    }
    .about-tit h3 {
        font-size: 44px;
        line-height: 44px;
    }
    .about-tit2 h2 {
        font-size: 29px;
        line-height: 44px;
    }
    .about-tit2 h3 {
        font-size: 36px;
        line-height: 40px;
    }
    .about03 .info-wrap {
        height: 240px;
        margin-top: -120px;
    }
    .about03 .info {
        margin-top:36px;
        font-size: 30px;
        line-height: 60px;
    }
    .about-tit-after-line {
        margin-top: 14px;
    }
    .about01-con {
        margin-top: 25px;
        font-size: 13px;
        line-height: 24px;
        height: 215px;
    }
    .about02 {
        padding-top: 105px;
        padding-bottom: 106px;
    }
    .about02 .about-tit {
        padding-bottom: 36px;
    }
    .about02-list {
        margin: 0 -14px;
    }
    .about02-list .it-in {
        margin: 11px 14px;
    }
    .about02-list .lay_info .info-in {
        font-size: 16px;
        line-height: 24px;
    }
    .about04 {
        padding-top: 100px;
        padding-bottom: 98px;
    }
    .about04 .about-tit {
        padding-bottom: 46px;
    }
    .abtList {
        width: 1100px;
    }
    .abtList .ul {
        width: 11000px;
    }
    .abtList .li, .abtList .devBox {
        width: 248px;
    }
    .abtList .li {
        margin: 0 14px;
    }
    .abtList .li .lay_info {
        padding-top: 3px;
        padding-bottom: 18px;
    }
    .abtList .li .info-tit {
        font-size: 18px;
        line-height: 42px;
    }
    .abtList .li .line {
        margin-bottom: 9px;
    }
    .abtList .li .info-info {
        font-size: 12px;
        line-height: 22px;
        height: 44px;
        margin-bottom: 13px;
    }
    .abtList .prev,.reportList .prev {
        left: -9px;
    }
    .abtList .next,.reportList .next {
        right: -9px;
    }
    .dev-more {
        font-size: 13px;
        padding-right: 22px;
    }
    .about05 {
        padding-top: 96px;
        padding-bottom: 80px;
    }
    .about05 .about-tit {
        padding-bottom: 24px;
    }
    .abt05 {
        margin: 0 -22px;
    }
    .abt05 .ch {
        margin: 22px;
    }
    .abt05 .lay_img {
        height: 145px;
    }
    .abt05 .info {
        padding: 26px 36px 0;
    }
    .abt05 .info-tit {
        font-size: 17px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .abt05 .info-con {
        font-size: 12px;
        line-height: 24px;
        height: 48px;
    }
    .about06 {
        padding-top: 95px;
        padding-bottom: 55px;
    }
    .about06 .about-tit {
        padding-bottom: 25px;
    }
    .about06 .abtList .con {
        padding-top: 25px;
        padding-bottom: 55px;
    }
    .abtList .li .prizeBox .lay_info {
        font-size: 12px;
        line-height: 18px;
        padding: 9px 0;
    }
    .about07 {
        padding-top: 101px;
        padding-bottom: 126px;
    }
    .about07 .about-tit {
        padding-bottom: 18px;
    }
    .about-info {
        font-size: 14px;
        line-height: 28px;
        width: 964px;
        margin-bottom: 55px;
    }
    .abt7 .chd {
        width: 526px;
        margin-bottom: 58px;
    }
    .abt7 .lay_img .label {
        font-size: 12px;
        line-height: 44px;
        height: 44px;
        padding: 0 22px;
    }
    .abt7 .lay_info {
        padding-top: 14px;
    }
    .abt7 .info_tit {
        font-size: 16px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .abt7 .info-con {
        font-size: 12px;
        line-height: 20px;
        height: 40px;
    }
    .s-i-more {
        font-size: 14px;
        line-height: 38px;
        padding-left: 30px;
        padding-right: 48px;
    }
    .about08 {
        padding-top: 101px;
        padding-bottom: 126px;
    }
    .about08 .about-tit{
        margin-bottom:52px;
    }
    .reportList{
        width:1152px;
    }
    .reportList .li{
        width:238px;
        margin:0 25px;
    }
    .reportList .li .lay_info{
        font-size:13px;
        line-height:22px;
        padding-top:14px;
        padding-bottom:4px;
    }
    .reportList .li .lay_info .lnk-down{
        width:22px;
        height:22px;
        font-size:22px;
        top:4px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1460px) {
    .aboutBanner .info h2 {
        font-size: 35px;
        line-height: 57px;
    }
    .aboutBanner .info h3 {
        font-size: 31px;
        line-height: 46px;
    }
    .about01 {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .about01 .lBx {
        width: 556px;
        padding-top: 10px;
    }
    .about01 .rBx {
        width: 604px;
    }
    .about-tit h2 {
        font-size: 35px;
        line-height: 55px;
    }
    .about-tit h3 {
        font-size: 48px;
        line-height: 48px;
    }
    .about-tit2 h2 {
        font-size: 31px;
        line-height: 48px;
    }
    .about-tit2 h3 {
        font-size: 40px;
        line-height: 44px;
    }
    .about03 .info-wrap {
        height: 250px;
        margin-top: -125px;
    }
    .about03 .info {
        margin-top:30px;
        font-size: 32px;
        line-height: 64px;
    }
    .about-tit-after-line {
        margin-top: 16px;
    }
    .about01-con {
        margin-top: 28px;
        font-size: 15px;
        line-height: 26px;
        height: 234px;
    }
    .about02 {
        padding-top: 114px;
        padding-bottom: 116px;
    }
    .about02 .about-tit {
        padding-bottom: 40px;
    }
    .about02-list {
        margin: 0 -16px;
    }
    .about02-list .it-in {
        margin: 12px 16px;
    }
    .about02-list .lay_info .info-in {
        font-size: 18px;
        line-height: 26px;
    }
    .about04 {
        padding-top: 108px;
        padding-bottom: 106px;
    }
    .about04 .about-tit {
        padding-bottom: 50px;
    }
    .abtList {
        width: 1200px;
    }
    .abtList .ul {
        width: 12000px;
    }
    .abtList .li, .abtList .devBox {
        width: 270px;
    }
    .abtList .li {
        margin: 0 15px;
    }
    .abtList .li .lay_info {
        padding-top: 4px;
        padding-bottom: 20px;
    }
    .abtList .li .info-tit {
        font-size: 20px;
        line-height: 46px;
    }
    .abtList .li .line {
        margin-bottom: 10px;
    }
    .abtList .li .info-info {
        font-size: 13px;
        line-height: 24px;
        height: 48px;
        margin-bottom: 14px;
    }
    .abtList .prev,.reportList .prev {
        left: -10px;
    }
    .abtList .next,.reportList .next {
        right: -10px;
    }
    .dev-more {
        font-size: 14px;
        padding-right: 24px;
    }
    .about05 {
        padding-top: 104px;
        padding-bottom: 88px;
    }
    .about05 .about-tit {
        padding-bottom: 26px;
    }
    .abt05 {
        margin: 0 -24px;
    }
    .abt05 .ch {
        margin: 24px;
    }
    .abt05 .lay_img {
        height: 158px;
    }
    .abt05 .info {
        padding: 28px 40px 0;
    }
    .abt05 .info-tit {
        font-size: 19px;
        line-height: 35px;
        margin-bottom: 16px;
    }
    .abt05 .info-con {
        font-size: 12px;
        line-height: 25px;
        height: 50px;
    }
    .about06 {
        padding-top: 103px;
        padding-bottom: 60px;
    }
    .about06 .about-tit {
        padding-bottom: 27px;
    }
    .about06 .abtList .con {
        padding-top: 27px;
        padding-bottom: 60px;
    }
    .abtList .li .prizeBox .lay_info {
        font-size: 12px;
        line-height: 20px;
        padding: 10px 0;
    }
    .about07 {
        padding-top: 110px;
        padding-bottom: 138px;
    }
    .about07 .about-tit {
        padding-bottom: 20px;
    }
    .about-info {
        font-size: 15px;
        line-height: 30px;
        width: 1048px;
        margin-bottom: 60px;
    }
    .abt7 .chd {
        width: 572px;
        margin-bottom: 62px;
    }
    .abt7 .lay_img .label {
        font-size: 13px;
        line-height: 48px;
        height: 48px;
        padding: 0 24px;
    }
    .abt7 .lay_info {
        padding-top: 15px;
    }
    .abt7 .info_tit {
        font-size: 18px;
        line-height: 38px;
        margin-bottom: 11px;
    }
    .abt7 .info-con {
        font-size: 13px;
        line-height: 21px;
        height: 42px;
    }
    .s-i-more {
        font-size: 15px;
        line-height: 42px;
        padding-left: 32px;
        padding-right: 52px;
    }
    .about08 {
        padding-top: 110px;
        padding-bottom: 138px;
    }
    .about08 .about-tit{
        margin-bottom:57px;
    }
    .reportList{
        width:1280px;
    }
    .reportList .li{
        width:264px;
        margin:0 28px;
    }
    .reportList .li .lay_info{
        font-size:14px;
        line-height:24px;
        padding-top:16px;
        padding-bottom:4px;
    }
    .reportList .li .lay_info .lnk-down{
        width:24px;
        height:24px;
        font-size:24px;
        top:4px;
    }
}
@media screen and (min-width: 1461px) and (max-width: 1680px) {
    .aboutBanner .info h2 {
        font-size: 38px;
        line-height: 62px;
    }
    .aboutBanner .info h3 {
        font-size: 34px;
        line-height: 50px;
    }
    .about01 {
        padding-top: 130px;
        padding-bottom: 130px;
    }
    .about01 .lBx {
        width: 602px;
        padding-top: 10px;
    }
    .about01 .rBx {
        width: 654px;
    }
    .about-tit h2 {
        font-size: 38px;
        line-height: 60px;
    }
    .about-tit h3 {
        font-size: 52px;
        line-height: 52px;
    }
    .about-tit2 h2 {
        font-size: 34px;
        line-height: 52px;
    }
    .about-tit2 h3 {
        font-size: 43px;
        line-height: 48px;
    }
    .about03 .info-wrap {
        height: 276px;
        margin-top: -138px;
    }
    .about03 .info {
        margin-top:32px;
        font-size: 36px;
        line-height: 72px;
    }
    .about-tit-after-line {
        margin-top: 17px;
    }
    .about01-con {
        margin-top: 30px;
        font-size: 16px;
        line-height: 28px;
        height: 252px;
    }
    .about02 {
        padding-top: 118px;
        padding-bottom: 120px;
    }
    .about02 .about-tit {
        padding-bottom: 42px;
    }
    .about02-list {
        margin: 0 -18px;
    }
    .about02-list .it-in {
        margin: 14px 18px;
    }
    .about02-list .lay_info .info-in {
        font-size: 19px;
        line-height: 28px;
    }
    .about04 {
        padding-top: 120px;
        padding-bottom: 108px;
    }
    .about04 .about-tit {
        padding-bottom: 55px;
    }
    .abtList {
        width: 1236px;
    }
    .abtList .ul {
        width: 12360px;
    }
    .abtList .li, .abtList .devBox {
        width: 275px;
    }
    .abtList .li {
        margin: 0 17px;
    }
    .abtList .li .lay_info {
        padding-top: 5px;
        padding-bottom: 24px;
    }
    .abtList .li .info-tit {
        font-size: 21px;
        line-height: 48px;
    }
    .abtList .li .line {
        margin-bottom: 12px;
    }
    .abtList .li .info-info {
        font-size: 14px;
        line-height: 25px;
        height: 50px;
        margin-bottom: 16px;
    }
    .abtList .prev,.reportList .prev {
        left: -30px;
    }
    .abtList .next,.reportList .next {
        right: -30px;
    }
    .dev-more {
        font-size: 15px;
        padding-right: 26px;
    }
    .about05 {
        padding-top: 113px;
        padding-bottom: 96px;
    }
    .about05 .about-tit {
        padding-bottom: 28px;
    }
    .abt05 {
        margin: 0 -26px;
    }
    .abt05 .ch {
        margin: 26px;
    }
    .abt05 .lay_img {
        height: 172px;
    }
    .abt05 .info {
        padding: 30px 43px 0;
    }
    .abt05 .info-tit {
        font-size: 21px;
        line-height: 38px;
        margin-bottom: 17px;
    }
    .abt05 .info-con {
        font-size: 13px;
        line-height: 27px;
        height: 54px;
    }
    .about06 {
        padding-top: 112px;
        padding-bottom: 65px;
    }
    .about06 .about-tit {
        padding-bottom: 29px;
    }
    .about06 .abtList .con {
        padding-top: 29px;
        padding-bottom: 65px;
    }
    .abtList .li .prizeBox .lay_info {
        font-size: 13px;
        line-height: 22px;
        padding: 11px 0;
    }
    .about07 {
        padding-top: 114px;
        padding-bottom: 140px;
    }
    .about07 .about-tit {
        padding-bottom: 21px;
    }
    .about-info {
        font-size: 16px;
        line-height: 32px;
        width: 1136px;
        margin-bottom: 64px;
    }
    .abt7 .chd {
        width: 620px;
        margin-bottom: 68px;
    }
    .abt7 .lay_img .label {
        font-size: 14px;
        line-height: 52px;
        height: 52px;
        padding: 0 26px;
    }
    .abt7 .lay_info {
        padding-top: 17px;
    }
    .abt7 .info_tit {
        font-size: 19px;
        line-height: 40px;
        margin-bottom: 13px;
    }
    .abt7 .info-con {
        font-size: 14px;
        line-height: 23px;
        height: 46px;
    }
    .s-i-more {
        font-size: 16px;
        line-height: 44px;
        padding-left: 34px;
        padding-right: 54px;
    }
    .about08 {
        padding-top: 114px;
        padding-bottom: 140px;
    }
    .about08 .about-tit{
        margin-bottom:60px;
    }
    .reportList{
        width:1360px;
    }
    .reportList .li{
        width:282px;
        margin:0 29px;
    }
    .reportList .li .lay_info{
        font-size:16px;
        line-height:26px;
        padding-top:17px;
        padding-bottom:4px;
    }
    .reportList .li .lay_info .lnk-down{
        width:26px;
        height:26px;
        font-size:26px;
        top:4px;
    }
}
@media screen and (min-width: 1681px) {
    .aboutBanner .info h2 {
        font-size: 44px;
        line-height: 72px;
    }
    .aboutBanner .info h3 {
        font-size: 40px;
        line-height: 58px;
    }
    .about01 {
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .about01 .lBx {
        width: 700px;
        padding-top: 12px;
    }
    .about01 .rBx {
        width: 760px;
    }
    .about-tit h2 {
        font-size: 44px;
        line-height: 68px;
    }
    .about-tit h3 {
        font-size: 60px;
        line-height: 60px;
    }
    .about-tit2 h2 {
        font-size: 40px;
        line-height: 60px;
    }
    .about-tit2 h3 {
        font-size: 50px;
        line-height: 56px;
    }
    .about-tit-after-line {
        margin-top: 20px;
    }
    .about01-con {
        margin-top: 35px;
        font-size: 18px;
        line-height: 30px;
        height: 270px;
    }
    .about02 {
        padding-top: 136px;
        padding-bottom: 140px;
    }
    .about02 .about-tit {
        padding-bottom: 48px;
    }
    .about02-list {
        margin: 0 -20px;
    }
    .about02-list .it-in {
        margin: 15px 20px;
    }
    .about02-list .lay_info .info-in {
        font-size: 22px;
        line-height: 30px;
    }
    .about04 {
        padding-top: 135px;
        padding-bottom: 120px;
    }
    .about04 .about-tit {
        padding-bottom: 64px;
    }
    .abtList {
        width: 1560px;
    }
    .abtList .ul {
        width: 15600px;
    }
    .abtList .li, .abtList .devBox {
        width: 350px;
    }
    .abtList .li {
        margin: 0 20px;
    }
    .abtList .li .lay_info {
        padding-top: 8px;
        padding-bottom: 30px;
    }
    .abtList .li .info-tit {
        font-size: 24px;
        line-height: 56px;
    }
    .abtList .li .line {
        margin-bottom: 14px;
    }
    .abtList .li .info-info {
        font-size: 16px;
        line-height: 28px;
        height: 56px;
        margin-bottom: 20px;
    }
    .about05 {
        padding-top: 130px;
        padding-bottom: 110px;
    }
    .about05 .about-tit {
        padding-bottom: 32px;
    }
    .abt05 {
        margin: 0 -30px;
    }
    .abt05 .ch {
        margin: 30px;
    }
    .abt05 .lay_img {
        height: 200px;
    }
    .abt05 .info {
        padding: 36px 50px 0;
    }
    .abt05 .info-tit {
        font-size: 24px;
        line-height: 44px;
        margin-bottom: 20px;
    }
    .abt05 .info-con {
        font-size: 15px;
        line-height: 30px;
        height: 60px;
    }
    .about06 {
        padding-top: 130px;
        padding-bottom: 75px;
    }
    .about06 .about-tit {
        padding-bottom: 33px;
    }
    .about06 .abtList .con {
        padding-top: 33px;
        padding-bottom: 75px;
    }
    .abtList .li .prizeBox .lay_info {
        font-size: 14px;
        line-height: 24px;
        padding: 12px 0;
    }
    .about07 {
        padding-top: 134px;
        padding-bottom: 162px;
    }
    .about07 .about-tit {
        padding-bottom: 24px;
    }
    .about-info {
        font-size: 18px;
        line-height: 36px;
        width: 1320px;
        margin-bottom: 74px;
    }
    .abt7 .chd {
        width: 720px;
        margin-bottom: 80px;
    }
    .abt7 .lay_img .label {
        font-size: 16px;
        line-height: 60px;
        height: 60px;
        padding: 0 30px;
    }
    .abt7 .lay_info {
        padding-top: 20px;
    }
    .abt7 .info_tit {
        font-size: 22px;
        line-height: 46px;
        margin-bottom: 14px;
    }
    .abt7 .info-con {
        font-size: 16px;
        line-height: 26px;
        height: 52px;
    }
    .about08 {
        padding-top: 134px;
        padding-bottom: 162px;
    }
    .about08 .about-tit{
         margin-bottom:70px;
    }
    .reportList{
        width:1588px;
    }
    .reportList .li{
        width:330px;
        margin:0 34px 0 33px;
    }
    .reportList .li .lay_info{
        font-size:18px;
        line-height:30px;
        padding-top:20px;
        padding-bottom:5px;
    }
    .reportList .li .lay_info .lnk-down{
        width:30px;
        height:30px;
        font-size:30px;
        top:6px;
    }
}
@media screen and (min-width: 1600px) and (max-width: 1700px) {
    .abtList .prev,.reportList .prev {
        left: -10px;
    }
    .abtList .next,.reportList .next{
        right: -10px;
    }
}
.more-i-lnk {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background: #e6e6e6;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.more-i-lnk, .more-i-lnk:hover {
    text-decoration: none;
}
.more-i-lnk:before, .more-i-lnk:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 9px;
    height: 9px;
    border-top: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    right: 50%;
    margin-right: -3px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.more-i-lnk:before {
    -webkit-transform: translateX(-6px) rotate(45deg);
    -moz-transform: translateX(-6px) rotate(45deg);
    -ms-transform: translateX(-6px) rotate(45deg);
    -o-transform: translateX(-6px) rotate(45deg);
    transform: translateX(-6px) rotate(45deg);
    opacity: 0;
}
.more-i-lnk:hover:before, .ch:hover .more-i-lnk:before {
    -webkit-transform: translateX(0) rotate(45deg);
    -moz-transform: translateX(0) rotate(45deg);
    -ms-transform: translateX(0) rotate(45deg);
    -o-transform: translateX(0) rotate(45deg);
    transform: translateX(0) rotate(45deg);
    opacity: 1;
}
.more-i-lnk:hover:after, .ch:hover .more-i-lnk:after {
    -webkit-transform: translateX(6px) rotate(45deg);
    -moz-transform: translateX(6px) rotate(45deg);
    -ms-transform: translateX(6px) rotate(45deg);
    -o-transform: translateX(6px) rotate(45deg);
    transform: translateX(6px) rotate(45deg);
    opacity: 0;
}
.more-i-lnk:hover:before, .more-i-lnk:hover:after, .ch:hover .more-i-lnk:before, .ch:hover .more-i-lnk:after {
    border-top-color: #004710;
    border-right-color: #004710;
}
.more-i-lnk:hover, .ch:hover .more-i-lnk {
    background: #fff;
}
.proMain {
    background: #fff;
}
.proList .chd {
     float: left;
     width: 50%;
 }
.proList .ch .lay_img {
    position: relative;
    height: 0;
    padding-bottom: 64.86486%;
    overflow: hidden;
}
.proList .ch .lay_img > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.proList .ch .lay_img .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.proList .ch:hover .lay_img .img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.proList .lay_info {
    background: #f7f7f7;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.proList .ch:hover .lay_info {
    background: #004710;
}
.proList .info-tit {
    position: relative;
}
.proList .more-i-lnk {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0;
}
.proList .info-tit .info-lnk {
    display: inline-block;
    vertical-align: top;
    max-width: -webkit-calc(100% - 48px);
    max-width: calc(100% - 48px);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    color: #1a1a1a;
}
.proList .ch:hover .info-tit .info-lnk {
    color: #fff;
}
.proList .info-con {
    color: #999;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    transition: color .3s linear;
    overflow: hidden;
}
.proList .ch:hover .info-con {
    color: #fff;
}
.paging {
    text-align: center;
    font-size: 0;
    letter-spacing: -5px;
}
.paging a, .paging span, .paging select, .paging input, .paging form, .paging p {
    letter-spacing: normal;
    font-size: 12px;
}
.paging a, .paging a:hover {
    text-decoration: none;
}
.paging a, .paging span {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    border: 1px solid #dedede;
    color: #999;
    padding: 0 16px;
    height: 38px;
    line-height: 38px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.paging a:hover, .paging a.current {
    background: #171a18;
    border-color: #171a18;
    color: #fff;
}
.paging select {
    border: 1px solid #dedede;
    height: 38px;
    color: #999;
    width: 60px;
    margin: 0 5px;
}
.paging select:focus {
    outline: none;
}
@media screen and (max-width: 1300px) {
    .proMain {
        padding-top: 74px;
        padding-bottom: 130px;
    }
    .proMain-in .proList {
        margin-bottom: 31px;
    }
    .proList {
        margin: 0 -16px;
    }
    .proList .ch {
        margin: 0 16px 32px;
    }
    .proList .lay_info {
        padding: 26px 32px 32px;
    }
    .proList .info-tit {
        padding: 6px 0;
        margin-bottom: 10px;
    }
    .proList .info-tit .info-lnk {
        font-size: 20px;
        line-height: 26px;
    }
    .proList .info-con {
        font-size: 13px;
        line-height: 21px;
        height: 42px;
    }
    .paging a, .paging span {
        margin: 0 3px;
        padding: 0 13px;
        height: 32px;
        line-height: 32px;
    }
    .paging select {
        height: 32px;
        width: 52px;
        margin: 0 3px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1460px) {
    .proMain {
        padding-top: 80px;
        padding-bottom: 142px;
    }
    .proMain-in .proList {
        margin-bottom: 34px;
    }
    .proList {
        margin: 0 -17px;
    }
    .proList .ch {
        margin: 0 17px 34px;
    }
    .proList .lay_info {
        padding: 28px 34px 34px;
    }
    .proList .info-tit {
        padding: 7px 0;
        margin-bottom: 12px;
    }
    .proList .info-tit .info-lnk {
        font-size: 21px;
        line-height: 28px;
    }
    .proList .info-con {
        font-size: 14px;
        line-height: 23px;
        height: 46px;
    }
    .paging a, .paging span {
        margin: 0 4px;
        padding: 0 14px;
        height: 34px;
        line-height: 34px;
    }
    .paging select {
        height: 34px;
        width: 56px;
        margin: 0 4px;
    }
}
@media screen and (min-width: 1461px) and (max-width: 1680px) {
    .proMain {
        padding-top: 86px;
        padding-bottom: 154px;
    }
    .proMain-in .proList {
        margin-bottom: 34px;
    }
    .proList {
        margin: 0 -17px;
    }
    .proList .ch {
        margin: 0 17px 34px;
    }
    .proList .lay_info {
        padding: 28px 34px 34px;
    }
    .proList .info-tit {
        padding: 7px 0;
        margin-bottom: 12px;
    }
    .proList .info-tit .info-lnk {
        font-size: 21px;
        line-height: 28px;
    }
    .proList .info-con {
        font-size: 14px;
        line-height: 23px;
        height: 46px;
    }
    .paging a, .paging span {
        margin: 0 4px;
        padding: 0 14px;
        height: 34px;
        line-height: 34px;
    }
    .paging select {
        height: 34px;
        width: 56px;
        margin: 0 4px;
    }
}
@media screen and (min-width: 1681px) {
    .proMain {
        padding-top: 100px;
        padding-bottom: 180px;
    }
    .proMain-in .proList {
        margin-bottom: 40px;
    }
    .proList {
        margin: 0 -20px;
    }
    .proList .ch {
        margin: 0 20px 40px;
    }
    .proList .lay_info {
        padding: 32px 40px 40px;
    }
    .proList .info-tit {
        padding: 8px 0;
        margin-bottom: 14px;
    }
    .proList .info-tit .info-lnk {
        font-size: 24px;
        line-height: 32px;
    }
    .proList .info-con {
        font-size: 16px;
        line-height: 26px;
        height: 52px;
    }
}
.proBaWinInn-banner{
    height: -webkit-calc(100vh - 100px);
    height: calc(100vh - 100px);
    overflow:hidden;
}
.proBaWinInn-banner .img{
    height: -webkit-calc(100vh - 100px);
    height: calc(100vh - 100px);
    object-fit: cover;
}
.proBaWinInn-banner .video{
    display:block;
    width:100%;
    height: -webkit-calc(100vh - 100px);
    height: calc(100vh - 100px);
    object-fit: cover;
}
.proBaWin {
    border: 8px solid rgba(255, 255, 255, .4);
    width: 744px;
    height: 384px;
    background: rgba(0, 0, 0, .6);
    background-origin: padding-box;
    background-clip: padding-box;
    margin-left: -390px;
    margin-top: -200px;
}
.proBaWinInn {
    padding: 56px 10px 0;
}
.proBaWin .tit-info {
    text-align: center;
    margin-bottom: 36px;
}
.proBaWin .tit-info p {
    font-size: 36px;
    line-height: 50px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
    color: #fff;
}
.proBaWin .tit-info h2 {
    font-size: 42px;
    line-height: 52px;
    font-weight: normal;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
    color: #fff;
}
.proBaWin .subTit {
    font-size: 26px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    margin-bottom: 24px;
}
.proBaWin .lay_lnk {
    text-align: center;
}
.proBaWin-lnk {
    display: inline-block;
    vertical-align: top;
    width:46px;
    height:46px;
    border-radius:50%;
    background:#fff;
}
.proBaWin-lnk:before,.proBaWin-lnk:after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-8px;
    margin-left:-6px;
    width:11px;
    height:11px;
    border-bottom:1px solid #004710;
    border-right:1px solid #004710;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.proBaWin-lnk:before{
    -webkit-transform:translateY(-6px) rotate(45deg);
    -moz-transform:translateY(-6px) rotate(45deg);
    -ms-transform:translateY(-6px) rotate(45deg);
    -o-transform:translateY(-6px) rotate(45deg);
    transform:translateY(-6px) rotate(45deg);
    opacity:0;
}
.proBaWin-lnk:after{
    opacity:1;
}
.proBaWin-lnk:hover:before{
    -webkit-transform:translateY(0px) rotate(45deg);
    -moz-transform:translateY(0px) rotate(45deg);
    -ms-transform:translateY(0px) rotate(45deg);
    -o-transform:translateY(0px) rotate(45deg);
    transform:translateY(0px) rotate(45deg);
    opacity:1;
}
.proBaWin-lnk:hover:after{
    -webkit-transform:translateY(6px) rotate(45deg);
    -moz-transform:translateY(6px) rotate(45deg);
    -ms-transform:translateY(6px) rotate(45deg);
    -o-transform:translateY(6px) rotate(45deg);
    transform:translateY(6px) rotate(45deg);
    opacity:0;
}
.proVBan{
    background:#fff;
}
.Malaysia{
    float:left;
    position:relative;
}
.Malaysia-con{
    position:relative;
}
.Malaysia-ul,.Malaysia-li{
    position:absolute;
    left:0;
    top:0;
}
.Malaysia-li{
    opacity:0;
    z-index:1;
}
.Malaysia-li.current{
    opacity:1;
    z-index:2;
}
.Malaysia-li .img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.Malaysia-layPagesInner,.Malaysia-pagesUl{
    position:relative;
}
.Malaysia-layPagesInner{
    overflow:hidden;
    margin:0 auto;
}
.Malaysia-pagesLi{
    float:left;
    cursor:pointer;
    opacity:.4;
}
.Malaysia-pagesLi.current{
    opacity:1;
}
.Malaysia-pagesLi .img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.Malaysia-con .label{
    position:absolute;
    left:0;
    bottom:0;
    color:#fff;
    background:rgba(0,0,0,.6);
    white-space:nowrap;
    z-index:3;
    text-align:center;
}
.Malaysia-layPagesWrap{
    position:relative;
}
.Malaysia-page-prev,.Malaysia-page-next{
    position:absolute;
    top:0;
    cursor:pointer;
    background:#666;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
}
.Malaysia-page-prev:hover,.Malaysia-page-next:hover{
    background:#004710;
}
.Malaysia-page-prev.disable,.Malaysia-page-prev.disable:hover,.Malaysia-page-next.disable,.Malaysia-page-next.disable:hover{
    background:#999;
    cursor:default;
}
.Malaysia-page-prev:before,.Malaysia-page-next:before{
    content:'';
    position:absolute;
    top:50%;
    width:10px;
    height:10px;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
}
.Malaysia-page-prev{
    left:0;
}
.Malaysia-page-prev:before{
    left:50%;
    border-left:2px solid #fff;
    border-top:2px solid #fff;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-top:-6px;
    margin-left:-4px;
}
.Malaysia-page-next{
    right:0;
}
.Malaysia-page-next:before{
    right:50%;
    border-right:2px solid #fff;
    border-top:2px solid #fff;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-top:-6px;
    margin-right:-4px;
}
.Malaysia-layPagesWrap.to-center .Malaysia-pagesUl{
    margin:0 auto;
}
.Malaysia-layPagesWrap.to-center .Malaysia-page-prev,.Malaysia-layPagesWrap.to-center .Malaysia-page-next{
    display:none;
}
.Liyang{
    float:right;
    background:#fafafa;
    overflow:auto;
}
.Liyang .tBx{
    background:#004710;
}
.Liyang .tBx .tBx-ch1{
    color:#fff;
}
.Liyang .tBx .tBx-ch1 .big-text{
    font-family: "helbold";
}
.Liyang .tBx .tBx-ch1 small{
    font-family:"Microsoft YaHei",sans-serif;
}
.Liyang .tBx .tBx-ch2{
    color:#fff;
}
.Liyang .bBx{
    background:-webkit-linear-gradient(top,#f0f0f0 0%,#fafafa 100%);
    background:-moz-linear-gradient(top,#f0f0f0 0%,#fafafa 100%);
    background:linear-gradient(180deg,#f0f0f0 0%,#fafafa 100%);
    border-bottom:1px solid #fff;
}
.Liyang .bBx-deco{
    height:1px;
    border-top:1px solid #ededed;
    background:#f0f0f0;
    border-bottom:1px solid #f7f7f7;
}
.Liyang .bBx .info{
    float:left;
}
.Liyang .bBx .info .p1{
    color:#004710;
}
.Liyang .bBx .info .p2{
    color:#b2b2b2;
}
.Liyang .bBx .info-in{
    text-align:center;
    float:left;
}
.Liyang .msTXT-tBx{
    border-bottom:1px dashed #f0f0f0;
}
.Liyang .msTXT .chd{
    float:left;
}
.Liyang .msTXT .chd .iconfont{
    color:#004710;
    vertical-align:middle;
}
.Liyang .msTXT .chd .normal{
    color:#1a1a1a;
    vertical-align:middle;
}
.Liyang .msTXT{
    border-bottom:1px solid #ebebeb;
}
.Liyang .msTXT .msTXT-lBx{
    float:left;
}
.Liyang .msTXT .msTXT-rBx{
    overflow:hidden;
}
.Liyang .msTXT-lBx{
    font-weight:bold;
    color:#1a1a1a;
}
.Liyang .addr-info{
   color:#666;
    word-wrap:break-word;
}
.Liyang .lay_anchor{
    color:#ccc;
}
.Liyang .msTTser-iconfont{
    color:#ccc;
}
.Liyang .msTTser-p{
    color:#666;
}
.Liyang .msTT-tel{
    font-weight:bold;
    color:#171a18;
}
@media screen and (max-width: 1300px) {
    .proBaWin {
        border-width: 5px;
        width: 552px;
        height: 284px;
        margin-left: -281px;
        margin-top: -147px;
    }
    .proBaWinInn {
        padding: 40px 7px 0;
    }
    .proBaWin .tit-info {
        margin-bottom: 26px;
    }
    .proBaWin .tit-info p {
        font-size: 26px;
        line-height: 30px;
    }
    .proBaWin .tit-info h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .proBaWin .subTit {
        font-size: 19px;
        line-height: 30px;
        margin-bottom: 18px;
    }
    .proBaWin-lnk {
        width:38px;
        height:38px;
    }
    .proVBan{
        padding-top:56px;
        padding-bottom:28px;
    }
    .Malaysia,.Malaysia-con,.Malaysia-ul,.Malaysia-li,.Malaysia-layPagesWrap{
        width:632px;
    }
    .Malaysia-con,.Malaysia-ul,.Malaysia-li{
        height:474px;
    }
    .Malaysia-con .label{
        font-size:12px;
        line-height:30px;
        min-width:76px;
        padding:0 10px;
    }
    .Malaysia-layPagesWrap{
        margin-top:4px;
        height:87px;
    }
    .Malaysia-layPagesInner{
        width:590px;
    }
    .Malaysia-pagesUl{
        width:5900px;
    }
    .Malaysia-pagesLi{
        width:116px;
        height:87px;
        margin:0 1px;
    }
    .Malaysia-page-prev,.Malaysia-page-next{
        width:18px;
        height:87px;
    }
    .Liyang{
        width:432px;
        height:565px;
    }
    .Liyang .tBx,.Liyang .bBx,.Liyang .msTXT-tBx,.Liyang .msTXT-bBx,.Liyang .msTTSer{
        padding-left:29px;
    }
    .Liyang .tBx{
        padding-top:18px;
        padding-bottom:25px;
    }
    .Liyang .tBx .tBx-ch1,.Liyang .tBx .tBx-ch2{
        padding-left:7px;
    }
    .Liyang .tBx .tBx-ch1 .big-text{
        font-size:40px;
        line-height:52px;
    }
    .Liyang .tBx .tBx-ch1 small{
        font-size:14px;
        line-height:36px;
        margin-left:10px;
    }
    .Liyang .tBx .tBx-ch2{
        font-size:13px;
        line-height:20px;
    }
    .Liyang .bBx{
        padding-top:16px;
        padding-bottom:13px;
    }
    .Liyang .bBx .info1{
        min-width:97px;
        margin-right:14px;
    }
    .Liyang .bBx .info2{
        min-width:90px;
        margin-right:14px;
    }
    .Liyang .bBx .info3{
        min-width:64px;
        margin-right:14px;
    }
    .Liyang .bBx .info4{
        min-width:86px;
    }
    .Liyang .bBx .info .p1{
        font-size:17px;
        line-height:22px;
    }
    .Liyang .bBx .info .p2{
        font-size:12px;
        line-height:18px;
    }
    .Liyang .msTXT-tBx{
        padding-top:13px;
        padding-bottom:12px;
    }
    .Liyang .msTXT .chd{
        width:187px;
        margin:7px 12px 7px 0;
    }
    .Liyang .msTXT .chd .iconfont{
        font-size:20px;
        line-height:29px;
        margin-right:12px;
    }
    .Liyang .msTXT .chd .normal{
        font-size:12px;
        line-height:29px;
    }
    .Liyang .msTXT{
        padding-bottom:17px;
    }
    .Liyang .msTXT-bBx{
        padding-top:27px;
    }
    .Liyang .msTXT-lBx{
        font-size:14px;
        line-height:17px;
        margin-right:14px;
    }
    .Liyang .addr-info{
        width:290px;
        font-size:12px;
        line-height:17px;
        margin-bottom:7px;
    }
    .Liyang .lay_anchor{
        font-size:12px;
        line-height:20px;
    }
    .Liyang .lay_anchor .icon-weizhi{
        font-size:14px;
        margin-right:4px;
    }
    .Liyang .msTTSer{
        padding-top:30px;
    }
    .Liyang .msTTser-iconfont{
        font-size:58px;
        line-height:80px;
        margin-right:12px;
    }
    .Liyang .msTTser-inf{
        padding-top:13px;
        width:223px;
        margin-right:12px;
    }
    .Liyang .msTTser-p{
        font-size:12px;
        line-height:20px;
    }
    .Liyang .msTT-tel{
        font-size:27px;
        line-height:36px;
    }
    .Liyang .msTT-qr .qr{
        width:86px;
        height:86px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1460px) {
    .proBaWin {
        border-width: 6px;
        width: 600px;
        height: 308px;
        margin-left: -306px;
        margin-top: -160px;
    }
    .proBaWinInn {
        padding: 44px 8px 0;
    }
    .proBaWin .tit-info {
        margin-bottom: 28px;
    }
    .proBaWin .tit-info p {
        font-size: 28px;
        line-height: 40px;
    }
    .proBaWin .tit-info h2 {
        font-size: 34px;
        line-height: 36px;
    }
    .proBaWin .subTit {
        font-size: 21px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .proBaWin-lnk {
        width:40px;
        height:40px;
    }
    .proVBan{
        padding-top:64px;
        padding-bottom:32px;
    }
    .Malaysia,.Malaysia-con,.Malaysia-ul,.Malaysia-li,.Malaysia-layPagesWrap{
        width:704px;
    }
    .Malaysia-con,.Malaysia-ul,.Malaysia-li{
        height:528px;
    }
    .Malaysia-con .label{
        font-size:13px;
        line-height:34px;
        min-width:85px;
        padding:0 12px;
    }
    .Malaysia-layPagesWrap{
        margin-top:4px;
        height:96px;
    }
    .Malaysia-layPagesInner{
        width:660px;
    }
    .Malaysia-pagesUl{
        width:6600px;
    }
    .Malaysia-pagesLi{
        width:128px;
        height:96px;
        margin:0 2px;
    }
    .Malaysia-page-prev,.Malaysia-page-next{
        width:20px;
        height:96px;
    }
    .Liyang{
        width:480px;
        height:628px;
    }
    .Liyang .tBx,.Liyang .bBx,.Liyang .msTXT-tBx,.Liyang .msTXT-bBx,.Liyang .msTTSer{
        padding-left:32px;
    }
    .Liyang .tBx{
        padding-top:20px;
        padding-bottom:28px;
    }
    .Liyang .tBx .tBx-ch1,.Liyang .tBx .tBx-ch2{
        padding-left:8px;
    }
    .Liyang .tBx .tBx-ch1 .big-text{
        font-size:45px;
        line-height:58px;
    }
    .Liyang .tBx .tBx-ch1 small{
        font-size:16px;
        line-height:40px;
        margin-left:11px;
    }
    .Liyang .tBx .tBx-ch2{
        font-size:14px;
        line-height:22px;
    }
    .Liyang .bBx{
        padding-top:18px;
        padding-bottom:14px;
    }
    .Liyang .bBx .info1{
        min-width:108px;
        margin-right:16px;
    }
    .Liyang .bBx .info2{
        min-width:100px;
        margin-right:16px;
    }
    .Liyang .bBx .info3{
        min-width:70px;
        margin-right:16px;
    }
    .Liyang .bBx .info4{
        min-width:96px;
    }
    .Liyang .bBx .info .p1{
        font-size:19px;
        line-height:24px;
    }
    .Liyang .bBx .info .p2{
        font-size:12px;
        line-height:19px;
    }
    .Liyang .msTXT-tBx{
        padding-top:14px;
        padding-bottom:13px;
    }
    .Liyang .msTXT .chd{
        width:208px;
        margin:8px 13px 8px 0;
    }
    .Liyang .msTXT .chd .iconfont{
        font-size:22px;
        line-height:32px;
        margin-right:13px;
    }
    .Liyang .msTXT .chd .normal{
        font-size:13px;
        line-height:32px;
    }
    .Liyang .msTXT{
        padding-bottom:19px;
    }
    .Liyang .msTXT-bBx{
        padding-top:30px;
    }
    .Liyang .msTXT-lBx{
        font-size:16px;
        line-height:19px;
        margin-right:16px;
    }
    .Liyang .addr-info{
        width:314px;
        font-size:13px;
        line-height:19px;
        margin-bottom:8px;
    }
    .Liyang .lay_anchor{
        font-size:13px;
        line-height:22px;
    }
    .Liyang .lay_anchor .icon-weizhi{
        font-size:16px;
        margin-right:5px;
    }
    .Liyang .msTTSer{
        padding-top:34px;
    }
    .Liyang .msTTser-iconfont{
        font-size:64px;
        line-height:88px;
        margin-right:13px;
    }
    .Liyang .msTTser-inf{
        padding-top:14px;
        width:248px;
        margin-right:13px;
    }
    .Liyang .msTTser-p{
        font-size:13px;
        line-height:19px;
    }
    .Liyang .msTT-tel{
        font-size:30px;
        line-height:40px;
    }
    .Liyang .msTT-qr .qr{
        width:96px;
        height:96px;
    }
}
@media screen and (min-width: 1461px) and (max-width: 1680px) {
    .proBaWin {
        border-width: 8px;
        width: 670px;
        height: 330px;
        margin-left: -343px;
        margin-top: -173px;
    }
    .proBaWinInn {
        padding: 48px 9px 0;
    }
    .proBaWin .tit-info {
        margin-bottom: 32px;
    }
    .proBaWin .tit-info p {
        font-size: 32px;
        line-height: 46px;
    }
    .proBaWin .tit-info h2 {
        font-size: 38px;
        line-height: 48px;
    }
    .proBaWin .subTit {
        font-size: 23px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .proBaWin-lnk {
        width:44px;
        height:44px;
    }
    .proVBan{
        padding-top:70px;
        padding-bottom:36px;
    }
    .Malaysia,.Malaysia-con,.Malaysia-ul,.Malaysia-li,.Malaysia-layPagesWrap{
        width:760px;
    }
    .Malaysia-con,.Malaysia-ul,.Malaysia-li{
        height:570px;
    }
    .Malaysia-con .label{
        font-size:13px;
        line-height:36px;
        min-width:92px;
        padding:0 12px;
    }
    .Malaysia-layPagesWrap{
        margin-top:4px;
        height:102px;
    }
    .Malaysia-layPagesInner{
        width:700px;
    }
    .Malaysia-pagesUl{
        width:7000px;
    }
    .Malaysia-pagesLi{
        width:136px;
        height:102px;
        margin:0 2px;
    }
    .Malaysia-page-prev,.Malaysia-page-next{
        width:24px;
        height:102px;
    }
    .Liyang{
        width:516px;
        height:676px;
    }
    .Liyang .tBx,.Liyang .bBx,.Liyang .msTXT-tBx,.Liyang .msTXT-bBx,.Liyang .msTTSer{
        padding-left:34px;
    }
    .Liyang .tBx{
        padding-top:22px;
        padding-bottom:30px;
    }
    .Liyang .tBx .tBx-ch1,.Liyang .tBx .tBx-ch2{
        padding-left:9px;
    }
    .Liyang .tBx .tBx-ch1 .big-text{
        font-size:48px;
        line-height:62px;
    }
    .Liyang .tBx .tBx-ch1 small{
        font-size:17px;
        line-height:43px;
        margin-left:12px;
    }
    .Liyang .tBx .tBx-ch2{
        font-size:16px;
        line-height:24px;
    }
    .Liyang .bBx{
        padding-top:19px;
        padding-bottom:16px;
    }
    .Liyang .bBx .info1{
        min-width:116px;
        margin-right:17px;
    }
    .Liyang .bBx .info2{
        min-width:108px;
        margin-right:17px;
    }
    .Liyang .bBx .info3{
        min-width:76px;
        margin-right:17px;
    }
    .Liyang .bBx .info4{
        min-width:103px;
    }
    .Liyang .bBx .info .p1{
        font-size:21px;
        line-height:26px;
    }
    .Liyang .bBx .info .p2{
        font-size:12px;
        line-height:20px;
    }
    .Liyang .msTXT-tBx{
        padding-top:15px;
        padding-bottom:14px;
    }
    .Liyang .msTXT .chd{
        width:224px;
        margin:9px 14px 9px 0;
    }
    .Liyang .msTXT .chd .iconfont{
        font-size:24px;
        line-height:34px;
        margin-right:14px;
    }
    .Liyang .msTXT .chd .normal{
        font-size:14px;
        line-height:34px;
    }
    .Liyang .msTXT{
        padding-bottom:21px;
    }
    .Liyang .msTXT-bBx{
        padding-top:33px;
    }
    .Liyang .msTXT-lBx{
        font-size:17px;
        line-height:21px;
        margin-right:17px;
    }
    .Liyang .addr-info{
        width:338px;
        font-size:14px;
        line-height:21px;
        margin-bottom:9px;
    }
    .Liyang .lay_anchor{
        font-size:14px;
        line-height:24px;
    }
    .Liyang .lay_anchor .icon-weizhi{
        font-size:17px;
        margin-right:5px;
    }
    .Liyang .msTTSer{
        padding-top:36px;
    }
    .Liyang .msTTser-iconfont{
        font-size:70px;
        line-height:95px;
        margin-right:14px;
    }
    .Liyang .msTTser-inf{
        padding-top:16px;
        width:267px;
        margin-right:14px;
    }
    .Liyang .msTTser-p{
        font-size:14px;
        line-height:24px;
    }
    .Liyang .msTT-tel{
        font-size:37px;
        line-height:43px;
    }
    .Liyang .msTT-qr .qr{
        width:103px;
        height:103px;
    }
}
@media screen and (min-width: 1681px) {
    .proVBan{
        padding-top:80px;
        padding-bottom:40px;
    }
    .Malaysia,.Malaysia-con,.Malaysia-ul,.Malaysia-li,.Malaysia-layPagesWrap{
        width:880px;
    }
    .Malaysia-con,.Malaysia-ul,.Malaysia-li{
        height:660px;
    }
    .Malaysia-con .label{
        font-size:15px;
        line-height:42px;
        min-width:106px;
        padding:0 14px;
    }
    .Malaysia-layPagesWrap{
        margin-top:5px;
        height:120px;
    }
    .Malaysia-layPagesInner{
        width:820px;
    }
    .Malaysia-pagesUl{
        width:8200px;
    }
    .Malaysia-pagesLi{
        width:160px;
        height:120px;
        margin:0 2px;
    }
    .Malaysia-page-prev,.Malaysia-page-next{
        width:26px;
        height:120px;
    }
    .Liyang{
        width:600px;
        height:785px;
    }
    .Liyang .tBx,.Liyang .bBx,.Liyang .msTXT-tBx,.Liyang .msTXT-bBx,.Liyang .msTTSer{
        padding-left:40px;
    }
    .Liyang .tBx{
        padding-top:25px;
        padding-bottom:35px;
    }
    .Liyang .tBx .tBx-ch1,.Liyang .tBx .tBx-ch2{
        padding-left:10px;
    }
    .Liyang .tBx .tBx-ch1 .big-text{
        font-size:56px;
        line-height:72px;
    }
    .Liyang .tBx .tBx-ch1 small{
        font-size:20px;
        line-height:50px;
        margin-left:14px;
    }
    .Liyang .tBx .tBx-ch2{
        font-size:18px;
        line-height:28px;
    }
    .Liyang .bBx{
        padding-top:22px;
        padding-bottom:18px;
    }
    .Liyang .bBx .info1{
        min-width:135px;
        margin-right:20px;
    }
    .Liyang .bBx .info2{
         min-width:125px;
         margin-right:20px;
     }
    .Liyang .bBx .info3{
        min-width:88px;
        margin-right:20px;
    }
    .Liyang .bBx .info4{
        min-width:120px;
    }
    .Liyang .bBx .info .p1{
        font-size:24px;
        line-height:30px;
    }
    .Liyang .bBx .info .p2{
        font-size:14px;
        line-height:24px;
    }
    .Liyang .msTXT-tBx{
        padding-top:18px;
        padding-bottom:16px;
    }
    .Liyang .msTXT .chd{
        width:260px;
        margin:10px 16px 10px 0;
    }
    .Liyang .msTXT .chd .iconfont{
        font-size:28px;
        line-height:40px;
        margin-right:16px;
    }
    .Liyang .msTXT .chd .normal{
        font-size:16px;
        line-height:40px;
    }
    .Liyang .msTXT{
        padding-bottom:24px;
    }
    .Liyang .msTXT-bBx{
        padding-top:38px;
    }
    .Liyang .msTXT-lBx{
        font-size:20px;
        line-height:24px;
        margin-right:20px;
    }
    .Liyang .addr-info{
        width:390px;
        font-size:16px;
        line-height:24px;
        margin-bottom:10px;
    }
    .Liyang .lay_anchor{
        font-size:16px;
        line-height:28px;
    }
    .Liyang .lay_anchor .icon-weizhi{
        font-size:20px;
        margin-right:6px;
    }
    .Liyang .msTTSer{
        padding-top:42px;
    }
    .Liyang .msTTser-iconfont{
       font-size:80px;
       line-height:110px;
       margin-right:16px;
    }
    .Liyang .msTTser-inf{
        padding-top:18px;
        width:310px;
        margin-right:16px;
    }
    .Liyang .msTTser-p{
        font-size:16px;
        line-height:28px;
    }
    .Liyang .msTT-tel{
        font-size:38px;
        line-height:50px;
    }
    .Liyang .msTT-qr .qr{
        width:120px;
        height:120px;
    }
}
.proVT{
    background:#f7f7f7;
}
.proVT-in{
    background:#fff;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.proVT .vvBox{
    float:left;
    background:#004710;
    color:#fff;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
}
.proVT .vvInfo{
    float:right;
}
.proVT1-vvInfo{
    color:#4c4c4c;
}
.proVT1-vvInfo table em{
    font-weight:normal;
    font-style:normal;
    color:#999;
}
.proVT1-vvInfo img{
    max-width:100%;
}
.matchingPro{
   color:#4c4c4c;
}
.matchingPro .ch{
    display:inline-block;
}
.matchingPro .ch .iconfont{
    vertical-align:middle;
}
.matchingPro .ch .txt{
    vertical-align:middle;
}
.household .ch .lay_img{
    border:1px solid #e6e6e6;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    float:left;
}
.household .ch .img{
    display:block;
    width:100%;
    height:100%;
}
.household .ch .img-info{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,71,16,.7);
    opacity:0;
    -webkit-transition:opacity .3s linear;
    -moz-transition:opacity .3s linear;
    transition:opacity .3s linear;
}
.household .ch .lay_img:hover .img-info{
    opacity:1;
}
.household .ch .img-info > span{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    text-align:center;
    color:#fff;
}
.household .lay_info{
    overflow:hidden;
}
.household .lay_info .info-tit{
    color:#4c4c4c;
}
.household .lay_info .con-tit{
    color:#004710;
}
.household .lay_info .con-con{
    color:#999;
}
.household-seeall{
    border:1px solid #e6e6e6;
    background:#f7f7f7;
    color:#999;
    text-align:center;
}
.proVT4 .vvInfo-map{
    border:1px solid #e6e6e6;
}
.proVT5-vvInfo{
    color:#4c4c4c;
}
.proVT5-vvInfo h1,.proVT5-vvInfo h2,.proVT5-vvInfo h3,.proVT5-vvInfo h4,.proVT5-vvInfo h5,.proVT5-vvInfo h6{
    font-weight:normal;
}
.proVT5-vvInfo strong{
    font-weight:bold;
}
.proVT5-vvInfo img{
    max-width:100%;
}
@media screen and (max-width: 1300px) {
    .proVT{
        padding-top:72px;
        padding-bottom:29px;
    }
    .proVT-in{
        padding:46px 72px 84px;
    }
    .proVT .vvBox{
        margin-top:9px;
        width:64px;
        height:64px;
        font-size:14px;
        line-height:18px;
        padding-top:14px;
    }
    .proVT .vvInfo{
        width:814px;
    }
    .proVT1{
        padding-bottom:49px;
    }
    .proVT1-vvInfo{
        font-size:12px;
        line-height:20px;
    }
    .proVT1-vvInfo table{
        margin-top:26px;
    }
    .proVT1-vvInfo table tr td{
        font-size:12px;
        line-height:34px;
    }
    .proVT1-vvInfo table tr td:nth-child(even){
        min-width:89px;
    }
    .proVT2{
        padding-bottom:62px;
    }
    .proVT2 .vvInfo{
        padding-top:9px;
    }
    .matchingPro{
        padding:15px 0;
        font-size:12px;
        line-height:35px;
    }
    .matchingPro .ch{
        margin-right:42px;
    }
    .matchingPro .ch .iconfont{
        font-size:26px;
        margin-right:9px;
    }
    .proVT3{
        padding-bottom:62px;
    }
    .proVT3 .vvInfo{
        padding-top:9px;
    }
    .household .ch{
        margin-bottom:29px;
    }
    .household .ch .lay_img{
        width:228px;
        height:170px;
        margin-right:29px;
    }
    .household .ch .img-info > span{
        font-size:12px;
        line-height:24px;
        margin-top:-12px;
    }
    .household .lay_info .info-tit{
        font-size:23px;
        line-height:45px;
    }
    .household .lay_info .info-con{
        padding-top:33px;
        font-size:12px;
        line-height:26px;
    }
    .household-seeall{
        font-size:12px;
        line-height:42px;
    }
    .proVT4{
        padding-bottom:62px;
    }
    .proVT4 .vvInfo{
        padding-top:9px;
    }
    .proVT5{
        padding-bottom:62px;
    }
    .proVT5-vvInfo{
        font-size:12px;
        line-height:20px;
    }
    .proVT5-vvInfo h1,.proVT5-vvInfo h2,.proVT5-vvInfo h3,.proVT5-vvInfo h4,.proVT5-vvInfo h5,.proVT5-vvInfo h6{
        font-size:19px;
        line-height:32px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1460px){
    .proVT{
        padding-top:80px;
        padding-bottom:32px;
    }
    .proVT-in{
        padding:51px 80px 93px;
    }
    .proVT .vvBox{
        margin-top:10px;
        width:72px;
        height:72px;
        font-size:16px;
        line-height:20px;
        padding-top:16px;
    }
    .proVT .vvInfo{
        width:904px;
    }
    .proVT1{
        padding-bottom:54px;
    }
    .proVT1-vvInfo{
        font-size:13px;
        line-height:22px;
    }
    .proVT1-vvInfo table{
        margin-top:29px;
    }
    .proVT1-vvInfo table tr td{
        font-size:13px;
        line-height:38px;
    }
    .proVT1-vvInfo table tr td:nth-child(even){
        min-width:99px;
    }
    .proVT2{
        padding-bottom:69px;
    }
    .proVT2 .vvInfo{
        padding-top:10px;
    }
    .matchingPro{
        padding:17px 0;
        font-size:13px;
        line-height:38px;
    }
    .matchingPro .ch{
        margin-right:46px;
    }
    .matchingPro .ch .iconfont{
        font-size:29px;
        margin-right:10px;
    }
    .proVT3{
        padding-bottom:69px;
    }
    .proVT3 .vvInfo{
        padding-top:10px;
    }
    .household .ch{
        margin-bottom:32px;
    }
    .household .ch .lay_img{
        width:254px;
        height:190px;
        margin-right:32px;
    }
    .household .ch .img-info > span{
        font-size:13px;
        line-height:26px;
        margin-top:-13px;
    }
    .household .lay_info .info-tit{
        font-size:26px;
        line-height:50px;
    }
    .household .lay_info .info-con{
        padding-top:37px;
        font-size:13px;
        line-height:29px;
    }
    .household-seeall{
        font-size:13px;
        line-height:46px;
    }
    .proVT4{
        padding-bottom:69px;
    }
    .proVT4 .vvInfo{
        padding-top:10px;
    }
    .proVT5{
        padding-bottom:69px;
    }
    .proVT5-vvInfo{
        font-size:13px;
        line-height:22px;
    }
    .proVT5-vvInfo h1,.proVT5-vvInfo h2,.proVT5-vvInfo h3,.proVT5-vvInfo h4,.proVT5-vvInfo h5,.proVT5-vvInfo h6{
        font-size:21px;
        line-height:35px;
    }
}
@media screen and (min-width: 1461px) and (max-width: 1680px){
    .proVT{
        padding-top:86px;
        padding-bottom:34px;
    }
    .proVT-in{
        padding:55px 86px 100px;
    }
    .proVT .vvBox{
        margin-top:10px;
        width:78px;
        height:78px;
        font-size:18px;
        line-height:22px;
        padding-top:17px;
    }
    .proVT .vvInfo{
        width:972px;
    }
    .proVT1{
        padding-bottom:58px;
    }
    .proVT1-vvInfo{
        font-size:14px;
        line-height:24px;
    }
    .proVT1-vvInfo table{
        margin-top:30px;
    }
    .proVT1-vvInfo table tr td{
        font-size:14px;
        line-height:41px;
    }
    .proVT1-vvInfo table tr td:nth-child(even){
        min-width:107px;
    }
    .proVT2{
        padding-bottom:74px;
    }
    .proVT2 .vvInfo{
        padding-top:10px;
    }
    .matchingPro{
        padding:18px 0;
        font-size:14px;
        line-height:41px;
    }
    .matchingPro .ch{
        margin-right:50px;
    }
    .matchingPro .ch .iconfont{
        font-size:31px;
        margin-right:10px;
    }
    .proVT3{
        padding-bottom:74px;
    }
    .proVT3 .vvInfo{
        padding-top:10px;
    }
    .household .ch{
        margin-bottom:34px;
    }
    .household .ch .lay_img{
        width:273px;
        height:204px;
        margin-right:34px;
    }
    .household .ch .img-info > span{
        font-size:14px;
        line-height:28px;
        margin-top:-14px;
    }
    .household .lay_info .info-tit{
        font-size:28px;
        line-height:53px;
    }
    .household .lay_info .info-con{
        padding-top:40px;
        font-size:14px;
        line-height:31px;
    }
    .household-seeall{
        font-size:14px;
        line-height:50px;
    }
    .proVT4{
        padding-bottom:74px;
    }
    .proVT4 .vvInfo{
        padding-top:10px;
    }
    .proVT5{
        padding-bottom:74px;
    }
    .proVT5-vvInfo{
        font-size:14px;
        line-height:24px;
    }
    .proVT5-vvInfo h1,.proVT5-vvInfo h2,.proVT5-vvInfo h3,.proVT5-vvInfo h4,.proVT5-vvInfo h5,.proVT5-vvInfo h6{
        font-size:22px;
        line-height:38px;
    }
}
@media screen and (min-width: 1681px){
    .proVT{
        padding-top:100px;
        padding-bottom:40px;
    }
    .proVT-in{
        padding:64px 100px 116px;
    }
    .proVT .vvBox{
        margin-top:12px;
        width:90px;
        height:90px;
        font-size:20px;
        line-height:26px;
        padding-top:19px;
    }
    .proVT .vvInfo{
        width:1130px;
    }
    .proVT1{
        padding-bottom:68px;
    }
    .proVT1-vvInfo{
        font-size:16px;
        line-height:28px;
    }
    .proVT1-vvInfo table{
        margin-top:36px;
    }
    .proVT1-vvInfo table tr td{
        font-size:16px;
        line-height:48px;
    }
    .proVT1-vvInfo table tr td:nth-child(even){
        min-width:124px;
    }
    .proVT2{
        padding-bottom:86px;
    }
    .proVT2 .vvInfo{
        padding-top:12px;
    }
    .matchingPro{
        padding:21px 0;
        font-size:16px;
        line-height:48px;
    }
    .matchingPro .ch{
        margin-right:58px;
    }
    .matchingPro .ch .iconfont{
        font-size:36px;
        margin-right:12px;
    }
    .proVT3{
        padding-bottom:86px;
    }
    .proVT3 .vvInfo{
        padding-top:12px;
    }
    .household .ch{
        margin-bottom:40px;
    }
    .household .ch .lay_img{
        width:318px;
        height:238px;
        margin-right:40px;
    }
    .household .ch .img-info > span{
        font-size:16px;
        line-height:32px;
        margin-top:-16px;
    }
    .household .lay_info .info-tit{
        font-size:32px;
        line-height:62px;
    }
    .household .lay_info .info-con{
        padding-top:46px;
        font-size:16px;
        line-height:36px;
    }
    .household-seeall{
        font-size:16px;
        line-height:58px;
    }
    .proVT4{
        padding-bottom:86px;
    }
    .proVT4 .vvInfo{
        padding-top:12px;
    }
    .proVT5{
        padding-bottom:86px;
    }
    .proVT5-vvInfo{
        font-size:16px;
        line-height:28px;
    }
    .proVT5-vvInfo h1,.proVT5-vvInfo h2,.proVT5-vvInfo h3,.proVT5-vvInfo h4,.proVT5-vvInfo h5,.proVT5-vvInfo h6{
        font-size:26px;
        line-height:44px;
    }
}
.proVCon{
    background:#f7f7f7;
}
.proVXList .proVXChd{
    float:left;
}
.proVXChd .lay_img{
    position: relative;
    height: 0;
    padding-bottom: 64.86486%;
    overflow: hidden;
}
.proVXChd .lay_img .lay_lnk{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.proVXChd .lay_img .img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.proVXChd:hover .lay_img .img{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.proVXChd .lay_info{
    color:#1a1a1a;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    transition: color .3s linear;
}
.proVXChd:hover .lay_info{
    color:#004710;
}
@media screen and (max-width: 1300px) {
    .proVX {
        padding-top: 36px;
        padding-bottom:75px;
    }
    .proVX .about-tit {
        padding-bottom: 36px;
    }
    .proVX .about-tit h2 {
        font-size: 29px;
        line-height: 44px;
    }
    .proVX .about-tit h3 {
        font-size: 36px;
        line-height: 40px;
    }
    .proVXList .proVXChd{
        width:346px;
        margin-bottom:31px;
    }
    .proVXList .proVXChd:nth-child(3n-1){
        margin-left:31px;
        margin-right:31px;
    }
    .proVXChd .lay_info{
        font-size:14px;
        padding:11px 0;
        line-height:29px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1460px) {
    .proVX {
        padding-top: 40px;
        padding-bottom: 83px;
    }
    .proVX .about-tit {
        padding-bottom: 40px;
    }
    .proVX .about-tit h2 {
        font-size: 31px;
        line-height: 48px;
    }
    .proVX .about-tit h3 {
        font-size: 40px;
        line-height: 44px;
    }
    .proVXList .proVXChd{
        width:384px;
        margin-bottom:24px;
    }
    .proVXList .proVXChd:nth-child(3n-1){
        margin-left:24px;
        margin-right:24px;
    }
    .proVXChd .lay_info{
        font-size:16px;
        padding:12px 0;
        line-height:32px;
    }
}
@media screen and (min-width: 1461px) and (max-width: 1680px) {
    .proVX {
        padding-top: 43px;
        padding-bottom: 90px;
    }
    .proVX .about-tit {
        padding-bottom: 43px;
    }
    .proVX .about-tit h2 {
        font-size: 34px;
        line-height: 52px;
    }
    .proVX .about-tit h3 {
        font-size: 43px;
        line-height: 48px;
    }
    .proVX {
        padding-top: 50px;
        padding-bottom: 104px;
    }
    .proVX .about-tit {
        padding-bottom: 50px;
    }
    .proVX .about-tit h2 {
        font-size: 40px;
        line-height: 60px;
    }
    .proVX .about-tit h3 {
        font-size: 50px;
        line-height: 56px;
    }
    .proVXList .proVXChd{
        width:412px;
        margin-bottom:32px;
    }
    .proVXList .proVXChd:nth-child(3n-1){
        margin-left:32px;
        margin-right:32px;
    }
    .proVXChd .lay_info{
        font-size:18px;
        padding:13px 0;
        line-height:34px;
    }
}
@media screen and (min-width: 1681px) {
    .proVX {
        padding-top: 50px;
        padding-bottom: 104px;
    }
    .proVX .about-tit {
        padding-bottom: 50px;
    }
    .proVX .about-tit h2 {
        font-size: 40px;
        line-height: 60px;
    }
    .proVX .about-tit h3 {
        font-size: 50px;
        line-height: 56px;
    }
    .proVXList .proVXChd{
        width:480px;
        margin-bottom:40px;
    }
    .proVXList .proVXChd:nth-child(3n-1){
        margin-left:40px;
        margin-right:40px;
    }
    .proVXChd .lay_info{
        font-size:20px;
        padding:15px 0;
        line-height:40px;
    }
}
@-webkit-keyframes rotate360{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@keyframes rotate360{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
.householdMask{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
    z-index:100;
    display:none;
}
.householdMask .householdWin{
    position:absolute;
    left:50%;
    top:50%;
    width:90%;
    height:-webkit-calc(100vh - 100px);
    height:calc(100vh - 100px);
    margin-left:-45%;
    margin-top:-webkit-calc(50px - 50vh);
    margin-top:calc(50px - 50vh);
}
.householdMask .box{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:5;
    font-size:0;
    text-align:center;
}
.householdMask .box:before{
    content:'';
    display:inline-block;
    height:100%;
    width:0%;
    vertical-align:middle;
}
.householdMask .closeBtn{
    position:absolute;
    right:-30px;
    top:-30px;
    width:40px;
    height:40px;
}
.householdMask .closeBtn:before,.householdMask .closeBtn:after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    height:2px;
    width:141.4%;
    margin-left:-70.7%;
    margin-top:-1px;
    background:#fff;
}
.householdMask .closeBtn:before{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.householdMask .closeBtn:after{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.householdMask .closeBtn:hover{
    -webkit-animation:rotate360 1s linear 0s 1 normal both;
    animation:rotate360 1s linear 0s 1 normal both;
}
.householdMask .box .loading{
    position:absolute;
    top:50%;
    left:50%;
    width:50px;
    height:50px;
    margin:-26px 0 0 -26px;
    border-bottom:1px solid rgba(255,255,255,.08);
    border-right:1px solid rgba(255,255,255,.08);
    border-top:1px solid rgba(255,255,255,.08);
    border-left:1px solid rgba(255,255,255,.5);
    border-radius:50%;
    -webkit-animation:rotate360 .7s linear 0s infinite normal both;
    animation:rotate360 .7s linear 0s infinite normal both;
}
.householdMask .box .img{
    display:inline-block;
    vertical-align:middle;
    max-width:100%;
    max-height:100%;
}
.householdMask .box-after{
    display:none!important;
}
.newsLWrap, .newsVWrap {
    background: #fff;
}
.newsL-tit a, .newsL-tit a:hover {
    text-decoration: none;
}
.newsL-tit a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #666;
    border: 1px solid #dedede;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.newsL-tit a + a {
    margin-left: -1px;
}
.newsL-tit a.current, .newsL-tit a:hover {
    border-color: #004710;
    background: #004710;
    color: #fff;
}
.newsL .chd {
    float: left;
    width: 50%;
}
.newsL .ch .lay_img, .newsLx .ch .lay_img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 58.3333333%;
    overflow: hidden;
}
.newsL .ch .lay_img > a, .newsL .ch .lay_img > a:hover, .newsLx .ch .lay_img > a, .newsLx .ch .lay_img > a:hover {
    text-decoration: none;
}
.newsL .ch .lay_img > a, .newsLx .ch .lay_img > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.newsL .ch .lay_img .img, .newsLx .ch .lay_img .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.newsL .ch:hover .lay_img .img, .newsLx .ch:hover .lay_img .img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.newsL .ch .label, .newsLx .ch .label {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .4);
    white-space: nowrap;
    color: #fff;
}
.newsL .info-tit, .newsL .info-tit a, .newsLx .info-tit, .newsLx .info-tit a {
    color: #171a18;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.newsL .ch:hover .info-tit, .newsL .ch:hover .info-tit a, .newsLx .ch:hover .info-tit, .newsLx .ch:hover .info-tit a {
    color: #004710;
}
.newsL .info-con, .newsLx .info-con {
    color: #b2b2b2;
}
.newsVL {
    border-right: 1px solid #e6e6e6;
}
.newsArt {
    border-bottom: 1px solid #e6e6e6;
}
.newsArt .tit h1 {
    font-weight: normal;
    color: #181a19;
}
.newsArt .tit .info-lBx {
    color: #ccc;
    float: left;
}
.newsArt .tit .bdsharebuttonbox {
    float: right;
}
.newsArt .tit .bdsharebuttonbox .bd-txt, .newsArt .tit .bdsharebuttonbox a {
    float: left;
    color: #ccc;
}
.newsArt .tit .bdsharebuttonbox a {
    opacity: .2;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.newsArt .tit .bdsharebuttonbox a:hover {
    opacity: 1;
}
.newsArt .tit .bdsharebuttonbox a.bds_tsina {
    background: url(../images/news_share_sina.png) no-repeat center;
    background-size: contain;
}
.newsArt .tit .bdsharebuttonbox a.bds_tqq {
    background: url(../images/news_share_weibo.png) no-repeat center;
    background-size: contain;
}
.newsArt .tit .bdsharebuttonbox a.bds_qzone {
    background: url(../images/news_share_qzone.png) no-repeat center;
    background-size: contain;
}
.newsArt .tit .bdsharebuttonbox a.bds_weixin {
    background: url(../images/news_share_wx.png) no-repeat center;
    background-size: contain;
}
.newsArt .con {
    color: #404040;
}
.newsArt .con img, .newsArt .con video {
    max-width: 100%;
}
.newsArt .con p img:only-child {
    display: block;
    margin: 0 auto;
}
.newsVSide-tit {
    border-bottom: 1px solid #e6e6e6;
}
.artTog {
    position: relative;
    height: 38px;
}
.artTog .toglnk {
    position: absolute;
    top: 50%;
    width: 26px;
    height: 16px;
    margin-top: -8px;
}
.artTog .toglnk.prev {
    left: 0;
}
.artTog .toglnk.next {
    right: 0;
}
.artTog .prev:before, .artTog .next:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    margin-top: -6px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.artTog .prev:before {
    left: 2px;
    border-left: 2px solid #181a19;
    border-top: 2px solid #181a19;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.artTog .next:before {
    right: 2px;
    border-right: 2px solid #181a19;
    border-top: 2px solid #181a19;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.artTog .prev:after, .artTog .next:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 100%;
    background: #181a19;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.artTog .prev:after {
    left: 0;
}
.artTog .next:after {
    right: 0;
}
.artTog .prev:hover:before {
    border-left-color: #004710;
    border-top-color: #004710;
}
.artTog .prev:hover:after {
    background: #004710;
}
.artTog .next:hover:before {
    border-right-color: #004710;
    border-top-color: #004710;
}
.artTog .next:hover:after {
    background: #004710;
}
.artTog .returnlnk {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -20px;
    width: 40px;
    height: 24px;
}
.artTog .returnlnk i {
    float: left;
    width: 4px;
    height: 4px;
    background: #1d191a;
    margin: 2px 3px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.artTog .returnlnk:hover i {
    background: #004710;
}
@media screen and (max-width: 1300px) {
    .newsLWrap {
        padding-top: 74px;
        padding-bottom: 144px;
    }
    .newsLTit {
        padding-bottom: 60px;
    }
    .newsL-tit a {
        font-size: 13px;
        line-height: 35px;
        padding: 0 28px;
    }
    .newsL {
        margin: 0 -30px 15px;
    }
    .newsL .ch {
        margin: 0 30px 46px;
    }
    .newsL .ch .label {
        font-size: 12px;
        line-height: 46px;
        padding: 0 24px;
    }
    .newsL .lay_info {
        padding-top: 14px;
    }
    .newsL .info-tit {
        font-size: 17px;
        line-height: 35px;
        height: 35px;
        margin-bottom: 10px;
    }
    .newsL .info-con {
        font-size: 12px;
        line-height: 20px;
        height: 40px;
    }
    .newsLx .ch {
        margin-bottom: 37px;
    }
    .newsLx .ch .label {
        font-size: 12px;
        line-height: 30px;
        padding: 0 18px;
    }
    .newsLx .lay_info {
        padding-top: 8px;
    }
    .newsLx .info-tit {
        font-size: 12px;
        line-height: 23px;
        height: 23px;
        margin-bottom: 5px;
    }
    .newsLx .info-con {
        font-size: 12px;
        line-height: 15px;
        height: 30px;
    }
    .newsVWrap {
        padding-top: 66px;
        padding-bottom: 148px;
    }
    .newsVL {
        width: 730px;
        padding-right: 58px;
        padding-bottom: 10px;
    }
    .newsArt {
        padding-bottom: 36px;
        margin-bottom: 18px;
    }
    .newsArt .tit {
        margin-bottom: 40px;
    }
    .newsArt .tit h1 {
        font-size: 20px;
        line-height: 37px;
        margin-bottom: 6px;
    }
    .newsArt .tit .info-lBx {
        font-size: 12px;
        line-height: 23px;
    }
    .newsArt .tit .info-lBx span + span {
        margin-left: 50px;
    }
    .newsArt .tit .bdsharebuttonbox .bd-txt {
        font-size: 12px;
        line-height: 23px;
    }
    .newsArt .tit .bdsharebuttonbox a {
        width: 23px;
        height: 23px;
        margin: 0 0 0 10px;
    }
    .newsArt .con {
        font-size: 12px;
        line-height: 25px;
    }
    .newsVSide {
        width: 264px;
    }
    .newsVSide-tit {
        font-size: 20px;
        line-height: 37px;
        padding-bottom: 29px;
        margin-bottom: 38px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1460px) {
    .newsLWrap {
        padding-top: 80px;
        padding-bottom: 158px;
    }
    .newsLTit {
        padding-bottom: 65px;
    }
    .newsL-tit a {
        font-size: 14px;
        line-height: 38px;
        padding: 0 30px;
    }
    .newsL {
        margin: 0 -32px 16px;
    }
    .newsL .ch {
        margin: 0 32px 50px;
    }
    .newsL .ch .label {
        font-size: 13px;
        line-height: 50px;
        padding: 0 26px;
    }
    .newsL .lay_info {
        padding-top: 16px;
    }
    .newsL .info-tit {
        font-size: 18px;
        line-height: 38px;
        height: 38px;
        margin-bottom: 11px;
    }
    .newsL .info-con {
        font-size: 13px;
        line-height: 22px;
        height: 44px;
    }
    .newsLx .ch {
        margin-bottom: 40px;
    }
    .newsLx .ch .label {
        font-size: 12px;
        line-height: 32px;
        padding: 0 20px;
    }
    .newsLx .lay_info {
        padding-top: 9px;
    }
    .newsLx .info-tit {
        font-size: 13px;
        line-height: 25px;
        height: 25px;
        margin-bottom: 6px;
    }
    .newsLx .info-con {
        font-size: 12px;
        line-height: 16px;
        height: 32px;
    }
    .newsVWrap {
        padding-top: 72px;
        padding-bottom: 160px;
    }
    .newsVL {
        width: 794px;
        padding-right: 64px;
        padding-bottom: 12px;
    }
    .newsArt {
        padding-bottom: 40px;
        margin-bottom: 19px;
    }
    .newsArt .tit {
        margin-bottom: 43px;
    }
    .newsArt .tit h1 {
        font-size: 22px;
        line-height: 40px;
        margin-bottom: 7px;
    }
    .newsArt .tit .info-lBx {
        font-size: 13px;
        line-height: 25px;
    }
    .newsArt .tit .info-lBx span + span {
        margin-left: 55px;
    }
    .newsArt .tit .bdsharebuttonbox .bd-txt {
        font-size: 13px;
        line-height: 25px;
    }
    .newsArt .tit .bdsharebuttonbox a {
        width: 25px;
        height: 25px;
        margin: 0 0 0 11px;
    }
    .newsArt .con {
        font-size: 13px;
        line-height: 27px;
    }
    .newsVSide {
        width: 288px;
    }
    .newsVSide-tit {
        font-size: 22px;
        line-height: 40px;
        padding-bottom: 31px;
        margin-bottom: 41px;
    }
}
@media screen and (min-width: 1461px) and (max-width: 1680px) {
    .newsLWrap {
        padding-top: 86px;
        padding-bottom: 172px;
    }
    .newsLTit {
        padding-bottom: 70px;
    }
    .newsL-tit a {
        font-size: 15px;
        line-height: 40px;
        padding: 0 33px;
    }
    .newsL {
        margin: 0 -34px 17px;
    }
    .newsL .ch {
        margin: 0 34px 55px;
    }
    .newsL .ch .label {
        font-size: 14px;
        line-height: 52px;
        padding: 0 28px;
    }
    .newsL .lay_info {
        padding-top: 17px;
    }
    .newsL .info-tit {
        font-size: 19px;
        line-height: 40px;
        height: 40px;
        margin-bottom: 12px;
    }
    .newsL .info-con {
        font-size: 14px;
        line-height: 23px;
        height: 46px;
    }
    .newsLx .ch {
        margin-bottom: 43px;
    }
    .newsLx .ch .label {
        font-size: 12px;
        line-height: 34px;
        padding: 0 21px;
    }
    .newsLx .lay_info {
        padding-top: 10px;
    }
    .newsLx .info-tit {
        font-size: 14px;
        line-height: 26px;
        height: 26px;
        margin-bottom: 7px;
    }
    .newsLx .info-con {
        font-size: 12px;
        line-height: 17px;
        height: 34px;
    }
    .newsVWrap {
        padding-top: 77px;
        padding-bottom: 172px;
    }
    .newsVL {
        width: 860px;
        padding-right: 69px;
        padding-bottom: 13px;
    }
    .newsArt {
        padding-bottom: 43px;
        margin-bottom: 21px;
    }
    .newsArt .tit {
        margin-bottom: 47px;
    }
    .newsArt .tit h1 {
        font-size: 24px;
        line-height: 43px;
        margin-bottom: 8px;
    }
    .newsArt .tit .info-lBx {
        font-size: 14px;
        line-height: 27px;
    }
    .newsArt .tit .info-lBx span + span {
        margin-left: 60px;
    }
    .newsArt .tit .bdsharebuttonbox .bd-txt {
        font-size: 14px;
        line-height: 27px;
    }
    .newsArt .tit .bdsharebuttonbox a {
        width: 27px;
        height: 27px;
        margin: 0 0 0 12px;
    }
    .newsArt .con {
        font-size: 14px;
        line-height: 27px;
    }
    .newsVSide {
        width: 312px;
    }
    .newsVSide-tit {
        font-size: 24px;
        line-height: 43px;
        padding-bottom: 34px;
        margin-bottom: 44px;
    }
}
@media screen and (min-width: 1681px) {
    .newsLWrap {
        padding-top: 100px;
        padding-bottom: 200px;
    }
    .newsLTit {
        padding-bottom: 80px;
    }
    .newsL-tit a {
        font-size: 16px;
        line-height: 46px;
        padding: 0 38px;
    }
    .newsL {
        margin: 0 -40px 20px;
    }
    .newsL .ch {
        margin: 0 40px 64px;
    }
    .newsL .ch .label {
        font-size: 16px;
        line-height: 60px;
        padding: 0 32px;
    }
    .newsL .lay_info {
        padding-top: 20px;
    }
    .newsL .info-tit {
        font-size: 22px;
        line-height: 46px;
        height: 46px;
        margin-bottom: 14px;
    }
    .newsL .info-con {
        font-size: 16px;
        line-height: 26px;
        height: 52px;
    }
    .newsLx .ch {
        margin-bottom: 50px;
    }
    .newsLx .ch .label {
        font-size: 14px;
        line-height: 40px;
        padding: 0 24px;
    }
    .newsLx .lay_info {
        padding-top: 12px;
    }
    .newsLx .info-tit {
        font-size: 17px;
        line-height: 30px;
        height: 30px;
        margin-bottom: 8px;
    }
    .newsLx .info-con {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }
    .newsVWrap {
        padding-top: 90px;
        padding-bottom: 200px;
    }
    .newsVL {
        width: 1000px;
        padding-right: 80px;
        padding-bottom: 16px;
    }
    .newsArt {
        padding-bottom: 50px;
        margin-bottom: 24px;
    }
    .newsArt .tit {
        margin-bottom: 54px;
    }
    .newsArt .tit h1 {
        font-size: 28px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .newsArt .tit .info-lBx {
        font-size: 16px;
        line-height: 30px;
    }
    .newsArt .tit .info-lBx span + span {
        margin-left: 70px;
    }
    .newsArt .tit .bdsharebuttonbox .bd-txt {
        font-size: 16px;
        line-height: 30px;
    }
    .newsArt .tit .bdsharebuttonbox a {
        width: 30px;
        height: 30px;
        margin: 0 0 0 14px;
    }
    .newsArt .con {
        font-size: 16px;
        line-height: 30px;
    }
    .newsVSide {
        width: 362px;
    }
    .newsVSide-tit {
        font-size: 28px;
        line-height: 50px;
        padding-bottom: 40px;
        margin-bottom: 52px;
    }
}
.inv01 {
    background: #fff;
}
.inv01 h2, .inv01 .tit-info {
    font-weight: normal;
    color: #171a18;
}
.inv01 h3 {
    font-family: "aibold", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #ebebeb;
}
.inv01 .tit {
    border-bottom: 1px solid #e6e6e6;
}
.invLis {
    font-size: 0;
    letter-spacing: -5px;
}
.invLis .chd {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 12px;
    letter-spacing: normal;
}
.invLis .ch {
    border-bottom: 1px dotted #ccc;
}
.invLis .chd-tit .chd-lBx {
    position: relative;
}
.invLis .chd-tit .chd-lBx:after {
    content: "";
    width: 15px;
    height: 1px;
    position: absolute;
    top: 24px;
    left: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.invLis .chd-tit .chd-lBx {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.invLis .chd-tit .chd-lBx:hover {
   padding-left: 25px;
    color: #004710;
}
.invLis .chd-tit .chd-lBx:hover:after {
    opacity: 1;
    background: #004710;
}
.invLis .chd-tit .chd-lBx {
    color: #171a18;
    float: left;
}
.invLis .chd-tit .chd-lBx font {
    font-family: Arial, sans-serif;
    font-weight: bold;
}
.invLis .chd-tit .invLis-more {
    float: right;
    display:none;
}
.invLis-more {
    position: relative;
    color: #004710;
}
.invLis-more:before, .invLis-more:after {
    content: '';
    position: absolute;
    background: #004710;
}
.invLis-more:before {
    width: 2px;
}
.invLis-more:after {
    height: 2px;
}
.invLis .chd-con {
    color: #999;
}
.inv02 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 39.58333%;
    overflow: hidden;
}
.inv02 .video_wrap {
    position: absolute;
    left: 0;
    width: 100%;
    top: -20.83%;
}
.inv02 .video_wrap .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.inv02 .overlay0 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/pattern.png) repeat center top;
}
.inv02 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(333deg, #00baff 0%, #008e43 100%);
    background: linear-gradient(153deg, #00baff 0%, #008e43 100%);
    opacity: .5;
}
.inv02 .info-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.inv02 .info {
    padding-top: 7.29%;
}
.inv02 .tit {
    margin-bottom: 3.33%;
}
.inv02 .tit h2 {
    font-weight: bold;
    color: #fff;
}
.inv02 .tit h3 {
    font-family: "aibold", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .2);
}
.inv02 .con {
    color: #fff;
    margin-bottom: 5.208%;
}
.inv02 .lay_arr {
    text-align: center;
}
@-webkit-keyframes more_rollan {
    0% {
        transform: translateY(-40px) rotate(45deg);
        opacity: 1;
    }
    100% {
        transform: translateY(0px) rotate(45deg);
        opacity: .2;
    }
}
@keyframes more_rollan {
    0% {
        transform: translateY(-40px) rotate(45deg);
        opacity: 1;
    }
    100% {
        transform: translateY(0px) rotate(45deg);
        opacity: .2;
    }
}
@-webkit-keyframes more_rollan2 {
    0% {
        transform: translateY(-34px) rotate(45deg);
        opacity: 1;
    }
    100% {
        transform: translateY(0px) rotate(45deg);
        opacity: .2;
    }
}
@keyframes more_rollan2 {
    0% {
        transform: translateY(-34px) rotate(45deg);
        opacity: 1;
    }
    100% {
        transform: translateY(0px) rotate(45deg);
        opacity: .2;
    }
}
@-webkit-keyframes more_rollan3 {
    0% {
        transform: translateY(-30px) rotate(45deg);
        opacity: 1;
    }
    100% {
        transform: translateY(0px) rotate(45deg);
        opacity: .2;
    }
}
@keyframes more_rollan3 {
    0% {
        transform: translateY(-30px) rotate(45deg);
        opacity: 1;
    }
    100% {
        transform: translateY(0px) rotate(45deg);
        opacity: .2;
    }
}
@-webkit-keyframes more_rollan4 {
    0% {
        transform: translateY(-28px) rotate(45deg);
        opacity: 1;
    }
    100% {
        transform: translateY(0px) rotate(45deg);
        opacity: .2;
    }
}
@keyframes more_rollan4 {
    0% {
        transform: translateY(-28px) rotate(45deg);
        opacity: 1;
    }
    100% {
        transform: translateY(0px) rotate(45deg);
        opacity: .2;
    }
}
.prob-more {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 30px;
    padding-top: 40px;
}
.prob-more, .prob-more:hover {
    text-decoration: none;
}
.prob-more:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 8px;
    width: 39px;
    height: 39px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: more_rollan 1.2s linear 0s infinite normal forwards;
    animation: more_rollan 1.2s linear 0s infinite normal forwards;
}
.inv03 {
    background: #fff;
}
.inv03 .chd {
    float: left;
}
.inv03 .ch {
    position: relative;
}
.inv03 .ch .lay_img {
    position: relative;
    overflow: hidden;
}
.inv03 .ch .lay_img .img {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.inv03 .ch:hover .lay_img .img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.inv03 .ch .overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
}
.inv03 .ch .lay_info {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    text-align: center;
}
.inv03 .ch .info{
    width:100%;
    height:100%;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}
.inv03 .ch .info-tit {
    font-weight: bold;
    color: #fff;
}
.inv03 .ch .info-con {
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (max-width: 1300px) {
    .inv01 {
        padding-top: 102px;
        padding-bottom: 65px;
    }
    .inv01 h2 {
        font-size: 34px;
        line-height: 48px;
    }
    .inv01 .tit {
        padding-bottom: 50px;
        margin-bottom: 21px;
    }
    .inv01 .tit-info {
        font-size: 29px;
        line-height: 34px;
        margin-bottom: 5px;
    }
    .inv01 h3 {
        font-size: 37px;
        line-height: 40px;
    }
    .invLis {
        margin: 0 -28px;
    }
    .invLis .ch {
        margin: 0 28px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .invLis .chd-tit {
        margin-bottom: 13px;
        line-height: 35px;
    }
    .invLis .chd-tit .chd-lBx {
        width: 438px;
        font-size: 18px;
    }
    .invLis .chd-tit .chd-lBx font {
        margin-right: 15px;
    }
    .invLis-more {
        font-size: 12px;
        line-height: 35px;
        height: 35px;
        padding-right: 18px;
        margin-right: 9px;
    }
    .invLis-more:before {
        height: 10px;
        top: 12px;
        right: 4px;
    }
    .invLis-more:after {
        width: 10px;
        right: 0;
        top: 16px;
    }
    .invLis .chd-con {
        font-size: 13px;
        line-height: 28px;
    }
    .inv02 .tit h2 {
        font-size: 28px;
        line-height: 42px;
    }
    .inv02 .tit h3 {
        font-size: 36px;
        line-height: 42px;
    }
    .inv02 .con {
        font-size: 14px;
        line-height: 28px;
    }
    .prob-more {
        width: 44px;
        height: 22px;
        padding-top: 30px;
    }
    .prob-more:before {
        margin-left: -14px;
        bottom: 5px;
        width: 29px;
        height: 29px;
        -webkit-animation: more_rollan4 1.2s linear 0s infinite normal forwards;
        animation: more_rollan4 1.2s linear 0s infinite normal forwards;
    }
    .inv03 {
        padding-top: 13px;
        padding-bottom: 84px;
    }
    .inv03 .inDiv {
        margin: 0 -14px;
    }
    .inv03 .chd {
        width: 376px;
    }
    .inv03 .ch {
        margin: 14px;
    }
    .inv03 .ch .lay_img,.inv03 .ch .info {
        width: 350px;
        height: 240px;
    }
    .inv03 .ch .info-tit {
        padding: 0 8px 8px;
        font-size: 19px;
        line-height: 40px;
    }
    .inv03 .ch .info-con {
        font-size: 12px;
        line-height: 24px;
        height: 48px;
        width: 268px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1460px) {
    .inv01 {
        padding-top: 111px;
        padding-bottom: 71px;
    }
    .inv01 h2 {
        font-size: 37px;
        line-height: 52px;
    }
    .inv01 .tit {
        padding-bottom: 55px;
        margin-bottom: 23px;
    }
    .inv01 .tit-info {
        font-size: 31px;
        line-height: 37px;
        margin-bottom: 6px;
    }
    .inv01 h3 {
        font-size: 40px;
        line-height: 44px;
    }
    .invLis {
        margin: 0 -30px;
    }
    .invLis .ch {
        margin: 0 30px;
        padding-top: 33px;
        padding-bottom: 33px;
    }
    .invLis .chd-tit {
        margin-bottom: 14px;
        line-height: 38px;
    }
    .invLis .chd-tit .chd-lBx {
        width: 476px;
        font-size: 20px;
    }
    .invLis .chd-tit .chd-lBx font {
        margin-right: 16px;
    }
    .invLis-more {
        font-size: 13px;
        line-height: 38px;
        height: 38px;
        padding-right: 20px;
        margin-right: 10px;
    }
    .invLis-more:before {
        height: 12px;
        top: 13px;
        right: 5px;
    }
    .invLis-more:after {
        width: 12px;
        right: 0;
        top: 18px;
    }
    .invLis .chd-con {
        font-size: 14px;
        line-height: 30px;
    }
    .inv02 .tit h2 {
        font-size: 30px;
        line-height: 46px;
    }
    .inv02 .tit h3 {
        font-size: 40px;
        line-height: 46px;
    }
    .inv02 .con {
        font-size: 15px;
        line-height: 30px;
    }
    .prob-more {
        width: 48px;
        height: 24px;
        padding-top: 32px;
    }
    .prob-more:before {
        margin-left: -16px;
        bottom: 6px;
        width: 31px;
        height: 31px;
        -webkit-animation: more_rollan3 1.2s linear 0s infinite normal forwards;
        animation: more_rollan3 1.2s linear 0s infinite normal forwards;
    }
    .inv03 {
        padding-top: 14px;
        padding-bottom: 92px;
    }
    .inv03 .inDiv {
        margin: 0 -15px;
    }
    .inv03 .chd {
        width: 410px;
    }
    .inv03 .ch {
        margin: 15px;
    }
    .inv03 .ch .lay_img,.inv03 .ch .info {
        width: 380px;
        height: 261px;
    }
    .inv03 .ch .info-tit {
        padding: 0 9px 9px;
        font-size: 21px;
        line-height: 44px;
    }
    .inv03 .ch .info-con {
        font-size: 13px;
        line-height: 26px;
        height: 52px;
        width: 292px;
    }
}
@media screen and (min-width: 1461px) and (max-width: 1680px) {
    .inv01 {
        padding-top: 120px;
        padding-bottom: 77px;
    }
    .inv01 h2 {
        font-size: 40px;
        line-height: 56px;
    }
    .inv01 .tit {
        padding-bottom: 60px;
        margin-bottom: 25px;
    }
    .inv01 .tit-info {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 7px;
    }
    .inv01 h3 {
        font-size: 43px;
        line-height: 48px;
    }
    .invLis {
        margin: 0 -34px;
    }
    .invLis .ch {
        margin: 0 34px;
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .invLis .chd-tit {
        margin-bottom: 15px;
        line-height: 42px;
    }
    .invLis .chd-tit .chd-lBx {
        width: 516px;
        font-size: 22px;
    }
    .invLis .chd-tit .chd-lBx font {
        margin-right: 17px;
    }
    .invLis-more {
        font-size: 14px;
        line-height: 42px;
        height: 42px;
        padding-right: 22px;
        margin-right: 17px;
    }
    .invLis-more:before {
        height: 14px;
        top: 14px;
        right: 6px;
    }
    .invLis-more:after {
        width: 14px;
        right: 0;
        top: 20px;
    }
    .invLis .chd-con {
        font-size: 15px;
        line-height: 32px;
    }
    .inv02 .tit h2 {
        font-size: 34px;
        line-height: 50px;
    }
    .inv02 .tit h3 {
        font-size: 43px;
        line-height: 50px;
    }
    .inv02 .con {
        font-size: 17px;
        line-height: 32px;
    }
    .prob-more {
        width: 52px;
        height: 26px;
        padding-top: 34px;
    }
    .prob-more:before {
        margin-left: -17px;
        bottom: 7px;
        width: 33px;
        height: 33px;
        -webkit-animation: more_rollan2 1.2s linear 0s infinite normal forwards;
        animation: more_rollan2 1.2s linear 0s infinite normal forwards;
    }
    .inv03 {
        padding-top: 15px;
        padding-bottom: 95px;
    }
    .inv03 .inDiv {
        margin: 0 -16px;
    }
    .inv03 .chd {
        width: 444px;
    }
    .inv03 .ch {
        margin: 16px;
    }
    .inv03 .ch .lay_img,.inv03 .ch .info {
        width: 412px;
        height: 283px;
    }
    .inv03 .ch .info-tit {
        padding: 0 10px 10px;
        font-size: 23px;
        line-height: 48px;
    }
    .inv03 .ch .info-con {
        font-size: 14px;
        line-height: 28px;
        height: 56px;
        width: 316px;
    }
}
@media screen and (min-width: 1681px) {
    .inv01 {
        padding-top: 140px;
        padding-bottom: 90px;
    }
    .inv01 h2 {
        font-size: 46px;
        line-height: 64px;
    }
    .inv01 .tit {
        padding-bottom: 70px;
        margin-bottom: 29px;
    }
    .inv01 .tit-info {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 8px;
    }
    .inv01 h3 {
        font-size: 50px;
        line-height: 56px;
    }
    .invLis {
        margin: 0 -40px;
    }
    .invLis .ch {
        margin: 0 40px;
        padding-top: 42px;
        padding-bottom: 42px;
    }
    .invLis .chd-tit {
        margin-bottom: 18px;
        line-height: 48px;
    }
    .invLis .chd-tit .chd-lBx {
        width: 600px;
        font-size: 26px;
    }
    .invLis .chd-tit .chd-lBx font {
        margin-right: 20px;
    }
    .invLis-more {
        font-size: 16px;
        line-height: 48px;
        height: 48px;
        padding-right: 25px;
        margin-right: 20px;
    }
    .invLis-more:before {
        height: 16px;
        top: 16px;
        right: 7px;
    }
    .invLis-more:after {
        width: 16px;
        right: 0;
        top: 23px;
    }
    .invLis .chd-con {
        font-size: 17px;
        line-height: 36px;
    }
    .inv02 .tit h2 {
        font-size: 40px;
        line-height: 58px;
    }
    .inv02 .tit h3 {
        font-size: 50px;
        line-height: 58px;
    }
    .inv02 .con {
        font-size: 20px;
        line-height: 38px;
    }
    .inv03 {
        padding-top: 20px;
        padding-bottom: 110px;
    }
    .inv03 .inDiv {
        margin: 0 -20px;
    }
    .inv03 .chd {
        width: 520px;
    }
    .inv03 .ch {
        margin: 20px;
    }
    .inv03 .ch .lay_img,.inv03 .ch .info {
        width: 480px;
        height: 330px;
    }
    .inv03 .ch .info-tit {
        padding: 0 12px 12px;
        font-size: 26px;
        line-height: 56px;
    }
    .inv03 .ch .info-con {
        font-size: 16px;
        line-height: 32px;
        height: 64px;
        width: 360px;
    }
}
.inv04 {
    position: relative;
    overflow: hidden;
}
.inv04 .img-wrap {
    position: relative;
    left: 50%;
    overflow: hidden;
}
.inv04 .img-wrap .img {
    position: absolute;
}
.inv04 .info-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.inv04 .info {
    top: 17.7%;
}
.inv04 .info-tit {
    margin-bottom: 4.74%;
}
.inv04 .info-tit h2 {
    color: #171a18;
    font-weight: normal;
}
.inv04 .info-tit h3 {
    font-family: "aibold", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .1);
}
.inv04 .item {
    float: left;
    width: 25%;
}
.inv04 .item-in {
    position: relative;
}
.inv04 .lay_img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 80%;
    overflow: hidden;
}
.inv04 .lay_img .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.inv04 .item-in:hover .lay_img .img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.inv04 .item .overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
}
.inv04 .item .lay_info {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.inv04 .item .info{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    text-align: center;
    vertical-align:middle;
}
.inv04 .item .infos {
    color: #fff;
    margin:0 auto;
}
.inv04 .item .label {
    color: #fff;
    font-weight:bold;
}
.inv05 {
    background: #fff;
}
.inv05 .tit h2 {
    font-weight: normal;
    color: #171a18;
}
.inv05 .tit h3 {
    font-family: "aibold", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #ebebeb;
}
.inv05 .tit-info {
    color: #666;
}
.inv05 .tit-info p span {
    margin: 0 20px;
}
.inv5 {
    position: relative;
    margin: 0 auto;
}
.inv5 .con {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.inv5 .list {
    position: relative;
    left: 0;
    top: 0;
    width: 300%;
}
.inv5 .item {
    float: left;
}
.inv5 .item-in .lay_img {
    overflow: hidden;
}
.inv5 .item-in .lay_img .img {
    object-fit: cover;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.inv5 .item-in:hover .lay_img .img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.inv5 .item-in .lay_info {
    background: #f5f5f5;
}
.inv5 .item-in .info-tit {
    font-family: "ailight", sans-serif;
    color: #ccc;
    text-transform: uppercase;
}
.inv5 .item-in .info-subtit {
    color: #333;
}
.inv5 .item-in .line {
    width: 40px;
    height: 3px;
    background: #004710;
}
.inv5 .item-in .info-con {
    color: #ccc;
}
.inv5 .more-lnk {
    display: inline-block;
    vertical-align: top;
    background: #004710;
    color: #fff;
    position: relative;
}
.inv5 .more-lnk, .inv5 .more-lnk:hover {
    text-decoration: none;
}
.inv5 .more-lnk:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(255, 255, 255, .1);
    width: 0%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.inv5 .more-lnk:hover:before {
    width: 100%;
}
.inv5 .more-lnk font {
    position: relative;
}
.inv5 .more-lnk i {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
}
.inv5 .more-lnk i:before, .inv5 .more-lnk i:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -3px;
    width: 11px;
    height: 11px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.inv5 .more-lnk i:before {
    -webkit-transform: translateX(-6px) rotate(45deg);
    -moz-transform: translateX(-6px) rotate(45deg);
    transform: translateX(-6px) rotate(45deg);
    opacity: 0;
}
.inv5 .more-lnk:hover i:before {
    -webkit-transform: translateX(0) rotate(45deg);
    -moz-transform: translateX(0) rotate(45deg);
    transform: translateX(0) rotate(45deg);
    opacity: 1;
}
.inv5 .more-lnk:hover i:after {
    -webkit-transform: translateX(6px) rotate(45deg);
    -moz-transform: translateX(6px) rotate(45deg);
    transform: translateX(6px) rotate(45deg);
    opacity: 0;
}
.inv5 .prev, .inv5 .next {
    position: absolute;
    width: 38px;
    height: 38px;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.inv5 .prev {
    left: -100px;
    border-left: 2px solid #666;
    border-top: 2px solid #666;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.inv5 .next {
    right: -100px;
    border-right: 2px solid #666;
    border-top: 2px solid #666;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.inv5 .prev:hover {
    border-left-color: #004710;
    border-top-color: #004710;
}
.inv5 .next:hover {
    border-right-color: #004710;
    border-top-color: #004710;
}
.inv06 {
    background: #fff;
}
.inv6Ban {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 36.458%;
    overflow: hidden;
}
.inv6Ban .video_wrap {
    position: absolute;
    left: 0;
    width: 100%;
    top: -26.9%;
}
.inv6Ban .video_wrap .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.inv6Ban .info-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.inv6Ban .info {
    position: relative;
    top: 25.714%;
    text-align: center;
}
.inv6Ban .info .tit {
    padding-bottom: 2.2368%;
}
.inv6Ban .info .tit h2 {
    font-weight: bold;
    color: #fff;
}
.inv6Ban .info .tit h3 {
    font-family: "aibold", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .2);
}
.inv6Ban .info .con {
    color: #fff;
}
.inv6I {
    background: #fff;
    -webkit-transition: -webkit-transform .8s linear;
    -webkit-transition: transform .8s linear;
    -moz-transition: -moz-transform .8s linear;
    -moz-transition: transform .8s linear;
    transition: transform .8s linear;
}
.inv6I.active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}
.inv6I .lay_pic {
    float: left;
    position: relative;
}
.inv6I .lay_pic .img-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.inv6I .lay_pic .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.inv6I .lay_pic:hover .img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.inv6I .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.inv6I .lay_pic1 .overlay {
    background: -webkit-linear-gradient(333deg, #00baff 0%, #008e43 100%);
    background: linear-gradient(153deg, #00baff 0%, #008e43 100%);
    opacity: .6;
}
.inv6I .lay_pic6 .overlay {
    background: #000;
    opacity: .4;
}
.inv6I .info-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
}
.inv6I .info-subinfo {
    margin-left: auto;
    margin-right: auto;
}
.inv6I .vplay, .inv6I .vplay:hover {
    text-decoration: none;
}
.inv6I .vplay {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    background: url(../images/ico_play.png) no-repeat center;
    background-size: contain;
}
@media screen and (max-width: 1300px) {
    .inv04 {
        height: 560px;
    }
    .inv04 .img-wrap {
        width: 1402px;
        height: 934px;
        margin-left: -701px;
        top: -146px;
    }
    .inv04 .img-wrap .img {
        width: 1402px;
    }
    .inv04 .info-tit h2 {
        font-size: 28px;
        line-height: 44px;
    }
    .inv04 .info-tit h3 {
        font-size: 37px;
        line-height: 40px;
    }
    .inv04 .list {
        margin: 0 -15px;
    }
    .inv04 .item-in {
        margin: 0 15px 30px;
    }
    .inv04 .item .lay_info {
        padding-top: 28px;
        padding-bottom: 18px;
    }
    .inv04 .item .info{
        height:78px;
        margin-top:-39px;
    }
    .inv04 .item .infos {
        font-size: 12px;
        line-height: 21px;
        height: 42px;
        width: 228px;
    }
    .inv04 .item .label {
        font-size: 17px;
        height: 17px;
        line-height: 17px;
        margin-bottom: -19px;
    }
    .inv05 {
        padding-top: 101px;
        padding-bottom: 109px;
    }
    .inv05 .tit {
        margin-bottom: 52px;
    }
    .inv05 .tit h2 {
        font-size: 29px;
        line-height: 44px;
    }
    .inv05 .tit h3 {
        font-size: 37px;
        line-height: 40px;
        margin-bottom: 11px;
    }
    .inv05 .tit-info {
        font-size: 13px;
        line-height: 24px;
    }
    .inv5 {
        width: 1156px;
    }
    .inv5 .item-in {
        margin: 0 22px;
        width: 533px;
    }
    .inv5 .item-in .lay_img .img {
        width: 533px;
        height: 292px;
    }
    .inv5 .item-in .lay_info {
        padding: 23px 42px 38px;
    }
    .inv5 .item-in .info-tit {
        font-size: 28px;
        line-height: 32px;
    }
    .inv5 .item-in .info-subtit {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    .inv5 .item-in .line {
        margin-bottom: 12px;
    }
    .inv5 .item-in .info-con {
        font-size: 12px;
        line-height: 23px;
        height: 46px;
        margin-bottom: 29px;
    }
    .inv5 .more-lnk {
        font-size:12px;
        padding: 0 40px 0 29px;
        line-height: 37px;
        height: 37px;
    }
    .inv5 .more-lnk i {
        right: 30px;
    }
    .inv6Ban .info .tit h2 {
        font-size: 29px;
        line-height: 42px;
    }
    .inv6Ban .info .tit h3 {
        font-size: 36px;
        line-height: 42px;
    }
    .inv6Ban .info .con {
        font-size: 13px;
        line-height: 28px;
        height: 56px;
    }
    .inv06 {
        padding-bottom: 74px;
    }
    .inv6I {
        border: 7px solid #fff;
        width: 1100px;
        top: -52px;
        -webkit-transform: translateY(52px);
        -moz-transform: translateY(52px);
        transform: translateY(52px);
    }
    .inv6I .lBx, .inv6I .rBx {
        width: 548px;
    }
    .inv6I .lay_pic1, .inv6I .lay_pic6 {
        width: 548px;
        height: 319px;
    }
    .inv6I .lay_pic2, .inv6I .lay_pic3, .inv6I .lay_pic4, .inv6I .lay_pic5 {
        width: 270px;
        height: 175px;
    }
    .inv6I .lay_pic1, .inv6I .lay_pic4, .inv6I .lay_pic5 {
        margin-bottom: 7px;
    }
    .inv6I .lay_pic2, .inv6I .lay_pic4 {
        margin-right: 7px;
    }
    .inv6I .info-tit {
        padding-top: 73px;
        font-size: 18px;
        line-height: 33px;
        margin-bottom: 15px;
    }
    .inv6I .info-subinfo {
        width: 408px;
        margin-bottom: 18px;
        font-size: 13px;
        line-height: 23px;
        height: 46px;
    }
    .inv6I .vplay {
        width: 48px;
        height: 48px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1460px) {
    .inv04 {
        height: 624px;
    }
    .inv04 .img-wrap {
        width: 1524px;
        height: 1016px;
        margin-left: -762px;
        top: -159px;
    }
    .inv04 .img-wrap .img {
        width: 1524px;
    }
    .inv04 .info-tit h2 {
        font-size: 31px;
        line-height: 48px;
    }
    .inv04 .info-tit h3 {
        font-size: 40px;
        line-height: 44px;
    }
    .inv04 .list {
        margin: 0 -16px;
    }
    .inv04 .item-in {
        margin: 0 16px 32px;
    }
    .inv04 .item .lay_info {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .inv04 .item .info{
        height:86px;
        margin-top:-43px;
    }
    .inv04 .item .infos {
        font-size: 13px;
        line-height: 23px;
        height: 46px;
        width: 248px;
    }
    .inv04 .item .label {
        font-size: 19px;
        height: 19px;
        line-height: 19px;
        margin-bottom:21px;
    }
    .inv05 {
        padding-top: 110px;
        padding-bottom: 119px;
    }
    .inv05 .tit {
        margin-bottom: 56px;
    }
    .inv05 .tit h2 {
        font-size: 31px;
        line-height: 48px;
    }
    .inv05 .tit h3 {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 12px;
    }
    .inv05 .tit-info {
        font-size: 14px;
        line-height: 26px;
    }
    .inv5 {
        width: 1256px;
    }
    .inv5 .item-in {
        margin: 0 24px;
        width: 580px;
    }
    .inv5 .item-in .lay_img .img {
        width: 580px;
        height: 289px;
    }
    .inv5 .item-in .lay_info {
        padding: 26px 46px 45px;
    }
    .inv5 .item-in .info-tit {
        font-size: 30px;
        line-height: 35px;
    }
    .inv5 .item-in .info-subtit {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 17px;
    }
    .inv5 .item-in .line {
        margin-bottom: 13px;
    }
    .inv5 .item-in .info-con {
        font-size: 13px;
        line-height: 26px;
        height: 52px;
        margin-bottom: 31px;
    }
    .inv5 .more-lnk {
        font-size:13px;
        padding: 0 45px 0 32px;
        line-height: 40px;
        height: 40px;
    }
    .inv5 .more-lnk i {
        right: 32px;
    }
    .inv6Ban .info .tit h2 {
        font-size: 31px;
        line-height: 46px;
    }
    .inv6Ban .info .tit h3 {
        font-size: 39px;
        line-height: 46px;
    }
    .inv6Ban .info .con {
        font-size: 15px;
        line-height: 30px;
        height: 60px;
    }
    .inv06 {
        padding-bottom: 80px;
    }
    .inv6I {
        border: 8px solid #fff;
        width: 1200px;
        top: -55px;
        -webkit-transform: translateY(55px);
        -moz-transform: translateY(55px);
        transform: translateY(55px);
    }
    .inv6I .lBx, .inv6I .rBx {
        width: 596px;
    }
    .inv6I .lay_pic1, .inv6I .lay_pic6 {
        width: 596px;
        height: 347px;
    }
    .inv6I .lay_pic2, .inv6I .lay_pic3, .inv6I .lay_pic4, .inv6I .lay_pic5 {
        width: 294px;
        height: 190px;
    }
    .inv6I .lay_pic1, .inv6I .lay_pic4, .inv6I .lay_pic5 {
        margin-bottom: 8px;
    }
    .inv6I .lay_pic2, .inv6I .lay_pic4 {
        margin-right: 8px;
    }
    .inv6I .info-tit {
        padding-top: 79px;
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 16px;
    }
    .inv6I .info-subinfo {
        width: 444px;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 25px;
        height: 50px;
    }
    .inv6I .vplay {
        width: 52px;
        height: 52px;
    }
}
@media screen and (min-width: 1461px) and (max-width: 1680px) {
    .inv04 {
        height: 670px;
    }
    .inv04 .img-wrap {
        width: 1652px;
        height: 1101px;
        margin-left: -826px;
        top: -172px;
    }
    .inv04 .img-wrap .img {
        width: 1652px;
    }
    .inv04 .info-tit h2 {
        font-size: 34px;
        line-height: 52px;
    }
    .inv04 .info-tit h3 {
        font-size: 43px;
        line-height: 48px;
    }
    .inv04 .list {
        margin: 0 -17px;
    }
    .inv04 .item-in {
        margin: 0 17px 34px;
    }
    .inv04 .item .lay_info {
        padding-top: 32px;
        padding-bottom: 22px;
    }
    .inv04 .item .info{
        height:92px;
        margin-top:-46px;
    }
    .inv04 .item .infos {
        font-size: 14px;
        line-height: 25px;
        height: 50px;
        width: 268px;
    }
    .inv04 .item .label {
        font-size: 20px;
        height: 20px;
        line-height: 20px;
        margin-bottom:22px;
    }
    .inv05 {
        padding-top: 120px;
        padding-bottom: 129px;
    }
    .inv05 .tit {
        margin-bottom: 60px;
    }
    .inv05 .tit h2 {
        font-size: 34px;
        line-height: 52px;
    }
    .inv05 .tit h3 {
        font-size: 43px;
        line-height: 48px;
        margin-bottom: 13px;
    }
    .inv05 .tit-info {
        font-size: 15px;
        line-height: 28px;
    }
    .inv5 {
        width: 1360px;
    }
    .inv5 .item-in {
        margin: 0 26px;
        width: 628px;
    }
    .inv5 .item-in .lay_img .img {
        width: 628px;
        height: 344px;
    }
    .inv5 .item-in .lay_info {
        padding: 28px 50px 45px;
    }
    .inv5 .item-in .info-tit {
        font-size: 32px;
        line-height: 38px;
    }
    .inv5 .item-in .info-subtit {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 19px;
    }
    .inv5 .item-in .line {
        margin-bottom: 15px;
    }
    .inv5 .item-in .info-con {
        font-size: 14px;
        line-height: 28px;
        height: 56px;
        margin-bottom: 34px;
    }
    .inv5 .more-lnk {
        font-size:14px;
        padding: 0 48px 0 34px;
        line-height: 42px;
        height: 42px;
    }
    .inv5 .more-lnk i {
        right: 34px;
    }
    .inv6Ban .info .tit h2 {
        font-size: 34px;
        line-height: 50px;
    }
    .inv6Ban .info .tit h3 {
        font-size: 43px;
        line-height: 50px;
    }
    .inv6Ban .info .con {
        font-size: 17px;
        line-height: 33px;
        height: 66px;
    }
    .inv06 {
        padding-bottom: 86px;
    }
    .inv6I {
        border: 8px solid #fff;
        width: 1300px;
        top: -60px;
        -webkit-transform: translateY(60px);
        -moz-transform: translateY(60px);
        transform: translateY(60px);
    }
    .inv6I .lBx, .inv6I .rBx {
        width: 646px;
    }
    .inv6I .lay_pic1, .inv6I .lay_pic6 {
        width: 646px;
        height: 376px;
    }
    .inv6I .lay_pic2, .inv6I .lay_pic3, .inv6I .lay_pic4, .inv6I .lay_pic5 {
        width: 319px;
        height: 206px;
    }
    .inv6I .lay_pic1, .inv6I .lay_pic4, .inv6I .lay_pic5 {
        margin-bottom: 8px;
    }
    .inv6I .lay_pic2, .inv6I .lay_pic4 {
        margin-right: 8px;
    }
    .inv6I .info-tit {
        padding-top: 86px;
        font-size: 22px;
        line-height: 39px;
        margin-bottom: 17px;
    }
    .inv6I .info-subinfo {
        width: 482px;
        margin-bottom: 22px;
        font-size: 15px;
        line-height: 27px;
        height: 54px;
    }
    .inv6I .vplay {
        width: 56px;
        height: 56px;
    }
}
@media screen and (min-width: 1681px) {
    .inv04 {
        height: 780px;
    }
    .inv04 .img-wrap {
        width: 1920px;
        height: 1280px;
        margin-left: -960px;
        top: -205px;
    }
    .inv04 .img-wrap .img {
        width: 1920px;
    }
    .inv04 .info-tit h2 {
        font-size: 40px;
        line-height: 60px;
    }
    .inv04 .info-tit h3 {
        font-size: 50px;
        line-height: 56px;
    }
    .inv04 .list {
        margin: 0 -20px;
    }
    .inv04 .item-in {
        margin: 0 20px 40px;
    }
    .inv04 .item .info{
        height:106px;
        margin-top:-53px;
    }
    .inv04 .item .infos {
        font-size: 16px;
        line-height: 28px;
        height: 56px;
        width: 310px;
    }
    .inv04 .item .label {
        font-size: 24px;
        height: 24px;
        line-height: 24px;
        margin-bottom:26px;
    }
    .inv05 {
        padding-top: 140px;
        padding-bottom: 150px;
    }
    .inv05 .tit {
        margin-bottom: 70px;
    }
    .inv05 .tit h2 {
        font-size: 40px;
        line-height: 60px;
    }
    .inv05 .tit h3 {
        font-size: 50px;
        line-height: 56px;
        margin-bottom: 15px;
    }
    .inv05 .tit-info {
        font-size: 18px;
        line-height: 32px;
    }
    .inv5 {
        width: 1580px;
    }
    .inv5 .item-in {
        margin: 0 30px;
        width: 730px;
    }
    .inv5 .item-in .lay_img .img {
        width: 730px;
        height: 400px;
    }
    .inv5 .item-in .lay_info {
        padding: 32px 58px 52px;
    }
    .inv5 .item-in .info-tit {
        font-size: 38px;
        line-height: 44px;
    }
    .inv5 .item-in .info-subtit {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 22px;
    }
    .inv5 .item-in .line {
        margin-bottom: 18px;
    }
    .inv5 .item-in .info-con {
        font-size: 16px;
        line-height: 32px;
        height: 64px;
        margin-bottom: 40px;
    }
    .inv5 .more-lnk {
        font-size:16px;
        padding: 0 56px 0 40px;
        line-height: 48px;
        height: 48px;
    }
    .inv5 .more-lnk i {
        right: 40px;
    }
    .inv6Ban .info .tit h2 {
        font-size: 40px;
        line-height: 58px;
    }
    .inv6Ban .info .tit h3 {
        font-size: 50px;
        line-height: 58px;
    }
    .inv6Ban .info .con {
        font-size: 20px;
        line-height: 38px;
        height: 76px;
    }
    .inv06 {
        padding-bottom: 100px;
    }
    .inv6I {
        border: 10px solid #fff;
        width: 1520px;
        top: -70px;
        -webkit-transform: translateY(70px);
        -moz-transform: translateY(70px);
        transform: translateY(70px);
    }
    .inv6I .lBx, .inv6I .rBx {
        width: 755px;
    }
    .inv6I .lay_pic1, .inv6I .lay_pic6 {
        width: 755px;
        height: 440px;
    }
    .inv6I .lay_pic2, .inv6I .lay_pic3, .inv6I .lay_pic4, .inv6I .lay_pic5 {
        width: 372px;
        height: 240px;
    }
    .inv6I .lay_pic1, .inv6I .lay_pic4, .inv6I .lay_pic5 {
        margin-bottom: 10px;
    }
    .inv6I .lay_pic2, .inv6I .lay_pic4 {
        margin-right: 10px;
    }
    .inv6I .info-tit {
        padding-top: 100px;
        font-size: 26px;
        line-height: 46px;
        margin-bottom: 20px;
    }
    .inv6I .info-subinfo {
        width: 560px;
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 30px;
        height: 60px;
    }
    .inv6I .vplay {
        width: 64px;
        height: 64px;
    }
}
@media screen and (min-width: 1921px) {
    .inv04 {
        height: 0;
        padding-bottom: 45.3125%;
    }
    .inv04 .img-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 148%;
        margin-left: 0;
        margin-top: -300px;
    }
    .inv04 .img-wrap .img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}
@media screen and (max-width: 1279px) {
    .inv5 .prev {
        left: 40px;
    }
    .inv5 .next {
        right: 40px;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1299px) {
    .inv5 .prev {
        left: 0;
    }
    .inv5 .next {
        right: 0;
    }
}
@media screen and (min-width: 1300px) and (max-width: 1399px) {
    .inv5 .prev {
        left: -10px;
    }
    .inv5 .next {
        right: -10px;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1449px) {
    .inv5 .prev {
        left: 0px;
    }
    .inv5 .next {
        right: 0px;
    }
}
@media screen and (min-width: 1450px) and (max-width: 1499px) {
    .inv5 .prev {
        left: -20px;
    }
    .inv5 .next {
        right: -20px;
    }
}
@media screen and (min-width: 1500px) and (max-width: 1599px) {
    .inv5 .prev {
        left: -50px;
    }
    .inv5 .next {
        right: -50px;
    }
}
@media screen and (min-width: 1600px) and (max-width: 1649px) {
    .inv5 .prev {
        left: 0;
    }
    .inv5 .next {
        right: 0;
    }
}
@media screen and (min-width: 1650px) and (max-width: 1700px) {
    .inv5 .prev {
        left: -15px;
    }
    .inv5 .next {
        right: -15px;
    }
}
@media screen and (min-width: 1701px) and (max-width: 1850px) {
    .inv5 .prev {
        left: -20px;
    }
    .inv5 .next {
        right: -20px;
    }
}
.contact01 {
    background: #fff;
}
.contact01-in {
    font-size: 0;
    letter-spacing: -5px;
}
.contact01 .chd {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 50%;
}
.contact01 .ch {
    position: relative;
    margin: 0 auto;
}
.contact01 .lay_img {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.contact01 .lay_img .img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.contact01 .ch:hover .lay_img .img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.contact01 .ch .lay_info {
    position: relative;
    margin: 0 auto;
    background: rgba(35, 41, 55, .95);
}
.contact01 .ch .lay_info.fadeIn-loaded {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.contact01 .ch:hover .lay_info {
    box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.3);
}
.contact01 .ch .info-tit {
    color: #fff;
}
.contact01 .ch .info-con {
    color: rgba(255, 255, 255, .7);
}
@media screen and (max-width: 1300px) {
    .contact01 {
        padding-top: 74px;
        padding-bottom: 18px;
    }
    .contact01 .ch {
        margin-bottom: 11px;
    }
    .contact01 .ch, .contact01 .ch .lay_img {
        width: 467px;
    }
    .contact01 .ch .lay_img {
        height: 263px;
    }
    .contact01 .ch .lay_info {
        padding: 11px 29px 27px;
        width: 352px;
        top: -61px;
    }
    .contact01 .ch:hover .lay_info {
        top: -64px;
    }
    .contact01 .ch .info-tit {
        font-size: 20px;
        line-height: 46px;
        margin-bottom: 19px;
    }
    .contact01 .ch .info-con {
        font-size: 12px;
        line-height: 26px;
    }
    .contact02 {
        padding-top: 108px;
        padding-bottom: 117px;
    }
    .contact02-tit {
        margin-bottom: 33px;
    }
    .contact02-tit h2 {
        font-size: 33px;
        line-height: 50px;
    }
    .contact02-tit h3 {
        font-size: 40px;
        line-height: 40px;
    }
    .recT-cell1, .recT-info {
        margin-left: 37px;
    }
    .recT-cell1 {
        width: 446px;
    }
    .recT-cell2 {
        width: 247px;
    }
    .recT-cell3 {
        width: 300px;
    }
    .recT-tit {
        font-size: 15px;
        line-height: 64px;
    }
    .recT-grT {
        font-size: 15px;
        line-height: 64px;
    }
    .recT-grC {
        padding-top: 29px;
        padding-bottom: 37px;
    }
    .recT-info {
        font-size: 12px;
        line-height: 24px;
        padding-right: 300px;
        min-height: 42px;
    }
    .recT-mail {
        right: 37px;
        padding: 0 21px;
        font-size: 13px;
        line-height: 40px;
        bottom: 37px;
    }
    .recT-cell4 .recT-more {
        margin-left: 3px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1460px) {
    .contact01 {
        padding-top: 80px;
        padding-bottom: 20px;
    }
    .contact01 .ch {
        margin-bottom: 12px;
    }
    .contact01 .ch, .contact01 .ch .lay_img {
        width: 508px;
    }
    .contact01 .ch .lay_img {
        height: 286px;
    }
    .contact01 .ch .lay_info {
        padding: 12px 32px 29px;
        width: 382px;
        top: -67px;
    }
    .contact01 .ch:hover .lay_info {
        top: -70px;
    }
    .contact01 .ch .info-tit {
        font-size: 22px;
        line-height: 50px;
        margin-bottom: 21px;
    }
    .contact01 .ch .info-con {
        font-size: 13px;
        line-height: 28px;
    }
    .contact02 {
        padding-top: 117px;
        padding-bottom: 127px;
    }
    .contact02-tit {
        margin-bottom: 36px;
    }
    .contact02-tit h2 {
        font-size: 36px;
        line-height: 54px;
    }
    .contact02-tit h3 {
        font-size: 44px;
        line-height: 44px;
    }
    .recT-cell1, .recT-info {
        margin-left: 40px;
    }
    .recT-cell1 {
        width: 485px;
    }
    .recT-cell2 {
        width: 268px;
    }
    .recT-cell3 {
        width: 326px;
    }
    .recT-tit {
        font-size: 16px;
        line-height: 70px;
    }
    .recT-grT {
        font-size: 16px;
        line-height: 70px;
    }
    .recT-grC {
        padding-top: 31px;
        padding-bottom: 40px;
    }
    .recT-info {
        font-size: 12px;
        line-height: 24px;
        padding-right: 326px;
        min-height: 46px;
    }
    .recT-mail {
        right: 40px;
        padding: 0 23px;
        font-size: 14px;
        line-height: 44px;
        bottom: 40px;
    }
    .recT-cell4 .recT-more {
        margin-left: 3px;
    }
}
@media screen and (min-width: 1461px) and (max-width: 1680px) {
    .contact01 {
        padding-top: 86px;
        padding-bottom: 21px;
    }
    .contact01 .ch {
        margin-bottom: 13px;
    }
    .contact01 .ch, .contact01 .ch .lay_img {
        width: 550px;
    }
    .contact01 .ch .lay_img {
        height: 309px;
    }
    .contact01 .ch .lay_info {
        padding: 13px 34px 31px;
        width: 414px;
        top: -73px;
    }
    .contact01 .ch:hover .lay_info {
        top: -76px;
    }
    .contact01 .ch .info-tit {
        font-size: 24px;
        line-height: 54px;
        margin-bottom: 23px;
    }
    .contact01 .ch .info-con {
        font-size: 14px;
        line-height: 30px;
    }
    .contact02 {
        padding-top: 127px;
        padding-bottom: 138px;
    }
    .contact02-tit {
        margin-bottom: 39px;
    }
    .contact02-tit h2 {
        font-size: 39px;
        line-height: 58px;
    }
    .contact02-tit h3 {
        font-size: 48px;
        line-height: 48px;
    }
    .recT-cell1, .recT-info {
        margin-left: 43px;
    }
    .recT-cell1 {
        width: 525px;
    }
    .recT-cell2 {
        width: 290px;
    }
    .recT-cell3 {
        width: 353px;
    }
    .recT-tit {
        font-size: 17px;
        line-height: 76px;
    }
    .recT-grT {
        font-size: 17px;
        line-height: 75px;
    }
    .recT-grC {
        padding-top: 34px;
        padding-bottom: 43px;
    }
    .recT-info {
        font-size: 13px;
        line-height: 26px;
        padding-right: 353px;
        min-height: 50px;
    }
    .recT-mail {
        right: 43px;
        padding: 0 25px;
        font-size: 15px;
        line-height: 48px;
        bottom: 43px;
    }
    .recT-cell4 .recT-more {
        margin-left: 3px;
    }
}
@media screen and (min-width: 1681px) {
    .contact01 {
        padding-top: 100px;
        padding-bottom: 24px;
    }
    .contact01 .ch {
        margin-bottom: 15px;
    }
    .contact01 .ch, .contact01 .ch .lay_img {
        width: 640px;
    }
    .contact01 .ch .lay_img {
        height: 360px;
    }
    .contact01 .ch .lay_info {
        padding: 15px 40px 35px;
        width: 464px;
        top: -85px;
    }
    .contact01 .ch:hover .lay_info {
        top: -88px;
    }
    .contact01 .ch .info-tit {
        font-size: 28px;
        line-height: 62px;
        margin-bottom: 26px;
    }
    .contact01 .ch .info-con {
        font-size: 16px;
        line-height: 34px;
    }
    .contact02 {
        padding-top: 148px;
        padding-bottom: 160px;
    }
    .contact02-tit {
        margin-bottom: 46px;
    }
    .contact02-tit h2 {
        font-size: 44px;
        line-height: 66px;
    }
    .contact02-tit h3 {
        font-size: 60px;
        line-height: 60px;
    }
    .recT-cell1, .recT-info {
        margin-left: 50px;
    }
    .recT-cell1 {
        width: 610px;
    }
    .recT-cell2 {
        width: 348px;
    }
    .recT-cell3 {
        width: 424px;
    }
    .recT-tit {
        font-size: 20px;
        line-height: 88px;
    }
    .recT-grT {
        font-size: 20px;
        line-height: 86px;
    }
    .recT-grC {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .recT-info {
        font-size: 16px;
        line-height: 30px;
        padding-right: 410px;
        min-height: 58px;
    }
    .recT-mail {
        right: 50px;
        padding: 0 29px;
        font-size: 18px;
        line-height: 56px;
        bottom: 50px;
    }
    .recT-cell4 .recT-more {
        margin-left: 5px;
    }
}
.contact02 {
    background: #f5f5f5;
}
.contact02-tit h2 {
    font-weight: normal;
    color: #171a18;
}
.contact02-tit h3 {
    font-family: "aibold", sans-serif;
    font-weight: bold;
    color: #e5e5e5;
}
.recT-tit {
    background: #fff;
    font-weight: bold;
    color: #b2b2b2;
}
.recT-cell {
    float: left;
}
.recT-grT {
    background: #fff;
    border-top: 1px solid #f5f5f5;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.recT-grT .recT-cell1 {
    color: #171a18;
}
.recT-grT .recT-cell2 {
    color: #808080;
}
.recT-grT .recT-cell3 {
    color: #808080;
}
.recT-group.active .recT-grT {
    background: #4d4d4d;
}
.recT-cell4:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    overflow: hidden;
}
.recT-group.active .recT-grT .recT-cell1 {
    color: #fff;
}
.recT-group.active .recT-grT .recT-cell2 {
    color: #fff;
}
.recT-group.active .recT-grT .recT-cell3 {
    color: #fff;
}
.recT-more {
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    position: relative;
    width: 30px;
    height: 30px;
    background: #ccc;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    transition: background .3s linear;
    cursor: pointer;
}
.recT-more:before, .recT-more:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    transition: background .3s linear;
}
.recT-more:before {
    width: 12px;
    height: 2px;
    margin-left: -6px;
    margin-top: -1px;
}
.recT-more:after {
    width: 2px;
    height: 12px;
    margin-left: -1px;
    margin-top: -6px;
}
.recT-more:hover {
    background: #004710;
}
.recT-group.active .recT-more {
    background: #fff;
}
.recT-group.active .recT-more:before, .recT-group.active .recT-more:after {
    background: #4d4d4d;
}
.recT-group.active .recT-more:after {
    display: none;
}
.recT-group.active .recT-more:hover {
    background: #fff;
}
.recT-group.active .recT-more:hover:before, .recT-group.active .recT-more:hover:after {
    background: #004710;
}
.recT-grC {
    background: #545454;
    position: relative;
    display: none;
}
.recT-info {
    color: #fff;
}
.recT-mail {
    position: absolute;
    border: 1px solid #989898;
    color: #fff;
    white-space: nowrap;
}
.myvideoWrap {
    background: rgba(0, 0, 0, .8);
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.myvideoWrap .myvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 58vw;
    height: 32vw;
    z-index: 10;
    margin-left: -29vw;
    margin-top: -16vw;
}
.myvideoWrap .video-wrap {
    border: 10px solid #fff;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #000;
    overflow:hidden;
}
.myvideoWrap .video-wrap video {
    display: block;
    width: 100%;
    height: 100%;
    object-position:center center;
    object-fit:cover;
}
.myvideoWrap .closeBtn {
    position: absolute;
    top: -30px;
    right: 0;
    width: 22px;
    height: 22px;
    cursor: pointer;
}
.myvideoWrap .closeBtn:before, .myvideoWrap .closeBtn:after {
    content: '';
    position: absolute;
    width: 141.4%;
    top: 50%;
    height: 1px;
    background: #fff;
}
.myvideoWrap .closeBtn:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.myvideoWrap .closeBtn:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}