@charset "UTF-8";

body {
    background-color: #fff;
    position: relative;
    width: 100%;
    margin: 0 auto;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
    margin: 0;
    padding: 0;
}
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
    font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
    border: 0;
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}

[hidefocus],
summary {
    outline: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: inherit;
    line-height: 1.3;
}

small {
    font-size: 100%;
    font-weight: normal;
}

sup,
sub {
    font-size: 83%;
}

pre,
code,
kbd,
samp {
    font-family: 'Noto Sans SC';
}

q:before,
q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label,
summary {
    cursor: default;
}

a,
button {
    cursor: pointer;
}

del,
ins,
u,
s,
a,
a:hover {
    text-decoration: none;
}

body,
textarea,
input,
button,
select,
keygen,
legend { font-size:14px; line-height:24px; color:#040000;
}
a{color:#040000;-webkit-transition: all 400ms;transition: all 400ms;}
a:hover{color:#EF7D1D;}

img {
    display: block;
    border: 0 none;
}

p {
    text-align: justify;
}

p img {
    display: inline-block;
}

strong {
    display: block;
}
a {
    display: block;
    color: inherit;
    text-decoration: none;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/*通用样式*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0; outline: none;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{font-family: 'Noto Sans SC';color:#666666;}
code, kbd, pre, samp {font-family: 'Noto Sans SC';}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
a{ text-decoration:none; 
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
}
a:hover{ cursor:pointer;}
img{border:0;max-width: 100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal;font-family:'Noto Sans SC'}
h1{ font-size: calc(12px + 0.24rem);}
h2{ font-size: calc(12px + 0.12rem);}
h3{ font-size: calc(12px + 0.1rem);}
h4{ font-size: calc(12px + 0.06rem);}
h5{ font-size: calc(12px + 0.02rem);}
h6{ font-size: 12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
p{ margin: 0; padding: 0;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0;font-family: 'Noto Sans SC'; outline: none;}
textarea{ border: 0; background: none; resize: none; outline: 0;}
input{ outline: 0; border: 0; background: none;}
button{ outline: none; border: 0; background: none;} 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
i{font-style:normal;}
.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.clearfix:after{content:'';display:block;height:0;overflow:hidden;clear:both;zoom:1;}
*{font-family: 'Noto Sans SC';}




#tenpay_txt {
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    /* pointer-events: none; */
}

#tenpay_txt .loading_box {
    background: url(../images/kai.jpg) no-repeat center/cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 101%;
    height: 100%;
    z-index: 99999;
    transition: all .7s;
    margin: auto;
    overflow: hidden;
}

#tenpay_txt .loading_box .dian {
    width: 1261px;
    height: 130%;
    left: 11.93%;
    position: absolute;
    top: -15%;
    background: url(../images/kai7.png) no-repeat left center;
    animation: dian 16s forwards linear;
}

@keyframes dian {
    0% {
        transform: rotateZ(0);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

#tenpay_txt .loading_box .img1 {
    position: absolute;
    bottom: 0;
    left: 10.625%;
    opacity: 0;
    animation: fadeIn3 1s .8s forwards;
}

#tenpay_txt .loading_box .img2 {
    position: absolute;
    bottom: 0;
    right: -20px;
    opacity: 0;
    margin-bottom: -50px;
    animation: fadeIn3 1s .8s forwards;
}

#tenpay_txt .loading_box .ul {
    position: absolute;
    top: 19.72vh;
    left: 10.93%;
}

#tenpay_txt .loading_box .ul .li {
    position: absolute;
    top: 0;
    width: 240px;
    height: 95px;
    opacity: 0;
    background: url(../images/kai6.png) no-repeat center/cover;
}

#tenpay_txt .loading_box .yuan {
    position: absolute;
    padding-top: 237px;
    padding-left: 168px;
    right: -117px;
    top: 14vh;
    width: 773px;
    height: 773px;
    background: url(../images/kai4.png) no-repeat center;
    z-index: -1;
    opacity: 0;
    animation: big .6s .4s forwards;
}

@keyframes big {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#tenpay_txt .loading_box .yuan .www {
    font-size: 42px;
    color: #f9da7a;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 20px;
}

#tenpay_txt .loading_box .yuan h5 {
    font-size: 20px;
    color: #f9b67a;
    line-height: 1;
    margin-top: 10px;
}

@keyframes top1 {
    0% {
        opacity: 0;
        top: 0;
    }
    100% {
        opacity: 1;
        top: 47px;
    }
}

@keyframes top2 {
    0% {
        opacity: 0;
        top: 0;
    }
    100% {
        opacity: 1;
        top: 94px;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn2 {
    0% {
        opacity: 0;
        top: 70vh;
    }
    100% {
        opacity: 1;
        top: 64vh;
    }
}

@keyframes fadeIn3 {
    0% {
        opacity: 0;
        bottom: -100px;
    }
    100% {
        opacity: 1;
        bottom: -40px;
    }
}

#tenpay_txt .loading_box .ul .li:nth-child(1) {
    top: 0;
    animation: fadeIn .6s .4s forwards;
}

#tenpay_txt .loading_box .ul .li:nth-child(2) {
    animation: top1 2.8s ease 0s 1 forwards;
}

#tenpay_txt .loading_box .ul .li:nth-child(3) {
    animation: top2 2.8s ease 0s 1 forwards;
}

#tenpay_txt .loading_box .w1280 {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100vh;
    width: 1280px;
}

#tenpay_txt .loading_box .dian {}

#tenpay_txt .loading_box .txt1 {
    position: absolute;
    top: 70vh;
    left: -60px;
    animation: fadeIn2 .6s .4s forwards;
    opacity: 0;
}

#tenpay_txt .loading_box .txt1 h2 {
    font-size: 60px;
    color: #f0dcc8;
}

#tenpay_txt .loading_box .txt1 h3 {
    font-size: 42px;
    color: #f0dcc8;
    text-transform: uppercase;
}

#tenpay_txt .loading_box .time {
    position: absolute;
    font-size: 24px;
    color: #f0dcc8;
    width: 10px;
    word-break: break-all;
    left: -56px;
    top: 170px;
    opacity: 0;
    animation: fadeIn 1s .8s forwards;
}

#tenpay_txt .loading_box .le {
    position: absolute;
    width: 821px;
    height: 323px;
    top: 27.77vh;
    background: url(../images/kai1.png) no-repeat left center/100% 100%;
    left: -60px;
    opacity: 0;
    margin-left: -80px;
    animation: le 1.8s ease 0s 1 forwards;
}

@keyframes le {
    0% {
        opacity: 0;
        margin-left: -80px;
    }
    100% {
        opacity: 1;
        margin-left: 0;
    }
}

#tenpay_txt .loading_case {
    position: relative;
    width: 100vw;
    height: 100vh;
}

#tenpay_txt .loading_box.close {
    top: -50%;
    transition: all .7s;
}

#tenpay_txt .txt {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

#tenpay_txt .loading_box .clone {
    position: absolute;
    bottom: 50px;
    right: 50%;
    margin-left: -25px;
    cursor: pointer;
    text-align: center;
    width: 49px;
    height: 49px;
    background: url(../images/close3.png) no-repeat center;
    z-index: 9999;
    transition: all .7s;
}

#tenpay_txt .loading_box .clone:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    /* max-width: 1920px; */

    margin: auto;
    height:89px;
    z-index: 9999;
    /* padding: 0 !important; */
    display: block !important;
}

#header .search {
    float: left;
    width:46px;
    height:33px;
    position: relative; margin-right:8px;
}

#header .search .inp {
    display: none;
    position: absolute;
    right: -42px;
    top: 45px;
    animation-duration: 0.6s;
}

#header .search a {
    display: inline-block;
    vertical-align: top;
    width: 46px;
    height: 33px;
    background: url(../images/icon_seek.svg) no-repeat center; background-size:24px auto;
}

#header .hea_nav1 .search1 a {
    background: url(../images/icon_seek2.svg) no-repeat center;
}

#header .search .submit{
    display:block; position: absolute; left: 0; top:0;
    width:42px;
    height: 48px;
    background: url(../images/icon_seek1.svg) no-repeat center; background-size:24px auto;
}
#header .search .inp .searchnewtxt {
    width:324px;
    border: none;
    height:48px;
    line-height: 38px;
    background:#575656; font-size:14px;
    color: #fff;padding:5px 46px; border-radius:5px;
}
#header .search .inp input::placeholder{ opacity:1 !important;color: #8F8E8E;}

#header .logo {
    margin-top: 6px;
    float: left; line-height: 0;

}
#header .logo img{ height:77px;}
#header .logo1 .img1{ display: none;}
.business_tion #header .logo,
.Index3 #header .logo {
    
}

#header .menuBtn {
    float: right;
    width: 24px;
    height: 17px;
    margin-top: 40px;
    background: url(../images/menu-ic.png) no-repeat 0 0;
    cursor: pointer;
}

#header .hea_nav_ri {
    float: right;
}

#header .hea_nav_ri a {}

.business_tion #header .menuBtn,
.Index3 #header .menuBtn {
    background: url(../images/menu-ic_a.png) no-repeat 0 0;
}

#header .hea_nav {
    float: right;
    /* margin-right: 20px; */
    margin-top:28px;
}


#header .hea_nav .lang{float: left; position: relative; padding-left: 20px;}
#header .hea_nav .lang::after{ display: block; content:''; position: absolute; left:0; top:50%; margin-top: -7px; width:1px; height:14px; background:#C7C7C7;}
#header .hea_nav .lang a{float: left; display:flex; align-items: center; color:#575656; font-size: 16px; line-height:33px;}
#header .hea_nav .lang a .img{ display: block; width:24px; height:24px; margin-right: 8px; background: url(../images/ico1.svg) center no-repeat; background-size:100% 100% !important;}
#header .hea_nav1 .lang a{ color: #fff;}
#header .hea_nav1 .lang a .img{ background: url(../images/ico1.1.svg) center no-repeat;}
#header .act .hea_nav .lang a .img{ background: url(../images/ico1.svg) center no-repeat;}
#header .act .hea_nav .lang a{color:#575656; }
#header .hea_nav .lang a:hover{color:#EF7D1D; }

#header .hea_nav ul{float: left;}
#header .hea_nav ul li {
    float: left;
    position: relative;margin-right:69px;
}
#header .hea_nav ul li a {
    float: left;
    color: #040000;
    font-size: 14px; line-height: 33px;  
    transition: all .7s;
}
#header .hea_nav1 ul li a{ color: #fff;}
#header .hea_nav ul li.on >a {
    color: #EF7D1D !important;
}
#header .hea_nav ul li:hover>a {
    color: #EF7D1D !important;
}

#header .hea_nav ul li .ul {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 38px;
    background: #938d82;
    padding-left: 18px;
    width: 142px;
    padding-top: 15px;
    padding-bottom: 25px;
    display: none;
}

#header .hea_nav ul li .ul.else {
    left: -70px;
}

#header .hea_nav ul li.on .ul {
    opacity: 1;
}

#header .hea_nav ul li .ul:after {
    content: '';
    position: absolute;
    top: -12px;
    left: 19px;
    background: url(../images/h1.png) no-repeat center;
    width: 5px;
    height: 24px;
}


#header .hea_nav ul li .ul::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
}

#header .hea_nav ul li .ul.else:after {
    content: '';
    position: absolute;
    top: -12px;
    left: 120px;
    background: url(../images/h1.png) no-repeat center;
    width: 5px;
    height: 24px;
}

#header .hea_nav ul li .ul .li {
    width: 124px;
    height: 28px; margin: 0 !important;
}

#header .hea_nav ul li .ul .li a {
    position: relative;
    transition: all .7s;
}

#header .hea_nav ul li .ul .li:hover a {
    color: #EF7D1D;
}

#header .hea_nav ul li .ul .li a:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -6px;
    opacity: 0;
    background: url(../images/h2.png) no-repeat center;
    width: 6px;
    height: 10px;
    transition: all .7s;
}

#header .hea_nav ul li .ul .li:hover a:after {
    opacity: 1;
    right: -16px;
}

.investor .swiper2 .ct2 ul li .ma {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.investor .swiper2 .ct2 ul li h5 {
    position: absolute;
    bottom: 24px;
    left: 25px;
    font-size: 14px;
    color: #ada69a;
    line-height: 16px;
}

#header .hea_nav ul li .ul .li a {
    font-size: 14px;
    line-height: 28px;
    color: #eae0cd;
    margin-left: 0;
}

.business_tion #header .hea_nav a,
.Index3 #header .hea_nav a {
    color: #fff;
    opacity: .7;
}

#header .tips {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    width: 748px;
    margin: auto;
}

#header .head {
    height: 100%;
}

#header .head-1{
background: rgba(4, 0, 0, 0.4);
}
#header .head.act{ background: #fff !important; box-shadow:0 3px 5px rgba(0,0,0,0.1);}
#header .act .logo1 .img1{ display: block;}
#header .act .logo1 .img2{ display: none;}
#header .act .hea_nav ul li a{ color:#040000;}
#header .act .hea_nav1 .search1 a{background: url(../images/icon_seek.svg) no-repeat center;}

#headMenu {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 100%;
    max-width: 1920px;
    height: 100%;
    z-index: 500;
    background-color: #d9cbc0;
    overflow: hidden;
}

#headMenu .closeBtn {
    width: 30px;
    height: 30px;
    background: url(../images/close-btn.png) no-repeat center;
    position: absolute;
    /* right: 50px;top: 3%;*/
    right: 42px;
    top: 33px;
    margin-right: -5px;
    z-index: 400;
    cursor: pointer;
    transition: all .3s;
}


/* #headMenu .closeBtn:hover{transform: scale(1.1);}*/

#headMenu .menuCont {
    width: 100%;
    height: 100vh;
    position: relative;
}

#headMenu .Le {
    float: left;
    width: 56%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#headMenu .Ri {
    float: left;
    width: 44%;
    height: 100%;
    position: relative;
}

#headMenu .Le .shader {
    position: absolute;
    left: 50px;
    bottom: 6%;
}

#headMenu .navList .li {
    position: relative;
    cursor: default;
}

#headMenu .navList a.li {
    cursor: pointer;
}

#headMenu .navList .li .s2,
#headMenu .navList .li .s1 {
    display: inline-block;
    color: #d9cbc0;
    font-size: 80px;
    line-height: 1.3;
    letter-spacing: 8px;
    /* text-shadow: 0px 0px 2px #ece5e0;*/
}

#headMenu .navList .li .s1 {
    color: #d9cbc0;
    -webkit-text-fill-color: #d9cbc0;
    -webkit-text-stroke: 1px #ffffff52;
    position: relative;
}

#headMenu .navList .li .s2 {
    color: #fcfbfb;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .6s;
    /* clip: rect(0px, 0px, 400px, 0px);*/
    opacity: 1;
}

#headMenu .navList .li .s1::after {
    content: '';
    width: 0;
    height: 2px;
    background: #EF7D1D;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all .6s;
}

#headMenu .navList .li:hover .s1::after {
    opacity: 1;
    width: 100%;
}

#headMenu .navList.kio .li .s2 {
    opacity: 0;
}

#headMenu .navList .li.on .s2 {
    opacity: 1 !important;
    /* transition: all 1s ease-in-out;clip: rect(0px, 500px, 400px, 0px);*/
}

#headMenu .navList .li:nth-child(1) {
    transform: translateX(-110px);
}

#headMenu .navList .li:nth-child(3) {
    transform: translateX(-88px);
}

#headMenu .navList .li:nth-child(4) {
    transform: translateX(20px);
}

#headMenu .navList .li:nth-child(5) {
    transform: translateX(-159px);
}

#headMenu .navList .li:nth-child(6) {
    transform: translateX(152px);
}

#headMenu .navList .li:nth-child(7) {
    transform: translateX(-63px);
}

@media (max-width:1500px) {
    #headMenu .navList .li:nth-child(5) {
        transform: translateX(-57px);
    }
}

#headMenu .Ri .posBox {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 688px;
}

#headMenu .Ri .posBox .img {
    width: 462px;
    height: 688px;
    overflow: hidden;
    position: relative;
    /* opacity: 0;*/
    /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 89%);*/
}

#headMenu .Ri .posBox .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

#headMenu .posBox .card:nth-child(7) .img img:nth-child(7),
#headMenu .posBox .card:nth-child(6) .img img:nth-child(6),
#headMenu .posBox .card:nth-child(5) .img img:nth-child(5),
#headMenu .posBox .card:nth-child(4) .img img:nth-child(4),
#headMenu .posBox .card:nth-child(3) .img img:nth-child(3),
#headMenu .posBox .card:nth-child(2) .img img:nth-child(2),
#headMenu .posBox .card:nth-child(1) .img img:nth-child(1) {
    z-index: 20;
}


/* #headMenu .Ri .posBox .img img.kio{}*/

