@charset "utf-8";
body {
font-family: "Microsoft Yahei", 'PingFang SC', Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}
@font-face {
font-family: "MontserratBold";
src: url("../font/MontserratBold.woff2") format("woff2"),
url("../font/MontserratBold.woff") format("woff"),
url("../font/MontserratBold.ttf") format("truetype"),
url("../font/MontserratBold.eot") format("embedded-opentype"),
url("../font/MontserratBold.svg") format("svg");
}
@font-face {
font-family: "MontserratLight";
src: url("../font/MontserratLight.woff2") format("woff2"),
url("../font/MontserratLight.woff") format("woff"),
url("../font/MontserratLight.ttf") format("truetype"),
url("../font/MontserratLight.eot") format("embedded-opentype"),
url("../font/MontserratLight.svg") format("svg");
}
@font-face {
font-family: "MontserratRegular";
src: url("../font/MontserratRegular.woff2") format("woff2"),
url("../font/MontserratRegular.woff") format("woff"),
url("../font/MontserratRegular.ttf") format("truetype"),
url("../font/MontserratRegular.eot") format("embedded-opentype"),
url("../font/MontserratRegular.svg") format("svg");
}
/* 规范 */
/* 标题 */
.he_tit1 {
color: #333;
font-size: 48px;
line-height: 1.75;
}
.he_tit2 {
color: #b8a892;
font-size: 36px;
line-height: 1.75;
}
.he_tit3 {
color: #333;
font-size: 28px;
line-height: 1.75;
}
.he_tit4 {
color: #333;
font-size: 24px;
line-height: 1.75;
}
.he_tit5 {
color: #333;
font-size: 18px;
line-height: 2;
}
/* 段落 */
.he_word {
color: #333;
font-size: 16px;
line-height: 2;
}
/* 编辑器 p样式 */
.yxedr_active p {
font-size: 16px;
line-height: 1.75;
color: #666;
}
/* 手机导航 */
.g_phnav1.yxnav_active1,
.g_phnav2.yxnav_active2 {
color: #000;
}
.he_ph_hd {
position: relative;
z-index: 999;
display: none;
height: 64px;
}
/* .he_sybox .he_ph_hd {
height: inherit;
} */
.he_ph_hdbox {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 64px;
padding-left: 15px;
padding-right: 15px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.he_ph_logo img {
width: 100%;
}
.he_language_ph a {
line-height: 64px;
color: #333;
margin-right: 15px;
}
.he_ph_hd .he_ph_logo a {
line-height: 64px;
}
.he_ph_hd .he_ph_logo {
width: 116px;
}
.he_ph_menu {
overflow: hidden;
width: 50px;
height: 50px;
}
.he_ph_hd .he_phmenubox {
width: 50px;
height: 50px;
cursor: pointer;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.he_ph_hd .he_phmenubox .point {
position: relative;
display: inline-block;
width: 28px;
height: 22px;
margin-top: 14px;
}
.he_ph_hd .he_phmenubox .point .nav_btn,
.he_ph_hd .he_phmenubox .point .nav_btn::after,
.he_ph_hd .he_phmenubox .point .nav_btn::before {
display: inline-block;
width: 28px;
height: 1px;
background-color: #333;
}
.he_ph_hd .he_phmenubox .nav_btn {
position: absolute;
top: 10px;
right: 0;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.he_ph_hd .he_phmenubox .nav_btn::after,
.he_ph_hd .he_phmenubox .nav_btn::before {
content: '';
position: absolute;
right: 0;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.he_ph_hd .he_phmenubox .nav_btn::after {
top: -10px;
}
.he_ph_hd .he_phmenubox .nav_btn::before {
top: 10px;
}
.he_ph_hd .he_phmenubox .point.active .nav_btn {
background: transparent;
}
.he_ph_hd .he_phmenubox .point.active .nav_btn::after {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.he_ph_hd .he_phmenubox .point.active .nav_btn::before {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*ph导航&下拉*/
.phxia {
position: fixed;
left: 0;
top: 64px;
width: 100%;
height: calc(100vh - 64px);
overflow: auto;
pointer-events: none;
}
.phxia::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(0, 0, 0, .3);
opacity: 0;
transition: all .36s;
}
.phxia.active {
pointer-events: all;
}
.phxia.active::before {
opacity: 1;
}
.xialaph {
display: none;
width: 100%;
padding: 10px 20px 18px;
background-color: #f1f1f1;
}
.xialaph h4 {
position: relative;
}
.xialaph h4::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
opacity: .1;
background-color: #000;
}
.xialaph h4 a {
font-size: 14px;
line-height: 36px;
text-transform: uppercase;
color: #999;
max-width: calc(100% - 36px);
}
.xialaph h4 img {
position: absolute;
top: 50%;
right: 5px;
width: 13px;
cursor: pointer;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.xialaph .ul2 {
display: none;
padding-top: 7px;
padding-bottom: 8px;
}
.xialaph .ul2 .container_s {
max-width: 100%;
padding: 0 15px;
}
.xialaph h5 {
position: relative;
}
.xialaph h5::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
opacity: .05;
background-color: #000;
}
.xialaph h5 a {
font-family: '微软雅黑';
font-size: 14px;
line-height: 35px;
text-transform: uppercase;
color: #999;
max-width: calc(100% - 36px);
}
.xialaph h5 img {
position: absolute;
top: 50%;
right: 5px;
width: 35px;
padding: 11px;
cursor: pointer;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s {
display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d {
display: block;
}
.xialaph .ul3 {
display: none;
}
.xialaph h6 a {
font-family: '微软雅黑';
font-size: 12px;
line-height: 40px;
text-transform: uppercase;
color: #999;
}
.header2 {
position: fixed;
top: 0;
left: 50%;
z-index: 999;
width: 100%;
height: 64px;
padding-left: 15px;
padding-right: 15px;
background-color: #ffffff;
transform: translateX(-50%);
}
.header2 .logo {
width: 80px;
line-height: 64px;
}
.header2 .logo img {
width: 100%;
}
.header2 .phsearch {
position: absolute;
top: 50%;
right: 70px;
width: 25px;
cursor: pointer;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.header2 .wj_hin_right {
padding-top: 25px;
}
.header2 .phsearch img {
width: 100%;
}
.ph_mea_cl {
overflow: hidden;
width: 50px;
height: 100%;
}
.header2 .menuph {
width: 50px;
height: 50px;
cursor: pointer;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.header2 .menuph .point {
position: relative;
display: inline-block;
width: 28px;
height: 22px;
margin-top: 14px;
}
.header2 .menuph .point .navbtn,
.header2 .menuph .point .navbtn::after,
.header2 .menuph .point .navbtn::before {
width: 28px;
}
.header2 .menuph .navbtn {
position: absolute;
top: 10px;
right: 0;
display: inline-block;
width: 28px;
height: 1px;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
background: #666;
}
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before {
position: absolute;
right: 0;
display: inline-block;
width: 28px;
height: 1px;
content: '';
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
background: #666;
}
.header2 .menuph .navbtn::after {
top: -10px;
}
.header2 .menuph .navbtn::before {
top: 10px;
}
.header2 .menuph .point.active .navbtn {
background: transparent;
}
.header2 .menuph .point.active .navbtn::after {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.header2 .menuph .point.active .navbtn::before {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ph_search {
width: 100%;
overflow: hidden;
padding: 0 15px;
padding-left: 15px;
}
.ph_search_ph {
width: 100%;
height: 35px;
border: 1px solid rgba(0, 0, 0, .1);
margin-top: 18px;
float: left;
border-radius: 17.5px;
position: relative;
}
.ph_search_ph input {
width: 100%;
height: 100%;
text-indent: 20px;
color: #333333;
}
.ph_search_ph input::-webkit-input-placeholder {
color: #999999;
}
.ph_search_ph button {
width: 40px;
height: 100%;
color: #ffffff;
line-height: 35px;
text-align: center;
font-size: 20px;
font-family: "微软雅黑";
float: right;
position: absolute;
top: 0;
right: 0;
}
.ph_search button .icon-sousuo {
font-size: 27px;
color: #999999;
}
.wj_header_i_nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
z-index: 10;
}
/*电话*/
.ph_dh_number {
width: 100%;
text-align: center;
margin-top: 18px;
}
.ph_dh_number .ph_dh_n {
display: inline-block;
overflow: hidden;
}
.ph_dh_number .ph_dh_n p {
float: left;
font-size: 18px;
color: #666;
}
.ph_dh_number .ph_dh_n .ph_dh_n_p1 {
margin-right: 15px;
}
.wj_hin_r_en {
color: #666;
}
.ph_searchfe {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 16px;
}
.ph_searchfe img {
width: 100%;
}
/* *************************************************************** */
/* 分页 */
.he_fybtn {
padding: 0 15px;
}
.he_pcfy a {
float: left;
}
.he_fybtn a {
font-family: 微软雅黑;
font-size: 14px;
color: #333;
}
.he_phfy {
display: none;
}
.he_phfy .lp {
float: left;
}
.he_phfy .rp {
float: right;
}
.pc_fenye {
position: relative;
left: 50%;
transform: translateX(-50%);
display: inline-block;
text-align: center;
}
.pc_fenye li {
float: left;
width: 30px;
height: 30px;
border: 1px solid transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 30px;
color: #333333;
text-align: center;
margin: 0px 10px;
transition: .3s;
}
.pc_fenye li.activepage {
color: #fff;
background-color: #333333;
}
/* *************************************************************** */
.he_pc_hd {
position: fixed;
top: 53px;
left: 50%;
transform: translateX(-50%);
width: 100%;
padding: 0 40px;
z-index: 999;
transition: all 0.36s;
/* max-width: 1920px; */
}
.he_pcbxn {
max-width: 1920px;
margin: 0 auto;
}
.he_pcbx {
width: 100%;
/*background: #fff;*/
border-radius: 20px;
padding: 0 54px;
transition: all 0.36s;
}
/*.he_pcbx {*/
/* background: rgba(255, 255, 255, 0.3);*/
/* backdrop-filter: blur(40px);*/
/* border: 0.2px solid rgba(255, 255, 255, 0.3);*/
/*}*/
@-moz-document url-prefix() {
.he_pcbx {
background: rgba(255, 255, 255, 0.9);
}
}
.he_pcbxle {
width: 191px;
position: relative;
transition: all 0.36s;
}
.he_pcbxle img {
width: 100%;
}
.he_banbx {
width: 100%;
position: relative;
background: #fff;
}
.he_banul {
width: 100%;
}
.he_banli {
width: 100%;
position: relative;
display: none;
}
.he_banli:first-child {
display: block;
}
.he_index .he_banig {
width: 100%;
position: relative;
overflow: hidden;
height: 100vh;
}
.he_banig {
width: 100%;
position: relative;
overflow: hidden;
}
.he_banig::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(75, 100, 124, 0.15);
}
.he_banph {
display: none;
}
.he_index .he_banig img {
width: 100%;
height: 100%;
object-fit: cover;
}
.he_index .he_banig img {
width: 100%;
}
.he_pcbxle {
line-height: 80px;
}
.he_pcbxle img {
width: 100%;
transition: all 0.36s;
}
.he_pcbxle .he_img1 {
height: inherit;
top: 25px;
opacity: 0;
}
.he_fot {
background: #f6f6f8;
position: relative;
padding-top: 75px;
}
.he_pcnli .he_pcnava {
font-size: 18px;
line-height: 80px;
color: #13212e;
transition: all 0.36s;
position: relative;
}
.he_pcnli .he_pcnava::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 3px;
background: #1c5bae;
opacity: 0;
transition: all 0.36s;
}
.he_pcnli {
margin: 0 47px;
}
/* .he_pcnli.yxnav_active1 .he_pcnava {
color: #1c5bae !important;
} */
/* .he_pcnli.yxnav_active1 .he_pcnava::after {
width: 100%;
opacity: 1;
} */
.mc_search_xl {
position: fixed;
left: 50%;
transform: translateX(-50%);
top: 82px;
width: calc(100vw - 100px);
height: 160px;
border-top: 1px solid #dfdede;
z-index: 99;
background: #fff;
display: none;
transition-property: top, width, border;
transition-duration: 0.36s, 0.36s;
border-radius: 20px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(40px);
}
.he_pc_hd.act .mc_search_xl {
width: 100%;
border-radius: 0;
}
.mc_pos_center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* width: 690px; */
}
.mc_scm_form {
width: 690px;
}
.mc_msc_box {
font-size: 0;
padding: 8px;
border-bottom: 1px solid #dfdede;
}
.mc_msc_input {
width: calc(100% - 30px);
height: 26px;
font-size: 16px;
color: #333;
line-height: 20px;
padding: 3px 0;
padding-right: 12px;
}
.mc_msc_submit {
font-size: 26px;
color: #666666;
width: 30px;
vertical-align: top;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.mc_msc_submit img {
width: 100%;
}
.he_pcser {
position: relative;
cursor: pointer;
}
.he_pcser .icon-search {
color: #6a6a6a;
font-size: 22px;
transition: all 0.36s;
line-height: 80px;
}
/* .icon-search.act::before {
content: "\e625" !important;
} */
.he_pcnav {
padding-right: 50px;
}
.he_pc_hd.act {
box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
}
.he_pc_hd.act .he_pcnli .he_pcnava {
color: #333333;
}
.he_pc_hd.act .he_pcser .icon-search {
color: #333333;
}
.he_pc_hd.act .he_pcbxle {
line-height: 80px;
}
.he_pc_hd.act .he_pcbxle {
width: 170px;
}
.he_pc_hd.act .he_pcnli .he_pcnava {
line-height: 80px;
}
.he_pc_hd.act .he_pcser .icon-search {
line-height: 80px;
}
.he_pc_hd.act .mc_search_xl {
top: 80px;
}
.he_pc_hd.act .he_down {
top: 80px;
}
.he_pc_hd.act .he_langple {
line-height: 80px;
}
.he_pc_hd.act .he_langpri {
line-height: 80px;
}
.he_down {
width: 100%;
position: fixed;
top: 96px;
left: 0;
background: #f4f4f4;
padding-top: 49px;
padding-bottom: 45px;
transition: top 0.36s;
display: none;
}
.he_downbx {
width: 100%;
}
.he_downti p {
font-weight: bold;
}
.he_downul {
padding-top: 39px;
margin: 0 -89px;
}
.he_downli {
width: 33.333333%;
padding: 0 89px;
margin-bottom: 30px;
}
.he_downlbx {
width: 100%;
background: #fff;
transition: all 0.36s;
padding: 0 35px;
border-radius: 6px;
position: relative;
}
.he_downlte p {
font-size: 16px;
line-height: 60px;
height: 60px;
overflow: hidden;
transition: all 0.36s;
}
.he_downlig {
width: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 32px;
}
.he_downlte {
width: calc(100% - 20px);
}
.he_downlig .he_img1 {
opacity: 0;
}
.he_downlig img {
transition: all 0.36s;
}
.he_downli a {
width: 100%;
display: block;
}
.he_banig video {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
min-height: 100%;
min-width: 100%;
}
.he_bantepo {
width: 622px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.he_linte {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
padding: 0 44px;
}
.he_linte img {
width: 100%;
}
.he_line {
width: 100%;
}
.he_line .he_img2 {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.he_banul .slick-dots li {
width: 11px;
height: 11px;
background: transparent;
border: 1px solid #fff;
border-radius: 50%;
}
.he_banul .slick-dots li.slick-active {
background: #ffffff;
}
.he_banul .slick-dots {
bottom: 96px;
width: 1365px;
left: 50%;
transform: translateX(-50%);
text-align: left;
}
/*
.he_banul .slick-arrow {
width: 48px;
height: 48px;
border-radius: 50%;
border: 1px solid #fff;
z-index: 10;
transition: all 0.36s;
}
.he_banul .slick-arrow::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 12px;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.he_banul .slick-prev::after {
background-image: url(../images/dwarle.png);
}
.he_banul .slick-next::after {
background-image: url(../images/dwarr1.png);
} */
.he_banul .slick-prev {
left: 46px;
}
.he_banul .slick-next {
right: 46px;
}
.he_topig {
width: 100%;
position: absolute;
top: -16%;
left: 0;
z-index: 10;
}
.he_topig img {
/* width: 100%; */
position: relative;
width: auto;
height: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
max-width: inherit;
}
.he_topbt {
width: 100%;
background: #283249;
padding-top: 70px;
}
.he_conten1 {
width: 1365px;
margin: 0 auto
}
.he_conten2 {
width: 1516px;
margin: 0 auto;
}
.he_tobyt {
width: 100%;
}
.he_tobytle {
width: 860px;
}
.he_ftnavli {
width: 20%;
}
.he_ftnavti a {
font-size: 18px;
color: #ffffff;
line-height: 1.75;
}
.he_ftnavbh a {
font-size: 14px;
color: rgba(255, 255, 255, 0.5);
line-height: 1.75;
transition: all 0.36s;
}
.he_ftnavti {
margin-bottom: 24px;
}
.he_ftnavbh {
margin-bottom: 14px;
}
.he_tobytcd {
width: 110px;
}
.he_tobyig {
background: #fff;
padding: 6px;
}
.he_tobyte p {
font-size: 14px;
line-height: 1.75;
color: #ffffff;
}
.he_tobyte {
text-align: center;
margin-top: 10px;
}
.he_tobywl {
width: 100%;
text-align: right;
margin-top: 17px;
}
.he_tobywny {
display: inline-block;
text-align: center;
}
.he_tobywba a {
font-size: 14px;
color: rgba(255, 255, 255, 0.5);
line-height: 38px;
transition: all 0.36s;
padding: 0 30px;
}
.he_tobywba {
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 60px;
transition: all 0.36s;
margin-left: 20px;
}
.he_fottb {
width: 100%;
position: relative;
padding-top: 38px;
padding-bottom: 19px;
}
.he_fottble {
width: 125px;
}
.he_fottble img {
width: 100%;
}
.he_fottbri p {
font-size: 14px;
line-height: 1.75;
color: rgba(255, 255, 255, 0.2);
}
.he_fottbri p a {
color: rgba(255, 255, 255, 0.2);
}
.he_fottbri {
margin-top: 5px;
}
.ys_navph2_header {
display: none;
}
.ys_navph2_header {
position: relative;
z-index: 99999;
height: 100%;
}
.ys_navph2_navbar {
background: #fff;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9000000;
padding-right: 20px;
box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
}
.ys_navph2_logo {
position: relative;
z-index: 50;
width: 130px;
}
.ys_navph2_logo_btn {
position: absolute;
left: 0;
top: 0;
display: table-cell;
width: 100%;
height: 64px;
line-height: 64px;
padding: 0 10px;
display: block;
background: transparent;
transition: all .36s;
}
.ys_navph2_logo_btn img,
.ys_navph2_search_btn img {
width: 100%;
}
.ys_navph2_search_btn {
display: block;
font-size: 16px;
line-height: 64px;
color: #333333;
transition: all .36s;
}
.ys_navph2_modal {
position: fixed;
top: 64px;
left: 0;
width: 100%;
background-color: #fff;
text-align: center;
border-top: 1px solid #eee;
overflow: hidden;
display: none;
}
.ys_navph2_modalmbox {
padding: 16px 20px;
}
.ys_navph2_modalm {
transform: translateX(0px);
}
.ys_navph2_msc_box {
width: 100%;
display: block;
}
.ys_navph2_msc_boxl {
border-bottom: 1px solid #eee;
width: calc(100% - 40px);
padding-right: 20px;
height: 40px;
}
.ys_navph2_msc_boxl input {
width: 100%;
height: 100%;
font-size: 16px;
}
.ys_navph2_msc_boxr {
width: 30px;
}
.ys_navph2_msc_boxr img {
width: 100%;
line-height: 40px;
}
.ys_navph2_menu {
line-height: 64px;
margin-left: 15px;
}
.ys_navph2_menu_btn {
position: relative;
display: inline-block;
vertical-align: middle;
width: 28px;
height: 22px;
}
.ys_navph2_menu_line,
.ys_navph2_menu_line::before,
.ys_navph2_menu_line::after {
display: block;
width: 100%;
height: 2px;
background: #333;
transition: all .36s;
}
.ys_navph2_menu_line {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.ys_navph2_menu_line::before {
content: "";
position: absolute;
top: 10px;
}
.ys_navph2_menu_line::after {
content: "";
position: absolute;
top: -10px;
}
.ys_navph2_list {
position: fixed;
z-index: 99;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 84px 0 50px;
background: #333;
color: #fff;
overflow: hidden;
transform: translateX(100%);
transition: all .5s ease-out;
}
.ys_navph2_subnav {
padding: 0 20px;
height: 100%;
overflow: auto;
}
.ys_navph2_subnav li>div {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.ys_navph2_subnav a {
line-height: 24px;
padding: 8px 0;
color: #ffffff;
display: inline-block;
}
.ys_navph2_subnav_a {
font-size: 16px;
}
.ys_navph2_nav_icon {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
}
.ys_navph2_nav_icon::before {
transform: rotate(90deg);
}
.ys_navph2_nav_icon::before,
.ys_navph2_nav_icon::after {
content: "";
position: absolute;
left: 50%;
top: 0;
margin-left: -1px;
width: 2px;
height: 100%;
background: #fff;
transition: all .36s;
}
.ys_navph2_subnav ul {
display: none;
padding-left: 15px;
}
.ys_navph2_thirnav_a {
font-size: 14px;
}
.ys_navph2_nav_icon {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
}
.ys_navph2_subnav ul {
display: none;
padding-left: 15px;
}
.ys_navph2_fournav_li {
font-size: 12px;
}
.ys_navph2_lang {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
}
.ys_navph2_lang_btn {
display: inline-block;
padding: 15px;
}
.ys_navph2_lang_btn img {
width: 20px;
}
.ys_navph2_lang_modal {
transform: translateX(100%);
transition: all .5s ease-out;
}
.ys_navph2_lang_modal {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: inherit;
padding: 84px 0 20px;
}
.ys_navph2_lang_back {
font-size: 16px;
margin-bottom: 10px;
}
.ys_navph2_lang_back {
padding: 0 15px;
}
.ys_navph2_subnav {
padding: 0 20px;
height: 100%;
overflow: auto;
}
.ys_navph2_search_btn {
width: 20px;
cursor: pointer;
}
.modal-open {
overflow: hidden;
}
.ys_navph2_list.act {
transform: translateX(0);
}
.ys_navph2_menu_btn.act .ys_navph2_menu_line {
background: transparent;
}
.ys_navph2_menu_btn.act .ys_navph2_menu_line::before {
top: 0;
transform: rotate(45deg);
}
.ys_navph2_menu_btn.act .ys_navph2_menu_line::after {
top: 0;
transform: rotate(-45deg);
}
.ys_navph2_nav_icon::before {
transform: rotate(90deg);
}
.ys_navph2_subnav li.act>div .ys_navph2_nav_icon::after {
transform: rotate(90deg);
}
.ys_navph2_lang_modal.act {
transform: translateX(0);
}
.ys_navph2_subnav_a.yxnav_active1,
.ys_navph2_thirnav_a.yxnav_active2,
.ys_navph2_fournav_a.yxnav_active3 {
color: rgba(255, 255, 255, .7);
}
.he_main {
min-height: 200px;
/* max-width: 1920px; */
margin: 0 auto;
}
.he_langple {
width: 22px;
line-height: 80px;
transition: all 0.36s;
}
.he_langple img {
width: 100%;
}
.he_langpri {
width: 6px;
line-height: 80px;
margin-left: 6px;
transition: all 0.36s;
}
.he_langpri img {
width: 100%;
transition: all 0.36s;
}
.he_langp {
cursor: pointer;
}
.he_lang {
position: relative;
margin-left: 52px;
}
.he_langla a {
display: block;
font-size: 16px;
transition: all 0.36s;
width: 100%;
color: #333;
line-height: 1.75;
}
.he_langla {
width: 90px;
background: #fff;
box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.08);
position: absolute;
top: 81px;
left: 50%;
transform: translateX(-50%);
text-align: center;
padding: 15px 5px;
display: none;
}
.he_phonri p {
font-size: 14px;
line-height: 47px;
color: #fff;
font-weight: bold;
height: 47px;
overflow: hidden;
}
.he_phone {
width: 164px;
background: linear-gradient(to left, #e60112, #f34a2f);
border-radius: 30px;
padding: 0 33px;
margin-top: 18px;
margin-left: 40px;
transition: all 0.36s;
}
.he_phonle {
width: 16px;
line-height: 47px;
}
.he_phonle img {
width: 100%;
}
.he_phonri {
width: calc(100% - 16px);
padding-left: 12px;
}
.he_phone a {
width: 100%;
display: block;
}
.he_bante {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 20;
}
.he_bantti1 p {
font-size: 56px;
color: #fff;
/* font-family: "MontserratBold"; */
font-weight: bold;
line-height: 1.3;
}
.he_bantti1 h1 {
font-size: 50px;
color: #fff;
/* font-family: "MontserratBold"; */
font-weight: bold;
line-height: 1.3;
}
.he_bantti2 p {
font-size: 20px;
color: #fff;
line-height: 1.5;
font-family: "MontserratLight";
}
.he_bantnv {
width: 66%;
}
.he_bantti2 {
width: 60%;
margin-top: 26px;
}
.he_ftybx {
width: 100%;
position: relative;
padding-bottom: 80px;
}
.he_ftybxle {
width: 416px;
}
.he_ftybxri {
width: calc(100% - 416px);
}
.he_ftybti p {
font-size: 18px;
line-height: 1.4;
color: #262626;
}
.he_ftybdj p {
font-size: 16px;
line-height: 1.75;
color: #999999;
font-family: "MontserratLight";
}
.he_ftybdj p a {
color: #999999;
}
.he_ftybdj {
margin-top: 12px;
}
.he_ftybta {
margin-top: 8px;
}
.he_ftynav {
width: calc(100% - 136px);
padding-left: 10%;
}
.he_ftybta a {
font-size: 16px;
line-height: 2.25;
color: #999999;
display: block;
font-family: "MontserratLight";
transition: all 0.36s;
}
.he_ftybtlk {
float: left;
margin-right: 92px;
}
.he_ftynli {
width: 40%;
}
.he_ftshre {
width: 136px;
}
.he_ftbslt {
width: 19px;
position: relative;
}
.he_ftbslt .he_img1 {
height: inherit;
opacity: 0;
}
.he_ftbslt img {
transition: all 0.36s;
}
.he_ftbsli {
margin-right: 17px;
position: relative;
}
.he_ftbsli:last-child {
margin-right: 0;
}
.he_ftbsul {
margin-top: 22px;
}
.he_ftbsli a {
position: absolute;
width: 100%;
height: 100% !important;
display: block;
background: none !important;
left: 0;
top: 0;
z-index: 5;
padding-left: 0 !important;
}
.he_ftybhjle p {
font-size: 14px;
line-height: 1.7;
color: rgba(51, 51, 51, 0.4);
font-family: "MontserratLight";
}
.he_ftybhjle p a {
color: rgba(153, 153, 153, 0.4);
padding-left: 28px;
}
.he_ftybhjri p {
font-size: 16px;
line-height: 1.75;
color: rgba(51, 51, 51, 0.4);
font-family: "MontserratLight";
}
.he_ftybhjri p a {
color: rgba(51, 51, 51, 0.4);
margin-left: 40px;
}
.he_ftybhj {
padding: 32px 0;
}
.he_secton {
width: 100%;
position: relative;
padding-top: 70px;
}
.he_syp2bx {
width: 100%;
position: relative;
/* display: flex;
align-items: center; */
overflow: hidden;
}
.he_syp2le,
.he_syp2ri {
width: 50%;
}
.he_syp2le {
padding-right: 68px;
}
.he_syp2ri {
padding-left: 76px;
}
.he_syp2len {
width: 100%;
position: relative;
overflow: hidden;
border-radius: 20px;
}
.he_synewig {
transition: all 0.56s ease-out;
}
.he_syp2len img {
/* transition: all 0.56s; */
border-radius: 20px;
display: block;
}
.he_synewig {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.he_syp1tim {
font-size: 18px;
line-height: 1.4;
color: #999999;
font-family: "MontserratLight";
display: block;
}
.he_syp1tom {
font-size: 24px;
line-height: 1.55;
color: #333333;
transition: all 0.36s ease-in-out;
margin-top: 12px;
}
.he_syp2ri .he_syp1tom {
max-height: 80px;
overflow: hidden;
}
.he_syp2rli {
width: 100%;
border-bottom: 1px solid #f5f5f5;
position: relative;
}
.he_syp2rli::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #f43e3c;
transition: all 0.56s ease-in-out;
}
.he_syp2rli a {
width: 100%;
display: block;
padding: 36px 0 40px;
}
.he_syp2rli:first-child a {
padding-top: 0px;
}
.he_syp2mob {
width: 236px;
background: linear-gradient(to left, #e60112, #f34a2f);
border-radius: 30px;
text-align: center;
margin: 0 auto;
}
.he_syp2mob a {
width: 100%;
display: block;
font-size: 16px;
line-height: 60px;
color: #fff;
}
.he_syp2zs {
width: 753px;
position: absolute;
top: -8%;
left: 0;
}
.he_syp2zs img {
width: 100%;
}
.he_syp2mo {
margin-top: 60px;
}
.he_sytipu h3 {
font-size: 42px;
line-height: 1.5;
color: #333333;
text-align: center;
font-family: "MontserratBold";
}
.he_sytipu h1 {
font-size: 42px;
line-height: 1.5;
color: #333333;
text-align: center;
font-family: "MontserratBold";
}
.he_sytipu {
width: 1020px;
max-width: 100%;
margin: 0 auto 100px;
text-align: center;
}
.he_syp3bj {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
transition: all 3s;
}
.he_syp3n.width .he_syp3bj {
width: 100%;
}
.he_syp3n {
width: 100%;
position: relative;
min-height: 840px;
z-index: 10;
}
.he_syp3bx {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 150px 0 80px;
z-index: 10;
}
.he_syp3n::after {
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 134px;
background: url(../images/syzssn.png) 0 0 no-repeat;
}
.he_sytipu p {
font-size: 16px;
line-height: 1.5;
color: #333333;
font-family: "MontserratLight";
margin-top: 12px;
}
.he_syp3ul {
width: 100%;
display: flex;
}
.he_syp3li {
width: 25%;
}
.he_syp3ln {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.he_syp3lt {
width: 118px;
position: relative;
}
.he_syp3lz {
width: 100%;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
}
.he_syp3lz p {
font-size: 40px;
line-height: 1.1;
color: #333333;
font-weight: bold;
}
.he_syp3lk p {
font-size: 14px;
line-height: 1.5;
color: #666666;
font-family: "MontserratLight";
}
/* .he_syp3::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background-color: #f6f6f8;
} */
.he_syp4 {
background-color: #f6f6f8;
padding-top: 60px;
padding-bottom: 30px;
}
.he_syp4bx {
width: 1000px;
margin: 0 auto;
}
.he_syp4bti .he_sytipu h3 {
font-size: 36px;
}
.he_syp4bti .he_sytipu p {
color: #999999;
}
.he_syp4in {
width: 508px;
margin: 0 auto;
position: relative;
border-radius: 30px;
background-color: #fff;
box-shadow: 0px 18px 28px 0px rgba(226, 208, 207, 0.24);
display: flex;
}
.he_syp4inp input {
width: 100%;
height: 60px;
padding-left: 48px;
padding-right: 20px;
font-family: "MontserratLight";
font-size: 16px;
color: #d4d4d4;
}
.he_syp4inp input::-webkit-input-placeholder {
font-size: 16px;
color: #d4d4d4;
}
.he_syp4inp input:-moz-placeholder {
font-size: 16px;
color: #d4d4d4;
}
.he_syp4inp input::-moz-placeholder {
font-size: 16px;
color: #d4d4d4;
}
.he_syp4inp input:-ms-input-placeholder {
font-size: 16px;
color: #d4d4d4;
}
.he_syp4inp {
width: calc(100% - 183px);
}
.he_syp4inbt {
width: 183px;
border-radius: 30px;
}
.he_syp4inbt input {
font-size: 16px;
line-height: 60px;
text-align: center;
color: #fff;
font-family: "MontserratRegular";
width: 100%;
cursor: pointer;
}
.he_syp4 .he_sytipu {
margin: 0 auto 53px;
}
.he_syp1bx {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 11;
}
.he_syp1ta {
width: calc(100% + 250px);
position: relative;
}
.he_syp1dx {
width: 53.2%;
position: relative;
z-index: 10;
}
.he_syp1dx img {
width: 100%;
}
.he_syp1ny {
width: 49%;
position: relative;
}
.he_syp1le {
width: 206px;
position: relative;
}
.he_syp1ri {
width: calc(100% - 206px);
padding-left: 82px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.he_syp1tu1 p {
font-size: 30px;
line-height: 1.5;
color: #333333;
font-weight: bold;
max-height: 120px;
overflow: hidden;
}
.he_syp1tu2 p {
font-size: 16px;
line-height: 1.75;
color: #666666;
font-family: "MontserratLight";
max-height: 120px;
overflow: hidden;
}
.he_syp1tu2 {
padding-right: 45px;
margin-top: 34px;
}
.he_syp1rmo {
width: 170px;
border-radius: 25px;
text-align: center;
margin-top: 66px;
}
.he_syp1rmo a {
font-size: 16px;
line-height: 50px;
color: #fff;
font-family: "MontserratLight";
}
.he_syp1rli {
width: 100%;
position: relative;
display: none;
}
.he_syp1eli {
width: 100%;
display: flex;
align-items: center;
cursor: pointer;
}
.he_syp1rli:first-child {
display: block;
}
.he_syp1zri {
width: 78px;
height: 78px;
position: relative;
}
.he_syp1zle {
width: calc(100% - 78px);
}
.he_syp1zle p {
font-size: 14px;
line-height: 1.75;
color: #333333;
font-family: "MontserratLight";
transition: all 0.36s ease-in-out;
max-height: 72px;
overflow: hidden;
font-weight: bold;
}
.he_syp1eli.act .he_syp1zle p {
color: #f54440;
}
.he_syp1eli.act .he_syp1zda {
background: #fff;
}
.he_syp1eli {
margin: 37px 0;
}
.he_syp1zda {
width: 60px;
height: 60px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
border-radius: 50%;
}
.he_syp1zic {
width: 38px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}
.he_syp1le::before {
content: '';
position: absolute;
top: 50%;
right: 39px;
transform: translateY(-50%);
width: 1px;
height: calc(100% + 150px);
border-left: 1px dashed #e5e5e5;
}
.he_sysvg {
width: 78px;
height: 78px;
transform: rotate(-90deg);
position: relative;
}
.he_sysvgny svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.he_sysvgny circle {
stroke-dasharray: 220;
stroke-dashoffset: 220;
}
.he_sysvgny {
width: 78px;
height: 78px;
border-radius: 50%;
position: relative;
margin-bottom: 40px;
transition: all .36s;
}
.he_syp1eli.act .he_sysvgny {
background: #fadae0;
box-shadow: 0 0 30px 10px rgb(251, 220, 225, 0.36);
}
.he_syp1eli.act #circle1 {
stroke-dasharray: 220;
stroke-dashoffset: 220;
-webkit-animation: 16s svgcircle1 linear;
animation: 16s svgcircle1 linear;
}
@-webkit-keyframes svgcircle1 {
0% {
stroke-dashoffset: 220;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svgcircle1 {
0% {
stroke-dashoffset: 220;
}
100% {
stroke-dashoffset: 0;
}
}
.he_syp1eli.act #circle2 {
stroke-dasharray: 220;
stroke-dashoffset: 220;
-webkit-animation: 16s svgcircle2 linear;
animation: 16s svgcircle2 linear;
}
@-webkit-keyframes svgcircle2 {
0% {
stroke-dashoffset: 220;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svgcircle2 {
0% {
stroke-dashoffset: 220;
}
100% {
stroke-dashoffset: 0;
}
}
.he_syp1eli.act #circle3 {
stroke-dasharray: 220;
stroke-dashoffset: 220;
-webkit-animation: 16s svgcircle3 linear;
animation: 16s svgcircle3 linear;
}
@-webkit-keyframes svgcircle3 {
0% {
stroke-dashoffset: 220;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svgcircle3 {
0% {
stroke-dashoffset: 220;
}
100% {
stroke-dashoffset: 0;
}
}
.he_syp1eli.act #circle4 {
stroke-dasharray: 220;
stroke-dashoffset: 220;
-webkit-animation: 16s svgcircle4 linear;
animation: 16s svgcircle4 linear;
}
.he_syp1eli.act #circle5,.he_syp1eli.act #circle6 {
stroke-dasharray: 220;
stroke-dashoffset: 220;
-webkit-animation: 16s svgcircle4 linear;
animation: 16s svgcircle4 linear;
}
@-webkit-keyframes svgcircle4 {
0% {
stroke-dashoffset: 220;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svgcircle4 {
0% {
stroke-dashoffset: 220;
}
100% {
stroke-dashoffset: 0;
}
}
.he_syp1 .he_sytipu {
margin: 0px auto 10px;
}
.he_syp1eli:first-child {
margin-top: 0;
}
.he_syp1eli:last-child {
margin-bottom: 0;
}
.he_syp1 {
z-index: 10;
}
.he_pc_hd.act {
top: 0px;
padding: 0 0px;
}
.he_pc_hd.act .he_pcbx {
border-radius: 0px;
}
.he_pc_hd.act .he_phone {
margin-top: 16px;
}
.yxnav_active1 .he_pcnava {
color: #f43839;
}
.he_synewig img {
display: none;
}
.he_synewig img:first-child {
display: block;
}
.he_syp2 .he_conten2 {
z-index: 10;
position: relative;
}
.he_sytanc {
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
display: none;
}
.he_sytabx {
width: 1010px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 20px;
/* overflow: hidden; */
}
.he_sytati {
border-radius: 20px 20px 0 0;
}
.he_sytatin p {
font-size: 40px;
line-height: 1.75;
color: #ffffff;
font-weight: bold;
}
.he_sytatin {
text-align: center;
padding: 30px 20px;
}
.he_sytamk {
width: 100%;
position: relative;
padding: 40px 60px;
}
.he_sytcti p {
font-size: 26px;
line-height: 1.5;
color: #333333;
font-weight: bold;
}
.he_sytctp p {
font-size: 16px;
line-height: 2;
color: #666666;
font-family: "MontserratLight";
}
.he_sytctp {
margin-top: 4px;
}
.he_sytaili {
width: 100%;
height: 54px;
background: #f6f6f8;
margin-bottom: 17px;
border-radius: 10px;
overflow: hidden;
}
.he_sytaili input {
width: 100%;
height: 100%;
padding: 0 30px;
font-family: "MontserratLight";
font-size: 18px;
color: #999999;
}
.he_sytain {
margin-top: 25px;
}
.he_sytaili input::-webkit-input-placeholder {
font-family: "MontserratLight";
font-size: 18px;
color: #999999;
}
.he_sytaili input:-moz-placeholder {
font-family: "MontserratLight";
font-size: 18px;
color: #999999;
}
.he_sytaili input::-moz-placeholder {
font-family: "MontserratLight";
font-size: 18px;
color: #999999;
}
.he_sytaili input:-ms-input-placeholder {
font-family: "MontserratLight";
font-size: 18px;
color: #999999;
}
.he_sytasle {
width: 100%;
position: relative;
z-index: 10;
}
.he_sytasls {
position: relative;
width: 100%;
background: #f6f6f8;
border-radius: 10px;
overflow: hidden;
padding: 0 30px;
cursor: pointer;
}
.he_sytaslsri {
width: 16px;
line-height: 54px;
}
.he_sytaslsri img {
width: 100%;
transition: all 0.36s;
}
.he_sytaslsle {
width: calc(100% - 16px);
padding-right: 15px;
}
.he_sytaslsle p {
font-size: 18px;
color: #333333;
line-height: 72px;
height: 72px;
overflow: hidden;
font-family: "MontserratLight";
}
.he_sytaslx {
position: absolute;
top: 60px;
left: 0;
width: 100%;
background: #f6f6f8;
padding: 10px 30px;
border-radius: 10px;
display: none;
}
.he_sytaslx p {
font-size: 16px;
color: #999999;
line-height: 1.75;
transition: all 0.36s;
cursor: pointer;
margin: 8px 0;
}
.he_sytasls.on .he_sytaslsri img {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.he_sytaslk {
max-height: 120px;
overflow: hidden;
}
.he_sytaslk .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
.he_sytaslk .mCSB_scrollTools {
right: -7px;
}
.he_sytacod {
width: 100%;
position: relative;
margin-top: 35px;
}
.he_sytcsori {
width: 97px;
}
.he_sytcsori img {
width: 100%;
cursor: pointer;
}
.he_sytcsyle p {
font-size: 18px;
line-height: 50px;
color: #333333;
font-family: "MontserratLight";
}
.he_sytcsyle p span {
color: #ef4210;
}
.he_sytcsyri {
width: 190px;
height: 50px;
background: #f6f6f8;
border-radius: 50px;
margin-left: 16px;
margin-right: 23px;
}
.he_sytcsyri input {
width: 100%;
height: 100%;
padding: 0 20px;
font-size: 16px;
font-family: "MontserratLight";
color: #999999;
}
.he_syprale {
width: 18px;
height: 18px;
background: #f5f5f5;
border: 1px solid #e0e0e0;
cursor: pointer;
margin-top: 10px;
position: relative;
}
.he_syprale::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 9px;
background: #ef4210;
transition: all 0.36s;
opacity: 0;
}
.he_syprale.on::after {
opacity: 1;
}
.he_syprari {
width: calc(100% - 18px);
padding-left: 10px;
}
.he_syprari p {
font-size: 18px;
line-height: 2;
color: #333333;
font-family: "MontserratLight";
}
.he_syprari p a {
color: #ef4210;
}
.he_syprava {
margin-top: 6px;
}
.he_sytcbtn {
width: 100%;
position: relative;
}
.he_sytcbtj p {
font-size: 18px;
line-height: 50px;
width: 200px;
text-align: center;
cursor: pointer;
background: #ef4210;
border-radius: 60px;
font-family: "MontserratLight";
color: #fff;
}
.he_sytcbtn {
margin-top: 34px;
}
.he_sytaslsle p {
line-height: 54px;
height: 54px;
}
.he_sytangb {
width: 36px;
position: absolute;
top: -10px;
right: -60px;
cursor: pointer;
}
.he_sytangb img {
width: 100%;
}
.he_banbx1 .he_bantnv {
width: 100%;
text-align: center;
}
.he_banbx1 .he_bantti1 p {
font-size: 54px;
}
.he_banbx1 .he_bante {
top: 60%;
}
.he_funavli a {
font-size: 18px;
line-height: 68px;
color: #333333;
transition: all 0.36s;
position: relative;
display: block;
}
.he_funavli a::after {
content: '';
position: absolute;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 2px;
background: #ef4210;
transition: all 0.36s;
opacity: 0;
}
.he_funav {
background: #fff;
width: 100%;
border-bottom: 1px solid #e6e6e6;
}
.he_funavul {
width: 100%;
display: flex;
justify-content: center;
}
.he_funavli {
margin: 0 53px;
}
.he_funavli.yxnav_active2 a::after {
opacity: 1;
width: 100%;
}
.he_funavli.yxnav_active2 a {
color: #ef4210;
}
.he_f1p1 {
width: 100%;
position: relative;
}
.he_f1p1map {
width: 100%;
position: relative;
height: 903px;
overflow: hidden;
}
.he_f1p1mwb {
width: 100%;
position: relative;
overflow: hidden;
height: 100%;
z-index: 10;
}
.he_f1p1mwb img {
width: auto;
height: 100%;
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.he_f1p1mli img {
transform: translateX(-50%) scale(1.3) !important;
transition: all 1.36s;
transition-delay: 0.2s;
}
.he_f1p1mli.on img {
transform: translateX(-50%) scale(1) !important;
}
.he_f1p1mli img {
width: auto;
height: 100%;
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.he_f1p1mnb {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.he_f1p1mli {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.he_f1p1lb {
width: 100%;
position: absolute;
bottom: -130px;
left: 0;
z-index: 21;
}
.he_f1p1nli {
width: 20%;
padding: 0 20px;
}
.he_f1p1nbn {
width: 100%;
position: relative;
padding: 34px 26px 45px 36px;
overflow: hidden;
border-radius: 20px;
height: 352px;
cursor: pointer;
box-shadow: 0 5px 55px 2px rgba(165, 165, 165, 0.24);
}
.he_f1p1lul .slick-list {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.he_f1p1nbn::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 1);
filter: blur(20px);
border-radius: 20px;
transition: all 0.36s;
}
.he_f1p1na1le {
width: calc(100% - 42px);
padding-right: 10px;
}
.he_f1p1na1ri {
width: 42px;
position: relative;
height: 42px;
margin-top: 7px;
}
.he_f1p1na1ri::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 56px;
height: 56px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: all 0.6s;
opacity: 0;
}
.he_f1p1na1ri::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 68px;
height: 68px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: all 0.6s;
opacity: 0;
}
.he_f1p1na1le p {
font-size: 36px;
line-height: 1.5;
color: #333333;
font-weight: bold;
height: 54px;
overflow: hidden;
transition: all 0.36s;
}
.he_f1p1na1ri img {
width: 100%;
border-radius: 50%;
}
.he_f1p1na2li img {
width: 100%;
}
.he_f1p1na2liz p {
font-size: 14px;
line-height: 1.7;
color: #666666;
transition: all 0.36s;
}
.he_f1p1na2liz p a {
color: #666666;
}
.he_f1p1na2li {
display: flex;
margin-bottom: 16px;
}
.he_f1p1na2lii {
width: 15px;
line-height: 24px;
position: relative;
}
.he_f1p1na2liz {
width: calc(100% - 15px);
padding-left: 20px;
}
.he_f1p1na2 {
margin-top: 24px;
}
.he_f1p1lul {
margin: 0 -20px;
}
.he_f1p1na1,
.he_f1p1na2 {
position: relative;
z-index: 10;
}
.he_f1p1de {
width: 100%;
position: relative;
}
.he_conten3 {
width: 1360px;
margin: 0 auto;
}
.he_f1p1btm {
width: 60px;
border-radius: 50%;
overflow: hidden;
cursor: pointer;
}
.he_f1p1btm img {
width: 100%;
}
.he_f1p1lb .he_conten3 {
margin-bottom: 66px;
}
.he_img {
width: 100%;
position: relative;
top: 0;
left: 0;
z-index: 1;
}
.he_img1 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.he_show {
opacity: 1;
}
.he_hide {
opacity: 0;
}
.he_f1p1na2lii img {
transition: all 0.36s;
}
.he_f1p1na2lii .he_img1 {
height: inherit;
top: 4px;
opacity: 0;
}
.he_f1p1nli.act .he_f1p1nbn::after {
background: #444444;
filter: inherit;
}
.he_f1p1nli.act .he_f1p1na1le p {
color: #fff;
}
.he_f1p1nli.act .he_f1p1na2lii .he_img {
opacity: 0;
}
.he_f1p1nli.act .he_f1p1na2lii .he_img1 {
opacity: 1;
}
.he_f1p1nli.act .he_f1p1na2liz p {
color: #fff;
}
.he_f1p1nli.slick-current .he_f1p1nbn::after {
background: #444444;
filter: inherit;
}
.he_f1p1nli.slick-current .he_f1p1na1le p {
color: #fff;
}
.he_f1p1nli.slick-current .he_f1p1na2lii .he_img {
opacity: 0;
}
.he_f1p1nli.slick-current .he_f1p1na2lii .he_img1 {
opacity: 1;
}
.he_f1p1nli.slick-current .he_f1p1na2liz p {
color: #fff;
}
.he_f1p1nli.slick-current .he_f1p1na1ri::before {
opacity: 1;
transition-delay: 0.8s;
}
.he_f1p1nli.slick-current .he_f1p1na1ri::after {
opacity: 1;
transition-delay: 0.6s;
}
.he_xiox.he_f1p1map .he_f1p1mwb {
opacity: 0;
}
.he_f1p2 {
width: 100%;
position: relative;
background: #fafafa;
padding-top: 190px;
z-index: 10;
}
.he_f1p1::before {
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 80px;
z-index: 20;
background: linear-gradient(to top, #fafafa, transparent);
}
.he_f1p2bx {
width: 100%;
position: relative;
}
.he_f1p2li {
width: 25%;
}
.he_f1p2ic {
width: 70px;
position: relative;
margin: 0 auto;
}
.he_f1p2ite p {
font-size: 26px;
line-height: 1.25;
color: #333333;
font-weight: bold;
text-align: center;
}
.he_f1p2itp p {
font-size: 18px;
line-height: 1.77;
color: #666666;
text-align: center;
}
.he_f1p2itp p a {
color: #666666;
}
.he_f1p2ite {
margin-top: 14px;
}
.he_f1p2itp {
margin-top: 22px;
}
.he_f1p3 {
width: 100%;
position: relative;
margin-top: 69px;
background: #fff;
}
.he_f1p3::before {
content: '';
position: absolute;
top: -45%;
left: 0;
width: 100%;
height: 100%;
background: #fafafa;
display: block;
}
.he_f1p3bx {
width: 100%;
position: relative;
border-radius: 20px;
overflow: hidden;
padding: 54px 0px;
}
.he_f1p3nk {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.he_f1p3nl1 p {
font-size: 36px;
line-height: 1.75;
color: #ffffff;
font-weight: bold;
}
.he_f1p3nja p {
font-size: 26px;
line-height: 1.25;
color: #fffefe;
font-weight: bold;
}
.he_f1p3ngsle {
width: 12px;
margin-top: 5px;
}
.he_f1p3ngsle img {
width: 100%;
}
.he_f1p3ngsri {
width: calc(100% - 12px);
padding-left: 17px;
}
.he_f1p3ngsri p {
font-size: 18px;
line-height: 1.75;
color: #fff;
}
.he_f1p3njl {
display: flex;
margin-top: 27px;
}
.he_f1p3code {
width: 133px;
}
.he_f1p3code img {
width: 100%;
}
.he_syp3 .he_sytipu {
margin: 0 auto 45px;
}
.he_f1p1na2liz p {
user-select: text;
}
.he_f1p1na2liz {
max-height: 69px;
overflow: hidden;
}
.he_banig img {
width: 100%;
}
/* sumi-start */
/* 规范 */
.font1 h2 {
font-size: 40px;
line-height: 1.75;
color: #333;
}
.font1 h3 {
font-size: 36px;
line-height: 1.75;
color: #333;
}
.font1 h4 {
font-size: 24px;
line-height: 1.75;
color: #333;
}
.font1 h5 {
font-size: 20px;
line-height: 1.75;
color: #333;
}
.p16 {
font-size: 16px;
color: #666;
line-height: 1.75;
}
.p18 {
font-size: 18px;
color: #333;
line-height: 1.75;
}
.pra p {
font-size: 18px;
color: #333;
line-height: 1.75;
}
.pra1 p {
font-size: 16px;
color: #666;
line-height: 1.75;
}
.p20 {
font-size: 20px;
color: #333;
line-height: 1.75;
}
.jian1 {
padding-top: 75px;
}
.s_cont1206 {
width: 1200px;
margin: 0 auto;
}
.s_cont1514 {
width: 1200px;
margin: 0 auto;
}
.s_cont1360 {
width: 1200px;
margin: 0 auto;
}
/* b1_1 */
.s_b1_1content {
position: relative;
background-color: #fefefe;
overflow: hidden;
padding-bottom: 115px;
}
.s_b1_1bg {
width: 100%;
position: absolute;
}
.s_b1_1bg img {
width: 100%;
}
.s_b1_1bgs {
top: -9%;
left: -45%;
}
.s_b1_1bgx {
bottom: -7%;
right: -45%;
}
.s_b1_1cont {
position: relative;
padding-top: 58px;
}
.s_b1_1cont::before {
content: "";
width: 2px;
height: 100%;
background-color: rgb(230, 0, 18);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.s_b1_1c1nr {
/*width: 50%;*/
/*padding-right: 70px;*/
margin-bottom: 30px;
}
.s_b1_1c1time {
text-align: right;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
right: -54px;
transform: translateY(-50%);
margin-top: 20px;
}
.s_b1_1c1time::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
right: -64px;
transform: translateY(-50%);
margin-top: 20px;
}
.s_b1_1c1time {
text-align: right;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time1 {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time1::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
left: -54px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time1::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
left: -64px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time2 {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time2::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
right: -54px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time2::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
right: -64px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time3 {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time3::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
left: -54px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time3::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
left: -64px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time4 {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time4::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
right: -54px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time4::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
right: -64px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time5 {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time5::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
left: -54px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time5::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
left: -64px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time6 {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time6::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
right: -54px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time6::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
right: -64px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time7 {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time7::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
left: -54px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time7::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
left: -64px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time8 {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time8::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
right: -54px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time8::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
right: -64px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time9 {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time9::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
left: -54px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time9::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
left: -64px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time10 {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time10::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
right: -54px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time10::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
right: -64px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time11 {
text-align: center;
position: relative;
margin-bottom: 15px;
}
.s_b1_1c1time11::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ef4210;
position: absolute;
top: 50%;
left: -54px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time11::after {
content: "";
width: 29px;
height: 29px;
border-radius: 50%;
background-color: rgb(223, 49, 33, 0.102);
position: absolute;
top: 50%;
left: -64px;
transform: translateY(-50%);margin-top: 20px;
}
.s_b1_1c1time p {
font-family: "MontserratRegular";
font-size: 30px;
color: #ef4210;
line-height: 1.75;
position: relative;
}
.s_b1_1c1time p::after {
content: "";
width: 56px;
height: 0;
border-width: 1px;
border-color: rgb(153, 153, 153, 0.4);
border-style: dashed;
position: absolute;
top: 50%;
right: -70px;
transform: translateY(-50%);
}
.s_b1_1contbox.act .s_b1_1c1bot {
max-height: 250px;
overflow: hidden;
}
.s_b1_1cibotnr p {
font-family: "MontserratRegular";
color: #474747;
position: relative;
margin-bottom: 22px;
text-align: right;
padding-right: 16px;
margin-top: 10px;
}
.s_b1_1cibotnr1 p {
font-family: "MontserratRegular";
color: #474747;
position: relative;
margin-bottom: 22px;
text-align: left;
padding-left: 16px;
margin-top: 10px;
font-size: 14px;
}
.s_b1_1cibotnr p::after {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background-color: rgb(230, 0, 18);
position: absolute;
top: 15px;
right: 0;
}
.s_b1_1cibotnr1 p::after {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background-color: rgb(230, 0, 18);
position: absolute;
top: 15px;
left: 0;
}
.s_b1_1c1xlbox {
margin-top: 30px;
display: none;
}
.s_b1_1c1xl {
width: 15px;
cursor: pointer;
}
.s_b1_1c1xl img {
width: 100%;
}
.s_b1_1c1xlbox.on {
opacity: 0.2;
}
.he_fonts h1 {
font-size: 36px;
line-height: 1.75;
color: #333;
}
.s_b1_1contbox.on .s_b1_1c1nr {
padding-right: 0;
padding-left: 70px;
float: right;
}
.s_b1_1contbox.on .s_b1_1c1time p::after {
right: inherit;
left: -70px;
}
.s_b1_1contbox.on .s_b1_1c1time::before {
right: inherit;
left: -74px;
}
.s_b1_1contbox.on .s_b1_1c1time::after {
right: inherit;
left: -84px;
}
.s_b1_1contbox.on .s_b1_1cibotnr p::after {
right: inherit;
left: 0;
}
.s_b1_1contbox.on .s_b1_1cibotnr p {
text-align: left;
padding-right: 0;
padding-left: 16px;
}
.s_b1_1contbox.on .s_b1_1c1time {
text-align: left;
}
.s_b1_1contbox.on .s_b1_1c1xl {
float: left;
}
.s_b1_1contbox.act .s_b1_1c1xlbox {
display: block;
}
/* b1_2 */
.s_b1_2cont1 {
background-color: #f9f9f9;
}
.s_b1_2cont1 .s_d2c1tit {
margin-bottom: 15px;
}
.s_b1_2c1jj {
color: #5a5959;
padding: 0 23%;
font-family: "MontserratRegular";
text-align: center;
}
.s_b1_2c1bot {
padding-top: 70px;
padding-bottom: 105px;
position: relative;
}
.s_b1_2c1lbnr {
padding: 0 79px;
}
.s_b1_2c1lbnr .s_b1_2c1lzd {
display: block;
width: 100%;
height: 100%;
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 19px 28px 0px rgba(165, 165, 165, 0.24);
position: relative;
}
.s_b1_2c1lbig {
width: 49%;
position: relative;
}
.s_b1_2c1lbig img {
width: 100%;
height: 100%;
}
.s_b1_2c1lbig1 {
position: relative;
top: 0;
left: 0;
}
.s_b1_2c1lbig2 {
position: absolute;
top: 0;
left: 0;
}
.s_b1_2c1wz {
width: calc(100% - 49%);
padding: 50px 36px 0 65px;
background-color: #fff;
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.s_b1_2c1wztp {
width: 33px;
}
.s_b1_2c1wztp img {
width: 100%;
}
.s_b1_2c1lbwztit h3 {
font-size: 30px;
color: #ef4210;
line-height: 1.75;
font-family: "MontserratBold";
height: 52px;
overflow: hidden;
}
.s_b1_2c1lbwztit {
margin-top: 5px;
margin-bottom: 17px;
}
.s_b1_2c1lbwzp p {
font-family: "MontserratRegular";
font-size: 16px;
color: #646464;
line-height: 1.75;
overflow: hidden;
}
.s_b1_2c1lbwzp {
height: 140px;
overflow: hidden;
}
.s_b1_2c1lb .slick-dots {
bottom: -10px;
}
.s_b1_2c1lb .slick-dots li {
width: 11px;
height: 11px;
border-radius: 50%;
background: transparent;
border: 2px solid rgb(214, 214, 214);
}
.s_b1_2c1lb .slick-dots li.slick-active {
border: 2px solid #ef4210;
background: transparent;
}
.s_b1_2c1lb .slick-slide {
padding-bottom: 60px !important;
}
.s_b1_2c1lban {
width: 61px;
height: 61px;
border-radius: 50%;
background-image: -moz-linear-gradient(-4deg, rgb(249, 112, 90) 0%, rgb(243, 46, 51) 100%);
background-image: -webkit-linear-gradient(-4deg, rgb(249, 112, 90) 0%, rgb(243, 46, 51) 100%);
background-image: -ms-linear-gradient(-4deg, rgb(249, 112, 90) 0%, rgb(243, 46, 51) 100%);
box-shadow: 0px 19px 28px 0px rgba(226, 208, 207, 0.24);
position: absolute;
top: 37%;
cursor: pointer;
}
.s_b1_2c1lbannr {
width: 100%;
height: 100%;
position: relative;
}
.s_b1_2c1lbanig {
width: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.s_b1_2c1lbanig img {
width: 100%;
}
.s_b1_2c1lbann {
left: 15%;
}
.s_b1_2c1lbanp {
right: 15%;
}
.s_b1_2cont2 {
padding-top: 140px;
}
.s_b1_2cont2 .s_d2c1tit {
margin-bottom: 15px;
}
.s_b1_2c2lb {
margin: 0 -75px;
padding-bottom: 130px;
}
.s_b1_2c2lbnr {
padding: 0 75px;
}
.s_b1_2c2lbnr .he_b1b2lop {
display: block;
width: 100%;
height: 100%;
border-radius: 10px;
overflow: hidden;
position: relative;
transition: all .36s;
}
.s_b1_2c2lbig {
width: 50%;
position: relative;
}
.s_b1_2c2lbig img {
width: 100%;
height: 100%;
}
.s_b1_2c2lbig1 {
position: relative;
top: 0;
left: 0;
}
.s_b1_2c2lbig2 {
position: absolute;
top: 0;
left: 0;
}
.s_b1_2c2wz {
width: calc(100% - 50%);
background-image: -moz-linear-gradient(-4deg, rgb(217, 217, 217) 0%, rgb(200, 200, 200) 100%);
background-image: -webkit-linear-gradient(-4deg, rgb(217, 217, 217) 0%, rgb(200, 200, 200) 100%);
background-image: -ms-linear-gradient(-4deg, rgb(217, 217, 217) 0%, rgb(200, 200, 200) 100%);
position: absolute;
top: 0;
right: 0;
height: 100%;
padding-top: 9%;
padding-right: 25px;
padding-left: 25px;
}
.s_b1_2c2wz1 {
font-size: 14px;
font-family: "MontserratRegular";
color: #fff;
line-height: 1.75;
text-align: right;
}
.s_b1_2c2wz2 {
font-size: 14px;
font-family: "MontserratRegular";
color: #fff;
line-height: 1.75;
text-align: right;
}
.s_b1_2c2wz3 h4 {
font-size: 26px;
font-family: "MontserratBold";
color: #fff;
line-height: 1.75;
height: 45px;
overflow: hidden;
}
.s_b1_2c2wz3 {
text-align: right;
}
.s_b1_2c2wz4 {
font-size: 14px;
font-family: "MontserratLight";
color: #fff;
line-height: 1.75;
margin-top: 57%;
text-align: right;
}
.s_b1_2c2lb .slick-slide {
padding-top: 105px !important;
padding-bottom: 115px !important;
}
.s_b1_2c2lb .slick-center .he_b1b2lop {
transform: scale(1.35);
box-shadow: -4.7px 19px 28px -1.69px rgba(165, 165, 165, 0.24);
}
.s_b1_2c2lb .slick-dots {
bottom: 17%;
}
.s_b1_2c2lb .slick-dots li {
width: 11px;
height: 11px;
border-radius: 50%;
background: transparent;
border: 2px solid rgb(214, 214, 214);
}
.s_b1_2c2lb .slick-dots li.slick-active {
border: 2px solid #ef4210;
background: transparent;
}
.s_b1_2cont3 {
background: url(../images/b1_2c3bg.jpg) center center no-repeat;
}
.s_b1_2c3wz {
width: 515px;
padding-top: 123px;
padding-bottom: 162px;
}
.s_b1_2c3wz .s_d2c1tit {
color: #fff;
text-align: left;
margin-bottom: 28PX;
}
.s_b1_2c3wz .s_d2c1tit h2 {
color: #fff;
}
.s_b1_2c3wz .s_b1_2c1jj {
color: #fff;
padding: 0;
text-align: left;
}
/* b1_3 */
.s_b1_3cont1 {
background-color: #fefefe;
}
.s_b1_3c1 {
padding-bottom: 60px;
}
.s_b1_3c1main {
width: calc(100% - 43px);
padding-left: 110px;
}
.s_b1_3c1mainl {
width: 38%;
}
.s_b1_3c1mainl .s_d2c1tit {
text-align: left;
margin-bottom: 0;
}
.s_b1_3c1mainl .s_d2c1tit h2 {
line-height: 1.2;
}
.s_b1_3c1mainr {
width: calc(100% - 38%);
position: relative;
padding-left: 6%;
}
.s_b1_3c1mainrwzbox {
padding-left: 19%;
padding-right: 50px;
margin-bottom: 35px;
}
.s_b1_3c1mainrwz {
display: none;
height: 94.5px;
overflow: hidden;
}
.s_b1_3c1mainrwz.on {
display: block;
}
.s_b1_3c1mainrwz p {
font-family: "MontserratRegular";
}
.s_b1_3c1mainrig {
width: 689px;
}
.s_b1_3c1mainrig img {
width: 100%;
}
.s_b1_3c1play {
width: 43px;
}
.s_b1_3c1playan {
width: 43px;
height: 43px;
border: 1px solid rgb(214, 214, 214);
border-radius: 50%;
cursor: pointer;
position: relative;
}
.s_b1_3c1playig {
width: 16px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.s_b1_3c1playigbox {
width: 100%;
position: relative;
}
.s_b1_3c1playigbox img {
width: 100%;
height: 100%;
}
.s_b1_3play_zt {
position: relative;
top: 0;
left: 0;
}
.s_b1_3play_bf {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.atvc .s_b1_3play_zt {
opacity: 0;
}
.atvc .s_syqq_act {
display: none;
}
.atvc .s_b1_3play_bf {
opacity: 1;
}
.s_syqq_act {
position: absolute;
top: -3px;
left: -2px;
transform: rotate(198deg);
-ms-transform: rotate(198deg);
-moz-transform: rotate(198deg);
-webkit-transform: rotate(198deg);
-o-transform: rotate(198deg);
}
.s_syqq_act .arc {
animation: stroke 4s linear;
}
.s_syqq_act .arc.act {
animation: none;
}
.s_b1_3c4nrbox .s_syqq_act .arc {
animation: stroke3 4.6s linear;
}
.s_b1_3c4nrbox .s_syqq_act .arc.act {
animation: none;
}
@keyframes stroke {
100% {
stroke-dashoffset: -157.8644px;
}
}
@keyframes stroke2 {
100% {
stroke-dashoffset: -175.84px;
}
}
@keyframes stroke3 {
100% {
stroke-dashoffset: -182.8644px;
}
}
.s_b1_3c1mainrwzbox .slick-dots {
bottom: -35px;
left: -99.5%;
}
.s_b1_3c1mainrwzbox .slick-dots li {
display: block;
margin-bottom: 13px;
width: 11px;
height: 11px;
background-color: transparent;
border: 2px solid rgb(214, 214, 214);
}
.s_b1_3cont2 {
background-color: #fefefe;
}
.s_b1_3c2box {
padding-bottom: 55px;
}
.s_b1_3c2 {
margin: 0 -30px;
padding-right: 3%;
}
.s_b1_3c2nr {
width: 25%;
padding: 0 30px;
margin-bottom: 20px;
}
.s_b1_3c2ig {
width: 86px;
position: relative;
margin: 0 auto;
}
.s_b1_3c2ig img {
width: 100%;
height: 100%;
}
.s_b1_3c2ig1 {
position: relative;
top: 0;
left: 0;
}
.s_b1_3c2ig2 {
position: absolute;
top: 0;
left: 0;
}
.s_b1_3c2sj p {
font-size: 48px;
color: #333;
line-height: 1.75;
font-family: "MontserratBold";
}
.s_b1_3c2sj {
text-align: center;
padding-top: 5px;
}
.s_b1_3c2nrwz {
font-family: "MontserratLight";
color: #999999;
text-align: center;
}
.s_b1_3cont3 {
background-color: #f9f9f9;
}
.s_b1_3c3box {
padding-top: 65px;
padding-left: 45px;
padding-bottom: 70px;
}
.s_b1_3c3 {
margin: 0 -63px;
}
.s_b1_3c3nr {
width: 33.333333%;
padding: 0 63px;
}
.s_b1_3c3ig {
width: 66px;
position: relative;
margin-bottom: 24px;
}
.s_b1_3c3ig img {
width: 100%;
height: 100%;
}
.s_b1_3c3ig1 {
position: relative;
top: 0;
left: 0;
}
.s_b1_3c3ig2 {
position: absolute;
top: 0;
left: 0;
}
.s_b1_3c3tit {
font-family: "MontserratBold";
}
.s_b1_3c3xian {
background-color: rgb(230, 0, 18);
width: 40px;
height: 1px;
margin-bottom: 28px;
margin-top: 23px;
}
.s_b1_3c3nrp p {
font-family: "MontserratRegular";
font-size: 14px;
color: #474747;
line-height: 1.75;
}
.s_b1_3c3nrp {
height: 98px;
overflow: hidden;
}
.s_b1_3cont4 {
margin-top: -183px;
}
.s_b1_3c4 {
border-radius: 30px;
overflow: hidden;
}
.s_b1_3c4box {
width: 100%;
position: relative;
border-radius: 30px;
overflow: hidden;
}
.s_b1_3c4bg {
width: 100%;
}
.s_b1_3c4bg img {
width: 100%;
}
.s_b1_3c4nrbox {
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
.s_b1_3c4nr {
width: 100%;
position: relative;
padding-top: 80px;
}
.s_b1_3c4nrr {
width: 52%;
padding-right: 15%;
}
.s_b1_3c4nrrtpbox .s_b1_3c1playan {
width: 59px;
height: 59px;
background-color: #fff;
border: 4px solid rgb(99, 27, 27, 0.2);
}
.s_b1_3c4nrrtpbox .s_b1_3c1playig {
width: 29px;
}
.s_b1_3c4nrrtpbox .s_syqq_act {
top: -8px;
left: -4px;
}
.s_b1_3c4tit h3 {
font-family: "MontserratBold";
font-size: 26px;
color: #ef4210;
line-height: 1.75;
}
.s_b1_3c4tit {
margin-top: 33px;
margin-bottom: 19px;
}
.s_b1_3c4nrrp p {
color: rgb(255, 255, 255, 0.8);
font-family: "MontserratRegular";
}
.s_b1_3c4nrrp {
height: 112px;
overflow: hidden;
}
.s_b1_3c4nrl {
padding-right: 40px;
margin-top: 18%;
}
.s_b1_3c4nrltw {
width: 274px;
background-color: rgb(255, 255, 255);
border-radius: 100px;
}
.s_b1_3c4nrltw a {
display: block;
width: 100%;
height: 100%;
padding: 0 15px;
position: relative;
}
.s_b1_3c4nrltwigbox {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
border: 3px solid rgb(254, 199, 199);
}
.s_b1_3c4nrltwig {
width: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.s_b1_3c4nrltwig img {
width: 100%;
}
.s_b1_3c4nrltwz {
width: calc(100% - 40px);
padding-left: 20px;
font-size: 14px;
color: #ef4210;
line-height: 62px;
font-family: "MontserratBold";
}
.s_b1_3c4mc {
width: 1016px;
position: absolute;
top: 0;
right: 0;
transition: all 1.56s;
}
.s_b1_3c4mc img {
width: 100%;
transition: all 1.56s;
}
.s_b1_3c4nrbox .slick-dots {
left: 97%;
bottom: 25%;
}
.s_b1_3c4nrbox .slick-dots li {
display: block;
margin-bottom: 13px;
background-color: #666;
}
.s_b1_3c4nrbox .slick-dots li.slick-active {
border: none;
background-color: #fff;
}
.s_b1_3cont5 {
background-color: #fefefe;
}
.s_b1_3c5 {
padding-bottom: 85px;
}
.s_b1_3c5 .s_d2c1tit {
margin-bottom: 57px;
}
.s_b1_3c5bot {
margin: 0 -51px;
}
.s_b1_3c5list {
width: 20%;
padding: 0 51px;
margin-bottom: 20px;
}
.s_b1_3c5listig {
width: 108px;
position: relative;
margin: 0 auto;
}
.s_b1_3c5listig img {
width: 100%;
height: 100%;
}
.s_b1_3c5listig1 {
position: relative;
top: 0;
left: 0;
}
.s_b1_3c5listig2 {
position: absolute;
top: 0;
left: 0;
}
.s_b1_3c5xian {
width: 108px;
margin: 0 auto;
margin-top: 6px;
margin-bottom: 21px;
}
.s_b1_3c5xian img {
width: 100%;
}
.s_b1_3c5time h4 {
font-family: "MontserratBold";
color: #ef4210;
}
.s_b1_3c5time {
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
.s_b1_3c5listnr p {
font-family: "MontserratLight";
font-size: 14px;
color: #333;
line-height: 1.75;
}
.s_b1_3c5listnr {
text-align: center;
height: 73.5px;
overflow: hidden;
}
/* b2 */
.s_b2content {
background-color: #fafbfc;
}
.s_b2cont {
padding-top: 119px;
}
.s_b2cont1 {
border-radius: 30px;
overflow: hidden;
box-shadow: 0px 10px 21.84px 2.16px rgba(0, 0, 0, 0.06);
position: relative;
}
.s_b2c1nr {
border-radius: 30px;
background-color: rgb(255, 255, 255);
position: relative;
overflow: hidden;
display: none;
}
.s_b2c1nr.on {
display: block;
}
.s_b2c1nr a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.s_b2c1nrl {
width: 35%;
position: absolute;
top: 0;
left: 0;
padding-top: 62px;
padding-left: 110px;
z-index: 100;
}
.s_b2c1nrltop {
color: #999;
font-family: "MontserratRegular";
}
.s_b2c1nrltop span {
font-family: "MontserratRegular";
font-size: 16px;
color: #999;
line-height: 1.75;
margin-left: 40px;
}
.s_b2c1nrltit h4 {
font-family: "MontserratBold";
color: #ef4210;
}
.s_b2c1nrltit {
height: 42px;
overflow: hidden;
margin-top: 4px;
margin-bottom: 24px;
}
.s_b2c1nrlp p {
font-family: "MontserratRegular";
color: #999;
}
.s_b2c1nrlp {
height: 126px;
overflow: hidden;
margin-bottom: 50px;
}
.s_b2c1nrlmore {
font-family: "MontserratBold";
color: #ef4210;
}
.s_b2c1nrig {
width: 100%;
position: relative;
}
.s_b2c1nrig img {
width: 100%;
}
.s_b2c1nrbg {
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: all 1.56s;
overflow: hidden;
}
.he_b2c1nrig img {
width: 100%;
height: 500px;
object-fit: cover;
}
.s_b2c1nrbg img {
width: 100%;
transition: all 1.56s;
height: 500px;
}
.s_b2cont1 .slick-dots {
bottom: 15%;
width: 35%;
text-align: left;
left: 110px;
}
.s_b2cont1 .slick-dots li {
width: 11px;
height: 11px;
background-color: transparent;
border: 2px solid rgb(214, 214, 214);
}
.he_b2ye .slick-dots li.slick-active {
border: 2px solid #ef4210;
}
.s_b2cont2 {
padding-top: 110px;
padding-bottom: 98px;
}
.s_b2c2top {
display: flex;
align-items: left;
justify-content: left;
}
.s_xljj {
margin-right: 30px;
}
.s_b2c2xl {
width: 198px;
position: relative;
}
.s_b2c2xltop {
width: 100%;
background-color: rgb(255, 255, 255);
box-shadow: 0px 19px 28px 0px rgba(226, 208, 207, 0.24);
border-radius: 100px;
position: relative;
cursor: pointer;
}
.s_b2c2xltop.on img {
transform: rotate(-180deg);
}
.s_select_show2 {
position: relative;
z-index: 200;
width: 100%;
height: 50px;
padding-left: 40px;
font-family: "MontserratRegular";
font-size: 16px;
color: #999;
cursor: pointer;
}
.s_select_show2::placeholder {
font-family: "MontserratRegular";
font-size: 16px;
color: #999;
}
.s_b2c2xltop img {
width: 14px;
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
transition: all .36s;
}
.s_b2c2xlbot {
width: 100%;
background-color: rgb(255, 255, 255);
box-shadow: 0px 19px 28px 0px rgba(226, 208, 207, 0.24);
border-radius: 10px;
padding: 10px 0;
position: absolute;
top: 105%;
left: 50%;
transform: translateX(-50%);
display: none;
z-index: 200;
}
.s_b2c2xlbotnr {
font-family: "MontserratRegular";
font-size: 16px;
color: #999;
line-height: 1.75;
padding: 2px 40px;
cursor: pointer;
transition: all .36s;
}
.s_b2c2top .s_b2_2c1search {
width: 347px;
}
.s_b2cont3 {
margin: 0 -30px;
}
.s_b2c3ig {
width: 100%;
position: relative;
border-radius: 5px;
overflow: hidden;
margin-bottom: 17px;
margin-top: 7px;
}
.s_b2c3ig img {
width: 100%;
height: 100%;
transition: all .36s;
}
.s_b2c3ig1 {
position: relative;
top: 0;
left: 0;
}
.s_b2c3ig2 {
position: absolute;
top: 0;
left: 0;
}
.s_b2cont3 .s_b2_3c2li {
padding: 45px 30px 20px;
border-top: 1px solid rgb(230, 230, 230);
}
.s_b2cont3 .s_b2_3c2linr {
height: 77px;
margin-bottom: 20px;
}
.s_b2cont3 .s_b2_3c2litop span {
font-family: "MontserratRegular";
}
.s_b2cont3 .s_b2_3c2list {
margin-bottom: 80px;
}
.s_b2cont4 {
padding-top: 60px;
padding-bottom: 128px;
}
/* b2_2 */
.s_b2_2content {
background-color: #f2f2f2;
}
.s_b2_2cont1 {
padding-top: 67px;
padding-bottom: 70px;
}
.s_b2_2c1top {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.s_b2_2c1search {
width: 60.294117%;
background-color: rgb(255, 255, 255);
box-shadow: 0px 19px 28px 0px rgba(226, 208, 207, 0.24);
border-radius: 100px;
overflow: hidden;
position: relative;
margin-right: 40px;
}
.s_b2_2c1search input {
width: 100%;
height: 50px;
padding-left: 75px;
padding-right: 20px;
font-family: "MontserratRegular";
font-size: 16px;
color: #999;
}
.s_b2_2c1search input::placeholder {
font-family: "MontserratRegular";
font-size: 16px;
color: #999;
line-height: 1.75;
}
.s_b2_2c1search img {
width: 20px;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
cursor: pointer;
}
.s_b2_2c1searchan {
width: 137px;
background-color: #ef4210;
box-shadow: 0px 6px 9px 0px rgba(226, 208, 207, 0.18);
border-radius: 100px;
font-family: "MontserratRegular";
color: #fff;
line-height: 50px;
cursor: pointer;
text-align: center;
}
.s_b2_2c1top2 {
text-align: center;
}
.s_b2_2c1top2 .s_b2_3contltopbj {
display: inline-block;
background-color: #fff;
background-image: none;
}
.s_b2_2c1top2 .s_b2_3contltopbj a {
font-family: "MontserratRegular";
padding: 9px 0;
}
.s_b2_2c1top3 {
font-family: "MontserratLight";
font-size: 14px;
color: #ef4210;
line-height: 1.75;
margin-top: 30px;
}
.s_b2_2c2 a {
width: 100%;
}
.s_b2_2c2nr {
padding-top: 18px;
padding-bottom: 60px;
border-top: 1px solid rgb(230, 230, 230);
}
.s_b2_2c2ig {
width: 17.941176%;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.s_b2_2c2ig img {
width: 100%;
height: 100%;
}
.s_b2_2c2ig1 {
position: relative;
top: 0;
left: 0;
}
.s_b2_2c2ig2 {
position: absolute;
top: 0;
left: 0;
}
.s_b2_2c2wz {
width: calc(100% - 17.941176%);
padding-left: 45px;
}
.s_b2_2c2wztop {
padding-top: 13px;
padding-bottom: 24px;
}
.s_b2_2c2wztop p {
font-family: "MontserratBold";
color: #999999;
transition: all .36s;
}
.s_b2_2c2wztop span {
font-family: "MontserratBold";
color: #303030;
font-size: 26px;
line-height: 1.75;
transition: all .36s;
}
.s_b2_2c2wzbot {
position: relative;
}
.s_b2_2c2wzbotnr {
width: calc(100% - 16px);
padding-right: 10px;
height: 42px;
overflow: hidden;
}
.s_b2_2c2wzbotnr h4 {
font-family: "MontserratBold";
color: #303030;
transition: all .36s;
}
.s_b2_2c2wzbotigbox {
width: 16px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.s_b2_2c2wzbotig {
width: 100%;
position: relative;
}
.s_b2_2c2wzbotig img {
width: 100%;
}
.s_b2_2c2wzbotig1 {
position: relative;
top: 0;
left: 0;
}
.s_b2_2c2wzbotig2 {
position: absolute;
top: 2px;
left: 0;
opacity: 0;
transition: all .36s;
}
/* 分页 */
.mc_fybtn {
padding: 0 15px;
}
.mc_pcfy a {
float: left;
}
.mc_fybtn a {
font-family: 微软雅黑;
font-size: 14px;
color: #333;
}
.mc_phfy {
display: none;
}
.mc_fybtn {
padding: 0;
color: #333;
}
.mc_phfy .lp {
float: left;
}
.mc_phfy .rp {
float: right;
}
.pc_fenye {
position: relative;
left: 50%;
transform: translateX(-50%);
display: inline-block;
text-align: center;
}
.pc_fenye li {
float: left;
width: 36px;
height: 36px;
border: 1px solid transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 36px;
color: #333333;
text-align: center;
margin: 0px 15px;
border-radius: 50%;
transition: .3s;
}
.pc_fenye li.activepage {
color: #fff;
background-color: #ef4210;
}
.s_b2_2cont3 {
padding-top: 65px;
padding-bottom: 115px;
}
/* b2_3 */
.s_b2_3contr {
width: 98px;
background-color: #f6f6f8;
padding: 10px;
}
.s_b2_3sharewz {
font-family: "MontserratRegular";
margin-top: 15px;
color: #b4b4bd;
margin-bottom: 25px;
text-align: center;
}
.s_b2_3sharebox {
width: 28px;
margin: 0 auto;
position: relative;
margin-bottom: 25px;
}
.s_b2_3sharenr {
width: 100%;
position: relative;
}
.s_b2_3sharenr img {
width: 100%;
height: 100%;
}
.s_b2_3sharenr1 {
position: relative;
top: 0;
left: 0;
}
.s_b2_3sharenr2 {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all .36s;
}
.s_b2_3sharebox a {
display: block;
width: 100%;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
background: none !important;
z-index: 100;
}
.s_b2_3contl {
width: calc(100% - 98px);
padding-right: 65px;
padding-bottom: 110px;
}
.s_b2_3contltime {
font-family: "MontserratLight";
}
.s_b2_3contltit {
font-family: "MontserratBold";
margin-top: 5px;
margin-bottom: 20px;
}
.s_b2_3contltopbj {
width: 175px;
background-image: -moz-linear-gradient(-4deg, #f6f6f8 0%, #f6f6f8);
background-image: -webkit-linear-gradient(-4deg, #f6f6f8 0%, #f6f6f8);
background-image: -ms-linear-gradient(-4deg, #f6f6f8 0%, #f6f6f8);
box-shadow: 0px 19px 28px 0px rgba(226, 208, 207, 0.24);
text-align: center;
margin-right: 25px;
border-radius: 100px;
}
.s_b2_3contltopbj a {
display: block;
padding: 11px 0;
font-family: "MontserratLight";
font-size: 16px;
color: #666;
line-height: 1.75;
cursor: inherit;
}
.s_b2_3contltopnr {
margin-bottom: 35px;
}
.s_b2_3conltopig {
width: 100%;
border-radius: 5px;
overflow: hidden;
}
.s_b2_3conltopig img {
width: 100%;
}
.s_b2_3conlbjq {
padding-top: 38px;
}
.s_b2_3conlbjq p {
font-family: "MontserratLight";
margin-bottom: 65px;
}
.yxedr_active p {
margin-bottom: 65px;
}
.s_b2_3conlbjq h4 {
font-family: "MontserratBold";
font-size: 24px;
color: #333;
line-height: 1.75;
margin-bottom: 30px;
}
.s_b2_3conlbjq a {
font-family: "MontserratLight";
font-size: 18px;
color: #ef4210;
line-height: 1.75;
padding-left: 5px;
border-bottom: 1px solid #ef4210;
}
.s_b2_3contlsx {
padding-top: 30px;
}
.s_b2_3contlsxnr a {
font-family: "MontserratLight";
font-size: 18px;
color: #333;
line-height: 1.75;
transition: all .36s;
}
.s_b2_3contlsxnr.act a {
color: #ef4210;
}
.s_b2_3cont2 {
background-color: #fafbfc;
}
.s_b2_3c2nr {
padding-top: 105px;
padding-bottom: 140px;
}
.s_b2_3c2tit {
margin-bottom: 45px;
}
.s_b2_3c2tit h2 {
font-family: "MontserratBold";
}
.s_b2_3c2main {
margin: 0 -30px;
}
.s_b2_3c2list {
width: 33.333333%;
padding: 0 30px;
margin-bottom: 30px;
}
.s_b2_3c2list a {
display: block;
width: 100%;
height: 100%;
}
.s_b2_3c2li {
padding: 32px 30px 17px;
border-radius: 5px;
transition: all .36s;
border-top: 1px solid transparent;
}
.s_b2_3c2litop span {
font-family: "MontserratLight";
font-size: 16px;
color: #999;
line-height: 1.75;
margin-right: 25px;
}
.s_b2_3c2litop {
margin-bottom: 17px;
height: 28px;
overflow: hidden;
}
.s_b2_3c2linr {
font-family: "MontserratBold";
font-size: 20px;
color: #1f2029;
line-height: 1.75;
height: 115.5px;
overflow: hidden;
}
.s_b2_3c2libot {
position: relative;
}
.s_b2_3libotl {
font-family: "MontserratBold";
color: #999;
position: absolute;
bottom: 0;
left: 0;
transition: all .36s;
}
.s_b2_3c2libot .s_b2_2c2wztop {
padding: 0;
}
/* b7 */
.s_b7mian {
padding-top: 30px;
}
.s_b7cont1 {
padding: 0 110px;
position: relative;
}
.s_b7new {
border-radius: 15px;
background-color: rgb(255, 255, 255);
margin-bottom: 40px;
}
.s_b7new a {
width: 100%;
padding: 38px 40px 30px 50px;
}
.s_b7newtop {
position: relative;
margin-bottom: 20px;
}
.s_b7newtopl {
width: calc(100% - 123px);
padding-right: 10px;
font-family: "MontserratBold";
/* height: 42px;
overflow: hidden; */
}
.s_b7newtopl h4 {
transition: all .36s;
}
.s_b7newtopr {
width: 118px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
}
.s_b7newbot {
transition: all .36s;
padding-top: 28px;
position: relative;
}
.s_b7newbot::after {
content: "";
width: 100%;
height: 1px;
background-color: rgb(230, 230, 230, 0.6);
position: absolute;
top: 0;
left: 0;
}
.s_b7newbot::before {
content: "";
width: 0%;
height: 1px;
background-color: #ef4210;
position: absolute;
top: 0;
left: 0;
transition: all .36s;
}
.s_b7newbotop span {
font-size: 18px;
color: #999;
line-height: 1.75;
margin-right: 40px;
}
.s_b7newbotop {
padding-bottom: 5px;
}
.s_b7newbotnr {
position: relative;
}
.s_b7newbotnrl {
font-family: "MontserratLight";
width: calc(100% - 80px);
padding-right: 10px;
/* height: 42px;
overflow: hidden; */
}
.s_b7newbotnr .s_b2_2c2wzbotigbox {
right: 60px;
}
.s_b7cont3 {
padding-top: 65px;
padding-bottom: 110px;
}
.s_b7c1lb {
margin: 0 -110px;
position: relative;
z-index: 200;
}
.s_b7c1lbnr {
width: 20%;
height: 140px;
padding: 0 110px;
position: relative;
cursor: pointer;
}
.s_b7c1lbnr::after {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
background-color: rgb(230, 0, 18);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.s_b7c1lbnr p {
font-family: "MontserratLight";
font-size: 20px;
color: #333;
line-height: 2;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
transition: all .36s;
}
.s_b7c1lbnr.on p {
top: inherit;
bottom: 0;
}
.s_b7c1xian {
width: 110%;
position: absolute;
top: 32%;
left: 50%;
transform: translateX(-50%);
}
.s_b7c1xian img {
width: 100%;
}
.s_b7c1lb .slick-prev,
.s_b7c1lb .slick-next {
width: 60px;
height: 60px;
position: absolute;
top: 20%;
border-radius: 50%;
background: inherit;
transform: inherit;
z-index: 300;
}
.s_b7c1lb .slick-prev {
background: #fff url(../images/b7prev.svg) center center no-repeat;
}
.s_b7c1lb .slick-next {
background: #fff url(../images/b7next.svg) center center no-repeat;
}
.s_b7c1lb .slick-center::before {
content: "";
background: url(../images/b7cen.png);
width: 241px;
height: 231px;
position: absolute;
top: -16%;
left: 50%;
transform: translateX(-50%);
z-index: 100;
opacity: 1;
}
.s_b7c1lbnr::before {
content: "";
background: url(../images/b7cen.png);
width: 241px;
height: 231px;
position: absolute;
top: -16%;
left: 50%;
transform: translateX(-50%);
z-index: 100;
opacity: 0;
transition: all .36s;
}
.s_b7c1lb .slick-center p {
font-size: 40px;
font-family: "MontserratRegular";
color: #fff;
z-index: 200;
top: 50%;
transform: translate(-50%, -50%);
}
.s_b7c1lb .slick-list {
padding-bottom: 50px !important;
}
.s_b7c1lbnryuan {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 36px;
height: 36px;
background-color: #f34a2f;
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
animation: dot1 2s infinite ease;
-webkit-animation: dot1 2s infinite ease;
}
@keyframes dot1 {
0% {
width: 20px;
height: 20px;
}
50% {
width: 36px;
height: 36px;
}
100% {
width: 20px;
height: 20px;
}
}
/*波浪背景*/
.wave_box {
width: 100%;
height: 350px;
position: absolute;
left: 0;
bottom: 0;
overflow: hidden;
}
.wave {
overflow: hidden;
position: absolute;
top: 129%;
width: 140%;
transform: translateY(-50%);
color: #fff;
margin-left: -20%;
animation: 3s ease-in-out infinite alternate waveAnimateA;
}
@keyframes waveAnimateA {
0% {
transform: translate(-80px, -52%);
}
100% {
transform: translate(80px, -50%);
}
}
.wave svg {
fill: rgba(233, 239, 242, 1);
width: 102%;
margin-left: -1%;
height: auto;
}
.st0 {
fill: #E9EFF2;
opacity: 0.5
}
.st1 {
opacity: 0.5;
fill: #E9EFF2;
}
.st3 {
fill-rule: evenodd;
clip-rule: evenodd;
fill: url(#SVGID_1_);
}
.titie_box_bg {
width: 140px;
position: absolute;
left: 50%;
top: 50%;
margin: -65px 0 0 -65px;
z-index: 1;
transform: scale(0);
/* transition: all .5s ease; */
}
.titie_box_bg svg {
width: 100%;
position: relative;
z-index: 1;
}
.titie_box_bg #title_bg_down {
opacity: .3;
transform: rotate(37deg) scale(1.02);
position: absolute;
left: 0;
right: 0;
z-index: 0;
}
.s_b7c1lb .slick-center .titie_box_bg {
transform: scale(1);
}
.s_b7c1lb .slick-center .titie_box_bg>#title_bg_down {
animation: alpha 2.25s linear infinite forwards;
}
@keyframes alpha {
0% {
transform: rotate(0);
}
25% {}
50% {
border-radius: 50%;
}
75% {}
100% {
transform: rotate(360deg);
}
}
/* d2 */
.s_qhbox {
text-align: center;
border-bottom: 1px solid rgb(230, 230, 230);
}
.s_qhnr {
display: inline-block;
margin: 0 55px;
}
.s_qhnr.act a {
color: #ef4210;
}
.s_qhnr.act a::after {
opacity: 1;
}
.s_qhnr a {
font-family: "MontserratBold";
font-size: 18px;
color: #333;
line-height: 65px;
position: relative;
transition: all .36s;
}
.s_qhnr a::after {
content: "";
width: 100%;
height: 2px;
background-color: rgb(230, 0, 18);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: all .36s;
z-index: 30;
}
.s_d2content {
background-color: #fafafa;
}
.s_d2cont1 {
padding-top: 71px;
}
.s_d2c1tit {
text-align: center;
margin-bottom: 67px;
}
.s_d2c1tit h2 {
font-family: "MontserratBold";
}
.s_d2c1tit span {
color: #ef4210;
}
.s_d2c1tw {
margin-bottom: 22px;
}
.s_d2c1twz {
width: 255px;
font-family: "MontserratBold";
}
.s_d2c1twr {
width: calc(100% - 255px);
padding-left: 50px;
padding-right: 12.9%;
}
.s_d2c1twrbox {
margin: 0 -40px;
}
.s_d2c1twrnr {
width: 25%;
height: 324.14px;
padding: 0 40px;
margin-bottom: 20px;
}
.s_d2c1twlig {
width: 100%;
position: relative;
box-shadow: 0px 6px 7.92px 0.08px rgba(0, 0, 0, 0.09);
}
.s_d2c1twlig img {
width: 100%;
height: 100%;
}
.s_d2c1twlig1 {
position: relative;
top: 0;
left: 0;
}
.s_d2c1twlig2 {
position: absolute;
top: 0;
left: 0;
}
.s_d2c1twrwz {
margin-top: 15px;
background-color: #eaeaea;
border-radius: 100px;
overflow: hidden;
padding: 10px 0px;
}
.s_d2c1twrwzbox {
font-family: "MontserratRegular";
font-size: 14px;
color: #3e3a39;
line-height: 1.5;
text-align: center;
max-height: 42px;
overflow: hidden;
padding: 0 20px;
}
.s_d2c2tit h2 {
text-align: left;
}
.s_d2c2tit {
position: relative;
}
.s_d2c2tit::after {
content: "";
width: 76%;
height: 1px;
background-color: rgb(230, 230, 230);
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.s_d2c2m {
margin: 0 -7px;
margin-bottom: 25px;
}
.s_d2c2input {
position: relative;
padding: 0 7px;
}
.s_d2c2inputbox {
background-color: rgb(246, 246, 248);
border-radius: 10px;
overflow: hidden;
}
.s_d2c2input input {
width: 100%;
height: 72px;
font-size: 18px;
color: #999;
padding: 0 20px;
font-family: "MontserratLight";
position: relative;
z-index: 50;
}
.s_select_show {
cursor: pointer;
}
.s_d2c2inputwz {
font-family: "MontserratLight";
color: #999;
line-height: 1.75;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
.s_d2c2inputwz.on {
display: none;
}
.s_d2c2inputwz::before {
content: "*";
font-size: 18px;
color: #ef4210;
position: absolute;
top: 0;
right: -10px;
}
.s_d2c2xl {
position: relative;
}
.s_d2c2xltop {
width: 100%;
position: relative;
background-color: rgb(246, 246, 248);
border-radius: 10px;
overflow: hidden;
z-index: 200;
}
.s_d2c2xltop input {
z-index: 0;
}
.s_d2c2xltop .he_imgarrx {
width: 28px;
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
transition: all .36s;
}
.he_imgarrx img {
width: 100%;
transition: all .36s;
}
.s_d2c2m1 .s_d2c2input {
width: 75%;
}
.s_d2c2m1 .s_d2c2xl {
width: 25%;
}
.s_d2c2m2 .s_d2c2input {
width: 25%;
}
/* .s_d2c2m2 .s_d2c2input:last-child .s_d2c2inputwz::before {
display: none;
} */
.s_d2c2mn .s_d2c2input .s_d2c2inputwz::before {
display: none;
}
.s_d2c2m3 .s_d2c2input {
width: 100%;
}
.s_d2c2m4 .s_d2c2input {
width: 33.333333%;
}
.s_d2c2m5 .s_d2c2input {
width: 50%;
}
.s_d2c2m6 .s_d2c2input {
width: 100%;
}
.s_d2c2m7 .s_d2c2input {
width: 100%;
}
.s_d2c2m8 textarea {
width: 100%;
height: 240px;
padding: 20px 30px;
font-size: 18px;
font-family: "MontserratLight";
color: #999;
line-height: 1.75;
resize: none;
}
.s_d2c2m8 textarea::placeholder {
font-size: 18px;
font-family: "MontserratLight";
color: #999;
line-height: 1.75;
}
.s_d2c2m9 {
position: relative;
}
.s_d2c2m9wz {
width: 210px;
color: #333;
left: 0;
}
.s_d2c2m9tw {
width: calc(100% - 210px);
padding-left: 30px;
}
.s_d2c2m9twz {
width: 190px;
background-color: rgb(246, 246, 248);
border-radius: 100px;
overflow: hidden;
margin-right: 20px;
}
.s_d2c2m9twz input {
width: 100%;
height: 51px;
font-size: 18px;
color: #999;
font-family: "MontserratLight";
padding: 0 20px;
}
.s_d2c2m9twig {
width: 97px;
cursor: pointer;
}
.s_d2c2m9twig img {
width: 100%;
}
.s_d2c2m10 {
position: relative;
margin-top: 8px;
}
.s_d2c2m10l {
width: 19px;
height: 19px;
border-style: solid;
border-width: 1px;
border-color: rgb(224, 224, 224);
background-color: rgb(245, 245, 245);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.s_d2c2m10r {
width: calc(100% - 19px);
padding-left: 10px;
}
.s_d2c2m10r a {
font-size: 18px;
color: #ef4210;
line-height: 1.75;
}
.s_d2c2m10l.act::before {
content: "";
width: 70%;
height: 70%;
border: 1px solid #ef4210;
background: #ef4210;
/* border-radius: 50%; */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 50;
}
.s_d2c2tj {
width: 200px;
background-color: #ef4210;
border-radius: 100px;
font-family: "MontserratLight";
color: #fff;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.s_d2c2m11 {
padding-top: 30px;
padding-bottom: 70px;
}
.s_d2c2xlbot {
width: 98%;
padding: 0px 7px;
position: absolute;
top: 104%;
left: 50%;
transform: translateX(-50%);
z-index: 200;
display: none;
}
.s_d2c2xlbotbox {
background-color: rgb(246, 246, 248);
border-radius: 10px;
overflow: hidden;
padding: 10px 0;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.06);
}
.s_d2c2xlnr {
font-family: "MontserratLight";
font-size: 18px;
color: #999;
line-height: 1.75;
padding: 5px 30px;
cursor: pointer;
transition: all .36s;
}
.s_d2c2xltop.on img {
transform: rotate(180deg);
}
/* d3_2 */
.s_d3_2cont1 {
background-color: #f4f4f4;
padding-bottom: 138px;
}
.s_d3_2c1tit h2 {
font-size: 30px;
}
.s_d3_2cont1 .s_d2c1tit {
margin-bottom: 21px;
padding: 0 10%;
}
.s_d3_2bt {
font-size: 16px;
color: #666;
line-height: 1.75;
font-family: "MontserratRegular";
padding: 0 24%;
text-align: center;
margin-bottom: 60px;
}
.s_d3_2bt p {
line-height: 1.75;
}
.s_d3_2cont2 {
background: url(../images/d3_2c2img_02.jpg) center/cover no-repeat;
}
.s_d3_2c2 {
padding-top: 91px;
padding-bottom: 99px;
}
.s_d3_2c2 .s_d2c1tit h2 {
color: #fff;
}
.s_d3_2c2 .s_d2c1tit {
margin-bottom: 0;
}
.s_d3_2botwz h2 {
color: #fff;
}
.s_d3_2c2bot {
display: flex;
align-items: center;
justify-content: center;
}
.s_d3_2botig {
width: 147px;
margin-left: 20px;
padding-right: 10px;
}
.s_d3_2botig img {
width: 100%;
}
.s_d3_2cont3 {
background-color: #fbfbfb;
}
.s_d3_2c3nr {
padding-top: 85px;
padding-bottom: 35px;
border-bottom: 1px solid rgb(48, 48, 48, 0.502);
}
.s_d3_2c3l {
width: calc(100% - 51.470588%);
padding-right: 10%;
}
.s_d3_2c3l .s_d2c1tit {
text-align: left;
}
.s_d3_2c3r {
width: 51.470588%;
}
.s_d3_2c3rwz {
font-size: 16px;
color: #666;
line-height: 1.75;
font-family: "MontserratRegular";
}
.s_d3_2c3list {
margin: 0 -15px;
}
.s_d3_2c3li {
width: 50%;
padding: 0 15px;
margin-bottom: 30px;
}
.s_d3_2c3li.on .s_d3_2linrxh {
display: none;
}
.s_d3_2c3li a {
display: block;
width: 100%;
height: 100%;
}
.s_d3_2c3linr {
padding: 60px 20px 47px 30px;
position: relative;
border-radius: 20px;
box-shadow: 0px 7px 55.29px 1.71px rgba(165, 165, 165, 0.24);
overflow: hidden;
background-color: #fff;
cursor: pointer;
}
.s_d3_2linrig {
width: 55px;
position: relative;
}
.s_d3_2linrig img {
width: 100%;
height: 100%;
}
.s_d3_2linrig1 {
position: relative;
top: 0;
left: 0;
}
.s_d3_2linrig2 {
position: absolute;
top: 0;
left: 0;
}
.s_d3_2linrwz {
width: calc(100% - 55px);
padding-left: 50px;
padding-right: 20px;
font-size: 16px;
color: #333;
line-height: 1.75;
font-family: "MontserratRegular";
max-height: 84px;
overflow: hidden;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.s_d3_2c3nr2 {
padding-top: 76px;
padding-bottom: 70px;
}
.s_d3_2linrxh {
width: 70px;
height: 70px;
border-radius: 50%;
background-color: rgb(230, 0, 18);
position: absolute;
bottom: -35px;
right: -30px;
transition: all .36s;
}
.s_d3_2linrxh::after {
content: "";
width: 130%;
height: 130%;
border-radius: 50%;
border-width: 2px;
border-color: rgb(230, 0, 18, 0.059);
border-style: solid;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.s_d3_2linrxh::before {
content: "";
width: 173%;
height: 173%;
border-radius: 50%;
border-width: 2px;
border-color: rgb(230, 0, 18, 0.031);
border-style: solid;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes kusan {
0% {
width: 100%;
height: 100%;
}
100% {
width: 173%;
height: 173%;
}
}
@keyframes kusan2 {
0% {
width: 100%;
height: 100%;
}
100% {
width: 130%;
height: 130%;
}
}
.s_d3_2linrxh p {
font-family: "MontserratRegular";
font-size: 14px;
color: #fff;
line-height: 1.75;
margin-top: 12%;
padding-left: 19%;
transition: all .36s;
}
.s_d3_2c3nr2bot {
padding-top: 50px;
padding-bottom: 33px;
}
.s_d3_2c3nr2botnr {
display: none;
}
.s_d3_2c3nr2botnr.on {
display: block;
}
.s_d3_2c3nr2botl {
border-radius: 50%;
background-color: rgb(230, 0, 18);
width: 64px;
height: 64px;
font-family: "MontserratBold";
font-size: 24px;
color: #fff;
line-height: 64px;
text-align: center;
}
.s_d3_2c3nr2botr {
width: calc(100% - 64px);
padding-left: 40px;
font-family: "MontserratRegular";
font-size: 16px;
color: #666;
line-height: 1.75;
margin-top: 5px;
}
.s_d3_2cont4 {
background-color: #fbfbfb;
}
.s_d3_2c4 {
padding-top: 85px;
}
.s_d3_2c4 .s_d2c1tit {
margin-bottom: 20px;
text-align: left;
}
.s_d3_2c4int {
font-family: "MontserratRegular";
}
.s_d3_2c4futit {
font-family: "MontserratBold";
margin-top: 37px;
margin-bottom: 33px;
}
.s_d3_2c4main {
width: 100%;
border-radius: 30px;
background-color: rgb(48, 48, 48);
overflow: hidden;
padding: 85px 25px 60px 85px;
}
.s_d3_2c4modbox {
margin: 0 -20px;
}
.s_d3_2c4mod {
width: 33.333333%;
padding: 0 20px;
}
.s_d3_2c4mod a {
display: block;
width: 100%;
height: 100%;
}
.s_d3_2c4modtop {
font-family: "MontserratRegular";
color: #ef4210;
text-align: center;
line-height: 37px;
width: 125px;
border-radius: 100px;
background-color: #fff;
margin-bottom: 23px;
}
.s_d3_2c4modtit {
font-family: "MontserratBold";
color: #fff;
height: 31.5px;
overflow: hidden;
}
.s_d3_2c4modxian {
background-color: rgb(230, 0, 18);
width: 40px;
height: 1px;
margin-top: 20px;
margin-bottom: 28px;
}
.s_d3_2c4modtw {
width: 100%;
position: relative;
margin-bottom: 22PX;
}
.s_d3_2c4modtwig {
width: 16px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.s_d3_2c4modtwig img {
width: 100%;
}
.s_d3_2c4modtwz {
width: calc(100% - 16px);
padding-left: 20px;
color: #fff;
}
.s_d3_2c4modtwz p {
display: inline-block;
font-family: "MontserratRegular";
color: #fff;
font-size: 16px;
color: #fff;
position: relative;
}
.s_d3_2c4modtw.on .s_d3_2c4modtwz p {
color: #ef4210;
}
.s_d3_2c4modtw.on .s_d3_2c4modtwz p::before {
content: "";
width: 100%;
height: 1px;
background-color: #ef4210;
position: absolute;
bottom: 0;
left: 0;
}
.s_d3_2c5botbox {
position: relative;
height: 708px;
overflow: hidden;
}
.s_d3_2c5botbox.height {
height: auto;
}
.s_d3_2c5botxian {
width: 1px;
height: 100%;
background-color: rgb(238, 238, 238);
position: absolute;
top: 0;
left: 0;
}
.s_d3_2c5botxianh {
width: 1px;
height: 20px;
background-color: rgb(230, 0, 18);
position: absolute;
top: 0;
left: 0;
transition: all 0.36s;
}
.s_d3_2c5bot {
width: calc(100% - 2px);
padding-left: 15px;
position: relative;
}
.he_d3bxn {
padding: 30px 30px 0;
border-radius: 20px;
overflow: hidden;
margin-bottom: 45px;
transition: all .36s;
}
.s_d3_2c5xltop {
position: relative;
cursor: pointer;
}
.s_d3_2c5xltopl {
width: 40px;
font-family: "MontserratBold";
transition: all .36s;
}
.s_d3_2c5xltopr {
width: calc(100% - 40px);
padding-left: 20px;
padding-right: 30%;
font-family: "MontserratBold";
color: #333;
transition: all .36s;
}
.s_d3_2c5xltopigbox {
width: 18px;
position: absolute;
top: 0;
right: 0;
}
.s_d3_2c5xltopig {
width: 100%;
position: relative;
}
.s_d3_2c5xltopig img {
width: 100%;
transition: all .36s;
}
.s_d3_2c5xltopig1 {
position: relative;
top: 0;
left: 0;
}
.s_d3_2c5xltopig2 {
position: absolute;
top: 3px;
left: 0;
opacity: 0;
transition: all .36s;
}
.s_d3_2c5xlbot p {
font-family: "MontserratRegular";
font-size: 16px;
color: #666;
line-height: 1.75;
}
.s_d3_2c5xlbot {
padding: 14px 180px 30px 60px;
display: none;
}
.s_d3_2c5botnr.on .s_d3_2c5xltopig img {
transform: rotate(180deg);
}
.s_d3_2c5botnr.on .s_d3_2c5xltopig2 {
opacity: 1;
}
.s_d3_2c5botnr.on .s_d3_2c5xltopr {
color: #ef4210;
}
.s_d3_2c5botnr.on .s_d3_2c5xltopl {
color: #ef4210;
}
.s_d3_2c5botnr.on .he_d3bxn {
background-color: #fff;
box-shadow: 0px 3px 14px 0px rgba(165, 165, 165, 0.1);
}
.s_d3_2c5botnr:nth-child(1) .s_d3_2c5xlbot {
display: block;
}
.s_d3_2c5more {
padding-top: 25px;
padding-left: 95px;
}
.s_d3_2c5morenr {
width: 200px;
border-radius: 100px;
background-color: #ef4210;
overflow: hidden;
text-align: center;
font-family: "MontserratLight";
color: #fff;
line-height: 50px;
cursor: pointer;
}
.s_d3_2c5 {
padding-bottom: 130px;
}
.s_d3_2cont6 {
background-color: #f6f6f8;
padding-bottom: 82px;
}
.s_d3_2c6main {
display: flex;
flex-wrap: wrap;
margin: 0 -23px;
}
.s_d3_2c6list {
width: 33.333333%;
padding: 0 23px;
margin-bottom: 45px;
}
.s_d3_2c6li {
background-color: #fff;
border-radius: 20px;
box-shadow: 0px 7px 55.29px 1.71px rgba(165, 165, 165, 0.24);
overflow: hidden;
}
.s_d3_2c6litop {
padding: 42px 40px;
position: relative;
cursor: pointer;
}
.s_d3_2c6litopwz {
width: calc(100% - 47px);
padding-right: 20px;
font-family: "MontserratBold";
height: 42px;
overflow: hidden;
}
.s_d3_2c6litopig {
width: 47px;
height: 47px;
border-radius: 50%;
position: relative;
}
.s_d3_2c6litopig::after {
content: "";
width: 51px;
height: 51px;
border-radius: 50%;
border: 4px solid rgb(246, 246, 248);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.s_d3_2c6litopig img {
width: 100%;
height: 100%;
}
.s_d3_2c6litopig1 {
position: relative;
top: 0;
left: 0;
}
.s_d3_2c6litopig2 {
position: absolute;
top: 0;
left: 0;
}
.s_d3_2c6libotnr {
margin-bottom: 16px;
}
.s_d3_2c6libotl {
width: 16px;
margin-top: 7px;
}
.s_d3_2c6libotl img {
width: 100%;
}
.s_d3_2c6libotr {
width: calc(100% - 16px);
padding-left: 20px;
font-family: "MontserratRegular";
}
.s_d3_2c6libotr a {
font-family: "MontserratRegular";
font-size: 16px;
line-height: 1.75;
color: #666;
}
.s_d3_2c6libot {
padding: 0 40px;
padding-bottom: 55px;
display: none;
}
.s_d3_2cont7 {
background-color: #fff;
}
.he_d3vxc {
width: 100%;
position: relative;
background: url(../images/d3_2c7img_02.jpg) center/cover no-repeat;
}
.s_d3_2c7 {
padding-top: 82px;
padding-bottom: 94px;
}
.s_d3_2c7nr {
min-width: 345px;
width: auto;
position: relative;
}
.s_d3_2c7nr a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.s_d3_2c7ig {
width: 84px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.s_d3_2c7ig img {
width: 100%;
transition: all .36s;
}
.s_d3_2c7wz {
width: calc(100% - 84px);
padding-left: 40px;
}
.s_d3_2c7wztit h2 {
font-family: "MontserratBold";
}
.s_d3_2c7wznr {
font-family: "MontserratLight";
margin-top: 5px;
margin-bottom: 20px;
}
.s_d3_2c7wznrmore {
font-family: "MontserratLight";
color: #ef4210;
}
.s_d3_2c7nr.on .s_d3_2c7wztit h2 {
color: #fff;
}
.s_d3_2c7nr.on .s_d3_2c7wznr {
color: rgb(255, 255, 255, 0.5);
}
.s_d3_2c7nr.on {
float: right;
}
/* d3 */
.s_d3cont {
padding-left: 5%;
padding-right: 5%;
padding-top: 7px;
}
.s_d3contl {
width: 300px;
}
.s_d3contlnr {
width: 100%;
border-radius: 100px;
overflow: hidden;
margin-bottom: 11px;
transition: all .36s;
}
.s_d3contlnr a {
display: block;
width: 100%;
height: 100%;
padding: 16px 0;
padding-left: 30px;
padding-right: 10px;
}
.s_d3contlnr.act {
background-color: rgb(255, 255, 255);
box-shadow: 0px 6px 3.96px 0.04px rgba(0, 0, 0, 0.03);
}
.s_d3conttw {
width: 100%;
position: relative;
}
.s_d3contwig {
width: 28px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.s_d3contwig img {
width: 100%;
}
.s_d3contwz {
font-family: "MontserratBold";
width: calc(100% - 28px);
padding-left: 15px;
}
.s_d3contr {
width: calc(100% - 300px);
padding-left: 60px;
position: relative;
}
.s_d3contr::before {
content: "";
width: 1px;
height: 100%;
background-color: rgb(238, 238, 238);
position: absolute;
top: 0;
left: 20px;
}
.s_d3contrnr p {
font-family: "MontserratLight";
font-size: 16px;
color: #666;
line-height: 1.75;
margin-bottom: 5px;
}
.yxedr_active p {
font-size: 16px;
color: #666;
line-height: 1.75;
margin-bottom: 5px;
}
.s_d3contrnr h4 {
font-family: "MontserratBold";
margin-bottom: 15px;
}
.s_d3content {
padding-bottom: 110px;
}
/* g2 */
.s_g2cont1 {
padding-top: 70px;
padding-bottom: 20px;
}
.s_g2cont1 .s_d2c1tit {
margin-bottom: 33px;
text-align: left;
}
.s_g2c1botit h4 {
font-family: "MontserratBold";
}
.s_g2c1botit2 h4 {
font-family: "MontserratLight";
line-height: 1.5;
}
.s_g2c1botnr {
margin-bottom: 34px;
}
.s_g2cont2 {
background-color: #f5f5f5;
padding-top: 80px;
padding-bottom: 150px;
}
.s_g2c2 h4 {
font-family: "MontserratBold";
}
.s_g2c2 h5 {
font-family: "MontserratRegular";
font-size: 18px;
color: #333;
line-height: 1.75;
}
.s_g2c2 p {
font-family: "MontserratLight";
color: #515050;
font-size: 18px;
line-height: 1.75;
}
.yxedr_active p {
font-family: "MontserratLight";
color: #515050;
font-size: 18px;
line-height: 1.75;
}
.s_g2c2 a {
font-family: "MontserratBold";
color: #ef4210;
font-size: 18px;
line-height: 1.75;
}
/* g */
.s_gcont1 {
padding-bottom: 90px;
}
.s_gcont1 .s_d2c1tit {
margin-bottom: 6px;
}
.s_gc1bt {
font-family: "MontserratBold";
font-size: 20px;
color: #333;
line-height: 1.75;
text-align: center;
margin-bottom: 35px;
}
.s_gc1xian {
width: 1px;
height: 80px;
margin: 0 auto;
background-color: rgb(230, 0, 18, 0.302);
position: relative;
}
.s_gc1xian::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgb(230, 0, 18);
animation: scroll-down-line 2.6s cubic-bezier(.77, 0, .175, 1) infinite;
}
@keyframes scroll-down-line {
0% {
transform-origin: 50% 100%;
transform: scaleY(1);
}
50% {
transform-origin: 50% 100%;
transform: scaleY(0);
}
50.0001% {
transform-origin: 50% 0;
transform: scaleY(0);
}
to {
transform-origin: 50% 0;
transform: scaleY(1);
}
}
.s_gcont2 {
background-color: #303030;
position: relative;
padding-top: 100px;
padding-bottom: 153px;
overflow: hidden;
}
.s_gc2 .s_d2c1tit {
margin-bottom: 43px;
}
.s_gc2 .s_d2c1tit h2 {
color: #fff;
}
.s_gc2bot {
margin: 0 -25px;
position: relative;
z-index: 200;
}
.s_gc2nr {
width: 20%;
padding: 0 25px;
}
.s_gc2ig {
width: 160px;
height: 160px;
border-radius: 50%;
position: relative;
overflow: hidden;
}
.s_gc2ig img {
width: 100%;
height: 100%;
}
.s_gc2ig1 {
position: relative;
top: 0;
left: 0;
}
.s_gc2ig2 {
position: absolute;
top: 0;
left: 0;
}
.s_gc2tit h4 {
font-family: "MontserratBold";
color: #fff;
}
.s_gc2tit {
height: 42px;
overflow: hidden;
margin-top: 30px;
}
.s_gc2xian {
width: 40px;
height: 1px;
background-color: #ef4210;
margin: 16px 0;
}
.s_gc2nrwz p {
font-family: "MontserratRegular";
font-size: 16px;
color: rgb(255, 255, 255, 0.8);
line-height: 1.75;
}
.s_gc2nrwz {
max-height: 84px;
overflow: hidden;
}
.s_gc2bot .slick-dots {
bottom: -18%;
}
.s_gc2bot .slick-dots li {
width: 11px;
height: 11px;
border-radius: 50%;
background: transparent;
border: 2px solid rgb(214, 214, 214, 0.502);
}
.s_gc2bot .slick-dots li.slick-active {
border: 2px solid #ef4210;
background: transparent;
}
.s_gc2bg {
width: 1519px;
position: absolute;
top: 50%;
left: -6%;
}
.s_gc2bg img {
width: 100%;
}
.s_gcont5 {
background-color: #f6f6f8;
padding-top: 100px;
}
.s_gcont5 .s_d2c1tit {
margin-bottom: 84px;
}
.s_gc5main {
margin: 0 -15px;
}
.s_gc5nrbox {
width: 33.333333%;
padding: 0 15px;
margin-bottom: 30px;
}
.s_gc5nrbox a {
display: block;
width: 100%;
height: 100%;
box-shadow: 0px 6px 40.59px 0.41px rgba(0, 0, 0, 0.06);
border-radius: 20px;
}
.s_gc5nr {
border-radius: 20px;
background-color: rgb(255, 255, 255);
overflow: hidden;
padding: 44px 50px 30px;
position: relative;
}
.s_gc5nrtop {
display: inline-block;
background-color: rgb(246, 246, 248);
border-radius: 100px;
position: relative;
margin-bottom: 25px;
padding-right: 30px;
}
.s_gc5nrtop {
position: relative;
}
.s_gc5nrtopl {
width: 12px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
}
.s_gc5nrtopl img {
width: 100%;
}
.s_gc5nrtopr {
width: calc(100% - 12px);
padding-left: 33px;
font-family: "MontserratRegular";
color: #ef4210;
line-height: 37px;
}
.s_gc5nrbot h4 {
font-family: "MontserratRegular";
}
.s_gc5nrbot {
height: 84px;
overflow: hidden;
}
.s_gc5nrmorebox {
width: 50px;
height: 50px;
border-radius: 1px;
background-color: #ef4210;
position: absolute;
bottom: 0;
right: 0;
opacity: 0;
transition: all .36s;
}
.s_gc5nrmore {
width: 100%;
height: 100%;
position: relative;
transition: all 0.36s;
}
.s_gc5nrmoreig {
width: 13px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.s_gc5nrmoreig img {
width: 100%;
}
.s_gcont4 {
padding-bottom: 157px;
}
.s_gc4botnr {
margin-right: 50px;
border-radius: 5px;
overflow: hidden;
}
.s_gc4botnrig {
width: 100%;
position: relative;
}
.s_gc4botnrig img {
width: 100%;
height: 100%;
border-radius: 5px;
}
.s_gc4botnrig1 {
position: relative;
top: 0;
left: 0;
}
.s_gc4botnrig2 {
position: absolute;
top: 0;
left: 0;
}
.swiper-slide.on {
width: 326px !important;
}
.swiper-slide.on1 {
width: 655px !important;
}
.swiper-slide.on2 {
width: 317px !important;
}
.swiper-slide.on2 .s_gc4botnrig:first-child {
margin-bottom: 54px;
}
.s_gcont3 {
background-color: #fcfcfc;
padding-top: 200px;
padding-bottom: 136px;
}
.s_gc3 {
padding-right: 85px;
}
.s_gc3ltop .s_d2c1tit {
text-align: left;
margin-bottom: 15px;
}
.gc3ltopnr p {
font-family: "MontserratRegular";
font-size: 16px;
color: #666;
line-height: 1.75;
}
.gc3ltopnr {
margin-bottom: 80px;
}
.s_gc3lbotig {
width: 84px;
height: 84px;
border-radius: 50%;
position: relative;
margin-right: 30px;
margin-bottom: 10px;
cursor: pointer;
}
.s_gsvgny circle {
stroke-dasharray: 280;
stroke-dashoffset: 280;
position: relative;
z-index: 200;
}
.s_gsvgny {
width: 84px;
height: 84px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all .36s;
}
.s_gsvgny svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* .s_gc3lbotig.act .s_gsvgny::after {
content: "";
width: 100%;
height: 100%;
border: 4px solid #f64b44;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
} */
.s_gc3lbotig.act circle {
-webkit-animation: 4s svgcirclel2 linear;
animation: 4s svgcirclel2 linear;
}
@-webkit-keyframes svgcirclel2 {
0% {
stroke-dashoffset: 280;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svgcirclel2 {
0% {
stroke-dashoffset: 280;
}
100% {
stroke-dashoffset: 0;
}
}
.s_gc3lbotig img {
width: 100%;
height: 100%;
}
.s_gc3lbotig1 {
position: relative;
top: 0;
left: 0;
}
.s_gc3lbotig2 {
position: absolute;
top: 0;
left: 0;
}
.s_gc3l {
width: calc(100% - 34.509803%);
padding-right: 125px;
position: relative;
}
.s_gc3rbox .slick-dots {
bottom: 40px;
text-align: left;
left: 75px;
}
.s_gc3rbox .slick-dots li {
width: 11px;
height: 11px;
border-radius: 50%;
background: transparent;
border: 2px solid rgb(214, 214, 214);
}
.s_gc3rbox .slick-dots li.slick-active {
border: 2px solid #ef4210;
background: transparent;
}
.s_gc3r {
width: 34.509803%;
position: relative;
}
.s_gc3lbg {
width: 356px;
position: absolute;
top: -50px;
left: -50px;
}
.s_gc3lbg img {
width: 100%;
}
.s_gc3r::before {
content: "";
width: 100%;
height: 100%;
border-radius: 20px;
overflow: hidden;
background-color: #d9d9d9;
position: absolute;
top: -80px;
right: -85px;
z-index: 50;
}
.s_gc3rbox {
position: relative;
z-index: 100;
border-radius: 20px;
overflow: hidden;
box-shadow: 0px 7px 55.29px 1.71px rgba(165, 165, 165, 0.24);
}
.s_gc3rnr {
width: 100%;
height: 100%;
padding: 40px 50px 100px 75px;
background-color: rgb(255, 255, 255);
overflow: hidden;
}
.s_gc3rnr .s_gc3lbotig {
width: 81px;
height: 81px;
}
.s_gc3rnr .s_gc3lbotig::before {
display: none;
}
.s_gc3rnr .s_gc3lbotig::after {
display: none;
}
.s_gc3rnrp p {
font-family: "MontserratRegular";
font-size: 14px;
color: #666;
line-height: 1.75;
}
.s_gc3rnrp {
margin-top: 30px;
margin-bottom: 25px;
}
.s_gc3rnrname {
font-family: "MontserratBold";
margin-bottom: 10px;
}
.s_gc3rnrjj {
font-family: "MontserratRegular";
color: #ef4210;
}
.he_nyym .he_syp4bx {
padding-top: 34px;
}
.s_b2c1nrig {
transition: all 0.9s;
overflow: hidden;
}
.he_b2c1nrig img {
border-radius: 32px;
}
.he_zhishi {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 10;
width: 100%;
}
.he_zhishi .s_gc1xian {
width: 2px;
}
.s_b1_3c3tit h5 {
height: 35px;
overflow: hidden;
}
.s_b1_3c3nrp p {
height: 96px;
overflow: hidden;
}
.he_b2g3ye .he_pc_hd {
top: 0;
border-bottom: 1px solid #e6e6e6;
}
.he_b2g3ye .he_main {
padding-top: 100px;
}
.he_height {
height: 128px;
}
.he_height .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 2px;
}
.he_b2ye .s_b2cont4 {
padding-top: 26px;
}
.s_b7cont2qh {
display: none;
}
.s_b7cont2qh:first-child {
display: block;
}
.s_b7cont1 {
position: relative;
z-index: 10;
}
.s_b7c1lb .slick-list {
overflow: hidden;
}
.s_d2cont2 {
padding-top: 60px;
}
.he_d3g2ye .he_banbx .s_d3_2botwz h2 {
font-size: 54px;
font-weight: bold;
}
.he_d3g2ye .he_banbx .he_bantti1 p {
font-size: 44px;
}
.he_d3g2ye .he_banbx .he_bantti1 {
width: 60%;
margin: 0 auto;
}
.he_d3g2ye .he_banbx .s_d3_2botig {
width: 160px;
}
.he_d3g2ye .s_d3_2c2bot {
margin-bottom: 20px;
}
.s_g2c1botnr .s_g2c1botit2 h4 {
word-wrap: break-word;
}
.he_d2heig {
height: 122px;
}
.he_d2heig .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
.he_f1p4 {
padding-top: 50px;
}
.he_f1p4 .s_d2c1tit {
margin-bottom: 54px;
}
.he_syp1rmo a {
display: block;
width: 100%;
}
.s_b1_2c1jj p {
/* font-size: 18px; */
line-height: 1.75;
}
.he_d2ye .s_d2c2m9twig {
line-height: 51px;
}
.s_d3_2c4int p {
line-height: 1.75;
}
.s_d3contrnr {
display: none;
}
.s_d3contrnr:first-child {
display: block;
}
.s_d3_2c3li.on .s_d3_2c3linr {
cursor: inherit;
}
.he_pcbxle a {
display: inline-block;
}
.s_b7cont2 {
padding-bottom: 70px;
}
.he_f1ym .s_d2c2m9twig {
line-height: 51px;
}
.he_gdown {
position: absolute;
top: 80px;
background: #fff;
left: 50%;
transform: translateX(-50%);
width: 100%;
box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
padding: 15px;
transition: top 0.36s;
display: none;
min-width: 116px;
}
/* .he_pcnli {
position: relative;
} */
.he_gdowli a {
font-size: 18px;
line-height: 1.5;
color: #333;
padding: 0 15px;
white-space: nowrap;
transition: all 0.36s;
}
.he_gdowli.yxnav_active2 a {
color: #f43839;
}
.he_gdowli {
margin: 6px 0;
}
.he_pc_hd.act .he_gdown {
top: 80px;
}
.he_f1p1mwb {
opacity: 0;
pointer-events: none;
}
.he_slead .s_d2c2inputwz {
position: absolute;
top: 22px;
left: 65px;
}
/* .he_syp3bj::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 125px;
border-top:100px solid #fff;
border-bottom:100px solid #fff;
border-left:100px solid #fff;
border-right:100px solid #fff;
} */
.he_syp3bj {
z-index: 2;
background-size: cover !important;
}
.he_syp3bjer {
z-index: 5;
background: url(../images/syp4zsha.png) 0 0% no-repeat;
}
.he_syp3n::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(114deg, rgba(163, 163, 163, 0), rgba(163, 163, 163, .2) 30%, rgba(163, 163, 163, .3));
transform-origin: left;
will-change: transform;
z-index: 4;
}
.he_syp3 .he_syp3n::after {
transform: translateX(-100%) !important;
}
.he_phide.he_syp3n::after {
transform-origin: right;
transform: translateX(100%) !important;
transition: all 0.6s;
}
.he_syp3n.he_phide1::after {
transform: translateX(-100%) !important;
transition: all 0.6s;
}
.he_syp3n.he_phide1:hover::after {
transform: translateX(0%) !important;
transition: all 0.6s;
}
.he_ldown {
position: absolute;
top: 0;
left: 113%;
background: #fff;
display: none;
}
.he_gdowli {
position: relative;
}
.he_gdowli2 a {
color: #333 !important;
}
.he_gdowli2.yxnav_active3 a {
color: #f43839 !important;
}
.s_d3_2c5xltopig img {
transform: rotate(180deg);
}
.s_d3_2c5botnr.on .s_d3_2c5xltopig img {
transform: rotate(0deg);
}
.s_b7c1lb .slick-list {
padding-top: 10px !important;
}
.s_b7c1xian {
top: 36%;
}
.s_b7c1lb .slick-prev,
.s_b7c1lb .slick-next {
top: 25%;
}
/* .he_synewig img{
object-fit: cover;
} */
.he_syp1rli {
min-height: 400px;
}
.he_syp3bjer {
width: 100% !important;
}
.s_d3_2c3nr2botr {
word-wrap: break-word;
word-break: normal;
}
.he_syp1mokph {
display: none;
}
.s_d3_2botig {
margin-bottom: 10px;
}
.he_d3g2ye .he_banbx1 .he_bante {
top: 75%;
}
.he_bante .he_syp4inbt img {
width: 18px;
}
.he_bante .he_syp4inbt p {
width: calc(100% - 18px);
color: #fff;
font-size: 18px;
}
.he_basuo {
margin-top: 50px;
}
.s_b1_2c1wz {
padding: 46px 28px 0 49px;
}
.he_syp4inbt a {
display: block;
display: flex;
align-items: center;
padding: 0 45px;
height: 100%;
}
.s_b2c1nrbg {
width: 110%;
z-index: 1;
}
.s_d3_2c5botnr {
position: relative;
}
.s_d3_2c5botnr::after {
content: '';
position: absolute;
top: 50%;
left: -17px;
transform: translateY(-50%);
height: 0;
width: 1px;
background: #ef4210;
transition: all 0.36s;
opacity: 0;
}
.s_d3_2c5botxianh {
display: none;
}
.s_d3_2c5botnr.on::after {
height: 100%;
opacity: 1;
}
.s_b2cont2 {
position: relative;
z-index: 10;
}
.he_guding {
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
/* .he_guding {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
} */
.he_guding img {
width: 100%;
height: 100%;
object-fit: cover;
}
.s_d3_2cont2 {
background: none;
}
.he_d3g2ye .he_main {
background: #fff;
}
.he_d3g2ye .s_d3_2cont1,
.he_d3g2ye .s_d3_2cont3,
.he_d3g2ye .s_d3_2cont4,
.he_d3g2ye .s_d3_2cont5,
.he_d3g2ye .s_d3_2cont6,
.he_d3g2ye .s_d3_2cont7 {
position: relative;
z-index: 10;
}
.s_d3_2cont2 {
position: relative;
z-index: 1;
}
.he_d3g2ye .he_banbx {
z-index: 10;
}
.he_maniy {
overflow: hidden;
max-width: 1920px;
margin: auto;
}
.he_d3g2ye .he_syp4 {
position: relative;
z-index: 10;
}
.he_d3g2ye .he_fot {
z-index: 10;
}
/* 第二批页面 start */
.he_c05p1 {
width: 100%;
}
.he_x40ft {
font-size: 38px;
line-height: 1.5;
color: #333333;
font-weight: bold;
font-family: "MontserratBold";
}
.he_banbx1 .he_bantti1 h1 {
font-size: 48px;
}
.he_x40ft span {
color: #ef4210;
}
.he_nyti {
text-align: center;
margin-bottom: 50px;
}
.he_c05p1 {
padding-top: 100px;
padding-bottom: 110px;
}
.he_c05list {
width: 100%;
position: relative;
}
.he_c05li {
width: 33.333333%;
padding: 0 25px;
margin-bottom: 60px;
}
.he_c05ul {
margin: 0 -25px;
}
.he_c05ljk {
width: 100%;
position: relative;
border-bottom: 1px solid #E4E4E4;
padding-bottom: 36px;
height: 502px;
cursor: pointer;
}
.he_c05lig {
width: 100%;
position: relative;
}
.he_c05lig img {
border-radius: 15px;
}
.he_c05lte {
width: 100%;
position: relative;
margin-top: 21px;
}
.he_c05ltep1 {
width: 100%;
position: relative;
}
.he_c05ltep1 p {
font-size: 16px;
line-height: 1.75;
font-weight: bold;
color: #333333;
/* height: 56px; */
overflow: hidden;
}
.he_c05ltep2 p {
font-size: 14px;
line-height: 1.55;
color: #666666;
font-family: "MontserratLight";
/* height: 42px; */
overflow: hidden;
}
.he_c05ltepbw {
max-height: 110px;
overflow: hidden;
}
.he_c05ltep2 {
margin-top: 8px;
}
.he_c05ltemo p {
font-size: 16px;
line-height: 1.5;
color: #999999;
font-weight: bold;
transition: all 0.36s;
}
.he_c05ltemo {
margin-top: 15px;
}
.he_c05limok {
width: 100%;
}
.he_c05limok .he_syp1rmo {
margin: 0 auto;
}
.he_c05kmn {
width: 100%;
margin-bottom: 90px;
}
.he_c05kmn:last-child {
margin-bottom: 0;
}
.he_bantti1 h1 span {
color: #ef4210;
}
.he_c07he_feny {
padding-top: 30px;
}
.he_c05kmn2 .he_c05ljk {
height: 453px;
}
.he_c05kmn2 .he_c05ltepbw {
max-height: 58px;
}
.he_c05kmn2 {
margin-bottom: 0;
}
.he_c05tan {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
}
.he_c05tanny {
width: 1120px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 20px;
/* overflow: hidden; */
}
.he_c05tati,
.he_c05tany {
width: 100%;
padding: 20px 90px;
}
.he_c05tany {
padding-top: 30px;
padding-bottom: 60px;
}
.he_c05tati {
background-color: #ef4210;
}
.he_c05tati p {
font-size: 16px;
line-height: 1.8;
color: #fff;
font-weight: bold;
}
.he_c05takl p {
font-size: 14px;
line-height: 1.5;
color: #666666;
}
.he_c05tali {
width: 33.333333%;
padding: 0 6px;
margin-bottom: 12px;
}
.he_c05taul {
margin: 0 -6px;
}
.he_c05takl {
margin-bottom: 28px;
}
.he_c05tanig {
width: 100%;
position: relative;
}
.he_c05tanig img {
border-radius: 10px;
}
.he_c05tgd {
height: 320px;
}
.he_c05tgd .mCSB_scrollTools {
right: -55px;
}
.he_c05tgd .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
.he_c05tgb {
position: absolute;
top: -13px;
right: -24px;
z-index: 10;
width: 20px;
cursor: pointer;
}
.he_c05tgb img {
width: 100%;
}
.he_c05tati {
border-radius: 20px 20px 0 0;
}
.he_c08p1 {
position: relative;
width: 100%;
padding-top: 110px;
}
.he_c08p1nri {
width: 66%;
position: relative;
}
.he_c08p1nle {
width: 34%;
padding-right: 60px;
}
.he_c08p1nig {
width: 100%;
}
.he_c08p1nig img {
width: 100%;
border-radius: 10px;
}
.he_c08p1npy {
width: 126px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
cursor: pointer;
}
.he_c08p1npy img {
width: 100%;
}
.mc_videom_close {
font-family: Arial, Helvetica, sans-serif;
font-size: 50px;
color: #fff;
}
.mc_modal_close {
position: absolute;
right: 15px;
top: 15px;
/* font-size: 20px; */
line-height: 20px;
cursor: pointer;
z-index: 10;
}
.mc_videom_container {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.mc_videom_content {
width: 1200px;
}
.mc_videom_content {
width: 1000px;
max-width: calc(100vw - 40px);
max-height: calc(100vh - 80px);
overflow: auto;
}
.mc_videom_video {
max-width: 100%;
vertical-align: middle;
background: #000;
}
.mc_videom_iframebox {
text-align: center;
}
.mc_videom_iframebox {
display: none;
}
.mc_videom {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 99999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .84);
}
.he_c08p1nti .he_nyti {
text-align: left;
}
.he_c08p1njk {
margin-top: 27px;
}
.he_c08p1njk p {
font-size: 18px;
line-height: 1.75;
color: #666666;
}
.he_c08p2 {
width: 100%;
position: relative;
padding-top: 23px;
padding-bottom: 110px;
}
.he_c08p2n {
width: 100%;
position: relative;
}
.he_c08p2li {
width: 33.333333%;
padding: 0 6px;
margin-bottom: 12px;
}
.he_c08p2ul {
margin: 0 -6px;
}
.he_c08p2kc {
width: 100%;
position: relative;
}
.he_c08p2kc img {
width: 100%;
}
.he_j2p1 {
width: 100%;
position: relative;
padding-top: 110px;
z-index: 10;
}
.he_j2p2 {
width: 100%;
position: relative;
padding-top: 90px;
padding-bottom: 110px;
}
.he_j2p2n {
width: 100%;
}
.he_j2p2nli {
width: 33.333333%;
padding: 0 12px;
margin-bottom: 29px;
}
.he_j2p2nul {
margin: 0 -12px;
}
.he_j2p2kj {
width: 100%;
position: relative;
border-radius: 20px;
background-color: #fff;
box-shadow: 0px 6px 40.59px 0.41px rgb(0 0 0 / 6%);
/* padding: 38px 48px; */
}
.he_j2p2kj .s_gc5nrbot h4 {
line-height: 1.25;
}
.he_j2p2kj .s_gc5nrbot {
height: 84px;
}
.he_j2p2kj .s_gc5nr {
padding: 44px 50px;
}
.he_j2ding {
width: 26px;
position: absolute;
top: 22px;
right: 25px;
}
.he_j2ding img {
width: 100%;
transition: all 0.36s;
}
.he_j2ding .he_img2 {
opacity: 0;
}
.he_j2p2fy {
padding-top: 75px;
}
.he_j2p1 .s_b2_2c1searchan {
font-size: 16px;
}
.he_j2p1 .s_b2c2top {
justify-content: center;
}
.s_b2_2c1searchan {
background: linear-gradient(to left, #ef4210, #FF7759);
}
.he_phone {
background: linear-gradient(to left, #ef4210, #FF7759);
}
.he_syp1rmo {
background: linear-gradient(to left, #ef4210, #FF7759);
}
.he_syp2mob {
background: linear-gradient(to left, #ef4210, #FF7759);
}
.he_syp4inbt {
background: linear-gradient(to left, #ef4210, #FF7759);
}
.he_a3p1 {
width: 100%;
position: relative;
padding-top: 90px;
padding-bottom: 70px;
}
.he_a3p1m {
width: 100%;
}
.he_a3p1ti .he_nyti {
text-align: left;
}
.he_a3p1ny {
width: 100%;
position: relative;
padding-left: 95px;
}
.he_a3p1ny::after {
content: '';
position: absolute;
top: 14px;
left: 0;
width: 60px;
height: 2px;
background-color: #ef4210;
}
.he_a3p1li {
width: 33.333333%;
}
.he_a3p1mi {
width: 100%;
position: relative;
padding-right: 15px;
}
.he_a3p1mi p {
font-size: 18px;
line-height: 1.75;
color: #333333;
margin-bottom: 13px;
}
.he_a3p1ul {
padding-bottom: 45px;
}
.he_a4p1m {
width: 100%;
position: relative;
}
.he_a4pbv {
width: 100%;
}
.he_a4pbv p {
font-family: "MontserratRegular";
color: #666;
}
.he_a4p1m .s_b2_3conlbjq h5 {
font-size: 20px;
line-height: 1.5;
color: #000000;
margin-bottom: 20px;
}
.he_a4p1m .s_b2_3conlbjq h4 {
margin-bottom: 20px;
margin-top: 25px;
color: #000000;
}
.he_a4p1m .s_b2_3conlbjq p {
margin-bottom: 20px;
color: #666;
}
.he_a4p1m .s_b2_3conlbjq {
padding-top: 38px;
}
/*.he_pcbx {*/
/* background: rgba(255, 255, 255, 0.7);*/
/* backdrop-filter: blur(40px);*/
/*}*/
@-moz-document url-prefix() {
.he_pcbx {
background: rgba(255, 255, 255, 0.9);
}
}
.he_bashj {
width: 686px;
border-radius: 30px;
overflow: hidden;
margin: 0 auto;
}
.he_dxlym .he_bante .he_syp4in {
width: 100%;
}
.he_dxlym .he_bante .he_syp4inp input {
width: 100%;
height: 58px;
cursor: text !important;
}
.he_dxlym .he_bante .he_syp4inbt {
width: 142px;
}
.he_dxlym .he_bante .he_syp4inp {
width: calc(100% - 142px);
}
.he_dxlym .he_bante .he_syp4inbt img {
width: 23px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.he_dxlym .he_bante .he_syp4inbt {
position: relative;
cursor: pointer;
}
.he_dxlym .he_bante .he_syp4in {
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(40px);
}
.he_dxlym .he_bante .he_syp4inp input {
color: #fff;
}
.he_dxlym .he_bante .he_syp4inp input::-webkit-input-placeholder {
font-size: 16px;
color: #fff;
}
.he_dxlym .he_bante .he_syp4inp input:-moz-placeholder {
font-size: 16px;
color: #333;
}
.he_dxlym .he_bante .he_syp4inp input::-moz-placeholder {
font-size: 16px;
color: #333;
}
.he_dxlym .he_bante .he_syp4inp input:-ms-input-placeholder {
font-size: 16px;
color: #fff;
}
@-moz-document url-prefix() {
.he_dxlym .he_bante .he_syp4in {
background: rgba(255, 255, 255, 0.9);
}
.he_dxlym .he_bante .he_syp4inp input {
color: #333;
}
}
.he_dxlym .he_banbx1 .he_bante {
top: 36%;
}
.he_dxlnyq {
width: 82%;
margin: 0 auto;
background: #FAFAFA;
border-radius: 30px 30px 0 0;
min-height: 350px;
margin-top: -400px;
overflow: hidden;
}
.he_dxlym .he_main {
position: relative;
z-index: 2;
}
.he_d1ylz {
width: 100%;
position: relative;
padding: 0px 110px;
}
.he_d1p1 {
width: 100%;
position: relative;
padding-top: 42px;
}
.he_d1p1ti p {
font-size: 24px;
line-height: 1.5;
color: #000000;
}
.he_dxlym .he_main {
overflow: inherit;
}
.he_d1p1ny {
width: 100%;
position: relative;
border-radius: 20px;
background: #fff;
padding: 20px 28px;
}
.he_d1p1nle {
width: 96px;
margin-top: 6px;
}
.he_d1p2:first-child .he_d1p1nri {
width: calc(100% - 96px);
}
.he_d1ylz {
width: 100%;
}
.s_qhbox {
background: #fff;
}
.he_d1p1nle p {
font-size: 20px;
line-height: 1.5;
color: #666666;
}
.he_d1p1nol {
width: 100%;
}
.he_d1p1njx {
border: 2px solid #F0F1F3;
border-radius: 50px;
background: #fff;
display: flex;
align-items: center;
padding: 12px 20px;
margin-right: 19px;
margin-bottom: 12px;
cursor: pointer;
transition: all 0.36s;
}
.he_d1p1njx.act {
border-color: #ef4210;
}
.he_d1p1njx.act .he_d1p1cwx p {
color: #ef4210;
}
.he_d1p1njx.act .he_d1p1cjx .he_img {
opacity: 1;
}
.he_d1p1njx.act .he_d1p1cjx .he_img1 {
opacity: 0;
}
.he_d1p1cjx {
width: 16px;
position: relative;
}
.he_d1p1cwx {
/* width: calc(100% - 16px); */
padding-left: 10px;
}
.he_d1p1cjx img {
transition: all 0.36s;
}
.he_d1p1cjx .he_img {
opacity: 0;
}
.he_d1p1cwx p {
font-size: 14px;
line-height: 1.5;
color: #666666;
font-family: "MontserratLight";
transition: all 0.36s;
}
.he_d1p1nli:not(:first-child) {
margin-top: 15px;
}
.he_d1p1ti {
margin-bottom: 10px;
}
.he_d1p2 {
width: 100%;
position: relative;
padding-top: 28px;
}
.he_d1p2 .he_d1p1nri {
width: 100%;
position: relative;
}
.he_d1p1nig {
width: 16px;
position: absolute;
top: 38px;
right: 22px;
cursor: pointer;
}
.he_d1p1nig img {
width: 100%;
transition: all 0.36s;
}
.he_d1p2mo .he_syp2mob {
width: 200px;
margin: 0;
}
.he_d1p2mo {
margin-top: 34px;
}
.he_d1yp1 {
width: 100%;
padding-bottom: 60px;
}
.he_d1yp2 {
width: 100%;
position: relative;
padding-bottom: 100px;
}
.he_d1yp2ti p {
font-size: 18px;
line-height: 1.5;
color: #ef4210;
}
.he_d1yp2ti {
margin-bottom: 32px;
}
.he_d1yp2tou {
width: 100%;
background: #F0F0F0;
}
.he_d1yp2tou,
.he_d1yp2bl {
padding: 26px 49px;
border-bottom: 1px solid #F2F2F2;
}
.he_d1yp2bl .he_d1yp2tz {
margin-top: 8px;
}
.he_d1yp2bod .he_d1yp2bl .he_d1yp2t5 {
margin-top: 0px;
}
.he_d1yp2t1 {
width: 28%;
}
.he_d1yp2t2 {
width: 28%;
}
.he_d1yp2t3 {
width: 19%;
}
.he_d1yp2t4 {
width: 8%;
}
.he_d1yp2t5 {
width: 17%;
padding-right: 0;
}
.he_d1yp2bl .he_d1yp2tz p {
font-size: 14px;
line-height: 1.5;
color: #999999;
}
.he_d1yp2tz p {
font-size: 18px;
line-height: 1.5;
color: #333333;
}
.he_d1yp2bod {
width: 100%;
padding-bottom: 65px;
}
.he_d1yp2bod {
background: #fff;
}
.he_d1yp2tz {
padding-right: 10px;
}
.he_d1yp2t1 {
padding-right: 10%;
}
.he_d1yp2t5 {
padding-right: 0;
display: flex;
justify-content: space-between;
margin-top: 0;
}
.he_d1yp2t5 a {
display: inline-block;
color: #999;
line-height: 33px;
padding: 0 16px;
background: #F0F0F0;
border-radius: 50px;
}
.he_d1p1nkc {
width: 100%;
overflow: hidden;
}
.he_d1p2.on1 .he_d1p1nkc {
height: 61px;
}
.he_d1p1nig {
opacity: 0;
}
.he_d1p2.on .he_d1p1nig {
opacity: 1;
}
.he_d1p1nig img {
transform: rotate(180deg);
}
.he_d1p2.on1 .he_d1p1nig img {
transform: rotate(0deg);
}
.he_index .he_maniy {
max-width: 100%;
}
.he_syp2zs {
width: 39%;
}
.he_d3lis2 {
display: none;
}
.s_d3_2c5botbox {
height: inherit !important;
transition: all 0.36s;
}
.s_d3_2c5morenr.btno {
background-color: #ccc;
}
@media screen and (min-width: 1920px) {
.he_syp2zs {
width: 39%;
top: -20%;
}
.he_syp3n {
min-height: 1140px;
}
.he_syp3n {
min-height: 1140px;
}
.he_syp3n .he_syp3bx {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
@media screen and (max-width: 1920px) {
.he_syp2zs {
width: 39%;
top: -9%;
}
.he_syp3n {
min-height: 840px;
}
/* .he_syp3n .he_syp3bx {
position: relative;
top: inherit;
left: inherit;
transform: inherit;
} */
}
.he_syp3n {
height: 840px;
}
.s_b1_2c1lb {
position: relative;
}
.s_b1_2c1lb::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100%;
z-index: 10;
background: linear-gradient(to right, #f6f6f6, rgba(255, 255, 255, 0));
}
.s_b1_2c1lb::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 100%;
z-index: 10;
background: linear-gradient(to left, #f6f6f6, rgba(255, 255, 255, 0));
}
.s_b1_2cont3 {
background-image: inherit;
background: linear-gradient(to left, #a2a8a6, #a8a7a4);
}
.he_tupin {
width: 226px;
}
.he_tupin img {
width: 100%;
}
.s_b1_2c3 {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.s_b1_2c3wz {
width: calc(100% - 226px);
}
.s_b1_2c3wkl {
max-width: 100%;
width: 550px;
}
.he_syp4in a {
display: flex;
width: 100%;
}
.he_syp4inbt {
display: flex;
align-items: center;
padding: 0 45px;
}
.he_syp4inp input {
cursor: pointer !important;
}
.he_d3icom {
width: 22px;
}
.he_d3icom img {
width: 100%;
}
.he_d3icote {
width: calc(100% - 22px);
padding-left: 10px;
}
.he_d3icote p {
font-family: "MontserratLight";
color: #ef4210;
}
.s_d3_2c7wznrmore {
display: flex;
align-items: center;
}
.he_d3shph {
display: none;
}
.s_b2_3c2main .slick-dots {
bottom: -30px;
}
.s_b2_3c2main .slick-dots li.slick-active {
border: 2px solid #ef4210;
background: transparent;
}
.s_b2_3c2main .slick-dots li {
width: 11px;
height: 11px;
border-radius: 50%;
background: transparent;
border: 2px solid rgb(214, 214, 214);
}
.he_d2p1 {
width: 100%;
position: relative;
padding: 80px 0 60px;
}
.he_d2p1ul {
width: 100%;
position: relative;
}
.he_d2p1li {
width: 100%;
position: relative;
background: #fff;
border-radius: 20px;
padding: 0px 50px;
margin-bottom: 30px;
cursor: pointer;
}
.he_d2p1sh {
width: 100%;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
}
.he_d2p1xi {
width: 100%;
display: none;
}
.he_d2p1shle p {
font-size: 18px;
line-height: 70px;
height: 70px;
overflow: hidden;
color: #333333;
}
.he_d2p1shri {
width: 16px;
line-height: 70px;
}
.he_d2p1shri img {
width: 100%;
transition: all 0.36s;
}
.he_d2p1shle {
width: calc(100% - 16px);
padding-right: 10px;
}
.he_d2p1xcli {
width: 25%;
padding: 0 18px;
margin-bottom: 36px;
}
.he_d2p1xcul {
margin: 0 -18px;
}
.he_d2p1xcvb {
width: 100%;
position: relative;
border-radius: 20px;
box-shadow: 4px 4px 30px 0 rgba(232, 232, 232, 0.8);
padding: 20px 29px;
background-color: #fff;
}
.he_d2p1xic {
width: 46px;
margin: 0 auto;
}
.he_d2p1xic img {
width: 100%;
}
.he_d2p1xte p {
font-size: 14px;
line-height: 1.5;
color: #999;
height: 42px;
overflow: hidden;
text-align: center;
}
.he_d2p1xmo a {
display: inline-block;
}
.he_d2p1xmo {
display: flex;
justify-content: space-between;
}
.he_d2p1xte {
margin-top: 26px;
}
.he_d2p1xmo p {
font-size: 14px;
line-height: 34px;
color: #999;
font-family: "MontserratLight";
height: 34px;
overflow: hidden;
display: inline-block;
background-color: #F0F0F0;
border-radius: 50px;
padding: 0 15px;
}
.he_d2p1xmo {
margin-top: 40px;
}
.he_d2p1xi {
width: 100%;
padding-top: 16px;
padding-bottom: 10px;
}
.he_d2p1li.on .he_d2p1shri img {
transform: rotate(180deg);
}
.he_syp4bx .he_syp4inbt {
padding: 0 18px;
}
.he_d4ig {
width: 100%;
position: relative;
}
.he_d4ig img {
border-radius: 10px;
}
.he_xiaoguo1 {
width: 100%;
position: relative;
padding-top: 100px;
padding-left: 100px;
}
.he_xdxo {
width: 100%;
max-width: 100%;
}
.he_xdxoul {
width: 100%;
position: relative;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.he_xdxoho {
position: absolute;
max-width: 100%;
width: 100%;
height: 620px;
background: linear-gradient(180deg, #1E45A8 0%, #8C93D2 100%);
box-shadow: 60px 80px 100px rgba(197, 206, 213, 0.5);
border-radius: 80px 0px 80px 80px;
transform: matrix(0.98, 0.21, -0.19, 0.98, 0, 0);
transform-origin: right top;
z-index: -1;
transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}
.he_xdxozh {
max-width: 100%;
min-width: 100%;
width: 100%;
height: 620px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.5) 100%);
mix-blend-mode: normal;
backdrop-filter: blur(30px);
/* padding: 50px 20px; */
border-radius: 80px 0px 80px 80px;
box-shadow: 0px 4px 4px rgba(244, 244, 244, 0.25);
z-index: 2;
border: 2px solid rgba(255, 255, 255, 0.5);
transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}
@-moz-document url-prefix() {
.he_xdxozh {
background: rgba(255, 255, 255, 0.9);
}
}
.s_gc3r::before {
display: none;
}
.s_gc3r {
z-index: 1;
width: 39%;
}
.s_gc3l {
width: 61%;
}
.s_gc3 {
padding-right: 0;
}
.s_gc3rnr {
background-color: transparent;
}
.s_gc3rbox {
box-shadow: inherit;
}
.s_gc3rnr {
padding: 65px 65px 100px 65px;
}
.he_xdxoho {
pointer-events: none;
}
.he_xdxozh .s_gc3rnrp p {
line-height: 1.85;
color: #fff;
font-family: "MontserratLight";
height: 150px;
overflow: hidden;
}
.he_xdxozh .s_gc3rnrname h4 {
height: 42px;
overflow: hidden;
}
.he_xdxozh .s_gc3rnrjj {
height: 62px;
overflow: hidden;
}
.he_xdxozh .s_gc3rbox .slick-dots li {
border-color: #fff;
}
.he_xdxozh .s_gc3rbox .slick-dots li.slick-active {
border-color: #ef4210;
}
.he_j1ye .gc3ltopnr {
max-width: 100%;
width: 500px;
}
.he_gcont5 {
background-color: #fff;
padding-top: 0;
padding-bottom: 140px;
}
.he_j1p1 {
width: 100%;
position: relative;
min-height: 616px;
border-radius: 20px;
}
.he_j1p1n {
width: 100%;
position: relative;
padding: 129px 147px;
}
.s_gcont4 {
padding-bottom: 140px;
}
.he_j1p1k {
width: 406px;
max-width: 100%;
}
.he_j1ti h2 {
color: #fff;
line-height: 1.3;
}
.he_j1ti {
text-align: left;
margin-bottom: 0 !important;
}
.he_j1mo {
width: 100%;
}
.he_j1mo .he_syp1rmo {
width: 200px;
margin-top: 55px;
}
.s_gc4botbox.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: linear;
}
.he_j2ri {
width: 26px;
margin-top: 23px;
}
.he_j2ri img {
width: 100%;
}
.he_j2le {
width: calc(100% - 26px);
padding-right: 28px;
}
.he_j2tibx {
display: inline-block;
}
.s_g2cont2 {
background-color: rgb(250, 251, 252);
}
/* .s_b1_1c1time {
width: 80px;
} */
.s_b1_1c1time {
position: relative;
}
.s_b1_1c1time p {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.s_b1_1c1time img {
width: 80px;
}
.he_b3itm {
margin-bottom: 10px;
}
.he_b3itm1 {
margin-bottom: 10px;
}
.he_b3itm p {
font-family: "MontserratRegular";
font-size: 30px;
color: #ef4210;
text-align: right;
font-weight: bold;
}
.he_b3itm1 p {
font-family: "MontserratRegular";
font-size: 30px;
color: #ef4210;
text-align: left;
font-weight: bold;
}
.s_b1_1contbox.on .s_b1_1c1time p {
right: 0;
left: 0;
}
.s_b1_1contbox.on .he_b3itm {
text-align: left;
}
.he_f2p1 {
width: 100%;
position: relative;
}
.he_f2p1n {
width: 100%;
position: relative;
padding-top: 220px;
}
.he_f2ti {
text-align: center;
}
.he_f2p1ip .s_b2c2top {
justify-content: center;
}
.he_f2p1ip .s_b2c2xltop {
background: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(30px);
box-shadow: inherit;
}
.he_f2p1ip .s_b2_2c1search {
background: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(30px);
box-shadow: inherit;
}
.he_f2p1ip .s_b2_2c1searchan {
box-shadow: inherit;
}
.s_select_show2 {
color: #fff;
}
.s_select_show2::-webkit-input-placeholder {
color: #fff;
}
.s_select_show2:-moz-placeholder {
color: #fff;
}
.s_select_show2::-moz-placeholder {
color: #fff;
}
.s_select_show2:-ms-input-placeholder {
color: #fff;
}
.s_b2_2c1search input {
color: #fff;
}
.s_b2_2c1search input::-webkit-input-placeholder {
color: #fff;
}
.s_b2_2c1search input:-moz-placeholder {
color: #fff;
}
.s_b2_2c1search input::-moz-placeholder {
color: #fff;
}
.s_b2_2c1search input:-ms-input-placeholder {
color: #fff;
}
.he_f2ti {
margin-bottom: 32px;
}
.he_f2p1ip {
margin-bottom: 46px;
}
.he_f2ulwh {
width: 100%;
padding-bottom: 110px;
}
.he_f2ulwhjs p {
font-size: 14px;
line-height: 1.5;
color: #fff;
}
.he_f2ulk {
width: 100%;
position: relative;
}
.he_f2ulkli {
width: 100%;
position: relative;
}
.he_f2ulk .he_d2p1shle {
display: flex;
align-items: center;
}
.he_f2ulk .he_d2p1shle img {
width: 12px;
}
.he_f2ulk .he_d2p1shle p {
width: calc(100% - 12px);
padding-left: 20px;
}
.he_f2ulk .he_d2p1li {
padding: 0 0px;
background: transparent;
}
.he_f2ulk .he_d2p1sh {
padding: 0 50px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(30px);
border-radius: 20px 20px 0px 0px;
}
.he_f2ulk .he_d2p1xi {
padding: 52px 70px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(50px);
border-radius: 0px 0px 20px 20px;
}
.he_f2ulk .he_d2p1li {
border-radius: 20px;
overflow: hidden;
}
.he_f2ulk .he_d2p1sh p {
color: #fff;
}
.he_f2ulwhjs {
margin-bottom: 38px;
}
.he_f2hl {
width: 100%;
position: relative;
}
.he_f2hlle {
width: 40%;
}
.he_f2hlri {
width: 60%;
}
.he_f2hlti p {
font-size: 30px;
line-height: 1.5;
color: #fff;
}
.he_f2hltj p {
font-size: 18px;
line-height: 1.5;
color: rgba(255, 255, 255, 0.6);
}
.he_f2hltj1 p {
font-size: 20px;
line-height: 1.5;
color: rgba(255, 255, 255, 0.6);
}
.he_f2hlti {
margin-bottom: 30px;
}
.he_f2hltj {
margin-bottom: 26px;
}
.he_f2hlrhle {
width: 120px;
padding-right: 15px;
}
.he_f2hlrhri {
width: calc(100% - 120px);
}
.he_f2hlrli p {
color: rgba(255, 255, 255, 0.6);
line-height: 1.5;
font-size: 16px;
font-family: "MontserratLight";
}
.he_f2hlrli {
margin-bottom: 26px;
}
.he_f2ufy {
width: 100%;
position: relative;
padding-top: 60px;
padding-bottom: 100px;
}
.he_f2ufy .pc_fenye li {
color: #fff;
}
.he_f3kg {
width: 100%;
position: relative;
margin-top: 67px;
}
.he_f3kgtu p {
font-size: 36px;
line-height: 1.3;
color: #fff;
text-align: center;
}
.he_f3kgtu {
padding: 0 130px;
}
.he_f3kgan {
width: 490px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.he_f3kgan .he_syp1rmo {
margin-top: 55px;
}
.he_c01p1 {
width: 100%;
position: relative;
padding: 110px 0 80px;
}
.he_c01p1b {
width: 100%;
position: relative;
border-radius: 15px;
overflow: hidden;
background: #fff;
box-shadow: 0px 19px 28px 0px rgba(165, 165, 165, 0.06);
display: flex;
align-items: center;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.he_c01p1ri {
width: 43.2%;
position: relative;
}
.he_c01p1le {
width: 56.8%;
}
.he_c01p1hj {
width: 100%;
position: relative;
padding: 10px 90px;
}
.he_c01p1 {
background: #fafafa;
}
.he_c01p1ti p {
font-size: 24px;
line-height: 1.5;
color: #474747;
transition: all 0.36s;
height: 36px;
overflow: hidden;
}
.he_c01p1tp p {
font-size: 18px;
line-height: 1.5;
color: rgba(71, 71, 71, 0.5);
height: 27px;
overflow: hidden;
}
.he_c01p1n p {
font-size: 16px;
line-height: 1.75;
color: rgba(71, 71, 71, 0.5);
padding-left: 12px;
position: relative;
font-family: "MontserratLight";
}
.he_c01p1n p::after {
content: '';
position: absolute;
top: 12px;
left: 0;
width: 3px;
height: 3px;
background: #ef4210;
}
.he_c01p1ti {
margin-bottom: 7px;
}
.he_c01p1tp {
margin-bottom: 30px;
}
.he_c01p1n {
height: 84px;
overflow: hidden;
margin-bottom: 20px;
}
.he_c01p1mo p {
font-size: 16px;
line-height: 1.5;
color: #474747;
transition: all 0.36s;
}
.he_c01p1li {
width: 100%;
margin-bottom: 36px;
}
.he_c03bx {
width: 100%;
position: relative;
background: #fafafa;
}
.he_c03bnle {
padding: 100px 0 0;
border-right: 1px dashed #e3e3e3;
}
.he_c03bnri {
padding: 100px 0 0px;
}
.he_c03bn {
width: 100%;
position: relative;
}
.he_c03bnri {
width: 236px;
padding-left: 19px;
/* padding-right: 19px; */
}
.he_c03bnle {
width: calc(100% - 236px);
padding-right: 112px;
}
.he_c03bcli {
width: 100%;
position: relative;
margin-bottom: 50px;
}
.he_c03bti {
width: 100%;
position: relative;
padding-bottom: 60px;
}
.he_c03btdt {
width: 100%;
display: flex;
align-items: center;
}
.he_c03btile {
width: 32px;
}
.he_c03btile img {
width: 100%;
}
.he_c03btiri {
width: calc(100% - 32px);
padding-left: 17px;
}
.he_c03btiri h2 span {
padding-right: 10px;
}
.he_c03bxf {
width: 100%;
position: relative;
}
.he_c03xul {
margin: 0 -12px;
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.he_c03xli {
width: 33.333333%;
padding: 0 12px;
margin-bottom: 22px;
}
.he_c03xlm {
width: 100%;
position: relative;
transition: all 0.36s;
border-radius: 20px;
padding: 0 39px;
height: 100%;
}
.he_c03xlk {
width: 100%;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding: 34px 0 40px;
height: 100%;
transition: all 0.36s;
}
.he_c03xlti p {
font-size: 20px;
line-height: 1.5;
color: #333333;
transition: all 0.36s;
font-weight: bold;
text-align: center;
}
.he_c03xlcp p {
font-size: 14px;
line-height: 1.7;
color: rgba(71, 71, 71, 0.5);
}
.he_c03xlcp {
margin-bottom: 16px;
}
.he_c03xlti {
margin-bottom: 10px;
}
.he_c03cig {
width: 95%;
margin: 0 auto;
position: relative;
}
.he_c03ctw p {
font-size: 16px;
line-height: 1.5;
color: #333333;
transition: all 0.36s;
text-align: center;
font-weight: bold;
}
.he_c03ctw {
margin-top: 26px;
}
.he_c03ctw,
.he_c03xlti {
width: 100%;
}
.he_c03xioti p {
font-size: 18px;
line-height: 1.55;
color: #ffffff;
font-family: "MontserratLight";
}
.he_c03xioti {
text-align: left;
padding: 0 54px;
}
.he_c03xioti {
padding-top: 15px;
}
.he_c03btkx p {
font-size: 18px;
line-height: 1.55;
color: #666666;
font-family: "MontserratLight";
}
.he_c03btkx {
margin-top: 28px;
padding-right: 13%;
}
.he_c03xlti p {
height: 30px;
overflow: hidden;
}
.he_c03xlcp p {
max-height: 92px;
overflow: hidden;
}
.he_c03cnv {
width: 100%;
position: relative;
}
.he_c03cnti p {
font-size: 20px;
line-height: 1.5;
color: #333333;
}
.he_c03cnti {
margin-bottom: 22px;
}
.he_c03cli {
width: 100%;
position: relative;
}
.he_c03cli p {
font-size: 14px;
line-height: 1.5;
color: #333333;
}
.he_c03cli {
border-radius: 50px;
padding: 11px 30px;
margin-bottom: 22px;
cursor: pointer;
transition: all 0.36s;
}
.he_c03cli.act {
background: #fff;
}
.he_c03cli.act p {
color: #ef4210;
}
.he_c03cli p {
font-size: 14px;
line-height: 1.5;
color: #333333;
transition: all 0.36s;
}
.he_c03bnhw {
width: 100%;
position: relative;
}
.he_c03cul {
max-height: calc(100vh - 190px);
}
.he_c03cul .mCSB_inside>.mCSB_container {
margin-right: 19px;
}
.he_c03cul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
.he_c03cul .mCSB_scrollTools {
right: -7px;
}
.he_c03p2 {
width: 100%;
position: relative;
padding-top: 100px;
}
.he_c03p2li {
width: 50%;
padding: 0 47px;
}
.he_c03p2ul {
margin: 0 -47px;
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.he_c03p2cf {
width: 100%;
position: relative;
}
.he_c03p2ti p {
font-size: 26px;
line-height: 1.5;
color: #333333;
font-family: "MontserratBold";
}
.he_c03p2ti p span {
color: #ef4210;
}
.he_c03p2jc p {
font-size: 16px;
line-height: 1.55;
color: #666666;
font-family: "MontserratLight";
}
.he_c03p2ti {
margin-bottom: 24px;
}
.he_c03p2li {
margin-bottom: 90px;
}
.he_c03p2li.on .he_c03p2jc p {
padding-left: 37px;
position: relative;
}
.he_c03p2li.on .he_c03p2jc p::after {
content: '';
position: absolute;
top: 11px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #ef4210;
}
.he_c03p3 {
width: 100%;
position: relative;
background: #fff;
padding: 100px 0 75px;
}
.he_c02ym .he_c03p3:not(.act) {
padding-bottom: 0;
}
.he_c02ym .he_c02p8 {
padding-top: 75px;
}
.he_c03p3n {
width: 100%;
position: relative;
}
.he_c03p3ti {
text-align: center;
}
.he_c03p3gc {
position: relative;
margin: 0 -22px;
/* display: flex;
align-items: stretch; */
}
.he_c03p3kx {
width: 100%;
position: relative;
background: #f6f6f8;
border-radius: 20px;
/* overflow: hidden; */
}
.he_c03p3ig {
width: 100%;
position: relative;
border-radius: 20px 20px 0 0;
overflow: hidden;
}
.he_c03p3tr {
width: 100%;
position: relative;
background: #fff;
padding: 49px 56px 40px;
box-shadow: 0px 6px 22px 0.41px rgba(0, 0, 0, 0.06);
border-radius: 20px 100px 20px 20px;
}
.he_c03p3eti p {
font-size: 22px;
line-height: 1.35;
color: #333333;
font-weight: bold;
max-height: 64px;
overflow: hidden;
}
.he_c03p3eti {
position: relative;
padding-bottom: 24px;
}
.he_c03p3eti::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 1px;
background: #ef4210;
}
.he_c03p3li {
width: 33.333333%;
padding: 0 22px 30px;
}
.he_c03p3to p {
font-size: 16px;
line-height: 1.5;
color: #666666;
height: 48px;
overflow: hidden;
}
.he_c03p3to {
margin-top: 28px;
}
.he_c03p3tnk {
width: 100%;
position: relative;
margin-top: 22px;
}
.he_c03p3tnk p {
font-size: 14px;
font-weight: bold;
color: #999999;
transition: all 0.36s;
}
.he_c03p3li a {
display: block;
}
.he_c03p3tgf {
width: 100%;
height: 164px;
overflow: hidden;
}
.he_c03p3ul {
width: 100%;
padding-top: 60px;
}
.he_banbx2 {}
.he_banbx2 .he_banig {
height: 100vh;
}
.he_banbx2 .he_banig img {
height: 100%;
object-fit: cover;
}
.he_xiaoguo3 {
width: 100%;
position: relative;
height: 100%;
}
.he_xgp1 {
width: 100%;
position: relative;
background: #333;
height: 100%;
min-height: 100vh;
}
.he_xgp2 {
width: 100%;
background: #fff;
height: 100%;
min-height: 100vh;
}
.he_xgp3 {
width: 100%;
background: #999;
height: 100%;
min-height: 100vh;
}
.he_xgp1 .s_cont1360,
.he_xgp2 .s_cont1360,
.he_xgp3 .s_cont1360 {
min-height: 100vh;
position: relative;
z-index: 1;
}
.he_b1s1 {
width: 100%;
height: 2000px;
transform: translateY(-60%);
}
.he_b1s1b {
float: right;
width: 510px;
height: 670px;
}
.he_b1s1l1 .he_b1s1b {
/* background: red; */
}
.he_b1s1l1 {
position: absolute;
left: 0;
top: 100%;
}
.he_b1s1l2 {
position: absolute;
left: 0;
top: 0;
}
.he_b1s1l2 .he_b1s1b {
/* background: yellow; */
}
.he_xgp2,
.he_xgp1 {
overflow: hidden;
}
/* .he_b1s1cv.inited {
transition: all .1s ease;
} */
.he_b1s1cv {
width: 100%;
position: absolute;
left: 0;
}
.he_xgp1ba {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.he_xgp1bl {
width: 100%;
height: 100%;
}
.he_xgp1baph {
display: none;
}
.he_c04le {
width: calc(100% - 680px);
position: absolute;
bottom: 80px;
left: 0;
z-index: 10;
padding-right: 80px;
}
.he_c04leti {
position: relative;
padding-bottom: 25px;
}
.he_c04leti::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 44px;
height: 2px;
background: #ef4210;
}
.he_c04letp p {
font-size: 24px;
line-height: 1.5;
color: #FFFFFF;
max-height: 90px;
overflow: hidden;
}
.he_c04letp {
margin-top: 34px;
}
.he_c04lekc {
width: 100%;
position: relative;
margin-top: 54px;
}
.he_c04lekb {
cursor: pointer;
}
.he_c04lekb p {
font-size: 16px;
line-height: 1.5;
color: #ef4210;
text-decoration: underline;
}
.he_c04lekb a {
font-size: 16px;
line-height: 1.5;
color: #ef4210;
text-decoration: underline;
}
.he_c04lekb1 {
margin-right: 52px;
}
.he_c04scri span {
font-size: 16px;
/* font-family: '微软雅黑'; */
font-weight: bold;
padding-top: 8px;
width: 40px;
height: 26px;
color: hsla(0, 0%, 100%, .6);
background: linear-gradient(90deg, hsla(0, 0%, 100%, .6) 0, #fff 30%, hsla(0, 0%, 100%, .6) 50%);
background-position: 0;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: shines-data-v-98e87820 5s linear infinite;
animation: shines-data-v-98e87820 5s linear infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes shines-data-v-98e87820 {
0% {
background-position: 0
}
to {
background-position: 120px
}
}
@keyframes shines-data-v-98e87820 {
0% {
background-position: 0
}
to {
background-position: 120px
}
}
@-webkit-keyframes shines-data-v-98e87820 {
0% {
background-position: 0
}
to {
background-position: 120px
}
}
@keyframes shines-data-v-98e87820 {
0% {
background-position: 0
}
to {
background-position: 120px
}
}
.he_c04scle {
width: 18px;
}
.he_c04scle .he_ro0 {
transition: .25s ease-out;
stroke: #fff;
}
.he_c04scrl {
width: 100%;
display: flex;
align-items: center;
margin-top: 155px;
}
.he_c04scri {
padding-left: 10px;
}
.he_c04ri {
width: 510px;
position: relative;
height: 650px;
}
.he_c04rig {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(158, 158, 158, 0.06) 100%);
mix-blend-mode: normal;
box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(4px);
border: 2px solid rgba(255, 255, 255, 0.04);
border-radius: 30px;
}
.he_c04riop {
width: 100%;
height: 100%;
padding: 0 0px !important;
display: flex;
align-items: center;
position: relative;
}
.he_c04rig {
width: 100%;
position: relative;
}
.he_c04rig img {
width: 100%;
}
.he_c04rij {
background: rgba(255, 255, 255, 0.3);
border: 2px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(4px);
padding: 0 24px;
}
.he_c04rij1 {
width: 267px;
position: absolute;
top: 92px;
left: -200px;
border-radius: 50px;
}
.he_c04rij1le {
width: 34px;
line-height: 80px;
}
.he_c04rij1le img {
width: 100%;
}
.he_c04rij1ri p {
font-size: 16px;
line-height: 80px;
color: #FFFFFF;
font-weight: bold;
height: 80px;
overflow: hidden;
}
.he_c04rij1ri {
width: calc(100% - 34px);
padding-left: 20px;
}
.he_c04rij2 {
width: 150px;
position: absolute;
bottom: 140px;
left: -95px;
border-radius: 30px;
text-align: center;
}
.he_c04rij2 .he_c04rij1ri {
width: 100%;
padding-left: 0;
}
.he_c04rij3 .he_c04rij1ri {
width: 100%;
padding-left: 0;
}
.he_c04rij3 .he_c04rij1ri p {
line-height: 108px;
height: 108px;
}
.he_c04rij3 {
border-radius: 50%;
}
.he_c04rij3 {
width: 108px;
padding: 0 10px;
text-align: center;
position: absolute;
bottom: -26px;
right: -26px;
}
.he_b1s1l2 .he_c04rij p {
color: #ef4210;
}
.he_b1s1l2 .he_c04rij {
background: rgba(255, 255, 255, 1);
border: 2px solid rgba(255, 255, 255, 1);
box-shadow: 4px 4px 30px rgba(232, 232, 232, 0.8);
}
.he_b1s1l2 .he_c04ri {
background: rgba(255, 255, 255, 1);
box-shadow: inherit;
backdrop-filter: blur(0px);
border: 2px solid rgba(255, 255, 255, 1);
}
.he_xgp2le {
width: calc(100% - 680px);
padding-top: 90px;
padding-right: 10%;
position: relative;
z-index: 10;
padding-bottom: 50px;
}
.he_xgp2jk p {
font-size: 16px;
line-height: 1.75;
color: #666666;
}
.he_c04rij {
animation: xl 1.8s infinite;
}
@keyframes xl {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(0px);
}
}
.he_xgp2li {
width: 50%;
padding: 0 45px;
margin-bottom: 50px;
}
.he_xgp2ul {
margin: 0 -45px;
padding-top: 46px;
}
.he_xgp2lkh {
width: 100%;
}
.he_xgp2lkh {
width: 100px;
position: relative;
}
.he_xgp2lte p {
font-size: 16px;
line-height: 1.5;
color: #000000;
height: 54px;
overflow: hidden;
}
.he_c04p2 {
width: 100%;
position: relative;
padding: 110px 0;
}
.he_c04p2n {
width: 100%;
position: relative;
}
.he_c04p2nti p {
font-size: 30px;
line-height: 1.5;
color: #333333;
text-align: center;
}
.he_c04p3 {
width: 100%;
position: relative;
background: #F6F6F6;
padding: 110px 0 90px;
}
.he_c04p3n {
width: 100%;
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
/* flex-direction: row-reverse; */
}
.he_c04p3nle {
width: 470px;
}
.he_c04p3nle img {
width: 100%;
}
.he_c04p3nri {
width: calc(100% - 470px);
padding-right: 112px;
}
.he_c04p3ktj p {
font-size: 16px;
line-height: 1.75;
color: #474747;
text-align: center;
}
.he_c04p3ktj {
margin-top: 30px;
}
.he_c04p3hy {
width: 100%;
position: relative;
padding-right: 40%;
margin-top: 28px;
}
.he_c04p3ic {
width: 76px;
position: relative;
}
.he_c04p3jc {
margin-top: 22px;
}
.he_c04p3jc p {
font-size: 20px;
line-height: 1.5;
color: #474747;
font-weight: bold;
}
.he_c04p3li {
width: 100%;
margin-bottom: 35px;
}
.he_c04p4 {
width: 100%;
position: relative;
padding: 110px 0 130px;
overflow: hidden;
}
.he_c04p4n {
width: 100%;
position: relative;
}
.he_c04p4gc {
width: 100%;
padding-right: 40px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.he_c04p4gri {
width: 385px;
padding-top: 70px;
}
.he_c04p4gri .slick-list {
overflow: inherit;
/* background: linear-gradient(180deg, #3CB44A 0%, #99D8A1 100%); */
}
.he_c04p4gle {
width: calc(100% - 385px);
padding-right: 32%;
}
.he_c04p4nlk p {
font-size: 16px;
line-height: 1.75;
color: #474747;
margin-bottom: 20px;
}
.he_c04p4nti {
margin-bottom: 45px;
}
.he_c04p4nlk {
padding-right: 15px;
}
.he_c04p4cz {
width: 100%;
position: relative;
}
.he_c04p4km {
width: 100%;
position: relative;
}
.he_c04p4cz .he_xdxozh,
.he_c04p4cz .he_xdxoho {
height: 475px;
}
.he_c04p4ny {
width: 100%;
position: relative;
padding-top: 80px;
padding-bottom: 20px;
}
.he_c04p4svg {
margin: 0 auto;
width: 246px;
position: relative;
height: 246px;
}
.he_c04p4svg svg {
width: 100%;
height: 100%;
}
.he_c04p4sgz {
width: 57%;
height: 57%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 50%;
}
.he_c04p4sgz p {
font-size: 32px;
line-height: 140px;
text-align: center;
padding: 0 10px;
height: 140px;
font-weight: bold;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.he_c04p4jg p {
font-size: 20px;
line-height: 1.6;
text-align: center;
max-height: 64px;
overflow: hidden;
}
.he_c04p4jg {
padding: 0 15px;
margin-top: 36px
}
.he_c04p4lb {
display: none;
}
.he_c04p4lb:first-child {
display: block;
}
.he_c04p4km .slick-dots li {
width: 11px;
height: 11px;
border-radius: 50%;
background: transparent;
border: 2px solid rgb(214, 214, 214);
}
.he_c04p4km .slick-dots li.slick-active {
border: 2px solid #ef4210;
background: transparent;
}
.he_c04p4km .slick-dots {
bottom: -52px;
}
.he_c04p5 {
width: 100%;
position: relative;
overflow: hidden;
}
.he_dx2b {
width: 100%;
position: relative;
padding-top: 110px;
}
.he_c04p5 {
width: 100%;
/* height: calc(100vh + 150px); */
/* max-height: 1080px; */
min-height: 1050px;
}
.he_dx2big img {
width: 100%;
height: 100%;
object-fit: cover;
}
.he_dx2bvid {
width: 1530px;
border-radius: 12px;
overflow: hidden;
margin: 0 auto;
min-height: 860px;
border: 1px solid rgba(255, 255, 255, 0.3);
position: relative;
}
.he_dx2bvid video {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
object-fit: cover;
}
.he_c04p5ti {
text-align: center;
max-width: 1530px;
margin: 0 auto;
margin-bottom: 46px;
}
.he_c04p5ti h2 {
color: #fff;
}
.he_c04p5ny {
width: 100%;
position: relative;
padding: 10px 80px;
padding-right: 35px;
padding-left: 170px;
}
.he_c04p5nk {
width: 100%;
position: relative;
}
.he_c04p5nle {
width: 500px;
}
.he_c04p5nri {
width: calc(100% - 500px);
padding: 0 92px;
}
.he_c04p5nhc {
width: 100%;
}
.he_c04p5nnd {
width: 100%;
}
.he_c04p5nnd img {
width: 100%;
}
.he_c04p5nxq {
width: 100%;
position: relative;
}
.he_c04p5nsd {
width: 100%;
position: relative;
display: none;
}
.he_c04p5nsd:first-child {
display: block;
}
.he_c04p5nnd {
display: none;
}
.he_c04p5nnd:first-child {
display: block;
}
.he_c04p5nmr {
width: 100%;
padding: 39px 43px;
background: rgba(255, 255, 255, 0.16);
backdrop-filter: blur(50px);
border-radius: 20px;
}
.he_c04p5ngh {
width: 100%;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 20px 0;
}
.he_c04p5ngh:first-child {
padding-top: 0;
}
.he_c04p5ngh p {
font-size: 16px;
color: #fff;
line-height: 1.5;
padding-right: 10px;
}
.he_c04p5ngri {
width: 184px;
}
.he_c04p5ngle {
width: calc(100% - 184px);
}
.he_c04p5ndom {
width: 100%;
position: relative;
padding-top: 32px;
}
.he_c04p5drle p {
font-size: 14px;
line-height: 46px;
height: 46px;
overflow: hidden;
color: #fff;
font-family: "MontserratLight";
}
.he_c04p5drpi {
width: 27px;
line-height: 46px;
}
.he_c04p5drle {
width: calc(100% - 27px);
padding-right: 10px;
}
.he_c04p5dnli {
width: 33.333333%;
padding: 0 6px;
margin-bottom: 12px;
}
.he_c04p5dnul {
margin: 0 -6px;
}
.he_c04p5dnli a {
width: 100%;
border: 1px solid rgba(51, 51, 51, 1);
border-radius: 50px;
padding: 0 26px 0 30px;
display: flex;
justify-content: center;
}
.he_c04p5dnjk {
display: inline-block;
}
.he_c04p5nz {
width: 100%;
position: relative;
display: flex;
align-items: center;
}
.he_dx2bvid {
display: flex;
align-items: center;
}
.he_c04p5nhc .slick-dots li {
width: 11px;
height: 11px;
border-radius: 50%;
background: transparent;
border: 2px solid rgb(214, 214, 214);
}
.he_c04p5nhc .slick-dots li.slick-active {
border: 2px solid #ef4210;
background: transparent;
}
.he_c04p5nhc .slick-dots {
bottom: -70px;
}
.he_c04p5nxq .slick-prev,
.he_c04p5nxq .slick-next {
width: 24px;
height: 24px;
z-index: 10;
top: 38%;
}
.he_c04p5nxq .slick-arrow::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-size: 100% 100%;
}
.he_c04p5nxq .slick-prev {
background-image: url(../images/c40le.svg);
left: -46px;
}
.he_c04p5nxq .slick-next {
background-image: url(../images/c40ri.svg);
right: -46px;
}
.he_c04p2nv {
width: 750px;
margin: 0 auto;
margin-top: 55px;
position: relative;
}
.he_c04p2nv::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: conic-gradient(from 180deg at 50% 50%, #7C87EF 0deg, #F78181 88.17deg, #27F0E4 273.51deg, #1472FE 360deg);
filter: blur(50px);
}
.he_c04p2nv iframe {
max-width: 100%;
min-width: 100px;
min-height: 100px;
position: relative;
z-index: 10;
border-radius: 20px;
}
.he_c04p2ntu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.he_c04p2ig img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.he_c04p2ipy {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
cursor: pointer;
}
.he_c04p2ipy img {
width: 100%;
}
.he_c04p2ig {
width: 100%;
height: 100%;
}
.he_c04c3 {
width: 100%;
position: relative;
padding: 100px 0;
background: #F6F6F6;
margin-top: 1px;
}
.he_c04c3n {
width: 100%;
position: relative;
}
.he_c04c3kl {
width: 100%;
text-align: center;
padding: 0 150px;
}
.he_c04p3ktj {
text-align: left;
}
.he_c04c3up {
width: 100%;
position: relative;
}
.he_c04c3up::after {
content: '';
position: absolute;
bottom: -54px;
left: 50%;
transform: translateX(-50%);
width: 88.5%;
border-bottom: 1px dashed #e70416;
}
.he_c04c3li {
width: 33.333333%;
}
.he_c04c3ul {
width: 100%;
/* padding: 0 110px; */
margin-top: 45px;
display: flex;
flex-wrap: wrap;
}
.he_c04c3li p {
font-size: 20px;
line-height: 1.5;
color: #333333;
font-weight: bold;
cursor: pointer;
}
.he_c04c3li2 {
text-align: center;
}
.he_c04c3li3 {
text-align: right;
}
.he_c04c3li p {
position: relative;
display: inline-block;
}
.he_c04c3li p::after {
content: '';
position: absolute;
bottom: -36px;
left: 50%;
transform: translateX(-50%);
width: 24px;
height: 24px;
background-image: url(../images/c4dotf.png);
background-size: 100% 100%;
}
.he_c04c3uhc {
width: 400px;
margin: 0 auto;
padding-top: 90px;
}
.he_c04c3uhg {
width: 100%;
}
.he_c04c3uc {
width: 100%;
display: none;
}
.he_c04c3uc:first-child {
display: block;
}
.he_c04c3uc img {
width: 100%;
}
.he_c02ym .he_bantnv {
text-align: left;
width: 50%;
}
.he_c02ymti p {
font-size: 24px;
line-height: 1.25;
color: #FFFFFF;
font-family: "MontserratLight";
}
.he_c04c3gcb img {
width: 100%;
}
.he_c02ymti {
margin-top: 20px;
}
.he_c02ym .he_c04lekc {
margin-top: 15px;
}
.he_c04p1 {
width: 100%;
position: relative;
padding: 100px 0;
}
.he_c04p1n {
width: 100%;
position: relative;
display: flex;
align-items: center;
}
.he_c04p1nri {
width: 660px;
}
.he_c04p1nle {
width: calc(100% - 660px);
padding-right: 140px;
}
.he_c04p1nri img {
width: 100%;
}
.he_c04p1tp p {
font-size: 16px;
line-height: 1.75;
color: #666666;
}
.he_c04p1tp {
margin-top: 39px;
}
.he_c02p2 {
width: 100%;
position: relative;
background: #F6F6F6;
padding: 110px 0 140px;
}
.he_c02p2ti {
text-align: center;
margin-bottom: 60px;
}
.he_c02pli {
width: 25%;
height: 100%;
}
.he_c02plkt {
width: 100%;
position: relative;
border-radius: 20px;
padding: 47px 56px;
height: 100%;
transition: all 0.36s;
}
.he_c02p1ig {
width: 90px;
position: relative;
}
.he_c02plkui p {
font-size: 18px;
line-height: 1.75;
color: #000000;
height: 93px;
overflow: hidden;
}
.he_c02plkui {
margin-top: 34px;
}
.he_c02pulk {
display: flex;
align-items: stretch;
}
.he_c02pulk .slick-track {
display: flex;
align-items: stretch;
}
.he_c02ym .slick-dots li {
width: 11px;
height: 11px;
border-radius: 50%;
background: transparent;
border: 2px solid rgb(214, 214, 214);
}
.he_c02ym .slick-dots li.slick-active {
border: 2px solid #ef4210;
background: transparent;
}
.he_c02pulk .slick-dots {
bottom: -60px;
}
.he_c02p3 {
width: 100%;
position: relative;
padding: 100px 0 140px;
}
.he_c02p3n {
width: 100%;
position: relative;
}
.he_c02p3ti {
text-align: center;
}
.he_c02p3ti h2 {
color: #fff;
}
.he_c02p3jk {
width: 100%;
position: relative;
padding-top: 70px;
}
.he_c02p3li {
width: 33.333333%;
padding: 0 25px;
}
.he_c02p3ul {
padding: 0 25px;
}
.he_c02p3lh {
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.2);
border: 1.5px solid #333333;
box-sizing: border-box;
backdrop-filter: blur(35px);
border-radius: 30px;
padding: 45px;
display: flex;
align-items: center;
}
.he_c02p3ri {
width: 100px;
position: relative;
}
.he_c02p3le p {
font-size: 20px;
line-height: 1.6;
color: #FFFFFF;
}
.he_c02p3le {
width: calc(100% - 100px);
padding-right: 20px;
}
.he_c02p3ul .slick-dots {
bottom: -65px;
}
.he_c02p4 {
width: 100%;
position: relative;
padding: 110px 0;
background: #F6F6F6;
}
.he_c02p4n {
width: 100%;
position: relative;
}
.he_c02p4ti {
text-align: center;
}
.he_c02p4kv {
width: 100%;
position: relative;
margin-top: 60px;
display: flex;
align-items: center;
}
.he_c02p4ul {
width: 100%;
position: relative;
}
.he_c02p4li {
width: 100%;
align-items: center;
display: none;
}
.he_c02p4ul .he_c02p4li {
display: flex !important;
}
.he_syp1zic p {
font-size: 18px;
line-height: 60px;
text-align: center;
color: #ef4210;
font-weight: bold;
}
.he_c02p4klo {
width: 78px;
position: relative;
}
.he_c02p4klo .he_syp1eul {
position: relative;
z-index: 10;
}
.he_c02p4klo::after {
content: '';
position: absolute;
top: 50%;
right: 39px;
transform: translateY(-50%);
width: 1px;
height: calc(100% + 150px);
border-left: 1px dashed #e5e5e5;
}
.he_c02p4klu {
width: calc(100% - 78px);
padding-left: 52px;
}
.he_c02p4lkle {
width: calc(100% - 724px);
}
.he_c02p4lkri {
width: 724px;
}
.he_c02p4jc p {
font-size: 26px;
line-height: 1.5;
color: #333333;
font-weight: bold;
}
.he_c02p4jcv p {
font-size: 16px;
line-height: 1.75;
color: #666666;
max-height: 170px;
overflow: hidden;
}
.he_c02p4jcv {
margin-top: 28px;
}
.he_c02p5 {
width: 100%;
position: relative;
padding: 110px 0;
background: linear-gradient(287.4deg, #1B1A1C 8.28%, #282728 100.08%);
}
.he_c02p5n {
width: 100%;
position: relative;
}
.he_c02p5ti {
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.he_c02p5ti h2 {
color: #fff;
}
.he_c02p5kli {
width: 33.333333%;
}
.he_c02p5kc {
width: 100%;
position: relative;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.he_c02p5yti p {
color: #fff;
font-size: 18px;
line-height: 1.5;
text-align: center;
font-weight: bold;
}
.he_c02p5qh {
/* width: 100%; */
position: relative;
border: 1.5px solid rgba(255, 255, 255, 0.06);
border-radius: 30px;
padding: 4px;
margin-top: 12px;
display: flex;
}
.he_c02p5qgli {
/* width: 33.333333%; */
text-align: center;
min-width: 147px;
}
.he_c02p5qgli p {
font-size: 14px;
line-height: 45px;
color: #FFFFFF;
padding: 0 8px;
height: 45px;
overflow: hidden;
cursor: pointer;
/* transition: all 0.36s; */
border-radius: 60px;
}
.he_c02p5qgli.act p {
background: linear-gradient(253.48deg, #2F33A0 25.3%, #5B1D82 90.35%);
color: #fff;
}
.he_c02p5tup {
width: 100%;
position: relative;
padding: 54px 83px 15px;
}
.he_c02p5txc {
width: 100%;
}
.he_c02p5txc img {
width: 100%;
}
.he_c02p5txc {
display: none;
}
.he_c02p5txc:first-child {
display: block;
}
.he_c02p5.on {
background: #fff;
}
.he_c02p5.on .he_c02p5ti h2 {
color: #333333;
}
.he_c02p5.on .he_c02p5yti p {
color: #666666;
}
.he_c02p5.on .he_c02p5qgli p {
color: #999;
}
.he_c02p5.on .he_c02p5qgli.act p {
background: linear-gradient(90deg, #FF7759 -0.12%, #ef4210 99.99%);
color: #fff;
}
.he_c02p5.on .he_c02p5qh {
border-color: #EEEEEE;
}
.he_c02p6 {
width: 100%;
position: relative;
padding: 110px 0px;
background: #F6F6F6;
overflow: hidden;
}
.he_c02p6n {
width: 100%;
position: relative;
}
.he_c02p6ti {
text-align: center;
}
.he_c02p6lp {
width: 100%;
position: relative;
background: #fff;
background: #FFFFFF;
box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.06);
border-radius: 30px;
padding: 40px 72px;
display: flex;
align-items: center;
}
.he_c02p6kl {
position: relative;
/* padding: 0 166px; */
margin-top: 50px;
}
.he_c02p6kl .he_c02p6ul {
width: 1056px;
margin: 0 auto;
}
.he_c02p6kl::after {
content: '';
position: absolute;
top: 0;
left: 0;
background: linear-gradient(97.22deg, #F6F6F6 10.48%, rgba(255, 255, 255, 0) 94.21%);
height: 100%;
width: 320px;
z-index: 10;
pointer-events: none;
}
.he_c02p6kl::before {
content: '';
position: absolute;
top: 0;
right: 0;
background: linear-gradient(97.22deg, #F6F6F6 10.48%, rgba(255, 255, 255, 0) 94.21%);
transform: matrix(-1, 0, 0, 1, 0, 0);
height: 100%;
width: 320px;
z-index: 10;
pointer-events: none;
}
.he_c02p8ulv::after {
content: '';
position: absolute;
top: 0;
left: 0;
background: linear-gradient(97.22deg, #fff 10.48%, rgba(255, 255, 255, 0) 94.21%);
height: 100%;
width: 320px;
z-index: 10;
pointer-events: none;
}
.he_c02p8ulv::before {
content: '';
position: absolute;
top: 0;
right: 0;
background: linear-gradient(97.22deg, #fff 10.48%, rgba(255, 255, 255, 0) 94.21%);
transform: matrix(-1, 0, 0, 1, 0, 0);
height: 100%;
width: 320px;
z-index: 10;
pointer-events: none;
}
.he_c02p6kri {
width: 320px;
}
.he_c02p6kri img {
width: 100%;
}
.he_c02p6kle {
width: calc(100% - 320px);
padding-right: 43px;
}
.he_c02p6klti p {
font-size: 30px;
line-height: 1.5;
color: #333333;
font-weight: bold;
height: 45px;
overflow: hidden;
}
.he_c02p6xf {
width: 100%;
position: relative;
}
.he_c02p6klti {
margin-bottom: 26px;
}
.he_c02p6yul {
/* margin: 0 -42px; */
padding-right: 50px;
}
.he_c02p6yli {
width: 50%;
/* padding: 0 42px; */
margin-bottom: 10px;
}
.he_c02p6yd {
width: 100%;
position: relative;
padding-bottom: 8px;
}
.he_c02p6yd::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 34px;
height: 1px;
background: #ef4210;
}
.he_c02p6yd p {
font-size: 16px;
line-height: 1.55;
color: #666666;
font-weight: bold;
height: 27px;
overflow: hidden;
padding-right: 10px;
}
.he_c02p6xki p {
font-size: 14px;
line-height: 1.85;
color: #666666;
font-family: "MontserratLight";
max-height: 100px;
overflow: hidden;
}
.he_c02p6xki {
margin-top: 12px;
}
.he_c02p6xmo p {
display: inline-block;
font-size: 18px;
line-height: 1.5;
font-weight: bold;
background-image: -webkit-linear-gradient(0deg, #fc6f5b, #e60021);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.he_c02p6xmo {
margin-top: 40px;
}
.he_c02p6ul .slick-list {
overflow: inherit;
}
.he_c02p6li {
margin: 0 40px;
}
.he_c02p6ul .slick-dots {
bottom: -74px;
}
.he_c02p6mo .he_syp2mob {
width: 270px;
}
.he_c02p6mo .he_syp2mob a {
line-height: 46px;
height: 46px;
overflow: hidden;
}
.he_c02p6mo {
margin-top: 130px;
}
.he_c02p7 {
width: 100%;
position: relative;
}
.he_c02p7 {
width: 100%;
position: relative;
padding: 100px 0;
padding-bottom: 150px;
}
.he_c02p3kn p {
font-size: 16px;
line-height: 2;
color: #ef4210;
}
.he_c02p3kn {
margin-top: 15px;
}
.he_c02p8 {
width: 100%;
position: relative;
padding: 0 0 90px;
overflow: hidden;
}
.he_c02p8ti {
text-align: center;
}
.he_c02p8ul {
width: 100%;
position: relative;
padding-top: 50px;
}
.he_c02p8li {
width: 25%;
padding: 0 25px 40px;
}
.he_c02p8ulv {
margin: 0 -25px;
}
.he_c02p8pl {
width: 100%;
position: relative;
border-radius: 20px;
box-shadow: 0px 6px 40.59px 0.41px rgba(0, 0, 0, 0.06);
background: #fff;
}
.he_c02p8ig {
width: 100%;
position: relative;
}
.he_c02p8ig img {
border-radius: 20px 20px 0 0;
}
.he_c02p8kb {
width: 100%;
position: relative;
padding: 30px 40px 0;
}
.he_c02p8kt p {
font-size: 22px;
line-height: 1.5;
color: #303030;
font-weight: bold;
height: 66px;
overflow: hidden;
}
.he_c02p8kt {
padding-bottom: 40px;
border-bottom: 2px solid #f1f1f1;
}
.he_c02p8fri p {
font-size: 18px;
line-height: 1.5;
color: #999999;
font-weight: bold;
height: 30px;
overflow: hidden;
}
.he_c02p8fle p {
font-size: 20px;
line-height: 1.5;
color: #999999;
height: 30px;
overflow: hidden;
}
.he_c02p8fg {
width: 100%;
padding: 20px 0;
}
.s_b1_3c1mainrwzbox .slick-dots li.slick-active {
border-color: #ef4210;
}
.he_b1p3ti {
text-align: center;
margin-bottom: 50px;
}
.he_b1p4js {
width: 100%;
position: relative;
padding: 70px 0 240px;
}
.he_b1p4jsxt p {
font-size: 30px;
line-height: 1.5;
color: #fff;
font-weight: bold;
}
.he_b1p4jsxt p span {
color: #ef4210;
}
.he_b1p4jsxt {
text-align: center;
margin-bottom: 30px;
}
.he_b1p4jsdt {
text-align: center;
}
.he_b1p4jsdt h2 {
color: #fff;
}
.s_b1_3c3box {
padding-bottom: 70px;
}
.s_b1_3cont4 {
background: #F9F9F9;
}
.he_b1p4bx {
width: 100%;
position: relative;
margin-top: 64px;
padding: 0 70px;
padding-bottom: 70px;
}
.he_b1p4bxti {
text-align: center;
margin-bottom: 20px;
}
.he_b1p4bjgk p {
font-size: 18px;
line-height: 1.75;
color: #666666;
text-align: center;
}
.s_b1_3c4nrbox {
width: 100%;
}
.s_b1_3c4nrrtpbox .s_b1_3c1playan {
background: rgba(255, 255, 255, 0.3);
border: 4px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
}
.s_b1_3cont4 .s_b1_3c4nrltw {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(20px);
}
.s_b1_3cont4 .s_b1_3c4nrltwz {
color: #fff;
}
.s_b1_3cont4 .s_b1_3c4nrltwigbox {
background: rgba(255, 255, 255, 0.3);
border: 2px solid #ef4210;
backdrop-filter: blur(10px);
}
.s_b1_3c4nrbox .slick-dots li {
width: 11px;
height: 11px;
background-color: transparent;
border: 2px solid rgb(214, 214, 214);
}
.s_b1_3c4nrbox .slick-dots li.slick-active {
border-color: #ef4210;
border: 2px solid #ef4210;
background: transparent;
}
.he_b1tuli {
width: 100%;
}
.he_b1tulb {
width: 100%;
}
.he_b1tuli img {
width: 100%;
}
.he_dxlym {
background: #FAFAFA;
}
.he_f2ym .he_f2ulwh {
padding-bottom: 0;
}
.he_f2hlle {
padding-right: 10px;
}
.he_j2ym .s_select_show2 {
color: #999;
}
.he_j2ym .s_select_show2::-webkit-input-placeholder {
color: #999;
}
.he_j2ym .s_select_show2:-moz-placeholder {
color: #999;
}
.he_j2ym .s_select_show2::-moz-placeholder {
color: #999;
}
.he_j2ym .s_select_show2:-ms-input-placeholder {
color: #999;
}
.he_j2ym .s_b2_2c1search input {
color: #999;
}
.he_j2ym .s_b2_2c1search input::-webkit-input-placeholder {
color: #999;
}
.he_j2ym .s_b2_2c1search input:-moz-placeholder {
color: #999;
}
.he_j2ym .s_b2_2c1search input::-moz-placeholder {
color: #999;
}
.he_j2ym .s_b2_2c1search input:-ms-input-placeholder {
color: #999;
}
.s_g2cont2 {
padding-bottom: 110px;
}
.he_c02p3le p {
height: 64px;
overflow: hidden;
}
.he_c02p3kn p {
height: inherit;
}
.he_c02p4lkri img {
width: 100%;
}
.he_c04p3ic img {
width: 100%;
}
.he_c04p2nv iframe {
height: 45vh;
width: 100%;
}
.he_dxlym .he_main {
max-width: 1920px;
}
.he_f2ym .he_nybx {
overflow: hidden;
}
.he_c04c3gli {
width: 33.333333%;
position: relative;
padding: 0 15px;
}
.he_c04c3gcb {
width: 86px;
margin: 0 auto;
}
.he_c04c3gpm p {
font-size: 16px;
line-height: 1.2;
color: #000000;
}
.he_c04c3gpm {
margin-top: 15px;
text-align: center;
}
.he_c04p3nle {
position: relative;
}
.he_c04p3nle img {
position: static;
transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
margin: -100% 0;
}
.he_c04p3nle .he_img1 {
position: relative !important;
z-index: 10;
}
.he_c04p3nle.act img {
margin: 0 0;
}
.he_langp.on .he_langpri img {
transform: rotate(180deg);
}
.he_syp1tcri {
width: calc(100% - 260px);
padding-left: 75px;
}
.he_syp1txgk {
width: 100%;
align-items: center;
flex-wrap: wrap;
}
.he_syp1ta .he_syp1txgk {
display: flex !important;
}
.he_syp1tuk {
width: 400px;
}
.he_syp1tcv {
width: calc(100% - 400px);
}
.he_syp1dli {
width: 100%;
}
.he_syp1dli img {
width: 100%;
}
.he_syp1ta {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-top: 30px;
}
.he_syp1txgk {
display: flex !important;
}
.he_syp1txgk:first-child {
display: flex !important;
}
.he_syp1rli {
min-height: inherit !important;
}
.he_cook {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #2A2A2D;
z-index: 9999;
/* display: none; */
}
.he_cookn {
width: 100%;
position: relative;
padding: 65px 0;
}
.he_cooknle,
.he_cooknri {
width: 50%;
}
.he_cooknle {
padding-right: 15px;
}
.he_cooknlti p {
font-size: 26px;
line-height: 1.5;
color: #FFFFFF;
}
.he_cooknlp p {
font-size: 14px;
line-height: 1.5;
color: #FFFFFF;
font-family: "MontserratLight";
}
.he_cooknlyt a {
font-size: 16px;
line-height: 1.5;
color: #ef4210;
text-decoration: underline;
}
.he_cooknlti {
margin-bottom: 20px;
}
.he_cooknlp {
margin-bottom: 24px;
}
.he_cookc {
width: 100%;
position: relative;
padding: 65px 0;
}
.he_cookmo {
width: 535px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.he_cooknb .he_syp2mob {
width: 215px;
}
.he_cooknb2 .he_syp2mob {
background: rgba(255, 255, 255, 0.1);
}
.he_ladjg {
width: 100%;
background-color: #2A2A2D;
display: none;
}
.he_prodata {
position: relative;
}
.he_prodata::after {
content: '';
position: absolute;
bottom: -38px;
left: 50%;
transform: translateX(-50%);
border-bottom: 5px solid #2A2A2D;
border-top: 5px solid transparent;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
opacity: 0;
transition: all 0.36s;
}
.he_prodata.on::after {
opacity: 1;
}
.he_index {
position: relative;
}
.he_pc_hd {
position: absolute;
}
.he_pc_hd.act {
position: fixed;
}
.he_langgz {
position: relative;
background-color: #F6F6F6;
display: none;
}
.he_langgzn {
width: 100%;
position: relative;
padding: 30px 0;
}
.he_langgli {
width: 33.333333%;
}
.he_lanjx {
width: 100%;
padding: 3px 0;
}
.he_lanjd p {
color: #666666;
font-size: 16px;
line-height: 1.5;
font-family: "MontserratLight";
}
.he_lanjd p a {
color: #999999;
transition: all 0.36s;
margin-left: 0px !important;
}
.he_nyym {
position: relative;
}
.he_d1p1njx.cannot {
border-color: #dcdbdb !important;
background: #dcdbdb !important;
}
.he_d1p1njx.cannot .he_d1p1cjx .he_img {
opacity: 0 !important;
}
.he_d1p1njx.cannot {
opacity: 0.8;
pointer-events: none;
}
.he_d1p1njx.cannot .he_d1p1cjx .he_img1 {
opacity: 1 !important;
}
.he_d1p1njx.cannot .he_d1p1cwx p {
color: #666666 !important;
}
.he_b2ye .s_select_show2::placeholder {
color: #999;
}
.he_b2ye .s_b2_2c1search input::placeholder {
color: #999;
}
.he_b2ye .s_select_show2 {
color: #999;
}
.he_b2ye .s_b2_2c1search input {
color: #999;
}
.he_pc_hd.act .yxnav_active1 .he_pcnava {
color: #f43839;
}
.he_c02p6xki p {
position: relative;
}
.he_c02p6xki p::after {
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 10.48%, rgba(255, 255, 255, 0) 94.21%);
}
.he_d1p1niol {
display: none;
}
.he_d1p1niol:first-child {
display: block;
}
.he_seart {
overflow: hidden;
padding-top: 180px;
}
.he_seart .w_1200 {
position: relative;
z-index: 10;
}
.he_c01p1li a {
width: 100%;
}
.he_ftybxle {
display: none;
}
/* .he_ftynav {
padding-left: 0 !important;
} */
/* .he_ftybxri {
width: 100% !important;
} */
/* .he_ftynli {
width: auto !important;
margin-right: 13%;
} */
.he_ftynli:last-child {
margin-right: 0 !important;
}
.he_ftynli .he_ftybtlk {
margin-right: 0px !important;
}
.he_lanjxti {
margin-bottom: 6px;
}
.he_c03p3 .he_c03p3tr {
margin-top: -83px;
z-index: 10;
}
.he_d3g2ye .he_banbx1 .he_banig {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100;
}
.he_d3g2ye .he_main {
background: #fff;
position: relative;
z-index: 10;
}
.he_d3g2ye .he_bante {
position: relative;
top: inherit;
left: inherit;
transform: inherit;
min-height: 100vh;
padding: 24% 0 10%;
}
.he_d3g2ye .he_bantnv {
opacity: 0;
transition: all 0.56s;
margin: 100px 0;
}
.he_d3g2ye .he_bantnv.act {
opacity: 1;
}
.he_banig img {
height: 100%;
object-fit: cover;
}
.he_d3g2ye .he_banbx1 .he_banig {
height: 100vh;
}
.he_c02pulk {
width: 100%;
display: block !important;
}
.he_c02p6li a {
width: 100%;
}
.he_ftbsli {
height: 19px;
margin-bottom: 15px;
}
/* .he_ftynli {
width: 25%;
padding-right: 15px;
} */
.he_ftybta a {
line-height: 1.75;
margin-bottom: 8px;
}
.he_b13bx p {
height: 7em;
overflow: hidden;
}
.he_c02p5yti {
width: 100%;
}
.he_xiala {
width: 100%;
padding: 65px 84px;
}
.he_gdown {
width: 100%;
/* position: fixed; */
background: #F6F6F6;
/* border-radius: 20px; */
border-radius: 0 0 20px 20px;
}
/* .he_pc_hd.act1 {
position: absolute !important;
} */
/* .he_pc_hd.act.act1{
position: fixed !important;
} */
.he_pc_hd.act1 {
padding: 0 !important;
top: 0px;
}
.he_pc_hd.act1 .he_pcbx {
border-radius: 0px;
}
.he_pc_hd.act1 .he_pcbxle {
width: 170px;
}
.he_pc_hd.act1 .he_phone {
margin-top: 16px;
}
.he_langrf {
width: 100%;
background-color: #F6F6F6;
transition: all 0.36s;
border-radius: 20px;
}
.he_langgz {
background-color: transparent;
}
.he_pc_hd.act1 .he_langrf {
border-radius: 0;
}
.he_xialari {
width: 258px;
background: #fff;
border-radius: 20px;
box-shadow: 4px 4px 40px 4px rgba(0, 0, 0, 0.06);
}
.he_xialaig {
width: 100%;
border-radius: 20px 20px 0 0;
overflow: hidden;
}
.he_xialaig img {
width: 100%;
}
.he_xialate {
width: 100%;
padding: 24px 28px;
}
.he_xialari a {
display: block;
width: 100%;
}
.he_xialatp1 p {
font-size: 22px;
line-height: 1.5;
color: #000000;
height: 1.5em;
overflow: hidden;
}
.he_xialatp2 p {
font-size: 16px;
line-height: 1.5;
color: #666666;
font-family: "MontserratLight";
height: 3em;
overflow: hidden;
}
.he_xialatp3 p {
font-size: 16px;
line-height: 1.5;
color: #ef4210;
}
.he_xialafx,
.he_xialafc {
width: 50%;
padding-right: 15px;
}
.he_xialach {
width: 100%;
position: relative;
}
.he_xialacle {
width: 46px;
}
.he_xialacle img {
width: 100%;
}
.he_xialacri {
width: calc(100% - 56px);
padding-left: 24px;
}
.he_xialacri p {
font-size: 22px;
line-height: 1.5;
color: #000000;
transition: all 0.36s;
}
.he_xialale {
width: calc(100% - 258px);
}
.he_xialach {
display: inline-block;
}
.he_xialacsn {
width: 100%;
position: relative;
padding-left: 76px;
}
.he_xialacok a {
font-size: 16px;
line-height: 1.5;
color: #666666;
font-family: "MontserratLight";
transition: all 0.36s;
position: relative;
}
.he_xialacok a::after {
content: '';
position: absolute;
bottom: 6px;
left: 0;
width: 0%;
height: 1px;
background: #ef4210;
transition: all 0.36s;
opacity: 0;
}
.he_xialacok {
margin-bottom: 13px;
}
.he_xialacsn {
padding-top: 20px;
}
.he_xialacok.yxnav_active3 a {
color: #ef4210;
/* text-decoration: underline; */
}
.he_xialacok.yxnav_active3 a::after {
opacity: 1;
width: 100%;
}
.he_xialafc .he_xialach {
margin-bottom: 38px;
}
.he_xialach a {
display: flex;
align-items: center;
}
.he_xialafc .he_xialach:last-child {
margin-bottom: 0;
}
/* .he_gdown2 {
width: 100%;
} */
.he_xialach.yxnav_active2 .he_xialacri p {
color: #ef4210;
}
.he_xialtwle {
width: 536px;
padding-right: 10px;
}
.he_xialtwri {
width: calc(100% - 536px);
position: relative;
}
.he_xialtwtile {
width: calc(100% - 16px);
padding-right: 20px;
}
.he_xialtwtiri {
width: 16px;
}
.he_xialtwtiri img {
width: 100%;
}
.he_xialtwtile p {
font-size: 22px;
line-height: 1.5;
color: #000000;
}
.he_xialtwti {
display: inline-block;
border-bottom: 1px solid #333;
}
.he_xialtwti a {
display: block;
width: 100%;
display: flex;
align-items: center;
}
.he_xialtwic {
width: 70px;
}
.he_xialtwic img {
width: 100%;
}
.he_xialtwte {
width: calc(100% - 70px);
padding-left: 26px;
}
.he_xialtwtp1 p {
font-size: 18px;
line-height: 1.5;
color: #333333;
transition: all 0.36s;
position: relative;
display: inline-block;
}
.he_xialtwtp1 p::after {
content: '';
position: absolute;
bottom: 4px;
left: 0;
width: 0%;
height: 1px;
background: #ef4210;
transition: all 0.36s;
opacity: 0;
}
.he_xialtwtp2 p {
font-size: 14px;
line-height: 1.5;
color: #999999;
font-family: "MontserratLight";
}
.he_xialtwtp2 {
margin-top: 5px;
}
.he_xialtwli {
display: flex;
align-items: center;
margin-bottom: 70px;
}
.he_xialtwli.yxnav_active3 .he_xialtwtp1 p {
color: #ef4210;
}
.he_xialtwli.yxnav_active3 .he_xialtwtp1 p::after {
opacity: 1;
width: 100%;
}
.he_xialtwli a {
display: block;
}
.he_xialtwul {
margin-top: 58px;
}
.he_gdown2 {
padding: 40px 0 30px;
}
.he_xialtrli {
width: 33.333333%;
padding: 10px;
margin-bottom: 10px;
}
.he_xialtrig {
width: 210px;
max-width: 100%;
}
.he_xialtrig img {
width: 100%;
}
.he_xialtrxf p {
font-size: 18px;
line-height: 1.5;
color: #000000;
transition: all 0.36s;
}
.he_xialtrxf {
margin-top: 10px;
}
.he_xialtrul {
display: flex;
flex-wrap: wrap;
margin-top: 15px;
}
.he_xialtrli.yxnav_active2 .he_xialtrxf p {
color: #ef4210;
}
.he_xialtw {
max-height: 73vh;
overflow: hidden;
}
.he_xialtw .mCSB_inside>.mCSB_container {
margin-right: 0px;
}
.he_xialtw .mCSB_scrollTools {
right: -7px;
}
.he_xialtw .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
/* .he_gdown3 {
width: 100%;
} */
.he_xlatr {
width: 100%;
}
.he_xialale {
width: calc(100% - 258px);
}
.he_xialali {
width: 25%;
}
.he_gdown3 .he_xiala {
padding-left: 0;
padding-right: 0;
}
/* .he_gdown2 {
display: none;
}
.he_gdown3 {
display: none;
} */
.he_pc_hd.act .he_gdown {
border-radius: 0;
}
.he_pcbx.border {
border-radius: 20px 20px 0 0;
}
.he_c02p5 {
background: #262626;
}
.he_c02p5txc video {
min-height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.he_c02p5txc {
position: relative;
overflow: hidden;
}
.he_syp1txgk.slick-current .he_syp1tu1 p {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.4s;
}
.he_syp1txgk.slick-current .he_syp1tu2 p {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.5s;
}
.he_syp1txgk.slick-current .he_syp1mokpc {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.6s;
}
.he_nyym .he_syp4bx {
padding-top: 20px;
}
.he_c02plkt .s_d3_2linrxh {
bottom: inherit;
top: -35px;
}
.he_c02plkt {
overflow: hidden;
}
.he_c02plkt .s_d3_2linrxh {
transition: all 0.36s;
opacity: 0;
background: transparent;
}
.he_c02p5kul {
display: flex;
justify-content: center
}
/* .he_c02p8ulv .slick-list {
display: flex;
justify-content: center;
} */
.he_syp3ntuig .he_syp3bj {
width: 100vw !important;
}
.he_syp3ntuig .he_syp3bjer {
width: 100vw !important;
}
.he_syp3bj {
background-size: 100% 100% !important;
}
.he_syp3ntuig {
width: 0px;
position: absolute;
top: 0;
left: 0;
height: 100%;
transition: all 3s;
overflow: hidden;
}
.he_syp3n.width .he_syp3ntuig {
width: 100%;
}
.he_syp3n {
min-height: inherit;
}
.he_syp3bx {
padding: 40px 0 50px;
}
.he_syp3n {
height: 740px;
}
.he_c04scrl {
cursor: pointer;
}
.he_c02p4jcv p {
font-size: 14px;
}
.he_cookc {
padding: 36px 0;
}
.he_syp2mob a {
line-height: 46px;
}
.he_b1g3ye .s_b1_3c1playigbox img {
transition: all 0.36s;
}
.he_b1g3ye .s_b1_3c1playigbox .he_img1 {
opacity: 0;
}
.s_b1_3c1nr .s_syqq_act {
pointer-events: none;
}
.he_b1g3ye .s_b1_3c1playan.atvc .he_img1 {
opacity: 1;
}
.he_c02p2,
.he_c02p4 {
border-bottom: 2px solid #fff;
}
.he_cooknlti {
margin-bottom: 15px;
}
.he_cooknlp {
margin-bottom: 15px;
}
.he_langgli {
width: auto;
padding: 0 10%;
}
.he_langgul {
display: flex;
justify-content: center;
}
.he_c04p5nsd.slick-current .he_c04p5ngri {
-webkit-animation: fadeInRight 1s ease both;
animation: fadeInRight 1s ease both;
animation-delay: 0.4s;
}
.he_c04p5ngh {
overflow: hidden;
}
.s_b1_2c1bot {
padding-top: 48px;
padding-bottom: 78px;
}
.s_b1_2cont2 {
padding-top: 70px;
}
.s_b1_2c2lb {
padding-bottom: 75px;
}
.s_b1_2c2lb .slick-dots {
bottom: 12%;
}
.s_b1_2c3wz {
padding-top: 90px;
padding-bottom: 90px;
}
.jian1 {
padding-top: 70px;
}
.s_b7cont2 {
padding-bottom: 50px;
}
.he_c05p1 {
padding-top: 65px;
padding-bottom: 80px;
}
.he_c05kmn {
margin-bottom: 58px;
}
.he_nyti {
margin-bottom: 40px;
}
.s_gcont1 {
padding-bottom: 67px;
}
.s_gcont2 {
padding-top: 70px;
padding-bottom: 130px;
}
.s_gc2 .s_d2c1tit {
margin-bottom: 36px;
}
.s_gcont3 {
padding-top: 185px;
padding-bottom: 96px;
}
.s_d2c1tit {
margin-bottom: 38px;
}
.s_gcont4 {
padding-bottom: 90px;
}
.he_nyym .he_syp4bx {
padding-top: 10px;
}
.he_gcont5 {
padding-bottom: 94px;
}
.he_j2p2kj a {
display: block;
}
.he_j2p1 {
padding-top: 78px;
}
.he_j2p2 {
padding-top: 55px;
padding-bottom: 76px;
}
.he_j2p2fy {
padding-top: 48px;
}
.s_g2cont2 {
padding-top: 60px;
}
.s_g2cont2 {
padding-bottom: 74px;
}
.s_b2_3contl {
padding-bottom: 70px;
}
.s_b2_3c2nr {
padding-top: 66px;
padding-bottom: 60px;
}
.s_b2_3c2tit {
margin-bottom: 25px;
}
.he_c04p1 {
padding: 70px 0;
}
.he_c02plkui p {
height: 3.5em;
}
.he_c02p2ti {
margin-bottom: 33px;
}
.he_c02p2 {
padding: 72px 0 120px;
}
.he_c02p5 {
padding: 65px 0;
}
.he_c02p5ti {
margin-bottom: 29px;
}
.he_c02p5tup {
padding: 30px 83px 0px;
}
.he_c02p6 {
padding: 70px 0px;
}
.he_c02p6kl {
margin-top: 35px;
}
.he_c02p6mo {
margin-top: 113px;
}
.he_c02p7 {
padding: 55px 0;
padding-bottom: 115px;
}
.he_c02p3jk {
padding-top: 30px;
}
.he_c03p3 {
padding: 70px 0 75px;
}
.he_c02ym .he_c02p8 {
padding-top: 43px;
}
.he_c02p8ul {
padding-top: 32px;
}
.he_c03p3ul {
padding-top: 38px;
}
.he_c02p8 {
padding: 0 0 52px;
}
.he_c02p3 {
padding: 60px 0 110px;
}
.he_c02p4 {
padding: 70px 0;
}
.he_c03bnle {
padding: 64px 0 0;
}
.he_c03bti {
padding-bottom: 50px;
}
.he_c03xli a {
display: block;
height: 100%;
}
.he_c03p2 {
padding-top: 70px;
padding-bottom: 15px;
}
.he_c03p2li {
margin-bottom: 47px;
}
.he_xgp2le {
padding-top: 70px;
}
.he_c04p2 {
padding: 71px 0;
}
.he_c04p2nv {
margin-top: 37px;
}
.he_c04p3 {
padding: 70px 0 76px;
}
.he_c04p3ktj {
margin-top: 22px;
}
.he_c04c3 {
padding: 70px 0;
}
.he_c04c3ul {
margin-top: 36px;
}
.he_c04p4 {
padding: 70px 0 130px;
}
.he_dx2b {
padding-top: 64px;
}
.s_d3_2cont1 {
padding-bottom: 88px;
}
.s_d3_2bt {
margin-bottom: 39px;
}
.s_d3_2c3nr2bot {
padding-top: 30px;
padding-bottom: 15px;
}
.s_d3_2c3nr {
padding-top: 64px;
}
.s_d3_2c4 {
padding-top: 60px;
}
.s_d3_2c5 {
padding-bottom: 84px;
}
.s_d3_2cont6 {
padding-bottom: 50px;
}
.he_d1yp2 {
padding-bottom: 75px;
}
.he_d2p1 {
padding: 66px 0 50px;
}
.s_d2cont1 {
padding-top: 60px;
}
.s_d2cont2 {
padding-top: 40px;
}
.s_d3content {
padding-bottom: 80px;
}
.he_f2ufy {
padding-top: 40px;
padding-bottom: 72px;
}
/* end */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
.he_c02p5yti p:hover {
color: #ef4210 !important;
border-color: #ef4210;
}
.he_xialach:hover .he_xialacri p {
color: #ef4210;
}
.he_c02plkt:hover .s_d3_2linrxh {
opacity: 1;
}
.he_c02plkt:hover .s_d3_2linrxh::before {
animation: kusan 2s infinite ease;
-webkit-animation: kusan 2s infinite ease;
}
.he_c02plkt:hover .s_d3_2linrxh::after {
animation: kusan2 1.5s infinite ease;
-webkit-animation: kusan2 1.5s infinite ease;
}
.he_xialtrli:hover .he_xialtrxf p {
color: #ef4210;
}
.he_xialtwli:hover .he_xialtwtp1 p {
color: #ef4210;
}
.he_xialtwli:hover .he_xialtwtp1 p::after {
opacity: 1;
width: 100%;
}
.he_xialafc .he_xialach:hover .he_xialacri p {
color: #ef4210;
}
.he_xialacok a:hover {
color: #ef4210;
}
.he_xialacok a:hover::after {
opacity: 1;
width: 100%;
}
.he_lanjd p a:hover {
color: #ef4210;
}
.he_c05ljk:hover .he_c05ltemo p {
color: #ef4210;
}
.he_xdxo:hover .he_xdxoho {
transform: rotateX(30deg) rotateY(30deg) translateY(-3px);
}
.he_xdxo:hover .he_xdxozh {
box-shadow: 0px 4px 4px rgba(244, 244, 244, 0.25);
transform: translateY(-3px);
}
.he_c02plkt:hover {
background: #FFFFFF;
}
.he_c03p3kx:hover .he_c03p3tnk p {
color: #ef4210;
}
.he_c03cli:hover {
background: #fff;
}
.he_c03cli:hover p {
color: #ef4210;
}
.he_c03xlm:hover {
background: #fff;
}
.he_c03xlm:hover .he_c03xlti p {
color: #ef4210;
}
.he_c03xlm:hover .he_c03ctw p {
color: #ef4210;
}
.he_c03xlm:hover .he_c03xlk {
border-color: transparent;
}
.he_c01p1b:hover .he_c01p1ti p {
color: #ef4210;
}
.he_c01p1b:hover .he_c01p1mo p {
color: #ef4210;
}
.s_gc5nr:hover .he_j2ding .he_img1 {
opacity: 0;
}
.s_gc5nr:hover .he_j2ding .he_img2 {
opacity: 1;
}
.s_b2_3sharebox:hover .s_b2_3sharenr2 {
opacity: 1;
}
.s_b2_3contlsxnr:hover a {
color: #ef4210;
}
.s_b2_3c2li:hover {
background-color: rgb(255, 255, 255);
box-shadow: 0px 6px 5.94px 0.06px rgba(0, 0, 0, 0.05);
border-top: 1px solid transparent;
}
.s_b2_3c2li:hover .s_b2_3libotl {
color: #ef4210;
}
.s_qhnr:hover a {
color: #ef4210;
}
.s_qhnr:hover.s_qhnr a::after {
opacity: 1;
}
.s_d3contlnr:hover {
background-color: rgb(255, 255, 255);
box-shadow: 0px 6px 3.96px 0.04px rgba(0, 0, 0, 0.03);
}
.s_b2_2c2:hover .s_b2_2c2wzbotnr h4 {
color: #ef4210;
}
.s_b2_2c2:hover .s_b2_2c2wztop p {
color: #ef4210;
}
.s_b2_2c2:hover .s_b2_2c2wztop span {
color: #ef4210;
}
.s_b2_2c2:hover .s_b2_2c2wzbotig2 {
opacity: 1;
}
.pc_fenye li:hover {
color: #fff;
background-color: #ef4210;
}
.s_b7new:hover .s_b7newtopl h4 {
color: #ef4210;
}
.s_b7new:hover .s_b7newbot::before {
width: 100%;
}
.s_b7new:hover .s_b2_2c2wzbotig2 {
opacity: 1;
}
.s_b7new:hover {
box-shadow: 0px 19px 28px 0px rgba(226, 208, 207, 0.24);
}
.s_b2c2xlbotnr:hover {
color: #ef4210;
}
.s_gc5nr:hover .s_gc5nrmorebox {
opacity: 1;
}
.s_d3_2c3linr:hover .s_d3_2linrxh {
width: 105px;
height: 105px;
bottom: -52px;
right: -48px;
}
.s_d3_2c3linr:hover .s_d3_2linrxh p {
margin-top: 17%;
padding-left: 22%;
}
.s_d3_2c3linr:hover {
box-shadow: 0px 7px 57px 1.71px rgba(165, 165, 165, 0.24);
}
.s_d3_2c7nr:hover .s_d3_2c7ig img {
transform: scale(1.05);
}
/* .s_b1_3c4:hover .s_b1_3c4mc {
right: -80%;
} */
.s_b2_3c2li:hover .s_b2c3ig img {
transform: scale(1.05);
}
.s_d3_2c5botnr:hover .s_d3_2c5xltopig2 {
opacity: 1;
}
.s_d3_2c5botnr:hover .s_d3_2c5xltopr {
color: #ef4210;
}
.s_d3_2c5botnr:hover .s_d3_2c5xltopl {
color: #ef4210;
}
.s_b7c1lbnr:hover .s_b7c1lbnryuan {
opacity: 0.2;
}
.s_d3_2c3linr:hover .s_d3_2linrxh::before {
animation: kusan 2s infinite ease;
-webkit-animation: kusan 2s infinite ease;
}
.s_d3_2c3linr:hover .s_d3_2linrxh::after {
animation: kusan2 1.5s infinite ease;
-webkit-animation: kusan2 1.5s infinite ease;
}
.s_d2c2xlnr:hover {
color: #ef4210;
}
.he_langla a:hover {
color: #f43839;
}
.he_pcnava:hover {
color: #f43839;
}
.he_ftbsli:hover .he_ftbslt .he_img {
opacity: 0;
}
.he_ftbsli:hover .he_ftbslt .he_img1 {
opacity: 1;
}
.he_syp2rli:hover .he_syp1tom {
color: #f43839;
}
.he_ftybta a:hover {
color: #f43839;
}
.he_syp2rli:hover::after {
width: 100%;
}
.he_syp2len:hover .he_synewig {
transform: scale(1.06);
}
.he_sytaslx p:hover {
color: #333333;
}
.he_funavli a:hover::after {
opacity: 1;
width: 100%;
}
.he_funavli a:hover {
color: #ef4210;
}
.he_gdowli a:hover {
color: #f43839 !important;
}
.he_syp3:hover .he_sytipu span:nth-child(1) {
animation: blink 1s steps(1, start) 0.33s 2;
}
.he_syp3:hover .he_sytipu span:nth-child(2) {
animation: blink 1s steps(1, start) 0.66s 2;
}
.he_syp3:hover .he_sytipu span:nth-child(3) {
animation: blink 1s steps(1, start) 0.33s 2;
}
.he_syp3:hover .he_sytipu span:nth-child(4) {
animation: blink 1s steps(1, start) 0.66s 2;
}
.he_syp3:hover .he_sytipu span:nth-child(5) {
animation: blink 1s steps(1, start) 0.33s 2;
}
.he_syp3:hover .he_sytipu span:nth-child(6) {
animation: blink 1s steps(1, start) 0.66s 2;
}
.he_syp3:hover .he_sytipu span:nth-child(7) {
animation: blink 1s steps(1, start) 0.33s 2;
}
.he_syp3:hover .he_sytipu span:nth-child(8) {
animation: blink 1s steps(1, start) 0.66s 2;
}
.he_syp3:hover .he_sytipu span:nth-child(9) {
animation: blink 1s steps(1, start) 0.33s 2;
}
.he_syp3:hover .he_sytipu span:nth-child(10) {
animation: blink 1s steps(1, start) 0.66s 2;
}
.he_syp3:hover .he_sytipu span:nth-child(11) {
animation: blink 1s steps(1, start) 0.33s 2;
}
.he_syp3:hover .he_sytipu span:nth-child(12) {
animation: blink 1s steps(1, start) 0.66s 2;
}
@keyframes blink {
33% {
color: #999999;
}
66% {
color: #ccc;
}
}
}
@media screen and (max-height:860px) {
.he_sytain {
height: 140px;
}
.he_sytain .mCSB_inside>.mCSB_container {
margin-right: 16px;
}
.he_sytain .mCSB_scrollTools {
right: -6px;
}
.he_sytasle {
padding-right: 15px;
}
.he_sytaslx {
width: calc(100% - 15px);
}
}
/*载入效果*/
.g_fadein1 {
-webkit-animation: fadeIn 1s ease both;
animation: fadeIn 1s ease both;
animation-delay: 0.3s;
}
.g_fadein2 {
-webkit-animation: fadeIn 1s ease both;
animation: fadeIn 1s ease both;
animation-delay: 0.7s;
}
.g_fadeup1 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.4s;
}
.g_fadeup2 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.5s;
}
.g_fadeup3 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.6s;
}
.g_fadeup4 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.7s;
}
.g_fadeup5 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.8s;
}
.g_fadeup6 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 0.9s;
}
.g_fadeup7 {
-webkit-animation: fadeInUp 1s ease both;
animation: fadeInUp 1s ease both;
animation-delay: 1s;
}
.g_fadedown1 {
-webkit-animation: fadeInDown 1s ease both;
animation: fadeInDown 1s ease both;
animation-delay: 0.4s;
}
.g_fadeleft1 {
-webkit-animation: fadeInLeft 1s ease both;
animation: fadeInLeft 1s ease both;
animation-delay: 0.4s;
}
.g_faderigth1 {
-webkit-animation: fadeInRight 1s ease both;
animation: fadeInRight 1s ease both;
animation-delay: 0.4s;
}
/* 中文 */
.he_k1ym .he_bantti1 h1 {
font-weight: bold;
}
.he_k1p1 {
width: 100%;
position: relative;
}
.he_con1200 {
width: 1200px;
margin: 0 auto;
}
.he_k1p1ul {
width: 100%;
position: relative;
}
.he_k1p1li {
width: 100%;
position: relative;
padding: 100px 0;
background: #F9F9F9;
}
.he_k1p1li:nth-child(2n) {
background: #fff;
}
.he_k1p1bx {
width: 100%;
position: relative;
}
.he_k1p1ti {
text-align: center;
margin-bottom: 50px;
}
.he_k1p1tif {
width: 100%;
}
.he_k1p1tif iframe {
width: 100%;
/* height: 54vh; */
border: medium none;
}
.he_k1p1tile {
width: calc(100% - 490px);
}
.he_k1p1tiri {
width: 490px;
}
.he_k2zhp {
width: 780px;
position: absolute;
bottom: 0;
left: 0;
display: flex;
align-items: stretch;
flex-wrap: wrap;
border-radius: 0px 60px 0px 0px;
overflow: hidden;
}
.he_k2zhjxv {
width: 100%;
position: relative;
padding: 39px 70px;
}
.he_k2zhjx {
width: 100%;
position: relative;
z-index: 1;
height: 100%;
}
.he_k2zhjx::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) -0.12%, rgba(0, 0, 0, 0.2) 99.99%);
backdrop-filter: blur(20px);
z-index: -1;
transition: all 0.36s;
}
.he_k2zhjx::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(195.73deg, rgba(255, 97, 63, 0.5) 7.82%, rgba(236, 2, 20, 0.5) 87.14%);
backdrop-filter: blur(20px);
z-index: -1;
transition: all 0.36s;
opacity: 0;
}
.he_k2zhpli {
width: 50%;
}
.he_k2zhjri {
width: 30px;
}
.he_k2zhjri img {
width: 100%;
}
.he_k2zhjle {
width: calc(100% - 30px);
}
.he_k2zhjic {
width: 46px;
}
.he_k2zhjic img {
width: 100%;
}
.he_k2zhjte {
margin-top: 22px;
}
.he_k2zhjte p {
color: #FFFFFF;
font-size: 24px;
line-height: 1.5;
}
.he_k2zhpli a {
display: block;
width: 100%;
height: 100%;
}
.he_k2zhjxv {
width: 100%;
display: flex;
align-items: center;
z-index: 1;
height: 100%;
}
.he_k2ym .he_banbx1 .he_bantti1 h1 {
font-weight: bold;
}
.he_k2ym .he_c03xioti p {
font-size: 24px;
text-align: center;
}
.he_k2ym .he_banbx1 .he_bante {
top: 50%;
}
.he_k2p1 {
width: 100%;
position: relative;
padding: 100px 0;
}
.he_k2p1n {
width: 100%;
position: relative;
}
.he_k2p1nri {
width: 360px;
}
.he_k2p1nle {
width: calc(100% - 360px);
padding-right: 125px;
}
.he_k2p1nle img {
width: 100%;
border-radius: 20px;
}
.he_k2p1nvc p {
font-size: 26px;
line-height: 1.5;
color: #333333;
font-weight: bold;
}
.he_k2p1nz p {
font-size: 16px;
line-height: 2;
color: #666666;
}
.he_k2p1nz {
margin-top: 20px;
}
.he_k2p1nut {
margin-bottom: 45px;
}
.he_k2p1nut:last-child {
margin-bottom: 0;
}
.he_k2p1nkc {
display: flex;
align-items: center;
}
.he_k2p1nti {
margin-bottom: 60px;
}
.he_k2p2 {
width: 100%;
position: relative;
background: linear-gradient(180deg, #323647 0%, #222631 100%);
/* padding: 100px 0; */
}
.he_k2p2n {
width: calc(100% + 270px);
}
.he_k2p2nri {
width: 775px;
}
.he_k2p2nri img {
width: 100%;
}
.he_k2p2nle {
width: calc(100% - 775px);
padding: 70px 0;
padding-right: 48px;
}
.he_k2p2ntkc p {
font-size: 20px;
line-height: 1.6;
color: #FFFFFF;
}
.he_k2p2ntkc {
margin-top: 14px;
}
.he_k2p2nti h2 {
color: #fff;
}
.he_k2p2ncd {
width: 100%;
position: relative;
margin-top: 35px;
}
.he_k2p2nkli {
width: 100%;
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 35px 49px;
padding-right: 0;
}
.he_k2p2nkli:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.he_k2p2nkli::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: linear-gradient(0deg, #FF7759 0.5%, #ef4210 100%);
opacity: 0;
transition: all 0.36s;
}
.he_k2p2nkfg {
width: 100%;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
.he_k2p2nkfg p {
font-size: 26px;
line-height: 1.5;
color: #FFFFFF;
font-weight: bold;
padding-right: 15px;
}
.he_k2p2nkhle {
width: 26px;
height: 26px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
position: relative;
}
.he_k2p2nkhkg {
width: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.he_k2p2nkhkg img {
width: 100%;
transition: all 0.36s;
transform: rotate(180deg);
}
.he_k2p2nkhri {
width: calc(100% - 26px);
}
.he_k2p2npd {
width: 100%;
margin-top: 15px;
display: none;
}
.he_k2p2npd p {
font-size: 16px;
line-height: 2;
color: #F8F8F8;
}
.he_k2p2nkli.on .he_k2p2nkhkg img {
transform: rotate(0deg);
}
.he_k2p2nkli.on::after {
opacity: 1;
}
.he_k2p3 {
width: 100%;
position: relative;
}
.he_k2p3lk {
width: 100%;
position: relative;
}
.he_k2p3li {
width: 100%;
background: #F9F9F9;
padding: 100px 0;
}
.he_k2p3lkri {
width: 430px;
}
.he_k2p3lkle {
width: calc(100% - 430px);
padding-right: 80px;
}
.he_k2p3lkle img {
width: 100%;
border-radius: 20px;
}
.he_k2p3lyyu p {
font-size: 26px;
line-height: 1.5;
color: #999999;
font-weight: bold;
transition: all 0.36s;
}
.he_k2p3lyuc {
width: 100%;
margin-top: 15px;
display: none;
}
.he_k2p3lyuc p {
font-size: 16px;
line-height: 2;
color: #666666;
}
.he_k2p3lkhc {
margin-top: 50px;
}
.he_k2p3lyli {
margin-bottom: 40px;
}
.he_k2p3lyyu {
cursor: pointer;
}
.he_k2p3lyli.on .he_k2p3lyyu p {
color: #333333;
}
.he_k2p3li.on {
background: #fff;
}
.he_k2p3li.on .he_k2p3lkle {
float: right;
padding-left: 80px;
padding-right: 0;
}
.he_k3ym .he_c03xioti p {
font-size: 24px;
text-align: center;
}
.he_k3ym .he_bantti1 h1 {
font-weight: bold;
}
.he_k3p1 {
width: 100%;
position: relative;
background: #fff;
padding: 110px 0;
}
.he_k3p1n {
width: 100%;
position: relative;
}
.he_k3p1nri {
width: 720px;
position: relative;
}
.he_k3p1nle {
width: calc(100% - 720px);
padding-right: 78px;
}
.he_k3p1n .he_c08p1npy {
width: 76px;
}
.he_k3p1nle .he_nyti {
margin-bottom: 39px;
text-align: left;
}
.he_k3p1nle .he_c08p1njk p {
font-size: 16px;
margin-bottom: 30px;
}
.he_k3p2 {
width: 100%;
padding: 100px 0;
background: #F9F9F9;
}
.he_k3p2n {
width: 100%;
position: relative;
}
.he_k3p2nti {
text-align: center;
}
.he_k3p2nqh {
width: 100%;
position: relative;
text-align: center;
margin-top: 45px;
}
.he_k3p2nqfle {
width: 26px;
position: relative;
line-height: 50px;
}
.he_k3p2nqfri {
width: calc(100% - 26px);
padding-left: 11px;
}
.he_k3p2nqfle img {
transition: all 0.36s;
}
.he_k3p2nqfle .he_img2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.he_k3p2nqfri p {
font-size: 14px;
line-height: 50px;
height: 50px;
overflow: hidden;
transition: all 0.36s;
}
.he_k3p2nqf {
width: 100%;
background: #FFFFFF;
border-radius: 30px;
padding: 0 28px;
cursor: pointer;
position: relative;
z-index: 1;
}
.he_k3p2nqf::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #FF7759 -0.12%, #ef4210 99.99%);
border-radius: 30px;
z-index: -1;
opacity: 0;
transition: all 0.36s;
}
.he_k3p2nqli.on .he_k3p2nqf::before {
opacity: 1;
}
.he_k3p2nqli.on .he_img1 {
opacity: 0;
}
.he_k3p2nqli.on .he_img2 {
opacity: 1;
}
.he_k3p2nqli.on .he_k3p2nqfri p {
color: #fff;
}
.he_k3p2nqli {
margin: 0 12px;
}
.he_k3p2nqul {
display: inline-block;
}
.he_k3p2jup {
width: 100%;
position: relative;
margin-top: 49px;
}
.he_k3p2jukli {
width: 33.333333%;
padding: 0 25px;
}
.he_k3p2jukul {
margin: 0 -25px;
display: none;
}
.he_k3p2jukul:first-child {
display: block;
}
.he_k3p2jug {
width: 100%;
border-bottom: 1px solid #E4E4E4;
padding-bottom: 35px;
}
.he_k3p2jik {
width: 100%;
position: relative;
}
.he_k3p2jik img {
border-radius: 15px;
}
.he_k3p2jop {
width: 100%;
position: relative;
padding-top: 22px;
}
.he_k3p2jopti p {
font-size: 18px;
line-height: 1.55;
color: #333333;
font-weight: bold;
height: 27px;
overflow: hidden;
}
.he_k3p2jouj p {
font-size: 14px;
line-height: 1.55;
color: #666666;
}
.he_k3p2jopti {
margin-bottom: 15px;
}
.he_k3p2jjn p {
font-size: 16px;
line-height: 1.5;
color: #999999;
font-weight: bold;
}
.he_k3p2jjn {
margin-top: 38px;
}
.he_k3p2mo .he_syp2mob {
width: 124px;
}
.he_k3p2mo .he_syp2mob a {
line-height: 46px;
height: 46px;
overflow: hidden;
}
.he_k3p2mo {
margin-top: 60px;
}
.he_k3p3 {
width: 100%;
position: relative;
padding: 100px 0;
}
.he_k3p3n {
width: 100%;
position: relative;
}
.he_k3p3nti {
text-align: center;
}
.he_k3p3li {
width: 50%;
padding: 0 13px;
}
.he_k3p3ul {
margin: 0 -13px;
}
.he_k3p3lop {
width: 100%;
}
.he_k3p3lop img {
width: 100%;
border-radius: 20px;
}
.he_k3p3ulb {
margin-top: 45px;
}
.he_k3p4 {
width: 100%;
position: relative;
padding: 100px 0;
background: #F9F9F9;
overflow: hidden;
}
.he_k3p4n {
width: 100%;
position: relative;
}
.he_k3p4ti {
text-align: center;
}
.he_k3p4tp p {
font-size: 16px;
line-height: 1.5;
color: #999999;
}
.he_k3p4tp {
text-align: center;
padding: 0 170px;
margin-top: 28px;
}
.he_k3p4swp {
width: 100%;
position: relative;
}
.he_k3p4swp {
margin-top: 55px;
}
.he_k3p4swp .swiper-slide.on {
width: auto !important;
height: 330px !important;
}
.he_k3p4swp .s_gc4botnr {
height: 100%;
}
.he_k3p4swp .s_gc4botnr {
margin-right: 10px;
}
.he_k3p5 {
width: 100%;
position: relative;
padding: 100px 0;
overflow: hidden;
}
.he_k3p5n {
width: 100%;
position: relative;
}
.he_k3p5ti {
text-align: center;
}
.he_k3p5ti h2 {
color: #fff;
}
.he_k3p5tp p {
font-size: 16px;
line-height: 2;
color: #9B9B9B;
text-align: center;
}
.he_k3p5tp {
margin-top: 23px;
}
.he_k3p5ulb {
width: 100%;
position: relative;
margin-top: 60px;
}
.he_k3p5li {
width: 16.666666%;
padding: 0 6px;
margin-bottom: 12px;
}
.he_k3p5ul {
margin: 0 -6px;
}
.he_k3p5op {
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.1);
border: 1px solid #383838;
box-sizing: border-box;
backdrop-filter: blur(20px);
border-radius: 30px;
padding: 40px 10px 38px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.he_k3p5osu {
text-align: center;
}
.he_k3p5osu p {
font-size: 40px;
line-height: 1.5;
color: #FFFFFF;
font-family: "MontserratRegular";
height: 60px;
overflow: hidden;
}
.he_k3p5dgle {
width: 46px;
position: relative;
}
.he_k3p5dgri {
width: calc(100% - 46px);
padding-left: 18px;
}
.he_k3p5dg {
display: flex;
align-items: center;
}
.he_k3p5dgri p {
font-size: 14px;
line-height: 2;
color: rgba(255, 255, 255, 0.5);
height: 28px;
overflow: hidden;
}
.he_k3p5osu {
width: 100%;
}
.he_k3p7 {
width: 100%;
position: relative;
padding: 100px 0;
}
.he_k3p7n {
width: 100%;
position: relative;
}
.he_k3p7fli p {
font-size: 16px;
line-height: 2;
color: #666666;
font-family: '微软雅黑';
}
.he_k3p7fli p a {
color: #666666;
}
.he_k3p7fli {
margin-bottom: 22px;
}
.he_k3p7ti {
margin-bottom: 45px;
}
.he_k3p7coig {
width: 100%;
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 10px;
padding: 11px;
}
.he_k3p7coig img {
width: 100%;
}
.he_k3p7cp {
text-align: center;
margin-top: 15px;
}
.he_k3p7cp p {
font-size: 14px;
line-height: 1.5;
color: #000000;
}
.he_k3p7co {
width: 108px;
}
.he_k3p6 {
width: 100%;
padding: 100px 0 130px;
}
.he_k3p6n {
width: 100%;
position: relative;
}
.he_k3p6kli {
width: 20%;
padding: 0 18px;
}
.he_k3p6kul {
margin: 0 -18px;
}
.he_k3p6ti {
text-align: center;
}
.he_k3p6yul {
width: 100%;
padding-top: 50px;
}
.he_k3p6ktp {
width: 100%;
position: relative;
}
.he_k3p6kig {
width: 100%;
position: relative;
}
.he_k3p6kig::after {
content: '';
position: absolute;
top: -1px;
right: -1px;
width: 0;
height: 0;
border-bottom: 34px solid #E9E9E9;
border-right: 34px solid transparent;
}
.he_k3p6kig::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 34px solid #fff;
border-left: 34px solid transparent;
}
.he_k3p6kig img {
width: 100%;
border-radius: 10px;
}
.he_k3p6kop {
width: 100%;
position: relative;
}
.he_k3p6kyop {
width: 54px;
position: absolute;
top: 6px;
left: -6px;
transition: all 0.36s;
}
.he_k3p6kyop img {
width: 100%;
}
.he_k3p6kdy {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px;
background: rgba(196, 196, 196, 0.2);
backdrop-filter: blur(50px);
}
.he_k3p6kdy {
opacity: 0;
transition: all 0.36s;
}
.he_k3p6kjb a {
border-radius: 50px;
background: linear-gradient(90deg, #FF7759 -0.12%, #ef4210 99.99%);
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.04);
width: 100%;
text-align: center;
padding: 0 20px;
display: flex;
align-items: center;
}
.he_k3p6kdyf {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.he_k3p6kjle p {
font-size: 16px;
line-height: 46px;
height: 46px;
color: #fff;
}
.he_k3p6kjri {
width: 24px;
line-height: 46px;
}
.he_k3p6kjri img {
width: 100%;
}
.he_k3p6kjle {
width: calc(100% - 24px);
padding-right: 12px;
}
.he_k3p6kjb:first-child {
margin-bottom: 28px;
}
.he_k3p6kjb:first-child a {
background: linear-gradient(90deg, #C0C0C0 -0.12%, #494A4B 99.99%);
}
.he_k3p6kul .slick-dots li {
width: 11px;
height: 11px;
border-radius: 50%;
background: transparent;
border: 2px solid rgb(214, 214, 214);
}
.he_k3p6kul .slick-dots li.slick-active {
border: 2px solid #ef4210;
background: transparent;
}
.he_k3p6kul .slick-dots {
bottom: -60px;
}
.he_k4ym .he_bantti1 h1 {
font-weight: bold;
}
.he_k4p1 {
width: 100%;
position: relative;
padding: 100px 0 130px;
}
.he_k4p1n {
width: 100%;
position: relative;
}
.he_k4p1hli {
width: 33.333333%;
padding: 0 25px;
}
.he_k4p1hxc {
margin: 0 -25px;
}
.he_k4p1hul {
margin-top: 50px;
}
.he_k4p1huc {
width: 100%;
position: relative;
border-bottom: 1px solid #E4E4E4;
}
.he_k4p1hig {
width: 100%;
}
.he_k4p1hig img {
width: 100%;
border-radius: 15px;
}
.he_k4p1nti {
text-align: center;
}
.he_k4p1hyb p {
font-size: 16px;
line-height: 1.5;
color: #333333;
font-weight: bold;
height: 24px;
overflow: hidden;
}
.he_k4p1hte {
padding: 22px 0;
}
.he_k4p1hyule,
.he_k4p1hyuri {
width: 50%;
}
.he_k4p1hyuri {
text-align: right;
}
.he_k4p1hyuv {
display: flex;
align-items: center;
}
.he_k4p1hyule p {
font-size: 14px;
line-height: 1.5;
color: #ef4210;
}
.he_k4p1hyuri p {
font-size: 14px;
line-height: 1.5;
color: #999999;
}
.he_k4p1hyuri p span {
font-size: 20px;
font-weight: bold;
}
.he_k4p1hyb {
margin-bottom: 50px;
}
.he_k4ym .slick-dots li {
width: 11px;
height: 11px;
border-radius: 50%;
background: transparent;
border: 2px solid rgb(214, 214, 214);
}
.he_k4ym .slick-dots li.slick-active {
border: 2px solid #ef4210;
background: transparent;
}
.he_k4p1hxc .slick-dots {
bottom: -60px;
}
.he_k4p2 {
width: 100%;
position: relative;
padding: 100px 0 130px;
}
.he_k4p2jli {
width: 33.333333%;
padding: 0 17px;
}
.he_k4p2jp {
margin: 0 -17px;
}
.he_k4p2ti {
text-align: center;
margin-bottom: 50px;
}
.he_k4p2ti h2 {
color: #fff;
}
.he_k4p2jyu {
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.2);
border: 1.5px solid #232932;
box-sizing: border-box;
backdrop-filter: blur(35px);
border-radius: 30px;
padding: 39px 54px;
}
.he_k4p2jiv {
width: 60px;
margin: 0 auto;
}
.he_k4p2jiv img {
width: 100%;
}
.he_k4p2jyou p {
font-size: 24px;
line-height: 1.5;
color: #FFFFFF;
text-align: center;
height: 36px;
overflow: hidden;
}
.he_k4p2jyou {
margin-top: 18px;
}
.he_k4p2jypj p {
font-size: 16px;
line-height: 2;
color: #9B9B9B;
height: 64px;
overflow: hidden;
text-align: center;
}
.he_k4p2jypj {
margin-top: 11px;
}
.he_k4p2jp .slick-dots {
bottom: -60px;
}
.he_k4p3 {
width: 100%;
position: relative;
padding: 100px 0;
}
.he_k4ym .he_k2p3lyyu p {
color: #333;
}
.he_k2p3lyli:last-child {
margin-bottom: 0;
}
.he_k1p1tif1 iframe {
width: 100%;
height: 560px;
}
.he_k1p1tif2 iframe {
width: 100%;
height: 430px;
}
.he_k3p4swp .s_gc4botnrig img {
object-fit: cover;
}
.he_k3p4swp .s_gc4botnrig {
height: 100%;
}
.he_k5p1 {
width: 100%;
position: relative;
padding: 100px 0;
margin-top: -243px;
}
.he_k5p1bt {
width: 100%;
position: relative;
}
.he_k5p1le {
width: 455px;
padding-right: 144px;
}
.he_k5p1ri {
width: calc(100% - 455px);
}
.he_k5p1tu {
width: 100%;
}
.he_k5p1o1 p {
font-size: 16px;
line-height: 1.5;
color: #FFFFFF;
}
.he_k5p1o2 p {
color: #fff;
font-weight: bold;
}
.he_k5p1o2 {
margin-top: 15px;
}
.he_k5p1bdr {
width: 100%;
padding-top: 120px;
}
.he_k5p1dtle {
width: 16px;
height: 16px;
border-radius: 50%;
background: #ef4210;
position: relative;
margin-top: 11px;
z-index: 10;
}
.he_k5p1dtle::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
}
.he_k5p1dtri p {
font-size: 24px;
line-height: 1.5;
color: #ef4210;
font-weight: bold;
}
.he_k5p1dtri {
width: calc(100% - 16px);
padding-left: 20px;
}
.he_k5p1dtrf p {
font-size: 12px;
line-height: 1.65;
color: #666666;
}
.he_k5p1dtrf {
width: 100%;
margin-top: 6px;
}
.he_k5p1dti {
padding-bottom: 42px;
position: relative;
}
.he_k5p1dti::before {
content: '';
position: absolute;
top: 18px;
left: 7px;
width: 1px;
height: 100%;
border-left: 1px dashed #cecece;
}
.he_k5p1dti:last-child::before {
display: none;
}
.he_k5p1dmo .he_phone {
margin-top: 0;
margin-left: 0;
}
.he_k5p1dmo .he_phonri p {
font-size: 16px;
line-height: 50px;
height: 50px;
}
.he_phonle {
width: 20px;
line-height: 50px;
}
.he_phonri {
width: calc(100% - 20px);
padding-left: 12px;
}
.he_k5p1ex {
width: 100%;
position: relative;
border: 1px solid #E9EAED;
box-sizing: border-box;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.04);
padding: 46px 80px;
background: #EEEFF3;
}
.he_k5p1ribn {
position: relative;
border-radius: 20px;
background: #FFFFFF;
overflow: hidden;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.04);
border: 1px solid #E9EAED;
}
.he_k5p1deri p {
font-size: 16px;
line-height: 50px;
padding: 0 15px;
background: linear-gradient(90deg, #FF7759 -0.12%, #ef4210 99.99%);
/* 招聘投影 */
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.04);
border-radius: 30px;
text-align: center;
width: 100%;
color: #fff;
cursor: pointer;
}
.he_k5p1deri {
width: 136px;
}
.he_k5p1dele {
width: calc(100% - 136px);
padding-right: 32px;
}
.he_k5p1din {
width: 100%;
}
.he_k5p1din .s_b2_2c1search {
width: 100%;
margin-right: 0;
}
.he_k5p1din .s_b2_2c1search input {
color: #999999;
font-size: 12px;
}
.he_k5p1din .s_b2_2c1search input::-webkit-input-placeholder {
color: #999999;
font-size: 12px;
}
.he_k5p1din .s_b2_2c1search input:-moz-placeholder {
color: #999999;
font-size: 12px;
}
.he_k5p1din .s_b2_2c1search input::-moz-placeholder {
color: #999999;
font-size: 12px;
}
.he_k5p1din .s_b2_2c1search input:-ms-input-placeholder {
color: #999999;
font-size: 12px;
}
.he_k5p1djg {
width: 100%;
padding: 46px 80px 100px;
background: #fff;
}
.he_k5p1dte p {
font-size: 16px;
line-height: 1.5;
color: #999999;
}
.he_k5p1dte p span {
color: #ef4210;
}
.he_k5p1dld {
width: 100%;
border-radius: 20px;
border: 1px solid rgba(221, 221, 221, 1);
}
.he_k5p1dldli {
border-bottom: 1px solid rgba(221, 221, 221, 1);
}
.he_k5p1dsle {
width: 192px;
border-right: 1px solid rgba(221, 221, 221, 1);
padding: 0 45px;
}
.he_k5p1dsri {
width: calc(100% - 192px);
padding: 0 45px;
}
.he_k5p1dsle p {
font-size: 16px;
line-height: 72px;
height: 72px;
overflow: hidden;
color: #666666;
}
.he_k5p1dsri p {
font-size: 16px;
line-height: 72px;
height: 72px;
overflow: hidden;
color: #666666;
}
.he_k5p1dldli:last-child {
border-bottom: none;
}
.he_k5p1dld {
margin-top: 38px;
}
.he_k5ym .he_banig {
height: 590px;
}
.he_k5ym .he_banig img {
height: 100%;
object-fit: cover;
}
.he_k5p2 {
width: 100%;
position: relative;
padding: 100px 0;
}
.he_k5p2bx {
width: 915px;
margin: 0 auto;
}
.he_k5p2ti h2 {
font-weight: bold;
color: #fff;
text-align: center;
}
.he_k5p2bxs {
width: 100%;
margin-top: 50px;
}
.he_k5p2bxle {
width: 215px;
padding-right: 15px;
}
.he_k5p2bxri {
width: calc(100% - 215px);
padding-left: 94px;
}
.he_k5p2dt p {
font-size: 20px;
line-height: 1.5;
color: #FFFFFF;
/* font-weight: bold; */
padding-left: 20px;
position: relative;
}
.he_k5p2dt p::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 3px;
height: 26px;
background: #FFFFFF;
transition: all 0.36s;
opacity: 0;
}
.he_k5p2dt.act p::after {
opacity: 1;
}
.he_k5p2dt {
margin-bottom: 32px;
cursor: pointer;
}
.he_k5p2byep p {
font-size: 24px;
line-height: 1.5;
color: #fff;
}
.he_k5p2blb {
width: 100%;
position: relative;
}
.he_k5p2btu {
width: 70px;
border: 4px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
}
.he_k5p2btu img {
border-radius: 50%;
width: 100%;
}
.he_k5p2byli .s_syqq_act circle {
animation: none;
}
.he_k5p2byli.slick-current .s_syqq_act circle {
animation: stroke4 4s linear !important;
}
@keyframes stroke4 {
100% {
stroke-dashoffset: -209px;
}
}
.he_k5p2blb {
margin-top: 60px;
}
.he_k5p2byli {
display: none;
}
.he_k5p2byli:first-child {
display: block;
}
.he_k5p3 {
width: 100%;
position: relative;
}
.he_k5p3ti h2 {
color: #333;
}
.he_k5p3 {
padding-top: 70px;
}
.s_b1_2c2wz3 h4 {
font-weight: bold;
}
.he_pcnli {
margin: 0 36px;
}
.he_ftybxle {
display: block;
}
.he_ftybxri {
width: calc(100% - 416px);
}
.he_k5ym .he_banbx1 .he_bante {
top: 49%;
}
.he_k5p2dt:last-child {
margin-bottom: 15px;
}
.he_gdown1 .he_xialale {
width: 100%;
}
.he_gdown1 .he_xialacri p {
font-size: 18px;
}
.he_gdown1 .he_xialali {
width: 16.666666%;
}
.he_xialtwle {
width: 365px;
}
.he_xialtwri {
width: calc(100% - 365px);
}
.he_laswkfle {
width: 45px;
}
.he_laswkfle img {
width: 100%;
}
.he_laswkfri {
width: calc(100% - 40px);
padding-left: 26px;
}
.he_laswkfri p {
font-size: 18px;
line-height: 1.5;
color: #333333;
transition: all 0.36s;
}
.he_laswkfli {
display: flex;
align-items: center;
}
.he_laswkfli {
/* background: #fff; */
padding: 16px 0 16px 52px;
position: relative;
cursor: pointer;
transition: all 0.36s;
}
.he_laswkfli::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: #ef4210;
opacity: 0;
transition: all 0.36x;
}
.he_laswkfli.act::before {
opacity: 1;
}
.he_laswkfli.act .he_laswkfri p {
color: #ef4210;
}
.he_laswkfli.act {
background: #FBFBFB;
}
.he_gdown2 .he_xialtwri {
padding-left: 170px;
}
.he_gdown2::before {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 68%;
height: 100%;
background: rgba(251, 251, 251, 1);
}
.he_xialwxul {
display: none;
width: 100%;
}
.he_xialwxul:first-child {
display: flex;
}
.he_gdown3 {
padding: 70px 0 40px;
}
.he_gdown3 .he_xialtwic {
width: 40px;
}
.he_gdown3 .he_xialtwte {
width: calc(100% - 40px);
padding-left: 26px;
}
.he_gdown3 .he_xialtwli a {
display: flex;
align-items: center;
}
.he_gdown3 .he_xialtwli {
margin-bottom: 46px;
}
.he_xialtwle {
width: 386px;
}
.he_xialtwri {
width: calc(100% - 386px);
}
.he_gdown3 .he_xialtrig {
width: 100%;
}
.he_gdown3 .he_xialtrxf {
margin-top: 20px;
}
.he_gdown3 .he_xialtrxf p {
font-size: 16px;
}
.he_gdown4 {
padding: 55px 0;
}
.he_xianedle {
width: 298px;
}
.he_xianedri {
width: calc(100% - 298px);
padding-left: 36px;
}
.he_xianedli a {
font-size: 14px;
line-height: 1.5;
color: #666666;
transition: all 0.36s;
position: relative;
width: 100%;
display: block;
padding-left: 22px;
height: 1.5em;
overflow: hidden;
}
.he_xianedli a::before {
content: '';
position: absolute;
top: 8px;
left: 0;
width: 6px;
height: 6px;
background: #C4C4C4;
border-radius: 50%;
transition: all 0.36s;
}
.he_xianedli {
margin-bottom: 19px;
}
.he_xianedli:last-child {
margin-bottom: 0;
}
.he_xianedle img {
width: 100%;
display: none;
}
.he_xianedle img:first-child {
display: block;
}
.he_xianedr {
width: 100%;
}
.he_gdown5 .he_xiala {
padding-left: 0;
padding-right: 0;
}
.he_gdown5 .he_xialale {
width: 100%;
}
.he_gdown5 .he_xialali {
width: 20%;
}
.he_gdown5 .he_xialacok a::after {
bottom: 0px;
}
@media screen and (min-width: 1200px) {
.he_xianedli a:hover {
color: #ef4210;
}
.he_xianedli a:hover::before {
background: #ef4210;
}
.he_laswkfli:hover {
background: #FBFBFB;
}
.he_laswkfli:hover::before {
opacity: 1;
}
.he_laswkfli:hover .he_laswkfri p {
color: #ef4210;
}
.he_k5p2dt:hover p::after {
opacity: 1;
}
.he_k3p6kop:hover .he_k3p6kyop {
opacity: 0;
}
.he_k3p6kop:hover .he_k3p6kdy {
opacity: 1;
}
.he_k2p3lyli:hover .he_k2p3lyyu p {
color: #333333;
}
.he_k2zhjx:hover::before {
opacity: 0;
}
.he_k2zhjx:hover::after {
opacity: 1;
}
}
/* 中文 */
/* 加入中文站的样式 */
.s_b1_1cibotnr p {
font-size: 14px;
margin-bottom: 19px;
}
.s_b1_1cibotnr p::after {
top: 11px;
}
.s_b2c1nrlp {
height: inherit !important;
}
.s_b2c1nrlp p {
font-size: 14px !important;
max-height: 7em;
}
.he_c03xlcp p {
max-height: inherit !important;
height: 5.1em !important;
}
.he_xgp1 {
min-height: inherit;
height: 83vh;
}
.he_xgp1 .s_cont1360,
.he_xgp2 .s_cont1360,
.he_xgp3 .s_cont1360 {
min-height: inherit;
min-height: 83vh;
}
.he_b1s1cv {
will-change: transform;
}
.he_b1s1cv.inited {
transition: all .3s linear;
}
.he_c04rig {
box-shadow: 0px 0px 30px rgb(0 0 0 / 15%);
}
.he_ftybx {
padding-left: 8%;
padding-right: 8%;
}
.he_c02p5kul .slick-arrow {
width: 24px;
height: 24px;
z-index: 10;
}
.he_c02p5kul .slick-arrow::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/pharzj.svg);
background-size: 100% 100%;
}
.he_c02p5kul .slick-prev {
left: -25px;
}
.he_c02p5kul .slick-next {
right: -25px;
}
.he_c02p5kul .slick-prev::after {
transform: rotateY(180deg);
}
.he_ftynli {
/* width: auto !important; */
max-width: 25%;
padding-right: 64px;
}
.he_ftybta a {
line-height: 1.5;
margin-bottom: 8px;
}
.he_ftybta {
margin-top: 13px;
}
.s_b1_3c3ig {
margin: 0 auto;
margin-bottom: 24px;
}
.s_b1_3c3tit h5 {
text-align: center;
}
.s_b1_3c3xian {
margin: 23px auto 28px;
}
.s_b1_2cont1 .s_b1_2c1lb::before {
background: linear-gradient(to left, #f9f9f9, rgba(249, 249, 249, 0));
}
.s_b1_2cont1 .s_b1_2c1lb::after {
background: linear-gradient(to right, #f9f9f9, rgba(249, 249, 249, 0));
}
.s_b1_1cont::before {
background: #ef4210;
}
.he_f1p1nbn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #444444;
/* filter: blur(20px); */
border-radius: 20px;
transition: all 0.36s linear;
opacity: 0;
}
.he_f1p1nbn::after {
transition: all 0.36s linear;
}
.he_f1p1nli.slick-current .he_f1p1nbn::after {
background: rgba(255, 255, 255, 1);
filter: inherit;
opacity: 0;
}
.he_f1p1nli.slick-current .he_f1p1nbn::before {
opacity: 1;
}
.he_sytatin p {
font-size: 34px;
line-height: 1.5;
}
.he_sytcti p {
font-size: 22px;
}
.he_c03xlcp {
margin-bottom: 0;
}
.he_c04p2nv iframe {
height: 420px;
}
/*.he_pcbx {*/
/* backdrop-filter: blur(40px);*/
/* -webkit-backdrop-filter: blur(40px);*/
/*}*/
.mc_search_xl {
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
}
.he_xdxozh {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.s_b1_3c4nrrtpbox .s_b1_3c1playan {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.s_b1_3cont4 .s_b1_3c4nrltw {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.he_c02p3lh {
backdrop-filter: blur(35px);
-webkit-backdrop-filter: blur(35px);
}
.he_c04p5nmr {
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
}
.he_b1s1l2 .he_c04ri {
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
}
.he_c04rij {
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.he_c04rig {
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.he_f2ulk .he_d2p1sh {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.he_f2ulk .he_d2p1xi {
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
}
.he_f2p1ip .s_b2c2xltop {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.he_f2p1ip .s_b2_2c1search {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.he_pcser .icon-search {
font-weight: bold;
color: #13212e;
}
.he_phone {
margin-top: 16px;
}
.he_xialacri p {
font-size: 20px;
}
.he_xialacok a {
font-size: 14px;
}
.he_xialatp1 p {
font-size: 20px;
}
.he_xialatp2 p {
font-size: 14px;
}
.he_xialtwtile p {
font-size: 20px;
}
.he_xialtwtp1 p {
font-size: 16px;
}
.he_xialtrxf p {
font-size: 16px;
}
.he_ftybxle {
display: none;
}
.he_ftybxri {
width: 100% !important;
}
.he_ftynav {
padding-left: 0 !important;
}
.he_d1yp2t1 {
width: 50% !important;
padding-right: 20px;
}
.he_d1yp2t2 {
width: 50% !important;
padding-right: 20px;
}
.s_d2c2m9wz {
width: 60px;
}
.s_d2c2m9tw {
width: calc(100% - 60px);
}
.he_ftdoc {
width: 100px;
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: none;
z-index: 10;
}
.he_ftdoc img {
width: 100%;
}
.he_ftbslt {
cursor: pointer;
}
.he_xialtrig {
width: 155px;
}
.he_k2p3lkle img {
display: none;
}
.he_k2p3lkle img:first-child {
display: block;
}
.he_k2p2nri img {
display: none;
}
.he_k2p2nri img:first-child {
display: block;
}
.s_d2c2m2 .s_d2c2input {
width: 33.333333%;
}
.he_laswkfli a {
display: flex;
align-items: center;
}
.he_d1yp2t2 {
width: 30% !important;
}
.he_d1p3any {
margin-top: 50px;
}
.he_c02p8ulv .slick-track {
margin: 0 auto;
}
.he_syp1tu2 p {
max-height: inherit;
}
.he_sytipu h1,
.he_sytipu h3 {
font-weight: bold;
}
.he_xialtw {
height: 100%;
}
.he_gdown2 .he_conten3 {
height: 100%;
}
.he_gdown2 {
max-height: 70vh;
}
.s_d2c1tit h2 {
font-size: 30px;
line-height: 1.5 !important;
}
.he_syp2mob {
width: 180px;
}
.he_c03xlcp p {
max-height: inherit !important;
height: 1.7em !important;
text-align: center;
}
.he_pcnli .he_pcnava {
font-size: 16px;
}
.he_gdown1 .he_xialacri p {
font-size: 16px;
}
he_laswkfri p {
font-size: 16px;
}
.he_xialacri p {
font-size: 18px;
}
.he_xialtwtile p {
font-size: 18px;
}
.he_c04p5ngh {
padding: 14px 0;
}
.he_c03p3to {
display: none;
}
.he_c03p3tgf {
height: 100px;
}
.he_c02p6klti p {
font-size: 26px;
height: 1.5em;
}
.he_c02p6xki {
max-height: 100px;
overflow: hidden;
position: relative;
}
.he_c02p6xki::after {
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 10.48%, rgba(255, 255, 255, 0) 94.21%);
}
.he_c02p6xki p::after {
display: none;
}
.he_c02p6klti {
margin-bottom: 14px;
}
.he_c02p6xmo {
margin-top: 25px;
}
.he_d1yp2bl {
padding: 16px 49px;
}
.s_d3contrnr p {
font-size: 16px;
}
.he_f1p3nl1 p {
font-size: 30px;
}
.s_d2c2input input {
height: 50px;
font-size: 16px;
}
.s_d2c2inputwz {
font-size: 16px;
}
.s_d2c2m8 textarea {
height: 200px;
font-size: 16px;
padding: 20px 22px;
}
.s_d2c2m8 textarea::placeholder {
font-size: 16px;
}
.he_slead .s_d2c2inputwz {
top: 10px;
left: 55px;
}
.s_b2c1nrltit h4 {
height: 3.5em;
overflow: hidden;
}
.s_b2c1nrltit {
height: inherit !important;
margin-bottom: 15px;
}
.he_syp4 {
display: none;
}
.he_xialtrxf {
margin-top: 10px;
text-align: center;
}
.he_xgp1ba {
filter: blur(26px);
}
.he_c02p8kt p {
font-size: 18px;
height: inherit;
height: 3em;
}
.he_c02p8fle {
display: none;
}
.s_d2c1tit h2 {
font-weight: bold;
}
.he_pcbx {
position: relative;
}
.he_c05vod {
width: 100%;
}
.he_c05vod video {
width: 100%;
}
.he_f1p3ngsri p {
font-size: 24px;
}
.he_f1p3njl a {
display: flex;
align-items: center;
}
.he_f1p3ngsle {
margin-top: 0px;
}
.he_f1p3nja p {
font-size: 20px;
}
.he_f1p1mli img {
max-width: inherit;
}
/* .he_c05tali {
width: inherit;
display: inline-block;
} */
/* .he_c05tanig .he_img {
display: none;
} */
/* .he_c05tanig .he_img1 {
position: static;
width: inherit !important;
height: 100%;
object-fit: cover;
}
.he_c05tanig {
height: 210px;
} */
.he_c02p5kli {
cursor: pointer;
}
.he_gdown2 {
max-height: 90vh;
}
.he_c02p6mo .he_syp2mob {
width: 166px;
}
.he_c01ym .he_c01p1n p::after {
display: none;
}
.he_c01ym .he_c01p1n p {
padding-left: 0;
}
.he_c01p1tp {
display: none;
}
.he_d4igbx {
width: 100%;
position: relative;
}
.he_d4igbx .he_c08p1npy {
width: 60px;
z-index: 10;
}
.he_d4ig::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 2;
}
.s_b7newtopl h4 {
font-size: 20px;
}
.s_b7newbotnrl h4 {
font-size: 20px;
}
.pc_fenye li {
margin: 0px 5px;
}
.he_ftdoc {
top: 30px;
bottom: inherit;
}
.he_dx2bvid {
min-height: 700px;
}
.he_c04p5 {
min-height: 865px;
}
.s_d2c2m8 .s_d2c2inputwz {
top: 15px;
transform: inherit;
}
.he_k3p2nqf::before {
z-index: 1;
}
.he_k3p2nqfle {
z-index: 2;
}
.he_k3p2nqfri {
position: relative;
z-index: 2;
}
.he_k3p2nqf::before {
display: block;
}
.he_syp1rmo {
width: 110px;
}
.he_syp2mob {
width: 130px;
}
.he_d1p2mo .he_syp2mob {
width: 110px !important;
}
.he_c05tgd {
max-height: 70vh;
height: inherit;
}
.he_syp1tu2 p {
max-height: inherit !important;
}
.s_d3contwz h4 {
font-size: 20px;
}
.s_b2_3c2litop {
display: none;
}
.he_phonle {
width: 16px;
line-height: 40px;
}
.he_langple {
line-height: 76px;
}
.he_langpri {
line-height: 76px;
}
.he_phonri p {
line-height: 42px;
height: 42px;
}
.he_phone {
margin-top: 18px;
}
.he_fonts h1 {
font-size: 30px;
}
.s_b2_3conlbjq p {
font-size: 16px;
}
.he_xialtrig img {
border-radius: 10px;
}
.he_ghigwb {
width: 100%;
transition: all 0.4s;
position: relative;
}
.he_ghig {
width: 100%;
}
.he_ghig img {
width: 100%;
}
.he_ghdot {
width: 20px;
position: absolute;
}
.he_ghdot img {
transform-origin: 50% 100%;
transition: all 0.36s;
width: 100%;
}
.he_c05vod {
background-color: #999;
}
.he_c01p1ti {
margin-bottom: 15px;
}
.he_c01p1n {
max-height: 168px;
height: 100%;
}
.he_ghigwb.on {
transform: scale(2);
}
.he_f1p1.on .he_ghdot.on img {
transform: scale(1);
}
.he_f1p1.on .he_ghdot img {
transform: scale(0.3);
}
.he_c04p5 {
height: auto;
min-height: 551px;
/* background-color: #333 !important; */
}
.he_syp1dli video {
position: absolute;
top: 0;
left: 0;
min-height: 100%;
min-width: 100%;
z-index: 10;
}
.he_syp1dli {
position: relative;
}
.he_xgp1ba video {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
min-height: 100%;
min-width: 100%;
}
.s_b2_3sharebox .he_ftdoc {
bottom: inherit;
top: 50%;
transform: translateY(-50%);
left: -110px;
}
.he_c05tanig img {
max-width: inherit !important;
}
.he_ghdot {
transform: translate(-50%, -50%);
}
.he_syp1dli video {
height: 100%;
min-height: inherit;
}
.he_synewsg {
width: 100%;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.he_synewsg img {
position: static;
height: 100%;
width: 100%;
object-fit: cover;
}
.he_slead .s_d2c2inputwz {
display: none;
}
.he_height {
height: inherit !important;
}
.he_xialtwri {
min-height: 200px;
}
.he_xianedle img {
border-radius: 10px;
}
.he_pcbxle a {
width: 100%;
}
.s_d2c1tit span {
color: #333;
}
.he_c02p5yti p {
display: inline-block;
border: 1px solid rgba(102, 102, 102, 0.2);
border-radius: 50px;
padding: 12px 30px;
transition: all 0.36s;
}
.he_c02p5yti {
text-align: center;
}
.he_xiala {
padding: 26px 84px;
}
.he_gdown2 {
padding: 20px 0 20px;
}
.he_k3p1 .he_c08p1npy {
transform: inherit;
top: inherit;
left: 20px;
bottom: 20px;
}
.s_b2c1nrbg {
width: 100%;
}
.he_b2c1nrig img {
width: 56%;
border-radius: 100px 32px 32px 100px;
}
.he_b2c1nrig {
text-align: right;
}
.s_b2c1nrbg {
opacity: 0;
}
.he_gdown3 {
padding: 40px 0 10px;
}
.s_b1_3c4nrltw {
width: 189px;
}
.s_b1_3c4nrl {
padding-right: 127px;
}
.s_gc4botnrig img{
max-width: auto !important;
width: auto !important;
}
.he_k1p1tph{
display: none;
}
.yxedr_active p{
text-indent:inherit !important;
}
.he_d4ig{
border-radius: 10px;
overflow: hidden;
}
.he_d4igbx .he_c08p1npy {
width: 46px;
}
.he_ftybhjle p a {
padding-left: 12px;
}
.he_xialtrul {
margin: 0 -10px;
padding-top: 50px;
}
.he_ghdot{
cursor: pointer;
}
.he_d1yp1 .he_syp2mob a {
line-height: 60px;
}
.he_f1p1lb .he_conten3 {
position: absolute;
transform: translateX(-50%);
left: 50%;
top: -100px;
}
.he_f1p1btm {
position: absolute;
top: 0;
}
.he_f1p1btle {
left: 0;
}
.he_f1p1btri {
right: 0;
}
.he_f1p1lul .slick-list {
padding-top: 35px !important;
}
.he_f1p1lb {
bottom: -180px;
}
.he_f1p1map {
height: 950px;
}
.he_f1p1btm {
box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.08);
}
.he_gdown5 .he_xiala{
width: calc(100% - 200px);
}
.he_gdown5 .he_xiacode{
width: 200px;
margin-top: 25px;
}
/*.he_gdown5{*/
/* display: block !important; */
/*}*/
.he_xcodig{
width: 80%;
margin: 0 auto;
}
.he_xcodig img{
width: 100%;
}
.he_xcodete{
text-align: center;
margin-top: 10px;
}
.he_xcodete p{
font-size: 16px;
line-height: 1.5;
color: #333;
}
.he_k2p3 .he_k2p2ntkc p{
color: #333;
}
.he_c05ljk {
position: relative;
}
.he_c05ljk::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.he_banli {
overflow: hidden;
}
.he_banli a{
display: block;
width: 100%;
}
/*面包屑*/
.he_banli a{
display: block;
width: 100%;
}
.he_bordfr .he_int2{
display: none;
}
.he_bordli a,.he_bordli{
font-size: 12px;
line-height: 1.5;
color: #333333;
}
.he_bordli{
margin-left: 4px;
}
.he_bordkm{
padding-top: 40px;
}
.he_b1g2ye .he_bordkm{
background-color: #f9f9f9;
}
.he_b3ye .he_bordkm{
position: relative;
z-index: 10;
padding-bottom:70px;
}
.s_b1_1content {
padding-top: 0;
}
.he_b2ye .s_cont1360{
width: 1514px;
}
.he_b2g3ye .s_cont1360{
width: 1206px;
}
.he_b7ye .he_bordkm{
background-color: #fafafa;
}
.he_f1ym .he_bordkm{
padding-bottom: 30px;
}
.he_c01ym .he_bordkm{
background: #fafafa;
}
.he_c03p1 .he_bordkm .s_cont1360{
width: 100% !important;
padding: 0 !important;
}
.he_c04ym .he_bordkm .s_cont1360{
width: 100% !important;
height: auto !important;
min-height: auto !important;
}
.he_dxlnyq{
position: relative;
overflow: inherit;
}
.he_dxlym .s_qhbox{
border-radius: 30px 30px 0 0;
}
.he_dxlnyq .he_bordkm{
width: 100%;
position: absolute;
top: -80px;
left: 0;
}
.he_dxlnyq .he_int1 ,.he_f2ym .he_int1{
display: none;
}
.he_dxlnyq .he_int2,.he_f2ym .he_int2{
display: block;
margin-top: 2px;
}
.he_dxlnyq .he_bordli a,
.he_dxlnyq .he_bordli ,
.he_f2ym .he_bordli a,
.he_f2ym .he_bordli
{
color: #fff;
}
.he_bordfr {
width: 14px;
position: relative;
}
.he_bordfr img{
width: 100%;
}
.he_d2ye .he_syp4in a{
display: flex !important;
}
.he_d2ye .he_bordkm{
background-color: #fafafa;
}
.he_d2ye .he_bordkm .s_cont1360{
width: 1514px;
}
.he_d3g2ye .he_bordkm{
background-color: #f4f4f4;
}
.he_k1ym .he_bordkm{
background: #F9F9F9;
}
.he_k1ym .he_bordkm .s_cont1360{
width: 1200px;
}
.he_k5ym .he_bordkm{
padding-bottom: 30px;
}
.he_k5p1 {
margin-top: -332px;
}
/*面包屑*/
.he_pcbx{
z-index: 1;
}
.he_pc_hd.act .he_pcbx::after {
border-radius: 0px;
}
.he_pcbx::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(40px);
z-index: -1;
border-radius: 20px;
transition: all 0.36s;
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
}
.he_k5p2{
display: none;
}
.he_c04p2nv::after{
display: none;
}
.he_k3p4tp {
padding: 0 0px;
}
.he_k3p7{
z-index: 1;
}
.he_k3p7::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(0,0,0,0.1);
}
.he_b2c1nrig img {
border-radius: 32px 32px 32px 32px;
}
.he_gdown2::before {
width: 62.5%;
}
/* cookie 修改 star*/
.he_cooknlp p span {
position: relative;
}
.he_cooknlp p span::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
}
.he_cooknb2 .he_syp2mob {
background: transparent !important;
width: auto !important;
}
.he_cooknb2 .he_syp2mob a {
line-height: 30px;
position: relative;
font-weight: normal;
}
.he_cooknb2 .he_syp2mob a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #fff;
}
.he_cookmo {
width: 450px;
align-items: center;
}
.he_cookc {
transform: scale(0.8);
padding: 15px 0;
}
/*@media screen and (max-width: 1560px) {*/
/* .he_cook .he_conten2{*/
/* width: 100%;*/
/* }*/
/*}*/
/*@media screen and (max-width: 1440px) {*/
/* .he_cookc {*/
/* transform: scale(0.9);*/
/* }*/
/*}*/
/*@media screen and (max-width: 991px) {*/
/* .he_cookc {*/
/* transform: scale(1);*/
/* }*/
/*}*/
/* cookie 修改 end */
.he_index .he_banig::after{
display: none;
}