#headMenu .Ri .posBox .card {
    height: 688px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    /* opacity: 0;*/
    display: none;
    /* transition: all 1s;*/
}

#headMenu .Ri .posBox .card.on {
    z-index: 10;
    /* opacity: 1;*/
    display: block;
}

#headMenu .Ri .posBox .card.reOn {
    z-index: 50;
    /* opacity: 1;*/
    display: block;
}

#headMenu .Ri .posBox .card.on .img {
    display: block;
}

#headMenu .Ri .posBox .card .img img.re_koi {
    z-index: 50;
    animation: clipOut 1s forwards;
    /* clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);*/
}

.clipOut {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
    /* clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);*/
    /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);*/
    animation: clipOut 1s forwards;
    opacity: 1;
}

@keyframes clipOut {
    0% {
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
    }
    10% {
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);
    }
    100% {
        clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    }
}

.clipShow {
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);*/
    animation: clipShow 1s forwards;
    opacity: 1;
}

@keyframes clipShow {
    0% {
        opacity: 0;
        clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    }
    1% {
        clip-path: polygon(0 0, 100% 0%, 100% 15%, 0 0%);
    }
    100% {
        opacity: 1;
        /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);*/
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
    }
}

#headMenu .Ri .posBox .img img {
    min-width: 100%;
    min-height: 100%;
}

#headMenu .Ri .posBox .bor {
    width: 160px;
    /* height: 240px;*/
    height: 0;
    background-color: #d1beaf;
    position: absolute;
    left: 595px;
    bottom: 35%;
    /* transform: translateY(-50%);*/
    animation: heInx .8s .2s forwards;
}

@keyframes heInx {
    0% {
        height: 0;
    }
    100% {
        height: 240px;
    }
}

#headMenu .Ri .posBox h5 {
    color: #EF7D1D;
    font-size: 117px;
    line-height: 1;
    position: absolute;
    top: 35%;
    left: 80px;
    /* width: 1000px;*/
    width: 760px;
    line-height: 1;
    /* padding-right: 20px;*/
    letter-spacing: 12px;
    /* transform: translateY(-50%);*/
    z-index: 100;
    opacity: 0;
    animation: fadeInUp 1s forwards;
}

@media (max-width: 1920px) {
    #headMenu .Ri .posBox h5 {
        width: calc(100vw - 56vw - 80px);
    }
    #tenpay_txt .loading_box .ul {
        left: 0;
    }
    #tenpay_txt .loading_box .dian {
        left: 1%;
    }
    .news .swiper-slide .le .txt p {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}

.tipsSwiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.tact .swiper-backface-hidden .swiper-slide {
    opacity: 0;
}

.business2 .swiper-backface-hidden .swiper-slide:nth-child(even) {
    width: 485px;
}

.business .swiper-backface-hidden .swiper-slide {
    width: auto;
}

.business2 .swiper-backface-hidden .swiper-slide {
    width: 595px;
}

.swiper-backface-hidden .swiper-slide {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#yuxContent {
    height: 100vh;
    position: relative;
    /* padding-top: 214px;*/
}

#yuxContent .nuxSwiper {
    height: calc(100vh - 13vh);
    padding-top: 22vh; padding-left: 100px; padding-right: 100px;
}

.nuxSwiper .swiper-slide {
    width: 762px;
    height: 47vh;
    /* overflow: hidden;*/
    position: relative;
    cursor: default;
    -webkit-transition: height .3s;
    transition: height .3s;
    opacity: 0;
    animation: fadeInRight50 1.2s .6s forwards;
}

.nuxSwiper .swiper-slide.on {
    height: 53vh;
}


.nuxSwiper .Cont::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s;
    pointer-events: none;
    z-index: 9;
}
.nuxSwiper .swiper-slide.black_1::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
}

.nuxSwiper .swiper-slide img {
    /* width: 100%;*/
    height: 100%;
}

.nuxSwiper .card {
    width: 100%;
    height: 100%; border-radius: 24px;
    transition: all .6s;
    overflow: hidden;
    position: relative;
    z-index: 99;
}

.nuxSwiper .card .cont {
    position: absolute;
    left: 0.4rem;
    top: 0.4rem;
    z-index: 10;
    padding: 0.37rem 0.29rem;
}

.nuxSwiper .card span {
    position: relative;
    z-index: 99;
    color: #ffffff;
    font-size:18px;
    line-height:25px;
    font-weight: 600;
    position: absolute;
    left: 0.69rem;
    top: 0.53rem;
    transition: all .6s;
    overflow: hidden;
}

.nuxSwiper .card span i {
    color: #EF7D1D;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-110%);
    transition: all .6s;
}

.nuxSwiper .card span em {
    display: block;
    transition: all .6s;
    transform: translateX(0);
}
.nuxSwiper .card h3 {
    color: #ffffff;
    font-size:24px;
    line-height:35px;
    font-weight: 300;
}

.nuxSwiper .card h4 {
    color: #ffffff;
    font-size:36px;
    line-height:49px; font-weight: 700;
text-transform: uppercase;   
}
.nuxSwiper .swiper-slide.on .cont{/* background: #EF7D1D; border-radius: 5px; */}
.nuxSwiper .swiper-slide.on .card span{
    top: auto; bottom:33px;
    font-size:24px;
    line-height:33px;
}
.nuxSwiper .swiper-slide.on .card span em {
    transform: translateX(110%); 
}
.nuxSwiper .swiper-slide.on .card span i {
    transform: translateX(0); 
}
.nuxSwiper .swiper-slide.on .card h4{letter-spacing: 2px;
     color:#ffffff; font-weight: 800;transition: all .6s;
}
.nuxSwiper .swiper-slide.on .card h3{transition: all .6s;
     color:#ffffff; font-weight: 700; letter-spacing: 6px;
}
.nuxSwiper .swiper-slide:hover .card span{
	 top: auto; bottom:33px;
	 font-size:24px;
	 line-height:33px;
}
.nuxSwiper .swiper-slide:hover .card span em {
    transform: translateX(110%);
}

.nuxSwiper .swiper-slide:hover .card span i {
    transform: translateX(0);
}
.nuxSwiper .swiper-slide:hover .card h4{
     color:#E8DDD4; font-weight: 800;
}
.nuxSwiper .swiper-slide:hover .card h3{
    color:#ffffff; font-weight: 700;
}
.nuxSwiper .card:hover .reveal em {
    animation: reveal3 .1s forwards;
        color: transparent;
}

.nuxSwiper .Cont {
    width: calc(100% + 30px);
    height: 100%;
    transition: all .3s;
    transform: translateX(-15px);
    /* overflow: hidden;*/
    position: relative;
    pointer-events: none;
}

/*01*/
#yuxContent .nuxSwiper1 {
    height: calc(100vh - 13vh);
    padding-top: 22vh; padding-left:40px; padding-right: 40px;
}

.nuxSwiper1 .swiper-slide {
    width: 586px;
    height: 47vh;
    /* overflow: hidden;*/
    position: relative;
    cursor: default;
    -webkit-transition: height .3s;
    transition: height .3s;
    opacity: 0;
    animation: fadeInRight50 1.2s .6s forwards;
}
.nuxSwiper1 .swiper-slide:nth-child(4n+3) {
    /* height:49vh; */
}
.nuxSwiper1 .swiper-slide:nth-child(2n) {
    height:42vh;width:690px;
}

.nuxSwiper1 .videoBox .img1 {transition: all .6s;
 width:109%; min-width:109%; height:103%; min-height:103%; transform:translate(-4.3%,0); ms-transform:translate(-4.3%,0);
 transition: all .6s;
}
.nuxSwiper1 .card {
    width: 100%;
    height: 100%; border-radius: 24px;
    transition: all .6s;
    overflow: hidden;
    position: relative;
    z-index: 99;
}

.nuxSwiper1 .card .cont {
    position: absolute;
    left: 0.4rem;
    top: 0.4rem;padding: 0.4rem 0.26rem 0.3rem 0.26rem;
    z-index: 10; border-radius: 3px;
	transition: all .6s;
}


.nuxSwiper1 .card span {
    position: relative;
    z-index: 99;
    color: #ffffff;
    font-size:18px;
    line-height:25px;
    font-weight: 600;
    position: absolute;
    left: 0.6rem;
    top: 0.53rem;
    transition: all .6s;
    overflow: hidden;
}

.nuxSwiper1 .card span i {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-110%);
    transition: all .6s;
}

.nuxSwiper1 .card span em {
    display: block;
    transition: all .6s;
    transform: translateX(0);
	font-weight: 600;
}
.nuxSwiper1 .card h3 {
    color: #ffffff;
    font-size:24px;
    line-height:35px;
    font-weight: 300;
transition: all .6s;
}

.nuxSwiper1 .card h4 {
    color: #ffffff;
    font-size:36px;
    line-height:49px; font-weight: 700;
text-transform: uppercase;   
}
.nuxSwiper1 .swiper-slide:hover .cont{/* background:#EF7D1D; */}
.nuxSwiper1 .swiper-slide.on .card span{ left:0.76rem;}
.nuxSwiper1 .swiper-slide.on .card span em {
    transform: translateX(110%); 
}
.nuxSwiper1 .swiper-slide.on .card span i {
    transform: translateX(0); 
}
.nuxSwiper1 .swiper-slide.on .card h4{
  /*   letter-spacing: 2px; */transition: all .6s;
}
.nuxSwiper1 .swiper-slide.on .card h3{
     letter-spacing: 6px;
}
.nuxSwiper1 .swiper-slide:hover .card span{ left:0.76rem;}
.nuxSwiper1 .swiper-slide:hover .card span em {
    transform: translateX(110%);
}

.nuxSwiper1 .swiper-slide:hover .card span i {
    transform: translateX(0);
}
.nuxSwiper1 .swiper-slide:hover .card h3{
     letter-spacing: 6px;
}
.nuxSwiper1 .card:hover .reveal em {
    animation: reveal3 .1s forwards;   color: transparent;
}
.nuxSwiper1 .swiper-slide.on .cont{padding: 0.5rem 0.36rem 0.3rem 0.36rem;}
.nuxSwiper1 .swiper-slide:hover .cont{padding:  0.5rem 0.36rem 0.3 0.36rem;}
.nuxSwiper1 .swiper-slide.on .videoBox .img1{
 transform:translate(-1.3%,-1%); ms-transform:translate(-1.3%,-1%);
}
.nuxSwiper1 .swiper-slide:hover .videoBox .img1{
 transform:translate(-1.3%,-1%); ms-transform:translate(-1.3%,-1%);
}
.nuxSwiper1 .Cont {
    width: 100%;
    height: 100%;
    transition: all .3s;
    /* overflow: hidden;*/
    position: relative;
    pointer-events: none;
}
/*01*/


.nuxSwiper .videoBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nuxSwiper .bgg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
}

.nuxSwiper .videoBox video {
    float: left;
    width: 100%;
    height: 100%;
    /* height: auto; */
    object-fit: cover;
}
.nuxSwiper .videoBox img {
    float: left;
    width: 100%;
    height: 100%;
    /* height: auto; */
    object-fit: cover;
}
/*01*/

.nuxSwiper1 .videoBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nuxSwiper1 .videoBox video {
    float: left;
    width: 100%;
    height: 100%;
    /* height: auto; */
    object-fit: cover;
}
/*01*/
.Ri-new {
    position: relative;
    padding-top:32px;
    float: right;
    width: 100%;
    transition: all .7s;
}

.Ri-new h3 {
    position: absolute;
    right: 0;
    top:0; color:#EF7D1D;
    font-size: 16px; line-height:24px;
    font-weight:400;
    text-align: right;
    padding-left:24px;
    display: inline-block;
}

.Ri-new h3:after {
    content: '';
    position: absolute;
    top: 0;
    left:0;
    height: 100%;
    width:20px;
    background: url(../images/new.svg) no-repeat left center; background-size:100% auto;
}

.Ri-new .swiper-new {
    height: 21px;
    overflow: hidden;
    width: auto;
}
.Ri-new .swiper-new .swiper-wrapper{ flex-direction: column;}
.Ri-new .swiper-slide {
    width: 100%;
    height: 100% !important;
    color:#A49A91; overflow: hidden;
}

.Ri-new .swiper-slide a {
    width: 100%;
    text-align: right;
    font-size: 14px;color:#A49A91;
     line-height: 21px;
	 font-weight:350;
}
.Ri-new .swiper-slide a:hover {
   color:#EF7D1D;

}

.investor .swiper2 .swiper-pagination-bullet {
    outline: none;
}

.next_page .swiper-pagination .swiper-pagination-bullet {
    outline: none;
}



.news .swiper2 {
    padding-left: 40px;
    padding-right: 50px;
}

.news .swiper-slide .le {
    background: #fff;
    width: 49.4%;
    height: 50vh;
    float: left;
    padding-top: 5vh;
    padding-left: 50px;
    padding-right: 40px;
    position: relative;
}

.news .swiper-slide .le:nth-child(2) {
    float: right;
    height: 60vh;
    padding-left: 40px;
    padding-right: 20px;
}

.news .swiper-slide .le:nth-child(2) .list {
    height: 44vh;
}

.news .bt {
    padding-top: 45px;
}

.news .bt .mySelect {
    display: inline-block;
    float: right;
    position: relative;
    height: 57px;
    width: 150px;
    display: block;
}

.news .bt .mySelect .show {
    font-size: 20px;
    padding-left: 24px;
    line-height: 57px;
    background: #f6f2eb;
    border-radius: 50px;
    z-index: 99999;
}

.news .bt .mySelect .drapList {
    top: 33px;
    padding-top: 23px;
}

.news .bt .mySelect .show::after {
    top: 47%;
    right: 20px;
    background: url(../images/bt2.png) no-repeat center;
}

.news .bt .input {
    position: relative;
    margin-left: 10px;
    display: inline-block;
    float: right;
    width: 348px;
    height: 57px;
    background: #f6f2eb;
    border-radius: 50px;
    overflow: hidden;
    padding-left: 20px;
}

.news .bt .input input {
    height: 100%;
    width: 60%;
}

.news .bt .input button {
    position: absolute;
    top: 4px;
    right: 3px;
    width: 50px;
    height: 50px;
    background: url(../images/button.png) no-repeat;
}

.news .swiper-slide .le .main {
    overflow: hidden;
    padding-bottom: 50px;
    border-bottom: 1px solid #efefef;
}

.news .swiper-slide .le .main a {
    height: 100%;
}

.news .swiper-slide .le .img {
    width: 43%;
    height: 46%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    float: left;
}

.news .swiper-slide .le .img img {
    transition: all .7s;
}

.news .swiper-slide .le .img:hover img {
    transform: scale(1.2);
}

.news .swiper-slide .le .txt {
    float: right;
    width: 52%;
}

.news .swiper-slide .le:first-child .txt h3 {
    font-size: 20px;
    color: #776f61;
    line-height: 26px;
    font-weight: 600;
}

.news .le .top {
    position: relative;
    margin-right: 40px;
    padding-bottom: 12px;
    border-bottom: 1px solid #efefef;
}

.news .le .p p:last-child {
    margin-bottom: 0;
}

.news .le .p {
    height: 440px;
    overflow: auto;
    padding-right: 40px;
    padding-top: 18px;
}

.news .le .p p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 22px;
    color: #a6a4a0;
}

.news .le .p p img {
    width: 100%;
}

.bshare-custom .bshare-weixin {
    background: url(../images/fter-le.png) no-repeat !important;
    width: 23px;
    height: 19px;
    display: none !important;
}

.bshare-custom .wb {
    background: url(../images/fter-le2.png) no-repeat !important;
    display: inline-block;
    width: 24px;
    height: 19px;
}

.bshare-custom a {
    padding-left: 0 !important;
    display: inline-block;
}

.news .le .top h3 {
    font-size: 20px;
    line-height: 26px;
    color: #776f61;
    font-weight: 600;
}

.news .le .top h4 {
    font-size: 20px;
    color: #EF7D1D;
    line-height: 1;
    margin-top: 10px;
}
.news .le .top p{
        font-size: 14px;
        color: #a6a4a0;
        margin-top: 5px;
}
.news .le .top .icon {
    position: absolute;
    bottom: 17px;
    right: 0;
}

.news .le .top .icon div {
    float: left;
    margin-left: 13px;
}

.news.news_nei .swiper-slide .le:first-child .txt h3 {
    font-weight: normal;
}

.news .swiper2 {
    position: relative;
}

.news .swiper2 .more {
    font-size: 14px;
    color: #3c3c3c;
    position: absolute;
    bottom: 4vh;
    right: 60px;
    padding-left: 24px;
    cursor: pointer;
}

.news .swiper2 .list {
    width: 100%;
    height: 38vh;
    overflow-y: auto;
    padding-right: 40px;
}

.news .swiper2 .more:after {
    content: '';
    position: absolute;
    left: 0;
    width: 18px;
    height: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/dian.png) no-repeat center;
    transition: all .7s;
}

.news.news_nei .swiper2 .swiper-slide .le:after {
    display: none;
}

.news .swiper2 .swiper-slide .le:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #f7f3f0;
    opacity: .4;
}

.news .swiper2 .swiper-slide.swiper-slide-active .le:after {
    opacity: 0;
    z-index: -99;
}

.news .swiper2 .title {
    font-size: 18px;
    color: #7c756c;
    font-weight: 600;
    margin-bottom: 30px;
}

.news .swiper2 .swiper-pagination {
    top: -38px;
    width: auto;
    left: 40px;
    height: 30px;
}

.news .le .p img {
    display: block;
    margin: 0 auto;
}

.news .swiper2 .swiper-pagination-bullet {
    width: auto;
    height: auto;
    background: transparent;
    font-size: 18px;
    color: #cac3be;
    opacity: 1;
    font-weight: 400;
    margin-right: 18px;
    margin-left: 0;
}

.news .swiper2 .swiper-pagination-bullet:last-child {
    display: none;
}

.news .swiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #333333;
}

.news .swiper2 .list .li {
    position: relative;
    padding-top: 28px;
    padding-bottom: 28px;
    width: 100%;
}

.news .swiper2 .list .li a {
    overflow: hidden;
}

.news .swiper2 .list .li:first-child {
    padding-top: 0;
}

.news .swiper2 .list .li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #efefef;
}

.news .swiper2 .list .li .time {
    float: left;
    color: #d6bfa4;
    font-size: 16px;
    line-height: 18px;
}

.news .swiper2 .list .li .txt {
    padding-left: 40px;
    float: left;
    /* padding-right: 50px; */
    width: 88%;
}

.news .swiper2 .list .li .txt h3 {
    color: #9e9990;
    font-size: 18px;
    line-height: 26px;
    /* margin-bottom: 10px; */
}

.news .swiper2 .list .li .enter {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    width: 8px;
    height: 14px;
    background: url(../images/in/enter.png) no-repeat center;
    transition: all .7s;
}

.news .swiper2 .list .li:hover .enter {
    background: url(../images/in/enter2.png) no-repeat center;
}

.news .swiper2 .list .li .enter:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 1px;
    width: 0px;
    height: 2px;
    background: #d1d1d1;
    transition: all .7s;
}

.news .swiper2 .list .li:hover .enter:after {
    width: 20px;
    background: #333333;
}

.news .swiper2 .list .li:hover .time {
    color: #EF7D1D;
}

.news .swiper-slide .le .txt h4 {
    font-size: 20px;
    color: #EF7D1D;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 7px;
}

.news .swiper-slide .le .txt p {
    font-size: 14px;
    line-height: 22px;
    color: #a6a4a0;
}

.nuxSwiper .posBox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    display: flex;
    justify-content: start;
    align-items: center;
    /* padding: 0 75px;*/
    /* transition: all .3s;*/
    user-select: none;
    opacity: 1;
}

.nuxSwiper .posBox p {
    width: 470px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.nuxSwiper .bg {
    background-color: #EF7D1D;
    background-repeat: no-repeat;
    background-position: center bottom;
    /* background-size: 100% auto;*/
    width: 100%;
    /* width: calc(100% + 30px);transform: translateX(-15px);*/
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    transition: all .6s;
    opacity: 1;
}

.nuxSwiper .posBox p {
    color: #FFF;
    line-height: 24px;
}

.nuxSwiper .swiper-slide:hover .bg,
.nuxSwiper .swiper-slide:hover .posBox {
    opacity: 0;
}
.nuxSwiper {
    overflow: visible;
}

/*01*/
.nuxSwiper1 .posBox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    display: flex;
    justify-content: start;
    align-items: center;
    /* padding: 0 75px;*/
    /* transition: all .3s;*/
    user-select: none;
    opacity: 1;
}

.nuxSwiper1 .posBox p {
    width: 470px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.nuxSwiper1 .bg {
    background-color: #EF7D1D;
    background-repeat: no-repeat;
    background-position: center bottom;
    /* background-size: 100% auto;*/
    width: 100%;
    /* width: calc(100% + 30px);transform: translateX(-15px);*/
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    transition: all .6s;
    opacity: 1;
}

.nuxSwiper1 .posBox p {
    color: #FFF;
    line-height: 24px;
}

.nuxSwiper1 .swiper-slide:hover .bg,
.nuxSwiper1 .swiper-slide:hover .posBox {
    opacity: 0;
}
.nuxSwiper1 {
    overflow: visible;
}
/*01*/

.nuxList {
    width: calc(100% - 880px);
    /* height: 240px;*/
    /* height: 176px;*/
    height: 19vh;
    margin: auto;
    /* display: flex;justify-content: space-between;*/
    user-select: none;
}

.nuxList .btn {
    display: flex;
    margin-top: 40px;
}

.nuxList .prev,
.nuxList .next {
    width: 48px;
    height: 40px;
    margin-right: 13px;
    transition: all .3s;
    cursor: pointer;
    outline: none;
}

.nuxList .prev {
    background: url(../images/yux-prev.png) no-repeat 0 0;
}

.nuxList .next {
    background: url(../images/yux-next.png) no-repeat 0 0;
}

.nuxList .prev:hover {
    background: url(../images/yux-prev-on.png) no-repeat 0 0;
}

.nuxList .next:hover {
    background: url(../images/yux-next-on.png) no-repeat 0 0;
}

.nuxList .list {
    position: relative;
    /* width: calc(100% - 150px);*/
    /* height: 324px;*/
    height: 27vh;
}

.nuxList .list .li {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
}


/* .nuxList .list .ltBox{width: 100%;}*/

.nuxList .list .lt1 {
    display: none;
}

.nuxList .list .lt2 {
    display: none;
}

.nuxList .list h2 {
    color: #333333;
    font-size: 22px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.nuxList .list h3 {
    color: #333333;
    font-size: 120px;
    margin-bottom: 6px;
    /* line-height: 100px;*/
    line-height: .84;
    /* text-transform: uppercase;*/
    letter-spacing: 10px;
    text-align: center;
    /* overflow: hidden;*/
    position: relative;
}

.nuxList .list h3 span {
    display: flex;
    flex-wrap: nowrap;
}

.nuxList .list h3 em {
    display: inline-block;
    line-height: .84;
}

.reveal1 em {
    animation: reveal1 .1s forwards;
    color: transparent;
}

.reveal2 em {
    animation: reveal2 .1s forwards;
    color: transparent;
}

.reveal5 em {
    animation: reveal5 .1s forwards;
    color: transparent;
}

.reveal4 em {
    animation: reveal4 .1s forwards;
    color: transparent;
}

.reveal6 em {
    animation: reveal6 .1s forwards;
    color: transparent;
}

@keyframes reveal1 {
    from {
        /* opacity: 1;*/
        background-color: #EF7D1D;
        color: transparent;
    }
    to {
        color: #333333;
        /* opacity: 1;*/
        background-color: transparent;
    }
}

@keyframes reveal2 {
    from {
        /* opacity: 1;*/
        background-color: #EF7D1D;
        color: transparent;
    }
    to {
        color: #333333;
        /* opacity: 1;*/
        background-color: transparent;
    }
}

@keyframes reveal5 {
    from {
        background-color: #EF7D1D;
        color: transparent;
    }
    to {
        color: #EF7D1D;
        background-color: transparent;
    }
}

@keyframes reveal6 {
    from {
        background-color: #EF7D1D;
        color: transparent;
    }
    to {
        color: #e6dec9;
        background-color: transparent;
    }
}

@keyframes reveal4 {
    from {
        background-color: #EF7D1D;
        color: transparent;
    }
    to {
        color: #FFF;
        background-color: transparent;
    }
}

.nux-pagination {
    color: #333333;
    font-size: 30px;
    line-height: 1;
    
    padding-top: 35px;
}

.home_scroll {
    width: 2px;
    height: 100px;
    position: absolute;
    left: 50%;
    bottom: -50px;
    opacity: 0;
    overflow: hidden;
}

.nuxSwiper .swiper-slide.swiper-slide-active:hover .home_scroll {
    opacity: 1;
}
/*01*/
.nuxSwiper1 .swiper-slide.swiper-slide-active:hover .home_scroll {
    opacity: 1;
}
/*01*/

.home_scroll:after {
    content: '';
    width: 2px;
    height: 100px;
    background-color: #fe6700;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: a_banner_s_line 1.5s linear infinite;
    -webkit-animation: a_banner_s_line 1.5s linear infinite;
    z-index: 2;
}

@keyframes a_banner_s_line {
    0% {
        opacity: 1;
        transform: translateY(-60%)
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 1;
        transform: translateY(100%)
    }
}

.bomFooter { float: left; width:50%;}
@media screen and (max-width:1440px) {
.bomFooter { width:60%;}
}	
.bomFooter .Copyright{
    color:#A49A91;
    font-size: 14px; margin-top:10px;
    line-height: 21px;
}
.bomFooter .Copyright p{line-height: 21px;}
.bomFooter .Copyright a {
    display: inline-block;color:#A49A91;
}
.bomFooter .Copyright a:hover{color:#EF7D1D;}

.bomFooter .logo {
     display: block;
}

.bomFooter .logo:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.bomFooter .logo a {
    width: 24px; position: relative;
    height: 24px; line-height: 0;
    float: left;
    margin-right: 10px;
}
.bomFooter .logo .ico{ width: 100%;}
.bomFooter .logo .lg1:hover .ma{
    opacity: 1;
}
.bomFooter .logo .lg1 .ma{
    opacity: 0;
    position: absolute;
    left:50%; margin-left: -60px;
    bottom: 40px; width: 120px; background:#D4D4D4; padding: 10px; border-radius: 4px;
    user-select: none;
    transition: all .4s;
	box-shadow: 0px 0px 0px 0px rgba(69, 69, 69, 0.1),0px 7px 15px 0px rgba(69, 69, 69, 0.1);
	-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
		-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
		transition: all 500ms cubic-bezier(.5, 1, .4, 1);
		-webkit-transform-origin:50% 90%;
		-moz-transform-origin:50% 90%;
		-ms-transform-origin:50% 90%;
		-o-transform-origin:50% 90%;
		transform-origin:50% 90%;
		-webkit-transform: translateY(0) scale(0);
		-moz-transform: translateY(0) scale(0);
		-ms-transform: translateY(0) scale(0);
		-o-transform: translateY(0) scale(0);
		transform: translateY(0) scale(0)
}
.bomFooter .logo .lg1 .ma::after{ display: block; content:''; position: absolute; left:50%; top:100%; margin-left:-8px; border-left: 8px solid transparent; border-right:8px solid transparent;border-top: 9px solid #D4D4D4; }
.bomFooter .logo .lg1 .ma img{ width: 100%;}
.bomFooter .logo .lg1:hover .ma{
opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
}

.bomFooter .Le {
    float: left;
   width: 100%;}

.bomFooter .Ri {
    float: right;
    padding-right: 50px;
}

.bomFooter .cont {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    line-height: 1;
}

.bomFooter .cont .txt {
    display: inline-block;
    padding-top: 18px;
    border-top: 2px solid #efecea;
}

#content {
    padding-top: 100px;
    height: calc(100vh - 15vh);
}

#content.investor {
    height: calc(100vh - 12vh);
    padding-left: 51px;
}

.investor .topTitle {
    position: absolute;
    right: 0;
    height: 120px;
    width: 100%;
    text-align: right;
    padding: 0 50px;
}

.topTitle {
    height: 120px;
    text-align: right;
    padding: 0 50px;
}

.topTitle h2 {
    color: #333333;
    font-size: 70px;
    line-height: 1;
    
}

.topTitle h1 {
    color: #333333;
    font-size: 22px;
    line-height: 1;
    
    font-weight: bold;
}

.swiper {
    overflow: inherit !important;
}

.tuxSwiper .swiper-slide a {
    width: 100%;
    height: 100%;
}

.tuxSwiper .swiper-slide {
    position: relative;
    user-select: none;
    overflow: hidden;
    height: calc(100vh - 100px - 120px - 15vh - 70px - 10vh);
    width: auto;
    opacity: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
}

.tuxSwiper .swiper-slide .videoBox {
    width: 34vw;
    height: 100%;
    width: 600px;
    width: auto;
    overflow: hidden;
    position: relative;
}

.tuxSwiper .swiper-slide .videoBox video {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    /* margin-left: -10%;*/
}

.tuxSwiper .swiper-slide .opacity {
    opacity: 0;
    position: relative;
    z-index: -1;
}

.tuxSwiper .swiper-slide .videoBox.posVidoe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


/* .tuxSwiper .swiper-slide.animated{opacity: 1;}*/

.tuxSwiper .swiper-slide:nth-child(2n+1) {
    /* height: 54vh; */
    height: calc(100vh - 100px - 120px - 15vh - 70px);
    width: 24vw;
}

.tuxSwiper .swiper-slide .card img {
    height: 100%;
    transition: transform 1s;
    transform: scale(1);
    width: 100%;
}

.tuxSwiper .swiper-slide:hover .card img {
    transform: scale(1.07);
}

.tuxSwiper .swiper-slide .pos {
    display: none;
    overflow: auto;
    background-color: #ead8ca;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 200;
    transition: all .6s;
    padding: 70px 40px 0;
}

.tuxSwiper .swiper-slide .pos::-webkit-scrollbar {
    width: 4px;
    height: 2px;
    /*background-color:rgba(210, 210, 210, 0.48);*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}

.tuxSwiper .swiper-slide .pos h5 {
    color: #333333;
    font-size: 36px;
    line-height: 40px;
}

.tuxSwiper .swiper-slide .pos h5::after {
    content: "";
    display: block;
    width: 84px;
    height: 0;
    border-top: 1px solid #ccb6a4;
    margin: 26px 0;
}

.tuxSwiper .swiper-slide .pos p {
    color: #8e7f74;
    line-height: 24px;
}

.tuxSwiper .card {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all .6s;
}

.tuxSwiper .card .cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 70px 40px 0;
}

.tuxSwiper .card .cont:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #000;
    opacity: .2;
}

.tuxSwiper .card span {
    position: relative;
    z-index: 999;
    color: #ffffff;
    font-size: 50px;
    line-height: 1.2;
    
    position: absolute;
    right: 16px;
    bottom: 8px;
    transition: all .6s;
    overflow: hidden;
}

.tuxSwiper .card span i {
    color: #EF7D1D;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-110%);
    transition: all .6s;
}

.tuxSwiper .card span em {
    display: block;
    transition: all .6s;
    transform: translateX(0);
}

.tuxSwiper .swiper-slide:hover .card span em {
    transform: translateX(110%);
}

.tuxSwiper .swiper-slide:hover .card span i {
    transform: translateX(0);
}

.tuxSwiper .card h3 {
    position: relative;
    z-index: 99;
    color: #fffffe;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
}

.tuxSwiper .card:hover .reveal em {
    animation: reveal3 .1s forwards;
    color: transparent;
}

@keyframes reveal3 {
    from {
        /* opacity: 1;*/
        background-color: #EF7D1D;
        color: transparent;
    }
    to {
        color: #fff;
        /* opacity: 1;*/
        background-color: transparent;
    }
}

.tuxSwiper .card h4 {
    position: relative;
    z-index: 99;
    color: #ffffff;
    font-size: 50px;
    line-height: 42px;
    
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: -3px;
    margin-left: -3px;
}


/* .tuxSwiper .swiper-slide.active .pos{display: block;}*/


/* .tuxSwiper .swiper-slide.active .card{width: 584px;height: 497px;}*/

.pop-FRight {
    display: none;
    width: 100%;
    height: 100%;
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99999;
}

.ix-ft {
    /* height: 15vh;
    min-height: 110px; */
    padding:26px 40px;
    position: absolute; 
    right: 0;
    bottom: 0;   
    z-index: 9999;
    overflow: hidden;
    width: 50%;
}

#footer {
    max-width: 1920px;
    padding: 16px 40px;
    position: fixed;
    left: 0;
	right: 0;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 999;
}
#footer1 { width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 16px 40px;
}
.pop-FRight var {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: .6;
}

.pop-FRight .pop-cont {
    width: 859px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    /* right: 50px;*/
    right: 0;
    top: 0;
    /* top: 57px;*/
    padding: 85px 40px 60px 0;
    bottom: 0;
    z-index: 200;
}

.pop-FRight .pop-cont::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    /*background-color:rgba(210, 210, 210, 0.48);*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}

.pop-FRight .close {
    cursor: pointer;
    position: absolute;
    left: 36px;
    top: 36px;
    z-index: 600;
    transition: all .7s;
}

.pop-FRight .close:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#content.about_d {
    overflow: hidden;
}

#content.about_d>.swiper-wrapper:before {
    content: '';
    width: 247px;
    height: 282px;
    background: url(../images/test/ico23.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -66px;
    left: 0;
}

.about_scroll {
    padding-top: 100px;
}

.about_d .topTitle {
    padding: 0;
    margin-right: -20px;
    text-align: left;
}

.about_d .topTitle h2 {
    font-size: 80px;
    letter-spacing: 8px;
}

.about_d .slide .text:before {
    content: '';
    width: 30px;
    height: 29px;
    background: url(../images/test/ico21.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
}

.about_d .slide .text:after {
    content: '';
    width: 83px;
    height: 36px;
    background: url(../images/test/ico22.png) no-repeat center;
    position: absolute;
    bottom: 18px;
    right: 0;
}

.about_d .slide .text {
    position: relative;
    padding: 20px 0 38px 20px;
    margin-top: 14px;
    max-width: 309px;
}

.about_d .slide .text p {
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    margin-bottom: 20px;
    /* font-weight: bold; */
}

.about_d .slide {
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.about_d .swiper-slide-active .slide {
    opacity: 1;
}

.about_d .slide .swiper-slide {
    opacity: 0;
    width: auto !important;
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    padding-top: 20px;
}

.body_ie .about_d .slide {
    opacity: 1;
}

.body_ie .about_d .slide .swiper-slide {
    opacity: 1;
    clip-path: none;
}

.about_d .slide .swiper-slide .item {
    width: 366px;
    position: relative;
    height: 77%;
    overflow: hidden;
}

.about_d .slide .swiper-slide .floatBg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5eae5;
    padding: 20px;
    overflow-y: auto;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-filter: Alpha(opacity=0);
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.about_d .slide .swiper-slide .floatUp {
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.about_d .slide .swiper-slide .floatBg h3 {
    font-size: 26px;
    color: #EF7D1D;
    line-height: 40px;
    margin-bottom: 4px;
}

.about_d .slide .swiper-slide .floatBg p {
    font-size: 13px;
    color: #93847e;
    line-height: 20px;
    margin-bottom: 18px;
}

.about_d .slide .swiper-slide .floatBg p:last-child {
    margin: 0;
}

.about_d .slide.slide1 .swiper-slide:first-child {
    opacity: 1;
    clip-path: none;
    width: 398px;
    display: block;
}

.floatUp .img {
    width: 140px;
    margin-right: 8px;
}

.floatUp .img img {
    height: auto !important;
    max-width: 100%;
}

.about_d .slide .swiper-slide .floatBg .floatUp h3 {
    font-size: 26px;
    line-height: 1.1;
    margin: 0;
}

.floatUp h3 em {
    
    font-size: 22px;
    color: #e6d8d1;
    text-transform: uppercase;
    letter-spacing: -2px;
    display: block;
    margin-top: 4px;
}

.about_d .slide .up {
    position: relative;
}

.about_d .slide .img img {
    height: 44.18356vh;
}

.about_d .slide .num {
    position: absolute;
    right: 0;
    top: 1px;
    
    font-size: 116px;
    color: #fff;
    z-index: -1;
    line-height: .7;
    letter-spacing: -4px;
}

.about_d .slide .icon_d {
    width: 9px;
    height: 9px;
    background-color: #aeaca8;
    margin: 25px 0 6px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.about_d .slide .icon_y {
    width: 31px;
    height: 30px;
    background: url(../images/contact/icon_y.png) no-repeat;
    margin-top: 18px;
    position: absolute;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    left: 0;
    bottom: 10px;
}

.about_d .slide .up,
.about_d .slide .introduce {
    max-width: 330px;
}

.about_d .slide .introduce h3 {
    font-size: 26px;
    color: #EF7D1D;
    line-height: 40px;
    margin-bottom: 4px;
}

.about_d .slide .introduce h3 em {
    
    font-size: 28px;
    color: #e6d8d1;
    text-transform: uppercase;
    margin-left: 8px;
    letter-spacing: -2px;
}

.about_d .slide .introduce p {
    font-size: 14px;
    color: #908b88;
    line-height: 20px;
    height: 60px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.about_d .slide .swiper-slide:hover .floatBg {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-filter: Alpha(opacity=100);
}

.about_d .slide .swiper-slide:hover .icon_d {
    background-color: #333333;
}


/* .about_d .slide .swiper-slide:hover .icon_y { background: url(../images/contact/_icon_y.png) no-repeat;margin-left: 18px;} */

.w-100 {
    width: 100px !important;
}

.about_d .slide .swiper-scrollbar {
    left: 0;
    opacity: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 0;
    height: 5px;
    display: none;
}

.about_d .slide .swiper-scrollbar-drag {
    border-radius: 0;
    background-color: #EF7D1D;
}

.iconFloat {
    height: 50px;
    position: absolute;
    right: 40px;
    bottom: 40px;
    margin: 0 auto;
    z-index: 9999;
    overflow: hidden;
    width: 50px;
}

#footer .icon_return {
    bottom: 40px;
    right: 40px;
}

.icon_return {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 50px;
    height: 50px;
    background: #ffb632;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .7s;
    overflow: hidden;
}

.icon_return:hover:before {
    left: -100px;
}

.icon_return:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icon_return.png) no-repeat center;
    transition: all .7s;
}

.icon_return:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100px;
    width: 100%;
    height: 100%;
    background: url(../images/icon_return.png) no-repeat center;
    transition: all .7s;
}

.icon_return:hover:after {
    left: 0px;
}

.about_d2:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #E5D9D0;
    position: absolute;
    top: 50%;
    margin-top: 37px;
    left: 0;
}

.about_d2 .swiper-slide .ani {
    height: 100%;
}

.about_d2 {
    position: relative;
}

.about_d2 .topTitle {
    position: absolute;
    top: 1.49rem;
    left:0; width: 100%; max-width: 1920px; padding: 0 76px;
    z-index: 12;
}
.about_d2 .topTitle h2 { font-weight: 700; color: #040000;
    font-size: 0.72rem; line-height: 0.98rem;
    letter-spacing:0.04rem;
}
.about_d2 .topTitle h4 { font-weight: 700; color:#575656;
    font-size:20px; line-height:29px; margin-top: 8px;
   padding-right: 0.87rem;
}
.about_d2 .topTitle h1 {font-weight: 700; color:#454545;
    font-size:22px; line-height:25px;
	 padding-right: 0.87rem;
}

.about_d2 .Box {
    width: auto;
    height: 100%;
    display: inline-flex;
    align-items: center;
    margin: auto;
    position: relative;
}

.about_d2 .Box .l {
    position: absolute;
    width: 2.9rem;
    height: 5.8rem;
    top: 0;
    left: 0;
    overflow: hidden;
    border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    -ms-border-radius: 15px 0 0 15px;
    -o-border-radius: 15px 0 0 15px;
}

.about_d2 .Box .r {
    position: absolute;
    width: 2.9rem;
    height: 5.8rem;
    top: 0;
    right: 0;
    overflow: hidden;
    border-radius: 0 15px 15px 0;
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    -ms-border-radius: 0 15px 15px 0;
    -o-border-radius: 0 15px 15px 0;
}

.about_d2 .Box .l:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width:  5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #EF7800;
    border-color: transparent #EF7800 #EF7800 transparent;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.about_d2 .Box .r:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #EF7800;
    border-color: #EF7800 transparent transparent #EF7800;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.about_d2 .swiper-slide-active .Box .l:after {
    -webkit-animation: circle_right 5s linear 1 forwards;
    -moz-animation: circle_right 5s linear 1 forwards;
    -o-animation: circle_right 5s linear 1 forwards;
    animation: circle_right 5s linear 1 forwards;
}

.about_d2 .swiper-slide-active .Box .r:after {
    -webkit-animation: circle_right 4.9s 2.5s linear 1 forwards;
    -moz-animation: circle_right 4.9s 2.5s linear 1 forwards;
    -o-animation: circle_right 4.9s 2.5s linear 1 forwards;
    animation: circle_right 4.9s 2.5s linear 1 forwards;
}

.about_d2 .Box .Box_line {
    content: '';
    width: 5.8rem;
    height:  5.8rem;
    /*border: 1px solid #EF7D1D;*/
    position: absolute;
    left: 5.3rem;
    top: 50%;
    z-index: -1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-top: -3.02rem;
    /*animation: h_animation6 16s linear infinite; -webkit-animation: h_animation6 16s linear infinite; */
    transform: rotate(-90deg);
}

.about_d2 .Box .img {
    width: 7.27rem;
    height: 4.85rem;
    background: no-repeat center;
    background-size: cover;
    margin-right: 0.6rem;
    position: relative;
}

.about_d2 .Box .h3 {
    font-weight: 700;
    font-size: 2.09rem;
    color: #EF7800;
    line-height: .8;
    letter-spacing:0;
    text-align: left;
}

.about_d2 .Box .p {font-weight: 400;
    font-size: 14px;
    color: #575656;
    line-height: 20px;
    padding-top:25px; padding-left: 14px;
}

.about_d2 .slide_btn { z-index: 10;
    position: absolute;
    width: 52px;
    height: 2.42rem;
    background: url(../images/right1.svg) center no-repeat #E5D9D0  !important; background-size:24px 24px !important;
    margin: 0;
}
.about_d2 .slide_btn:hover{background: url(../images/right2.svg) center no-repeat #E5D9D0  !important;}
.about_d2 .slide_btn.swiper-button-prev { transform: rotateY(180deg); -ms-transform: rotateY(180deg);
    top: 50%; left:auto; right:40px;margin-top: -1.21rem;
}
.about_d2 .slide_btn.swiper-button-next {
    right:40px;margin-top:1.21rem;
}

.about_d2 .slide_btn:after {
    display:none;
}

.about_d2 .float {
    position: absolute;
    top: 50%;
    left: 40px;
    margin-top: 30px;
    z-index: 12;
}

.about_d2 .num+.num {
    display: none;
}

.about_d2 .num { font-family: Arial;
    font-weight: 700;
    font-size: 20px;
    color: #575656;
    line-height: .8;
}

.about_d2 .num em {
    color: #EF7800;
	font-weight: 700;
}

.about_d2 .swiper-slide .ani {
    display: none;
}

.swiper-slide .ani {
    width: 100%;
    text-align: center;
}

.swiper-slide.swiper-slide-active .ani {
    display: block;
}

@-webkit-keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
    50%,
    100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}

@keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
    50%,
    100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}

.circle_right {
    -webkit-animation-name: circle_right;
    animation-name: circle_right
}

@-webkit-keyframes h_animation6 {
    0% {
        transform: translate(0, 0) rotate(45deg);
        -webkit-transform: translate(0, 0) rotate(45deg);
    }
    15% {
        transform: translate(29px, 45px) rotate(90deg);
        -webkit-transform: translate(29px, 45px) rotate(90deg);
        -moz-transform: translate(29px, 45px) rotate(90deg);
        -ms-transform: translate(29px, 45px) rotate(90deg);
        -o-transform: translate(29px, 45px) rotate(90deg);
    }
    50% {
        transform: translate(-10px, 32px) rotate(135deg);
        -webkit-transform: translate(-10px, 32px) rotate(135deg);
        -moz-transform: translate(-10px, 32px) rotate(135deg);
        -ms-transform: translate(-10px, 32px) rotate(135deg);
        -o-transform: translate(-10px, 32px) rotate(135deg);
    }
    75% {
        transform: translate(23px, 25px) rotate(235deg);
        -webkit-transform: translate(23px, 25px) rotate(235deg);
        -moz-transform: translate(23px, 25px) rotate(235deg);
        -ms-transform: translate(23px, 25px) rotate(235deg);
        -o-transform: translate(23px, 25px) rotate(235deg);
    }
    100% {
        transform: translate(0, 0) rotate(45deg);
        -webkit-transform: translate(0, 0) rotate(45deg);
    }
}

@keyframes h_animation6 {
    0% {
        transform: translate(0, 0) rotate(45deg);
        -webkit-transform: translate(0, 0) rotate(45deg);
    }
    15% {
        transform: translate(29px, 45px) rotate(90deg);
        -webkit-transform: translate(29px, 45px) rotate(90deg);
        -moz-transform: translate(29px, 45px) rotate(90deg);
        -ms-transform: translate(29px, 45px) rotate(90deg);
        -o-transform: translate(29px, 45px) rotate(90deg);
    }
    50% {
        transform: translate(-10px, 32px) rotate(135deg);
        -webkit-transform: translate(-10px, 32px) rotate(135deg);
        -moz-transform: translate(-10px, 32px) rotate(135deg);
        -ms-transform: translate(-10px, 32px) rotate(135deg);
        -o-transform: translate(-10px, 32px) rotate(135deg);
    }
    75% {
        transform: translate(23px, 25px) rotate(235deg);
        -webkit-transform: translate(23px, 25px) rotate(235deg);
        -moz-transform: translate(23px, 25px) rotate(235deg);
        -ms-transform: translate(23px, 25px) rotate(235deg);
        -o-transform: translate(23px, 25px) rotate(235deg);
    }
    100% {
        transform: translate(0, 0) rotate(45deg);
        -webkit-transform: translate(0, 0) rotate(45deg);
    }
}

.h_animation6 {
    -webkit-animation-name: h_animation6;
    animation-name: h_animation6
}

.times_wrap #header {
    max-width: 100%;
}

.reBtn {
    position: fixed;
    right: 50px;
    bottom: 60px;
    z-index: 600;
    z-index: 9999;
    width: 50px;
    height: 50px;
    background: #ffb632;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .7s;
    overflow: hidden;
}

.reBtn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icon_return.png) no-repeat center;
    transition: all .7s;
}

.reBtn:hover:before {
    left: -100px;
}

.reBtn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100px;
    width: 100%;
    height: 100%;
    background: url(../images/icon_return.png) no-repeat center;
    transition: all .7s;
}

.reBtn:hover:after {
    left: 0px;
}

.reBtn img {
    display: none;
}

.wrap {
    z-index: 0;
    width: 19925px;
    height: 100%;
    overflow: hidden;
}

.wrap .section {
    float: left;
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #f7f3f0;
    background-size: 100% auto;
}

.wrap .section img {
    /* max-width: 100%; */
    height: auto;
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
    /* width: auto; */
    display: inline-block;
}

.wrap .section .content:after {
    content: "";
    display: block;
    width: 0;
    clear: both;
}

.wrap .section2 .box {
    padding: 23.47918vh 120px 0 150px;
}

.section1 {
    width: 100vw;
}

.section1 .img {
    width: 35.3vw;
    height: 100vh;
    background: no-repeat center;
    background-size: cover;
    float: left;
}

.section1 .box {
    width: 64.7vw;
    float: left;
    padding: 23.47918vh 5vw 0 4vw;
}

.section1 .tit h2 {
    
    font-size: 74px;
    color: #EF7D1D;
    line-height: 1;
}

.section1 .tit h1 {
    font-size: 60px;
    color: #484848;
    line-height: 1;
    font-weight: lighter;
    margin-top: 20px;
}

.section1 .down {
    overflow: hidden;
    /*min-width: 1300px;*/
    margin-top: 4.26894vh;
}

.section1 .down .fl {
    float: left;
    width: 50%;
    padding-left: 5.3vw;
    padding-right: 1vw;
}

.section1 .down .fr {
    float: right;
    width: 50%;
    padding-left: 4vw;
}

.section1 .down .fl p {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 22px;
    margin-bottom: 10px;
}

.section1 .down .fr p:first-child {
    font-size: 24px;
    color: #3d3a39;
    line-height: 32px;
    font-weight: lighter;
    margin-top: 0;
}

.section1 .down .fr p {
    font-size: 14.5px;
    color: #8c8c8c;
    line-height: 22px;
    
    margin-top: 15px;
}

.section3 .img {
    position: relative;
}


/* .section3 .bg {width: 1180px;height: 100vh;background: no-repeat center;background-size: cover;} */

.section3 .float {
    position: absolute;
    left: -159px;
    top: 0;
    z-index: 9;
}

.wrap .section4,
.wrap .section5 {
    background-color: #dcd4c7;
}

.section4 .text {
    float: left;
    padding: 53.36179vh 165px 0 135px;
    max-width: 840px;
}

.section4 .img {
    float: left;
    position: relative;
    padding-top: 16.54215vh;
    width: auto;
}

.section4 .float {
    position: absolute;
    left: -105px;
    top: -45px;
    z-index: 9;
}

.section5 .text {
    float: left;
    padding: 43.75667vh 268px 0 110px;
    max-width: 790px;
}

.section5 .img {
    float: left;
    position: relative;
    width: auto;
}

.section5 .float {
    position: absolute;
    left: -62px;
    top: 20.27748vh;
}

.wrap .section3 {
    width: 1180px;
}

.wrap .section4 {
    width: 2060px;
}

.wrap .section5 {
    width: 1970px;
    margin-left: -1px;
}

.wrap .section5.section .ani {
    opacity: 1;
}

.wrap .section .ani {
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    font-size: 28px;
    color: #3d3a39;
    line-height: 40px;
    font-weight: 100;
    text-align: left;
}

.wrap .section .ani h3 {
    width: 560px;
}

.wrap .section .ani p {
    width: 560px;
    margin-top: 10px;
    color: #808080;
}

.section3 .img.on {
    animation: fadeIn .2s forwards;
    -webkit-animation: fadeIn .2s forwards;
}

.section3 .img.on .bg {
    animation: clipShow 1s forwards;
    -webkit-animation: clipShow 1s forwards;
}

.section3 .img.on .float {
    animation: fadeIn 1.4s forwards;
    -webkit-animation: fadeIn 1.4s forwards;
}

.section4 .text.on {
    animation: fadeInUp50 .6s forwards;
    -webkit-animation: fadeInUp50 .6s forwards;
}

.section4 .img.on {
    animation: fadeIn .2s forwards;
    -webkit-animation: fadeIn .2s forwards;
}

.section4 .img.on .float {
    animation: fadeIn 1.4s forwards;
    -webkit-animation: fadeIn 1.4s forwards;
}

.section4 .img.on .bg {
    animation: clipShow 1s forwards;
    -webkit-animation: clipShow 1s forwards;
}

.section5 .text.on {
    animation: fadeIn .2s forwards;
    -webkit-animation: fadeIn .2s forwards;
}

.section5 .text.on .float {
    animation: fadeIn .4s forwards;
    -webkit-animation: fadeIn .4s forwards;
}

.section5 .text.on .bg {
    animation: fadeInUp50 .6s forwards;
    -webkit-animation: fadeInUp50 .6s forwards;
}

.section5 .text .bg {
    width: 410px;
}

.section5 .text .bg h3 {
    font-size: 20px;
    color: #000000;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: left;
}

.section5 .text .bg p {
    font-size: 14.5px;
    line-height: 22px;
    color: #837b6d;
    margin-bottom: 25px;
    max-width: 280px;
}

.section5 .img.on {
    animation: clipShow 1s forwards;
    -webkit-animation: clipShow 1s forwards;
}

@media (max-height:820px) {
    .section1 .box {
        padding: 18vh 0vw 0 4vw;
        zoom: .88;
        -moz-transform: scale(.88);
        -moz-transform-origin: top left;
    }
    .section1 .down .fr p {
        font-size: 14px;
        line-height: 24px;
    }
    .section1 .tit h2 {
        font-size: 60px;
    }
    .section1 .tit h1 {
        font-size: 48px;
    }
}

.investor .swiper2 {
    height: 100%;
    position: relative;
    top: 0;
    padding-top: 120px;
}

.investor .swiper2 .swiper-slide .ct {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 40px;
}

.investor .swiper2 .swiper-pagination {
    top: 83px;
    width: auto;
    height: 30px;
}

.investor .swiper2 .swiper-pagination-bullet {
    width: auto;
    height: auto;
    background: transparent;
    font-size: 18px;
    color: #cac3be;
    opacity: 1;
    font-weight: 400;
    margin-right: 18px;
    margin-left: 0;
}

.investor .swiper2 .swiper-pagination-bullet:last-child {
    display: none;
}

.investor .swiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #333333;
}

.investor .swiper2 .swiper-slide .ct .le {
    position: relative;
    float: left;
    width: 167px;
}

.investor .swiper2 .swiper-slide .ct .le:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #fcfaf7;
}

.investor .swiper2 .swiper-slide .ct .ct1 {
    overflow: hidden;
}

.investor .swiper2 .swiper-slide .ct .ct1 h3 {
    color: #ff3600;
    font-size: 46px;
    
    font-weight: 800;
    line-height: 1;
}

.investor .swiper2 .swiper-slide .ct .ct1 h4 {
    color: #ff3600;
    font-size: 20px;
    
    font-weight: 800;
    line-height: 1;
}

.investor .swiper2 .swiper-slide .ct .ct1 h4 em {
    margin-right: 16px;
}

.investor .swiper2 .swiper-slide .ct .ct1 ul li p {
    margin-top: 9px;
}

.investor .swiper2 .swiper-slide .ct .ct1 p {
    font-size: 16px;
    line-height: 15px;
    color: #ada69a;
    
    margin-top: 25px;
}

.investor .swiper2 .swiper-slide .ri {
    float: left;
    padding-left: 50px;
}

.investor .swiper2 .swiper-slide .le {
    position: relative;
    float: left;
    margin-right: 18px;
    max-height: 560px;
    overflow: hidden;
}

.investor .swiper2 .swiper-slide .le:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #f7f3f0;
    opacity: .64;
}

.investor.investor2 .swiper2 .swiper-slide .le:after {
    display: none;
}

.investor .swiper2 .swiper-slide.swiper-slide-active .le:after {
    opacity: 0;
    z-index: -99;
}

.investor .swiper2 .swiper-slide .ri ul {
    overflow: hidden;
}

.investor .swiper2 .swiper-slide .ri ul li {
    float: left;
    margin-right: 110px;
}

.investor .swiper2 .swiper-slide .ri ul li p {
    margin-top: 9px;
}

.investor .swiper2 .swiper-slide .ri p {
    margin-top: 20px;
    font-size: 14px;
}

.investor .swiper2 .ct2 {
    margin-top: 29px;
}

.investor .swiper2 .ct2 ul li {
    padding-top: 25px;
    float: left;
    margin-right: 10px;
    width: 162px;
    height: 196px;
    background: #f6f2eb;
    padding-left: 20px;
    position: relative;
}

.investor .swiper2 .ct2 ul li:last-child {
    width: 56%;
    margin-right: 0;
    background: url(../images/in/bg3.jpg) no-repeat center;
}

.investor .swiper2 .ct2 h3 {
    font-size: 30px;
    color: #EF7D1D;
    
    line-height: 1;
}

.investor .swiper2 .ct2 h4 {
    font-size: 16px;
    color: #606060;
}

.investor .swiper2 .ct2 p {
    
    font-size: 20px;
    color: #e4dac8;
    line-height: 18px;
    margin-top: 6px;
    margin-bottom: 14px;
}

.investor .swiper2 .ct2 .img2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.investor .swiper2 .ct2 input {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 90%;
    height: 57px;
    border-radius: 50px;
    background: rgba(246, 242, 235, .51);
    padding-left: 24px;
    color: #f5f0e7;
}

.investor .swiper2 .ct2 input::placeholder {
    color: #f5f0e7;
}

.investor .swiper2 .ct2 button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 23px;
    width: 50px;
    height: 50px;
    background: url(../images/in/search.png) no-repeat center;
}

.investor .swiper2 .ct3 {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50px;
    padding-left: 40px;
    width: 98%;
    height: 100%;
}

.investor .swiper2 .swiper-slide:nth-child(1) .ct3 {
    padding-right: 40px;
}

.investor .swiper2 .swiper-slide:nth-child(1) .ct3 .bd ul li:first-child {
    padding-right: 40px;
}

.investor .swiper2 .swiper-slide:nth-child(1) .ct3 .bd ul>li:first-child.on {
    top: 100px;
}

.investor .swiper2 .ct3 .hd ul {
    overflow: hidden;
}

.investor .swiper2 .ct3 .hd ul li {
    float: left;
    margin-right: 28px;
    font-size: 18px;
    color: #c9c9c9;
    position: relative;
    line-height: 1;
    padding-bottom: 12px;
    cursor: pointer;
}

.investor .swiper2 .ct3 .hd ul li.on:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 100%;
    background: #EF7D1D;
}

.investor .swiper2 .ct3 .hd ul li.on {
    color: #aa9981;
}

.investor .swiper2 .ct3 .bd .ul {
    height: 446px;
    overflow: auto;
    padding-right: 25px;
}

.investor .swiper2 .ct3 .bd .ul::-webkit-scrollbar {
    width: 4px;
}

.investor table::-webkit-scrollbar {
    width: 4px;
}

.investor .swiper2 .ct3 .bd ul li {
    position: absolute;
    top: 140px;
    opacity: 0;
    width: 95.5%;
    z-index: -1;
}

.investor .swiper2 .ct3 .bd ul li .txtt {
    position: relative;
    margin-top: 14px;
    height: 448px;
    padding-right: 7px;
    margin-right: 18px;
    overflow-y: auto;
    overflow-x: clip;
}

.investor .swiper2 .ct3 .bot {
    display: none;
}

.investor .swiper2 .ct3 .more {
    font-size: 14px;
    color: #3c3c3c;
    position: absolute;
    bottom: 20px;
    right: 30px;
    padding-left: 24px;
    cursor: pointer;
}

.investor2.investor .swiper2 .ct3 .more {
    right: 80px;
    bottom: -20px;
}

.investor.investor2 .swiper2 .ct3#l2 .bd ul>li:first-child.on {
    top: 70px;
}

.investor .swiper2 .ct3 .more:after {
    content: '';
    position: absolute;
    left: 0;
    width: 18px;
    height: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/dian.png) no-repeat center;
    transition: all .7s;
}

.investor .swiper2 .ct3 .bd ul li .bot {
    display: none;
}

.investor .swiper2 .ct3 .bd ul li .txtt .more {
    font-size: 14px;
    color: #3c3c3c;
    position: absolute;
    bottom: 0;
    right: 6px;
    padding-left: 24px;
    transition: all .7s;
    cursor: pointer;
}

.investor .swiper2 .ct3 .bd ul li .txtt .more:hover {
    color: #EF7D1D;
}

.investor .swiper2 .ct3 .bd ul li .txtt .more:hover:after {
    left: -5px;
}

.investor .swiper2 .ct3 .bd ul li .txtt .more:after {
    content: '';
    position: absolute;
    left: 0;
    width: 18px;
    height: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/dian.png) no-repeat center;
    transition: all .7s;
}

.investor .swiper2 .ct3 .bd ul li.on {
    top: 80px;
    opacity: 1;
    transition: all .7s;
    z-index: 99;
}

.investor .swiper2 .ct3#l2 .bd ul>li:first-child.on {
    top: 100px;
}

.investor .swiper2 .ct3 .bd ul li .top {
    height: 222px;
    overflow: hidden;
}

.investor .swiper2 .ct3 .bd ul li .top.on {
    overflow: inherit;
    height: auto;
}

.investor .swiper2 .ct3 .bd ul li p {
    font-size: 14px;
    color: #9e9990;
    line-height: 22px;
    margin-top: 22px;
    
}

.investor .swiper2 .ct3 .bd ul li p em {
    font-weight: 800;
}

.investor .swiper2 .ct3 .bd ul li p:last-child {
    margin-top: 0;
}

.investor .swiper2 .ct3 .bd ul li .pe {
    position: relative;
    padding-top: 17px;
    padding-bottom: 17px;
    overflow: hidden;
    transition: all .7s;
    cursor: pointer;
}

.investor .swiper2 .ct3 .bd ul li .pe:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f3f1ef;
    transition: all .7s;
}

.investor .swiper2 .ct3 .bd ul li .pe.on2 .rt .xia {
    background: url(../images/in/img3.png) no-repeat center;
}

.investor .swiper2 .ct3 .bd ul li .pe.on {
    padding-bottom: 60px;
}

.investor .swiper2 .ct3 .bd ul li .pe.on:after {
    bottom: 45px;
}

.investor .swiper2 .ct3 .bd ul li .pe .img {
    display: inline-block;
}

.investor .swiper2 .ct3 .bd ul li .pe .rt {
    position: relative;
    width: 600px;
    float: right;
    padding-right: 33px;
    padding-top: 27px;
    height: auto;
    min-height: 180px;
}

.investor .swiper2 .ct3 .bd ul li .pe.on .rt {
    height: auto;
}

.investor .swiper2 .ct3 .bd ul li .pe .rt .dian {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #e8e5e3;
    position: absolute;
    top: 4px;
    left: 0;
}

.investor .swiper2 .ct3 .bd ul li .pe.on .rt .dian {
    background: #aeaca8;
}

.investor .swiper2 .ct3 .bd ul li .pe.on .rt .xia {
    left: -175px;
    bottom: -55px;
    background: url(../images/in/img2.png) no-repeat center;
}

.investor .swiper2 .ct3 .bd ul li .pe .rt .xia {
    width: 21px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/in/img1.png) no-repeat center;
    transition: all .7s;
}

.investor .swiper2 .ct3 .bd ul li .pe .rt p {
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.investor .swiper2 .ct3 .bd ul li .pe.on .rt p {
    display: block;
}

.investor .swiper2 .ct3 .bd ul li .pe h3 {
    font-size: 24px;
    color: #e6d8d1;
    
    text-transform: uppercase;
    line-height: 24px;
}

.investor .swiper2 .ct3 .bd ul li .pe h3 em {
    font-size: 20px;
    color: #EF7D1D;
    margin-right: 8px;
    vertical-align: bottom;
}

.investor .swiper2 .ct3 .list {
    margin-top: 18px;
    width: 100%;
    height: 394px;
    overflow-y: auto;
    padding-right: 40px;
}

.investor .swiper2 .ct3 .list .li:first-child {
    padding-top: 5px;
}

.investor .swiper2 .ct3 .list .li {
    position: relative;
    padding-top: 28px;
    padding-bottom: 28px;
    width: 100%;
}

.investor .swiper2 .ct3 .list .li:hover .enter {
    background: url(../images/in/enter2.png) no-repeat center;
}

.investor .swiper2 .ct3 .list .li .enter {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    width: 8px;
    height: 14px;
    background: url(../images/in/enter.png) no-repeat center;
    transition: all .7s;
}

.investor .swiper2 .ct3 .list .li .enter:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 1px;
    width: 0px;
    height: 2px;
    background: #d1d1d1;
    transition: all .7s;
}

.investor .swiper2 .ct3 .list .li .enter::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 20px;
    width: 28px;
    height: 36px;
    transition: all .7s;
    opacity: 0;
    background: url(../images/in/pdf2.png) no-repeat center;
}

.investor .swiper2 .ct3 .list .li:hover .enter:after {
    width: 20px;
    background: #333333;
}

.investor .swiper2 .ct3 .list .li:hover .enter::before {
    right: 42px;
    opacity: 1;
}

.investor .swiper2 .ct3 .list .li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #efefef;
}

.investor .swiper2 .ct3 .list .li:hover .time {
    color: #EF7D1D;
}

.investor .swiper2 .ct3 .list .li .time {
    float: left;
    color: #d6bfa4;
    
    font-size: 16px;
    line-height: 18px;
}

.investor .swiper2 .ct3 .list .li .time em {
    font-size: 36px;
}

.investor .swiper2 .ct3 .list .li .txt {
    padding-left: 90px;
    padding-right: 50px;
}

.investor .swiper2 .ct3 .list .li .txt h3 {
    color: #9e9990;
    font-size: 18px;
    line-height: 1;
    /* margin-bottom: 10px; */
}

.investor .swiper2 .ct3 .list .li .txt h4 {
    color: #d7d7d7;
    font-size: 14px;
    line-height: 1;
}

.investor .swiper2 .ct4 {
    overflow: hidden;
}

.investor .swiper2 .ct4 .le {
    position: relative;
    float: left;
    width: auto !important;
}

.investor .swiper2 .ct4 .le:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: #fcfaf7;
}

.investor .swiper2 .ct4 .ri {
    float: left;
}

.investor .swiper2 .ct4 h3 {
    color: #a88c65;
    font-size: 16px;
}

.investor .swiper2 .ct4 p {
    color: #9e9990;
    font-size: 14px;
    line-height: 20px;
    
    margin-top: 12px !important;
}

.tact .title {
    margin-top: -20px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-left: 40px;
}

.tact .title ul li {
    color: #333333;
    font-size: 18px;
    float: left;
    margin-right: 20px;
    font-weight: 400;
}

.tact .title ul li a {
    color: #cac3be;
}

.tact .ct {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 80px;
    padding-left: 50px;
}

.tact .ct.ct2 {
    padding-top: 60px;
}

.tact .ct1 h3 {
    color: #fff2e8;
    font-size: 18px;
    font-weight: 800;
}

.tact .ct1 .le {
    width: 365px;
    float: left;
}

.tact .ct1 .rt {
    width: 340px;
    float: right;
    padding-left: 40px;
    margin-top: 24px;
    border-left: 2px solid rgba(255, 255, 255, .2);
}

.tact .ct1 .rt .ul {
    margin-top: 5px;
}

.tact .ct1 .rt .ul .li {
    position: relative;
    width: 241px;
    height: 57px;
    padding-left: 22px;
    line-height: 57px;
    background: #d1b786;
    color: #fcecce;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: all .7s;
}

.tact .ct1 .rt .ul .li:last-child {
    margin-bottom: 0;
}

.tact .ct1 .rt .ul .li:hover .enter {
    right: 16px;
    opacity: 1;
}

.tact .ct1 .rt .ul .li .enter {
    position: absolute;
    top: 23px;
    right: 26px;
    opacity: 0;
    transition: all .7s;
}

.tact .ct1 .rt .ul .li:hover {
    background: #f58f21;
    color: #fff4df;
}

.tact .hid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(0, 0, 573px, 0);
    transition: all 1.7s;
    z-index: 999;
}

.sld1:hover .hid {
    clip: rect(0, 757px, 573px, 0);
}

.sld1:hover .show .ttt {
    opacity: 0;
}

.tact .ttt {
    padding-top: 75px;
    /* padding-top: 180px; */
    transition: all .7s;
}

.tact .ttt h3 {
    color: #fdc965;
    font-size: 48px;
    line-height: 40px;
    text-transform: uppercase;
    
    letter-spacing: -2px;
}

.tact .ttt h4 {
    font-size: 32px;
    line-height: 36px;
    color: #ffecc8;
    font-weight: 100;
    margin-top: 9px;
}

.tact .ct1 h4 {
    color: #ffb55a;
    
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1;
    margin-top: 2px;
    margin-bottom: 10px;
}

.tact .ct1 p {
    color: #fde6cb;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 33px;
}

.tact .ct1 ul {
    padding-top: 10px;
}

.tact .ct1 ul li {
    font-size: 18px;
    color: #fff2e8;
    line-height: 20px;
    padding-left: 54px;
    background: url(../images/co/phone.png) no-repeat left 0px;
    font-weight: 400;
    /* margin-right: 33px; */
    margin-bottom: 27px;
}

.tact .ct1 ul li em {
    font-size: 26px;
    color: #f3ebc9;
    
    line-height: 1;
}

.tact .ct2 h3 {
    font-size: 54px;
    color: #5D5D5D;
    font-weight: 100;
    line-height: 1;
}

.tact .ct2 p {
    font-size: 14px;
    line-height: 20px;
    color: #707278;
    
    margin-top: 20px;
}

.tact .ct2 ul {
    margin-top: 23px;
}

.tact .ct2 ul li {
    float: left;
    margin-right: 16px;
    width: 241px;
    height: 107px;
    background: #f0f0f0;
    border-radius: 5px;
    padding-top: 8px;
    padding-left: 11px;
}

.tact .ct2 ul li .ma {
    float: left;
    width: 88px;
    height: 88px;
    background: url(../images/co/ma.png) no-repeat left;
}

.tact .ct2 ul li:last-child .ma {
    background: url(../images/co/ma.png) no-repeat right;
}

.tact .ct2 ul li .lg {
    height: 24px;
    width: 20px;
    background: url(../images/co/lh.png) no-repeat left;
}

.tact .ct2 ul li:last-child .lg {
    height: 26px;
    width: 20px;
    background: url(../images/co/lh.png) no-repeat right;
}

.tact .ct2 ul li .txt {
    float: left;
    padding-left: 10px;
    padding-top: 8px;
}

.tact .ct2 ul li .txt p {
    font-size: 14px;
    color: #9c9c9c;
    line-height: 20px;
    margin-top: 7px;
}

.tact .ct2 ul li .txt p em {
    font-size: 16px;
}

.tact .ct2 .mobile {
    position: absolute;
    top: 130px;
    right: 114px;
}

.tact .ct3 .en {
    font-size: 48px;
    color: #d6bd8f;
    
    line-height: 40px;
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: -2px;
}

.tact .ct3 .cn {
    font-size: 32px;
    color: #4e4330;
    line-height: 36px;
    margin-top: 8px;
}

.tact .ct3 ul {
    margin-top: 38px;
}

.tact .ct3 ul li {
    position: relative;
    float: left;
    width: 169px;
    height: 57px;
    background: #d1b786;
    transition: all .7s;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 57px;
    color: #fcecce;
    padding-left: 28px;
    cursor: pointer;
}

.tact .ct3 ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 40px;
    width: 19px;
    height: 12px;
    opacity: 0;
    transition: all .7s;
    background: url(../images/co/enter.png) no-repeat center;
}

.tact .ct3 ul li:hover {
    background: #f36a17;
    color: #fff4df;
}

.tact .ct3 ul li:hover:after {
    right: 29px;
    opacity: 1;
}

.tact .ct4 h3 {
    color: #ffffff;
    font-size: 26px;
    line-height: 1;
}

.tact .ct4 h4 {
    color: #EF7D1D;
    font-size: 44px;
    line-height: 36px;
    text-transform: uppercase;
    
    margin-top: 12px;
    letter-spacing: -2px;
}

.tact .ct4 p {
    font-size: 14px;
    color: #ffffff;
    opacity: .6;
    line-height: 20px;
    
    margin-top: 13px;
}

.tact .swiper2 {
    position: relative;
}

.tact .swiper2 .swiper-slide {
    width: auto;
}

.tact .swiper2 .swiper-pagination {
    top: -37px;
    width: auto;
    height: 30px;
    padding-left: 40px;
}

.tact .swiper2 .swiper-pagination-bullet {
    width: auto;
    height: auto;
    background: transparent;
    font-size: 18px;
    color: #cac3be;
    opacity: 1;
    font-weight: 400;
    margin-right: 18px;
    margin-left: 0;
}

.tact .swiper2 .swiper-pagination-bullet:nth-child(2) {
    display: none;
}

.tact .swiper2 .swiper-pagination-bullet:nth-child(3) {
    display: none;
}

.tact .swiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #333333;
}

.tact .ct6 h3 {
    color: #ffffff;
    font-size: 26px;
    line-height: 1;
}

.tact .ct6 h4 {
    color: #febc3c;
    font-size: 44px;
    line-height: 36px;
    text-transform: uppercase;
    
    margin-top: 12px;
    letter-spacing: -2px;
}

.tact .ct6 .more {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding-left: 65px;
    color: #d9cbc0;
    font-size: 16px;
    margin-top: 23px;
}

.tact .ct6 .more:hover:after {
    transform: rotate(180deg);
}

.tact .ct6 .more:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: url(../images/co/enter2.png) no-repeat center left;
    transition: all .7s;
}

.pop-FRight .cont1 {
    position: relative;
    background: #f5f3ea;
    padding-top: 35px;
    padding-left: 80px;
    padding-right: 157px;
    padding-bottom: 120px;
    min-height: 900px;
    max-width: 810px;
}

.pop-FRight .cont1 h2 {
    position: relative;
    font-size: 34px;
    color: #454545;
    font-weight: bold;
    line-height: 40px;
    padding-bottom: 28px;
    margin-bottom: 20px;
    margin-top: 60px;
}

.tact .pop-FRight .cont1 h2 {
    font-size: 24px;
}

.pop-FRight .cont1 h2.top {
    margin-top: 60px;
}

.pop-FRight .cont1 h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 84px;
    height: 1px;
    background: #e7d4c6;
}

.pop-FRight .cont1 h2 em {
    color: #EF7D1D;
}

.pop-FRight .cont1 p {
    font-size: 14.5px;
    line-height: 22px;
    color: #908b88;
    
    margin-bottom: 15px;
}

.pop-FRight .cont1 .btn {
    display: inline-block;
    padding: 0 55px 0 15px;
    border-radius: 4px;
    height: 50px;
    font-size: 16px;
    font-weight:600;
    line-height: 50px;
    color: #fff;
    background: #EF7D1D url(../images/about/about-k1-btn-icon.png) no-repeat right center;
}

.pop-FRight .cont1 h3 {
    color: #5f7387;
    font-size: 24px;
    line-height: 30px;
    font-weight: 100;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 800;
}

.pop-FRight .cont1 .fl .img {
    position: relative;
    width: auto;
    height: 257px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.investor .pop-FRight .cont1 {
    position: relative;
    padding-right: 80px;
}

.investor .pop-cont .cont1 h3 {
    position: relative;
    font-size: 24px;
    color: #454545;
    line-height: 34px;
    padding-bottom: 30px;
    margin-bottom: 16px;
}

.investor .pop-cont .cont1 h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 84px;
    height: 1px;
    background: #e7d4c6;
}

.investor .pop-cont .logo {
    position: absolute;
    bottom: 85px;
    right: 80px;
}

.investor .pop-cont #content1 div {
    font-size: 14.5px;
    line-height: 22px;
    color: #908b88;
    
}

.investor .pop-cont .logo a {
    float: left;
    margin-left: 13px;
}

.vid_btn {
    width: 73px;
    height: 73px;
    background: url(../images/about/img2.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -36.5px;
    left: 50%;
    margin-left: -36.5px;
}

.pop_tan {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    display: none;
}

.pop_tan var {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: .6;
}

.pop_tan .main {
    position: absolute;
    right: 50px;
    bottom: 0;
    background: #f5f3ea;
    padding-left: 80px;
    padding-top: 90px;
    padding-right: 84px;
    padding-bottom: 140px;
    width: 810px;
}

.pop_tan .main .close {
    cursor: pointer;
    position: absolute;
    left: 36px;
    top: 36px;
    z-index: 600;
    transition: all .7s;
}

.pop_tan .main .close:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.pop_tan .main .bt {
    position: absolute;
    bottom: 85px;
    right: 84px;
}

.pop_tan .main .bt div {
    float: right;
    margin-left: 13px;
}

.pop_tan .main h3 {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    padding-bottom: 19px;
    color: #454545;
    font-weight: 600;
}

.pop_tan .main h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #e7d4c6;
    width: 84px;
    height: 1px;
}

.pop_tan .main p {
    font-size: 14.5px;
    line-height: 22px;
    color: #908b88;
    margin-top: 20px;
}

#content.news_nei {
    padding-top: 156px;
}

.news.news_nei .swiper-slide .le {
    height: 57vh;
}

.news.news_nei .swiper-slide .le:nth-child(2) {
    height: 66vh;
}

.vid_btn:after,
.vid_btn:before {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);
    -webkit-animation: h_animation4 3s infinite;
    animation: h_animation4 3s infinite;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.vid_btn:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.pop-FRight .cont1 .fl h3 {
    font-size: 28px;
    color: #4d4532;
    line-height: 1;
    margin-top: 40px;
}

.pop-FRight .cont1 .fl h3 span {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #4d4532;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
}

.pop-FRight .cont1 .fl {
    margin-bottom: 35px;
}

.pop-FRight .cont1 .qian {
    float: right;
    color: #353133;
    line-height: 70px;
}

.pop-FRight .cont1 .qian img {
    float: right;
}

.pop-FRight .cont1 .tit1 {
    position: absolute;
    top: 140px;
    right: 70px;
    color: #333333;
    font-size: 24px;
    writing-mode: tb-rl;
    font-weight: 800;
    opacity: 0;
    transition: all .7s 1s;
}

.pop-FRight.on .cont1 .tit1 {
    opacity: 1;
    top: 90px;
}

.pop-FRight .cont1 .tit2 {
    position: absolute;
    top: 175px;
    opacity: 0;
    right: 33px;
    color: #EF7D1D;
    font-size: 46px;
    writing-mode: tb-rl;
    
    transition: all .7s 1.3s;
}

.pop-FRight.on .cont1 .tit2 {
    top: 140px;
    opacity: 1;
}

.pop-FRight.on .cont1.cont2 .tit2 {
    top: 160px;
}

.pop-FRight .cont1 .bx {
    padding-top: 50px;
    padding-left: 70px;
    width: 672px;
    height: 845px;
    background: url(../images/about/img2.jpg) no-repeat center;
}

.pop-FRight .cont1 .bx .txt {
    margin-bottom: 35px;
}

.pop-FRight .cont1.cont2 {
    position: relative;
    background: #f5f3ea;
    padding-top: 85px;
    padding-left: 24px;
    padding-right: 168px;
    padding-bottom: 120px;
}

.pop-FRight .cont1.cont2 .close {
    left: 26px;
}

.pop-FRight .cont1 .bx .li {
    margin-bottom: 35px;
}

.pop-FRight .cont1 .bx .li:nth-child(2) {
    /* width: 33%; */
    /* float: left; */
}

.pop-FRight .cont1 .bx .li h3 {
    font-size: 25px;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 12px;
    margin-top: 0;
}

.pop-FRight .cont1 .bx .li p {
    color: #fff;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 0;
    opacity: .7;
}

.pop-FRight .cont1 .more {
    position: relative;
    margin-top: 30px;
    padding-left: 63px;
    line-height: 51px;
    color: #d9cbc0;
    font-size: 16px;
    transition: all .7s;
}

.pop-FRight .cont1 .more:hover {
    color: #7a7169;
}

.pop-FRight .cont1 .more:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: url(../images/about/img4.png) no-repeat center left;
    transition: all .7s;
}

.pop-FRight .cont1 .more:hover:After {
    transform: rotate(180deg);
}

.investor table {
    margin-top: 20px;
    width: 100%;
    border: 1px solid #ededed;
    overflow-y: scroll;
    height: 427px;
    display: block;
}

.investor table::-webkit-scrollbar-thumb {
    width: 4px;
    background: #f7f3f0;
}

.investor table tbody {
    width: 100%;
    display: inline-table;
}

.investor tr,
.investor th,
.investor td {
    border: 1px solid #ededed;
    font-size: 14px;
    color: #767676;
    padding-left: 30px;
}

.investor .tab3 th {
    width: auto !important;
}

.investor .tab1 th {
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    background: #fcf3ee;
}

.investor td {
    height: 50px;
    line-height: 50px;
}

.investor .finance {
    font-size: 0;
    margin-top: 20px;
}

.investor .finance p {
    font-size: 16px !important;
    color: #b4aeab;
    height: 50px;
    line-height: 50px !important;
    background: #fcf3ee !important;
    border: 1px solid #ededed;
    display: inline-block;
    width: 619px;
    box-sizing: border-box;
    padding-left: 100px;
    margin-top: 0 !important;
}

.investor .finance p:first-child {
    border-right: none;
    width: 174px;
    padding-left: 60px;
    color: #333;
}

.investor .tab_box {
    border: 1px solid #ededed;
    border-top: none;
    height: 380px;
    overflow: auto;
    /* padding-right: 11px; */
    width: 793px;
}

.investor .tab_box .left {
    width: 173px;
    box-sizing: border-box;
    float: left;
    padding: 10px 0;
    overflow: hidden;
    overflow-y: auto;
    border-right: 1px solid #ededed;
}

.investor .tab_box .left li {
    top: auto !important;
}

.investor .swiper2 .ct3 .bd ul li .tab_box .left li {
    position: relative;
    opacity: 1;
    top: 0;
    width: 173px;
    height: 40px;
    font-size: 16px;
    color: #999999;
    line-height: 40px;
    box-sizing: border-box;
    padding-left: 55px;
    cursor: pointer;
    transition: all 0.4s;
    z-index: 99;
    margin-right: 0;
}

.investor .tab_box .left li.on {
    color: #fff;
    background: #d7ba93 url(../images/in_more.png) no-repeat right;
}

.investor .tab_box .right {
    float: left;
    width: 614px;
    box-sizing: border-box;
}

.investor .tab_box .left li:hover {
    color: #fff;
    background: #d7ba93 url(../images/in_more.png) no-repeat right;
}

.investor .swiper2 .ct3 .bd ul li .tab_box .right p {
    min-height: 50px;
    color: #767676;
    border-bottom: 1px solid #ededed;
    line-height: 24px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 13px 40px 13px 100px;
    margin-top: 0;
}

.investor .tab_box .right p:last-child {
    border-bottom: 0 none;
}

.clear {
    clear: both;
}

.tact .input .select {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tact .input .mySelect {
    position: relative;
    height: 64px;
    width: 131px;
    background: #ece5d5;
    display: block;
    border-radius: 3px;
}

.tact .input .mySelect:nth-child(1) {
    width: 288px;
}

.mySelect .show {
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 64px;
    padding-left: 20px;
    font-size: 14px;
    color: #938378;
    cursor: pointer;
}

.mySelect .show::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    height: 8px;
    width: 11px;
    background: url(../images/bt.png) no-repeat center;
}

.mySelect .show.on:after {
    transform: rotate(180deg);
}

.mySelect .drapList {
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    background: #fff;
    height: 122px;
    overflow: auto;
    border-bottom: 2px solid #f2eee6;
    border-left: 2px solid #f2eee6;
    border-right: 2px solid #f2eee6;
    display: none;
    z-index: 9999;
}

.mySelect .drapList ul li {
    height: 40px;
    font-size: 14px;
    padding-left: 20px;
    line-height: 40px;
    border-bottom: 1px solid #f2eee6;
    color: #999999;
    cursor: pointer;
    transition: all .7s;
}

.tact .input input {
    width: 288px;
    height: 64px;
    background: #ece5d5;
    margin-top: 12px;
    line-height: 64px;
    padding-left: 20px;
    font-size: 14px;
    color: #938378;
    border-radius: 3px;
}

.tact .input .inp1 {
    width: 288px;
}

.tact .input .inp2 {
    width: 273px;
}

.tact .input .inp3 {
    width: 140px;
}

.tact .input .inp2 img {
    width: 133px;
    height: 64px;
    margin-top: 12px;
    float: right;
}

.tact .input .inp4 {
    width: 100%;
}

.tact .pop-FRight .cont1 {
    padding-bottom: 75px;
}

.tact .input textarea {
    width: 100%;
    background: #ece5d5;
    padding-left: 20px;
    font-size: 14px;
    color: #938378;
    border-radius: 3px;
    height: 164px;
    border: none;
    margin-top: 12px;
    padding-top: 20px;
}

.tact .input button {
    width: 100%;
    height: 64px;
    background: #ff7e00;
    text-align: right;
    padding-right: 20px;
    color: #ffffff;
    line-height: 64px;
    border-radius: 3px;
    margin-top: 12px;
    position: relative;
    overflow: hidden;
    font-size: 0;
}

.tact .input button:after {
    content: '提交';
    position: absolute;
    top: 100%;
    width: 32px;
    height: 100%;
    left: 50%;
    margin-left: -16px;
    transition: all .7s;
    font-size: 16px;
}

.tact .input button:hover::after {
    top: 0;
}

.tact .input button:hover:before {
    top: -100%;
}

.tact .input button:before {
    content: '提交';
    position: absolute;
    top: 0;
    width: 32px;
    height: 100%;
    left: 50%;
    margin-left: -16px;
    transition: all .7s;
    font-size: 16px;
}

.tact .input .inp4 .inp3 {
    width: 425px;
}

.tact .input .inp4 img {
    width: 133px;
    height: 64px;
    margin-top: 12px;
    float: right;
}

.tact .input p {
    font-size: 14px;
    color: #5f75a1;
    line-height: 1;
}

.tact .input p a:hover {
    font-weight: 800;
    font-size: 18px;
}

.tact .input p a {
    position: relative;
    color: #ff7e00;
    display: inline-block;
    padding-bottom: 2px;
    margin-top: 20px;
    transition: all .7s;
}

.tact .input p a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: #ffa467;
    transition: all .7s;
}

.tact .input p a:hover:after {
    bottom: -2px;
    height: 2px;
}

.pro .ct {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 64px;
    padding-left: 50px;
    padding-right: 40px;
}

.pro .h-100 {
    position: relative;
}

.pro .swiper2 .swiper-slide {
    padding-top: 40px;
}

.pro .ct .tit {
    position: absolute;
    top: -40px;
    left: 0;
    color: #333333;
    font-size: 18px;
    line-height: 26px;
    padding-left: 30px;
    background: url(../images/co/user.png) no-repeat left top;
}

.pro .ct1 h3 {
    color: #fdc965;
    font-size: 36px;
    
    text-transform: uppercase;
    line-height: 30px;
    font-weight: 800;
}

.pro .ct1 h4 {
    color: #ffecc8;
    font-size: 26px;
    margin-top: 3px;
    font-weight: 100;
}

.pro .ct1 .hd ul {
    display: flex;
    margin-top: 30px;
}

.pro .ct1 .hd ul li {
    position: relative;
    border: 2px solid #f5a060;
    width: 274px;
    height: 114px;
    border-radius: 5px;
    margin-right: 10px;
    padding-left: 20px;
    padding-top: 16px;
    cursor: pointer;
}

.pro .ct1 .hd ul li.on {
    background: #f48e26;
    border: 2px solid #f48e26;
}

.pro .ct1 .hd ul li h5 {
    color: #fff3e5;
    font-size: 18px;
    line-height: 22px;
}

.pro .ct1 .hd ul li p {
    position: absolute;
    bottom: 19px;
    left: 22px;
    padding-left: 20px;
    color: #ffd98f;
    font-size: 14px;
    background: url(../images/co/zhi.png) no-repeat left bottom;
    line-height: 1;
    height: 20px;
    display: flex;
    align-items: flex-end;
}

.pro .ct1 .bd {
    position: absolute;
    bottom: 121px;
    height: 92px;
    width: 100%;
    overflow: hidden;
}

.pro .ct1 .bd ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

.pro .ct1 .bd ul li .t {
    position: relative;
    color: #fde6cb;
    font-size: 18px;
    line-height: 1;
    padding-bottom: 1px;
    display: inline;
    margin-bottom: 8px;
}

.pro .ct1 .bd ul li .t::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #fb8916;
}

.pro .ct1 .bd ul li.on {
    opacity: 1;
    z-index: 99;
    animation: fadeInUp 1s forwards;
}

.pro .ct1 .bd ul li .ul {
    display: flex;
    width: 730px;
    justify-content: space-between;
    margin-top: 8px;
}

.pro .ct1 .bd ul li .ul .li:first-child {
    width: 327px;
}

.pro .ct1 .bd ul li .ul .li:nth-child(2) {
    width: 240px;
}

.pro .ct1 .bd ul li .ul .li p {
    font-size: 14px;
    color: #f9d6bb;
    line-height: 20px;
}

.pro .ct1>p {
    position: absolute;
    bottom: 60px;
    width: 856px;
    color: #fad7bc;
    font-size: 14px;
    line-height: 20px;
}

.pro .ct2 h3 {
    font-size: 24px;
    color: #5f7387;
    line-height: 1;
    margin-bottom: 20px;
}

.pro .ct2 .mySelect {
    position: relative;
    height: 64px;
    width: 130px;
    background: #f2e9e1;
    display: block;
    border-radius: 3px;
}

.pro .ct2 .mySelect .show::after {
    top: 46%;
}

.pro .ct2 .input {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pro .ct2 .input .mySelect:nth-child(1) {
    width: 258px;
}

.pro .ct2 .input input {
    width: 150px;
    background: #f2e9e1;
    padding-left: 20px;
    font-size: 14px;
    color: #938378;
    border-radius: 3px;
    height: 64px;
    border: none;
    /* margin-top: 10px; */
}

.pro .ct2 .input input.inp2 {
    /* width: 138px; */
}

.pro .ct2 .input textarea {
    width: 100%;
    background: #f2e9e1;
    padding-left: 20px;
    font-size: 14px;
    color: #938378;
    border-radius: 3px;
    height: 179px;
    border: none;
    margin-top: 12px;
    padding-top: 20px;
}

.pro .ct2 .input button {
    width: 134px;
    height: 64px;
    background: #ff7e00;
    text-align: right;
    padding-right: 20px;
    color: #ffffff;
    font-size: 16px;
    line-height: 64px;
    border-radius: 3px;
    margin-top: 18px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    overflow: hidden;
}

.pro .ct2 .input button:before {
    content: '忙聫聬盲潞陇';
    position: absolute;
    top: 0;
    width: 32px;
    height: 100%;
    right: 20px;
    transition: all .7s;
}

.pro .ct2 .input button:after {
    content: '忙聫聬盲潞陇';
    position: absolute;
    top: 100%;
    width: 32px;
    height: 100%;
    right: 20px;
    transition: all .7s;
}

.pro .ct2 .input button:hover::after {
    top: 0;
}

.pro .ct2 .input button:hover:before {
    top: -100%;
}

.pro .topTitle {
    height: 80px;
}

.business .puxSwiperWrap .puxSwiper1 {
    display: none;
}

.business .cCont3 .puxSwiperWrap .puxSwiper2 {
    display: block;
}

.business .puxSwiperWrap .puxSwiper2 {
    display: none;
}

.business .puxSwiper.on {
    display: block;
}

.business .time {
    position: absolute;
    top: 110px;
    right: 40px;
    z-index: 999;
}

.business .time ul li {
    font-size: 30px;
    float: left;
    margin-left: 25px;
    color: #cab9ad;
    
    cursor: pointer;
    letter-spacing: -2px;
}

.business .time ul li.on {
    color: #333333;
}


@media screen and (max-width:1840px) {
    .investor .swiper2 .swiper-slide .le {
        width: 48%;
    }
    .nuxList .list h3 {
        font-size: 90px;
        letter-spacing: 0;
    }
    #tenpay_txt .loading_case .txt {
        transform: scale(.8);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .img1 {
        left: 75px;
        margin-bottom: -5px;
        transform: scale(.8);
        transform-origin: left bottom;
    }
    #tenpay_txt .loading_box .img2 {
        transform: scale(.8);
        transform-origin: right bottom;
    }
    #tenpay_txt .loading_box .time {
        transform: scale(.8);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .le {
        transform: scale(.8);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .txt1 {
        transform: scale(.8);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .yuan {
        transform: scale(.8);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .ul {
        transform: scale(.8);
        transform-origin: left top;
    }
}

@media (max-height: 860px) {
    #headMenu .navList .li .s2,
    #headMenu .navList .li .s1 {
        font-size: 50px;
    }
    .news .swiper-slide .le .main {
        padding-bottom: 20px;
    }
    .news .bt {
        padding-top: 15px;
    }
    .news .swiper-slide .le .main {
        height: 29vh;
    }
    .news .swiper-slide .le .txt p {
        -webkit-line-clamp: 3;
    }
    .news .swiper-slide .le .img {
        height: 100%;
    }
    .news .le .p {
        height: 40vh;
    }
    .news .swiper2 .list {
        height: 42vh;
    }
}

@media (max-width:1600px) {
    .investor .swiper2 {
        padding-top: 88px;
    }
    .tact .title {
        margin-top: -50px;
        margin-bottom: 10px;
    }
    .tuxSwiper .swiper-slide:nth-child(2n+1) {
        height: 47vh;
    }
    .news .swiper2 .list .li .txt {
        width: 80%;
    }
}

@media (max-height:910px) {
    .about_d .slide .icon_y {
        bottom: 0px;
    }
}

@media (max-height:860px) {

    .investor .swiper2 .ct4 p {
        font-size: 12px;
    }
    .tuxSwiper .card .cont {
        padding: 30px 30px 0;
    }
    .tuxSwiper .card h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .tuxSwiper .card h4 {
        font-size: 32px;
        line-height: 30px;
        margin-top: 5px;
    }
    .tuxSwiper .swiper-slide .pos h5 {
        font-size: 20px;
        line-height: 25px;
    }
    .tuxSwiper .swiper-slide .pos {
        padding: 30px 30px 0;
    }
    .tuxSwiper .swiper-slide .pos h5::after {
        margin: 15px 0;
    }
    .tuxSwiper .card span {
        font-size: 36px;
    }
    .investor .swiper2 .swiper-pagination-bullet:last-child {
        display: none;
    }
    .investor .swiper2 {
        padding-top: 64px;
    }
    .investor .swiper2 .swiper-pagination {
        top: 60px;
    }
    .investor .swiper2 .swiper-slide .ct {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 20px;
        height: calc(100vh - 100px - 80px - 110px);
        -moz-transform: scale(.9);
        -moz-transform-origin: top left;
    }
    .about_d .topTitle h2 {
        font-size: 60px;
        letter-spacing: 4px;
    }
    .about_d .topTitle h1 {
        padding-left: 154px !important;
    }
    .about_d .slide .icon_y {
        bottom: 10px;
    }
    .investor .swiper-backface-hidden .swiper-slide {
        width: 100% !important;
    }
    .investor .swiper2 {
        padding-top: 102px;
    }
    .investor .swiper2 .swiper-slide .le {
        width: 48%;
        max-height: 420px;
    }
    .investor .swiper2 .ct2 ul li {
        width: 20%;
        height: 160px;
        padding-top: 15px;
    }
    .investor .swiper2 .ct2 h3 {
        font-size: 26px;
    }
    .investor .swiper2 .ct2 h4 {
        font-size: 14px;
    }
    .investor .swiper2 .ct2 p {
        font-size: 16px;
    }
    .investor .swiper2 .ct2 .img img {
        width: 25px;
    }
    .investor .swiper2 .ct2 ul li:last-child {
        width: 56%;
    }
    .investor .swiper2 .ct2 input {
        width: 88%;
    }
    .investor .swiper2 .ct3 {
        padding-top: 30px;
        padding-left: 30px;
        -moz-transform: scale(.9);
        -moz-transform-origin: top left;
    }
    .investor .swiper2 .ct3 .bd ul li.on {
        top: 60px;
    }
    .investor .swiper2 .ct3#l2 .bd ul>li:first-child.on {
        top: 70px;
    }
    .investor table {
        height: 308px;
    }
    .investor .finance p {
        width: 530px;
    }
    .investor .tab_box {
        width: 100%;
        height: 255px;
    }
    .investor .tab_box .right {
        width: 70%;
    }
    .investor .swiper2 .ct3 .hd ul li {
        margin-right: 20px;
        font-size: 14px;
    }
    .investor .swiper2 .ct3 .list {
        height: 310px;
    }
    .investor .swiper2 .ct3 .more {
        bottom: 5px;
        right: 40px;
    }
    .investor .swiper2 .ct3 .bd ul li .pe .rt {
        width: 70%;
    }
    .investor .swiper2 .ct3 .bd ul li .txtt img {
        width: 100%;
    }
    .investor .swiper2 .ct3 .bd ul li .finance p {
        margin-top: 0;
        width: 30%;
    }
    .investor .swiper2 .ct3 .bd ul li .txtt {
        height: 331px;
    }
    .investor .swiper2 .ct3 .bd ul li .finance p:last-child {
        width: 70%;
    }
    .investor .swiper2 .swiper-slide .ct .le {
        width: 48% !important;
    }
    .investor .swiper2 .swiper-slide .ri {
        width: 46%;
        padding-left: 10px;
    }
    .investor .swiper2 .swiper-slide .ri ul li {
        margin-right: 12%;
    }
    .investor .swiper2 .ct3 .list .li {
        padding-top: 18px;
        padding-bottom: 14px;
    }
    .investor .swiper2 .ct3 .list .li .txt {
        padding-left: 90px;
    }
    .investor .swiper2 .ct3 .bd .ul {
        height: 343px;
    }
    .investor .swiper2 .ct2 ul li h5 {
        font-size: 12px;
        left: 9px;
        bottom: 3px;
    }
    .investor .tab_box .left {
        width: 30%;
    }
    .investor .swiper2 .ct2 .img2 {
        width: 100%;
    }
    .investor .swiper2 .ct3 .bd ul li .tab_box .right p {
        width: auto;
    }
    .investor tr,
    .investor th,
    .investor td {
        font-size: 12px;
    }
    .investor .swiper2 .ct2 ul li a>img {
        width: 80%;
        margin: 0 auto;
    }
    .investor .swiper2 .ct2 ul li {
        padding-top: 15px;
    }
    .investor .swiper2 .swiper-slide .ct .ct1 p {
        margin-top: 5px;
        font-size: 14px;
        line-height: 20px;
    }
    .investor .swiper2 .swiper-slide .ct .ct1 h3 {
        font-size: 42px;
    }
    .investor .swiper2 .swiper-slide .ct .ct1 ul li p {
        margin-top: 0;
    }
    .investor .swiper2 .ct3 .bd ul li .top {
        padding-top: 10px;
        height: 100px;
    }
    .investor .swiper2 .ct3 .bd ul li p {
        margin-top: 0;
    }
    .investor .swiper2 .ct3 .bd ul li p {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 5px;
    }
    .investor .swiper2 .swiper-slide .ct#l3 .ct2 {
        margin-top: 15px;
    }
    .investor .swiper2 .ct3 .list .li .time {
        font-size: 14px;
        line-height: 14px;
    }
    .investor .swiper2 .ct3 .list .li .time em {
        font-size: 24px;
    }
    .investor .swiper2 .ct3 .list .li .txt h3 {
        font-size: 15px;
        padding-right: 40px;
        line-height: 20px;
        margin-bottom: 5px;
    }
	.topTitle {
	    top: 105px;
	}
	.topTitle h2 {
	    font-size: 52px;
	}
    .nuxSwiper .card h3 {
        font-size:20px;line-height:31px;
    }
    .nuxSwiper .card h4 {
        font-size:30px;line-height: 43px;
    }
	.nuxSwiper .swiper-slide.on .card span{ font-size:20px; line-height:29px;}
    .nuxSwiper .swiper-slide {
        width: 35vw;
    }
	/*01*/
.nuxSwiper1 .card h3 {
        font-size:20px;line-height:31px;
    }
    .nuxSwiper1 .card h4 {
        font-size:30px;line-height: 43px;
    }
	.nuxSwiper1 .swiper-slide.on .card span{ font-size:20px; line-height:29px;}
	.nuxSwiper1 .swiper-slide:nth-child(4n+3) {
	  }
	.nuxSwiper1 .swiper-slide:nth-child(2n) {
	    width:38vw;
	}
/*01*/	
    .about_d2 .topTitle h2 {
        font-size: 52px;
    }
    .about_d2 {
        padding-left: 8vw;
    }
    .about_d2 .swiper-wrapper {
        zoom: .9;
        /* -moz-transform: scale(.9); */
        -moz-transform-origin: top left;
    }
    .tact .swiper2 {
        zoom: .65;
        -moz-transform: scale(.65);
        -moz-transform-origin: top left;
    }
    .pop-FRight .cont1 .tit2 {
        font-size: 26px;
        right: 30px;
    }
    .pop-FRight .cont1 .tit1 {
        font-size: 20px;
        right: 55px;
    }
    .pop-FRight .cont1 h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .pop-FRight .close {
        left: 42px;
        top: 45px;
    }
    .pop-FRight .cont1 p {
        font-size: 12px;
        line-height: 18px;
    }
    .about_d .slide .swiper-slide {
        padding-top: 10px;
    }
    .about_d .slide .introduce p {
        height: 40px;
        -webkit-line-clamp: 2;
        padding-right: 70px;
    }
    .floatUp .img {
        width: 120px;
    }
    .about_d .slide .swiper-slide .floatBg p {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .about_d .slide .swiper-slide .floatBg .floatUp h3 {
        font-size: 22px;
    }
}

@media (max-height:820px) {
    .about_d .slide .swiper-slide {
        padding-top: 0px;
    }
    .about_d .slide .swiper-slide .item {
        width: 323px;
        height: 80%;
    }
    .about_d .slide .icon_d {
        margin: 15px 0 6px;
    }
    .about_d .slide .introduce h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .about_d .slide .introduce h3 em {
        display: none;
    }
    .about_d .slide .img img {
        height: 42vh;
    }
    .about_d .slide .up,
    .about_d .slide .introduce {
        max-width: 100%;
    }
    .floatUp .img {
        width: 100px;
    }
    .about_d .slide .swiper-slide .floatBg p {
        font-size: 12px;
    }
    .about_d .slide .swiper-slide .floatBg .floatUp h3 {
        font-size: 18px;
    }
    .about_d .slide .swiper-slide .floatBg .floatUp h3 em {
        font-size: 20px;
    }
    #tenpay_txt .loading_case .txt {
        transform: scale(.7);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .img1 {
        transform: scale(.7);
        transform-origin: left bottom;
    }
    #tenpay_txt .loading_box .img2 {
        transform: scale(.7);
        transform-origin: right bottom;
    }
    #tenpay_txt .loading_box .time {
        left: 111px;
        transform: scale(.7);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .le {
        left: 111px;
        transform: scale(.7);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .txt1 {
        transform: scale(.7);
        left: 111px;
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .yuan {
        transform: scale(.7);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .ul {
        transform: scale(.7);
        transform-origin: left top;
    }
}
.about_d2 .iconGesture {
    bottom: auto; display: none;width:30px; z-index: 6;
    right:30px;
    top: auto; position: absolute; line-height: 0;
    top: 67%;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}
@media (max-width:760px) {
    .tact#content { 
        overflow: hidden;
    }

    #content {margin-top:60px; padding:15px;
        height:auto; display: block;
    }
    .nuxList {
        height: calc(34vh - 110px);
    }
    .nuxList .list {
        height: calc(19vh + 110px);
    }
	.about_d2 .iconGesture {display: block;}
    .about_d2 .topTitle {top:0;
        height:auto; text-align: left;
     padding:0; position: relative;
    }
    .about_d2 .topTitle h2 {
        font-size: 36px;line-height: 46px;
    }
	.about_d2 .topTitle h4 { padding: 0;
	    font-size:16px;line-height:24px;
	}
	.about_d2 .topTitle h1 { padding: 0;
	    font-size: 16px;line-height:19px;
	}
	.about_d2 .Box .Box_line {
	    left: 60px; margin-top: -220px;
	    width:400px;
	    height:400px;}
	.about_d2 .Box .l{width:290px;
height:400px;}
	.about_d2 .Box .l::after{width:400px;
height:400px;}
.about_d2 .Box .r{width:290px;
height:400px;}
	.about_d2 .Box .r::after{width:400px;
height:400px;}
    .tuxSwiper .swiper-slide {
        height: calc(100vh - 60px - 80px - 110px - 100px);
        /* width: 21vw; */
    }
    .tuxSwiper .swiper-slide:nth-child(2n+1) {
        height: calc(100vh - 100px - 80px - 110px);
        width: 26vw;
    }
	.about_d2 .float{ top:110px; left: 15px;}
	.about_d2::before { display: none;}
	.about_d2 .swiper-wrapper{ width: 100%; }
	.about_d2 .swiper-slide{ width: 100% !important; }
	.about_d2 .swiper-slide-active{ opacity:1 !important;}
	.about_d2  .introduce{width: 100%; margin-top:20px;}
	.about_d2 .slide_btn{display: none;}
	.about_d2 .Box{ width: 100%; flex-wrap: wrap; margin-top: 70px;}
    .about_d2 .Box .img{ width: 100%; padding-bottom:67.07%; margin: 0;}
	.about_d2 .Box .p{padding-top:10px;
padding-left:0px;}
    .investor .swiper2 {
        zoom: .9;
        -moz-transform: scale(.9);
        -moz-transform-origin: left top;
        padding-top: 50px;
    }
    .investor .swiper2 .swiper-pagination {
        top: 20px;
    }
    .investor .swiper2 .swiper-pagination-bullet {
        font-size: 14px;
    }
    .investor .swiper2 .ct3#l2 .bd ul>li:first-child.on {
        top: 60px;
    }
    .section1 .down .fl p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .section1 .down .fr p:first-child {
        font-size: 18px;
        line-height: 22px;
    }
    .section1 .down .fr p {
        font-size: 12px;
        line-height: 20px;
    }
    .section1 .tit h1 {
        font-size: 36px;
        margin-top: 10px;
    }
    .section1 .tit h2 {
        font-size: 48px;
    }

    #tenpay_txt .loading_case .txt {
        transform: scale(.6);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .img1 {
        transform: scale(.6);
        transform-origin: left bottom;
    }
    #tenpay_txt .loading_box .img2 {
        transform: scale(.6);
        transform-origin: right bottom;
    }
    #tenpay_txt .loading_box .time {
        top: 100px;
        left: 210px;
        transform: scale(.6);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .le {
        left: 210px;
        transform: scale(.6);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .txt1 {
        left: 210px;
        transform: scale(.6);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .yuan {
        transform: scale(.6);
        transform-origin: left top;
    }
    #tenpay_txt .loading_box .ul {
        transform: scale(.6);
        transform-origin: left top;
    }
    .wrap .section img {
        width: 100%;
    }
    .wrap .section4 img {
        width: 113%;
    }
    .wrap .section3 {
        width: 70vw;
    }
    .section4 .img {
        width: 62vw !important;
    }
    .section3 .float {
        zoom: 0.6;
        -moz-transform: scale(.6);
        -moz-transform-origin: top center;
    }
    .section5 .float {
        zoom: .7;
        -moz-transform: scale(.7);
        -moz-transform-origin: top left;
    }
    .section5 .text .bg {
        zoom: .7;
        -moz-transform: scale(.7);
        -moz-transform-origin: top left;
    }
    .section5 .text .bg p {
        font-size: 12px;
    }
    .section5 .text {
        padding: 32.75667vh 268px 0 47px;
        max-width: 598px;
    }
    .wrap .section4 {
        width: 1900px;
    }
    .section4 .text {
        max-width: 740px;
    }
    .wrap .section5 {
        width: 1778px;
    }
    .about_d .slide .icon_y {
        display: none;
    }
}

@media (max-height:650px) {
    .news .swiper-slide .le:first-child .txt h3 {
        font-size: 14px;
        line-height: 20px;
    }
    .news .swiper-slide .le .txt h4 {
        line-height: 14px;
    }
    .news .swiper-slide .le .txt p {
        font-size: 12px;
        line-height: 18px;
    }
}



/* 2023-2-15 */
.tact .ttt h1::before {
    content: '';
    width: 16px;
    height: 2px;
    background-color: #fdc965;
    position: absolute;
    left: 0;
    bottom: 0;
}
.tact .ttt h1 {
    font-size: 26px;
    color: #fef3df;
    position: relative;
    padding-bottom: 28px;
    margin-bottom: 28px;
}


@media screen and (max-width:1440px) {
.nuxSwiper .card span{ left:0.7rem;}	
.nuxSwiper .card .cont{padding: 0.47rem 0.3rem;}	
/*01*/
.nuxSwiper1 .card span{ left:0.35rem;top: 0.33rem;}	
.nuxSwiper1 .card .cont{padding:0.5rem 0.15rem 0.3rem 0.15rem ; left:0.2rem; top:0.2rem}	
.nuxSwiper1 .swiper-slide.on .card span{ left:0.45rem;}	
.nuxSwiper1 .swiper-slide:hover .card span{ left:0.45rem;}	
.nuxSwiper1 .swiper-slide.on .cont {
  padding: 0.5rem 0.25rem 0.3rem 0.25rem;
}
.nuxSwiper1 .swiper-slide:hover .cont {
  padding: 0.5rem 0.25rem 0.3rem 0.25rem;
}
/*01*/
#header .hea_nav ul li{ margin-right: 44px;}
	
}
@media screen and (max-width:1220px) {
#header .hea_nav ul li{ margin-right:20px;}
}
@media screen and (max-width:1024px) {
#header .head{height:60px;}	
#header .hea_nav ul{ display:none;}
#header .logo{ margin-top: 3px;}
#header .logo img{ height:54px;}
#header .search{ display:none;}
#header .hea_nav{ margin-top: 15px;}
#header .hea_nav .lang{ padding:0; margin-right: 15px;}
#header .hea_nav .lang a{ line-height:30px;}
#header .hea_nav .lang::after{ display:none;}
.ix-ft{ width:100%; padding:0; position: static; margin-bottom:14px;}
.Ri-new{ padding-top: 28px;}
.bomFooter{ width: 100%;}
.bomFooter .Copyright p{ text-align: center;}
.bomFooter .logo{ display: flex; justify-content: center;}
.bomFooter .logo a{ margin: 0 5px;}
#footer.footer6{ position: static; float: left;}
#footer{ width:100%; padding:20px 20px;}
#footer1{ width:100%; padding:20px 20px;}
.Ri-new h3{ right:50%; transform: translateX(50%); -ms-transform: translateX(50%); }
.Ri-new .swiper-slide a{ text-align: center;}
#yuxContent .nuxSwiper {
    height:100vh; align-items:center; display: flex; flex-wrap: wrap;
    padding:52px 40px 162px 40px;
}
.nuxSwiper .swiper-wrapper{ height: auto;}
.nuxSwiper .swiper-slide{ width:100%;height:60vh;}
.nuxSwiper .swiper-slide.on {
    height:60vh;
}
.nuxSwiper .card{ border-radius: 12px;}
.nuxSwiper .card span{ left:45px;top:25px; font-size:16px; line-height:26px;}	
.nuxSwiper .card .cont{padding:25px 15px; left: 30px;
    top: 30px;}	
.nuxSwiper .card h3 {
font-size:16px;line-height:26px;
}
.nuxSwiper .card h4 {
font-size:20px;line-height: 30px;
}
.nuxSwiper .swiper-slide.on .card span{ top: auto; bottom:20px; font-size:20px; line-height:30px;}
.nuxSwiper .swiper-slide:hover .card span{
	 top: auto; bottom:20px;
	 font-size:20px; line-height:30px;
}
/*01*/
#yuxContent .nuxSwiper1 {
    height:100vh; align-items:center; display: flex; flex-wrap: wrap;
    padding:52px 15px 114px 15px;
}
.nuxSwiper1 .swiper-wrapper{ height: auto;}
.nuxSwiper1 .swiper-slide{ width:94%;height:62vh;}
.nuxSwiper1 .swiper-slide:nth-child(4n+3) {
  /* height:64vh; */
}
.nuxSwiper1 .swiper-slide:nth-child(2n) {
    width:94%; height:57vh;
}
.nuxSwiper1 .cont{ border-radius: 12px;}
.nuxSwiper1 .card{ border-radius: 12px;}
.nuxSwiper1 .card span{ left:25px;top:25px; font-size:16px; line-height:26px;}	
.nuxSwiper1 .card .cont{padding:40px 10px 20px 10px; left:15px; top:15px;}	
.nuxSwiper1 .card h3 {
font-size:16px;line-height:26px;
}
.nuxSwiper1 .card h4 {
font-size:20px;line-height: 30px;
}
.nuxSwiper1 .swiper-slide.on .card span{ left:30px;}	
.nuxSwiper1 .swiper-slide:hover .card span{ left:30px;}	
.nuxSwiper1 .swiper-slide.on .cont {
  padding: 40px 15px 10px 15px;
}
.nuxSwiper1 .swiper-slide:hover .cont {
  padding: 40px 15px 10px 15px
}
/*01*/

}
@media screen and (max-width:767px) {
.bomFooter .Copyright .a{ display: block;}
}


#header .menuph{float: right; width:30px; height: 30px; cursor: pointer; text-align: center;display: none;}
#header .menuph .menu-toggle {width: 30px;height: 30px;position: absolute;overflow: hidden;z-index: 111;}
#header .menuph .cd-nav-trigger {display: block;width: 30px;height: 30px;}
#header .menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#EF7D1D;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
#header .menuph .menu-toggle span.hamburger:after,
#header .menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#EF7D1D;position:absolute;top:50%;margin-top:-1px;left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
#header .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
#header .menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
#header .menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #EF7D1D;position: absolute;right: 20px;top:50%;margin-top:-1px;}
#header .menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
#header .menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
#header .menuph .menu-toggle span.cross:before,
#header .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#EF7D1D;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
#header .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
#header .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
#header .cross::before,
#header .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
#header .menuph.active .menu-toggle span.hamburger,
#header .menuph.active .menu-toggle span.hamburger:after,
#header .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
#header .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
#header .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
#header .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #EF7D1D;}
#header .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #EF7D1D;}
#header .xialaph{ position: fixed; right: 0; top:60px;width: 100%; height: calc(100vh - 60px);overflow: scroll; padding:5px 20px 60px 20px;z-index:3; background: #F7F3F0;display: none;}
#header .xialaph .a1box,
#header .xialaph .a2box{position: relative;}
#header .xialaph .icobox{width: 40px;height: 40px;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
#header .xialaph .icobox::after{ display: block; content:''; width:8px; height: 8px;position: absolute;right:2px;top: 50%; border-top:1px solid #040000; border-right:1px solid #040000; transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);}
#header .xialaph .icobox.on::after{display: block; border-top:1px solid #EF7D1D; border-right:1px solid #EF7D1D; transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg);}
#header .xialaph .u1{width: 100%;margin-bottom:10px;}
#header .xialaph .l1{width: 100%;}
#header .xialaph .a1{width: 100%;font-size:14px;color: #040000;line-height: 26px;position: relative;padding: 12px 40px 12px 0;display: block;border-bottom: 1px solid #C7C7C7;}
#header .xialaph .a1:hover{ color: #EF7D1D;}
#header .xialaph .u2{width: 100%;padding-left: 20px;padding-right: 20px;border-bottom: 1px solid #C7C7C7;display: none;}
#header .xialaph .l2{width: 100%;}
#header .xialaph .a2{width: 100%;font-size: 14px;color: #040000;line-height: 22px;position: relative;padding: 10px 40px 10px 0;display: block;border-bottom: 1px solid #C7C7C7;}
#header .xialaph .a2:hover{ color: #EF7D1D;}
#header .xialaph .l2:last-child .a2{border-bottom: 0;}
#header .xialaph .u3{padding-left: 20px;padding-right: 20px; border-bottom: 1px solid #C7C7C7;display: none;}
#header .xialaph .l3{width: 100%;}
#header .xialaph .a3{font-size: 14px;color:#575656;line-height: 20px;padding-top: 8px;padding-bottom: 8px;border-bottom: 1px solid #C7C7C7;display: block;}
#header .xialaph .a3:hover{ color: #EF7D1D;}
#header .xialaph .l3:last-child .a3{border-bottom: 0;}
#header .xialaph .input_box{width: 100%;border-bottom: 1px solid #C7C7C7;margin-bottom: 20px;position: relative;}
#header .xialaph .input_box input{width: 100%;height:50px; line-height: 30px; padding:10px 60px 10px 0;font-size: 14px;color:#040000;}
#header .xialaph .input_box input::placeholder{color:#040000; opacity:1 !important;}
#header .xialaph .input_box button{width:44px; height:100%; cursor: pointer;position: absolute;right: 0;top:0; background:url(../images/icon_seek.svg) center no-repeat; background-size: 24px  auto;}



@media screen and (max-width:1024px) {
#header .menuph{display: block;}
}



#header .logo img.img2{display:none;}
#header .logo1 img.img2{display:block;}


@media screen and (max-width:1024px) {
	
#footer{bottom: 90px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}


}