*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 14px;min-width: 1200px; overflow-x: hidden; font-family: 'Arial','Microsoft YaHei';}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;opacity: 0;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}

@font-face { 
        font-family: 'MiSans-Bold'; src: 
        url('https://cdn.114my.com.cn/font/lcw/MiSans-Bold.woff2') format('woff2'),  
}
@font-face { 
        font-family: 'Hos'; src: 
       url('https://cdn.114my.com.cn/font/lcw/Hos.ttf') format('truetype')
}
@font-face { 
        font-family: 'srm'; src: 
       url('https://cdn.114my.com.cn/font/lcw/srm.otf') format('truetype')
}
@font-face { 
        font-family: 'bt-AlM'; src: 
        url('https://cdn.114my.com.cn/font/lcw/bt-AlM.woff2') format('woff2'),  
}
.f01{font-family: 'srm';}
.f02{font-family: 'bt-AlM';}
.f03{font-family: 'Microsoft YaHei';}
.f04{font-family: 'MiSans-Bold';}
@font-face {
  font-family: 'iconfont';  /* Project id 4383909 */
  src: url('//at.alicdn.com/t/c/font_4383909_57we2qkbri.woff2?t=1745806221106') format('woff2'),
       url('//at.alicdn.com/t/c/font_4383909_57we2qkbri.woff?t=1745806221106') format('woff'),
       url('//at.alicdn.com/t/c/font_4383909_57we2qkbri.ttf?t=1745806221106') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.gyc {margin: 0 auto;max-width: 86%;min-width: 1200px;}
.gy{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.gyb {margin: 0 auto;max-width: 1600px;min-width: 1200px;}
.gyf{max-width: 1612px;margin: 0 auto;min-width: 1200px;width: 100%;}
.page{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.gya {
    margin: 0 auto;
    max-width: 60%;
    min-width: 800px;
    overflow: hidden;
}

.text-center { text-align: center; }
.c-141213 {
    color: #141213;
}
.ResTitle_a1{display: flex; justify-content: center;align-items: center;}
.ResTitle_a1 span {
    vertical-align: middle;
}
.c-ca062c {
    color: #ff0000;
font-weight:bold;
}
.ResTitle_a1 .icon {
    font-size: 0;
    margin: 0 1.5vw;
}
.dis-m {
    vertical-align: middle;
}
.dis-t, .dis-m, .dis-b, .SJ {
    display: inline-block;
}
.mt-15{margin-top:1vw;}
.f-48 {font-size: 2.5vw;}
.f-18 {font-size: 20px;}
.c-666 {color: #666;}
.ResTitle_a1 .icon { font-size: 0; margin: 0 1.5vw; }
.ResTitle_a1 .icon.left:before, .ResTitle_a1 .icon.right:after {
    animation-delay: 1s;
}
.dis-t, .dis-m, .dis-b, .SJ {display: inline-block;}
.ResTitle_a1 .icon:after, .ResTitle_a1 .icon:before {
    animation: an1 2s linear 0s infinite;
    /* background: #ca062c; */
}
.ResTitle_a1 .icon:before, .ResTitle_a1 .icon:after { content: ''; width: 16px; height: 16px; display: inline-block; vertical-align: top; border-radius: 50%; border: 1px solid #ff0000; box-sizing: border-box; }
.ResTitle_a1 .icon:after, .ResTitle_a1 .icon:before { animation: an1 2s linear 0s infinite;}
.ResTitle_a1 .icon.left:before, .ResTitle_a1 .icon.right:after { animation-delay: 1s; }
.ResTitle_a1 .icon:after { margin-left: -2px; }
@keyframes an1 { 0%, 50% {
background:#ff0000;
}
51%, 100% {
background: none;
}
}

/* top */
.dfs{display:flex;align-items:end;justify-content:space-between;width: 100%;}
.headerWpr.on .headRx{height:70px;}
.headerWpr.on .nav_a {line-height: 70px;height: 70px;}
.headerWpr.on .sumMenuWpr{top:70px;}
.headerWpr.on .header { top: 0; z-index: 99; height:80px; background:rgba(255,255,255,0.95);box-shadow: 0px 2px 16px rgba(1, 4, 40, 0.2);} 
.headerWpr.on .nav_a{color: #333 !important;}
.headerWpr.on .top_con li i{color: #333;}
.headerWpr.on .top_con>ul>li:first-child a{color: #333;}
.headerWpr.on .header>a>p{color: #333;}
.headerWpr.on .header>a>p>span{color: #333;}
.headerWpr.on .top_con li:nth-child(1)>p>a{color: #333;border: none;}

.headerWpr{height:80px; position:relative; width:100%;}
.indexBody .headerWpr{ position:absolute; left:0; top:0; z-index:1;}
.header{ width: 100%; position: fixed; z-index: 30; left: 0px; top: 0px; padding: 0px 60px; transition:all 0.3s ease-in-out; display: flex;background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, .8));justify-content: space-between;}
.header>a>p{font-size:1.5vw; line-height: 1; padding-left:3%; font-weight: normal; letter-spacing:0px;color: #333;}
.header>a>p>span{font-size:0.72vw;padding-top:6px; display: block; line-height: 1;letter-spacing:1px; color: rgba(0,0,0,0.3);font-weight: normal; text-transform: uppercase;font-family: 'Hos';}
.logo { display: flex; align-items: center; margin-right:2vw;}
.logo img{height:1.9vw; width:auto;}
.header .logob{display: none;}
.headerWpr.on .logob{height:1.9vw; width:auto;}
.headerWpr.on .logob img{height:1.9vw; width:auto;}
.header > .logoh{ float: left; display: flex; justify-content: center; align-items: center;height:3.6vw; width: 0px;opacity: 0;
filter: alpha(opacity=100);}
.headerWpr.on .logoh{display: none;}
.headerWpr.on .logob {float: left; display: flex; justify-content: center; align-items: center; opacity: 1;}

.header > .logoh{float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height:3.6vw;
    width: 260px;
    opacity: 1;
    filter: alpha}
.header > .logob {
float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height:3.6vw;
    width: 0px;
    opacity: 0;
}


.subNav{position:absolute;}
.nav{    display: flex;}
.nav li{ float:left; position:relative}
.nav li.on a{font-weight: bold;}
.nav_a{ line-height: 80px; height: 80px; font-size: 0.9vw !important; padding: 0 1.1vw; color: #333 !important; position:relative; display:inline-block; font-weight: normal;font-family: 'Hos';}
@media screen and (max-width: 1440px){
.nav_a {font-size: 1.1vw !important;}
}
@media screen and (max-width: 1360px){
.nav_a {font-size: 1.1vw !important;}
}
@media screen and (max-width: 1280px){
.nav_a {font-size: 1vw !important;}
}

.nav_a.on{font-weight:bold;}
.headRx{display: flex; height:80px; align-items: center; width: 78%; justify-content: space-between;}
@media screen and (max-width: 1440px){
.headRx{width: 98%;}
}
@media screen and (max-width: 1360px){
.headRx{width: 99%;}
}
@media screen and (max-width: 1280px){
.headRx{width: 84%;}
}


.subMenu{ background: #fbfbfb; width: 312px; position: absolute; left: 50%; top: 80px; margin-left: -160px; opacity:0; visibility:hidden;}
.nav li:hover .subMenu{opacity:1; visibility:visible; transition:all 0.3s ease-in-out;}
.subMenu dl{ padding:35% 0;}
.subMenu dd{ position:relative;}
.subMenu dd:nth-child(1):before{display:none;}
.subNav_a{ display: block; line-height: 28px; padding: 16px 60px 16px 40px; font-size: 18px; color: #666; letter-spacing: 0px; position:relative; transition:all 0.3s ease-in-out; z-index:1; text-align:center;border-bottom: 1px #f1f0f0 solid;}
.subNav_a a{font-size: 18px;}
.subNav_a:before{content:"";background-image: linear-gradient(to top, #08adfd, #7262f8); position:absolute; left:0; top:0; width:0; bottom:-1px; transition:all 0.3s ease-in-out;}
.subNav_a:hover:before{ width:100%;}
.subNav_a:after{content:""; transition:all 0.3s ease-in-out; position:absolute; left:0; top:0; bottom:-1px; width:4px; background:#0727e2; opacity:0}
.subNav_a:hover:after{opacity:1;}
.subNav_a:hover{color:#fff;}
.subNav_a span{display:block; position:relative;font-size: 17px;font-weight:normal;}
.subNav_a i{ background: url(http://login.114my.cn/memberpic/chengnuo20459en/uploadfile/image/20250620/20250620152639_651196890.png) no-repeat center center; height: 16px; width: 25px; position: absolute; top: 50%; margin-top: -8px; right: 40px; transition:all 0.8s ease-in-out; transform:translateX(-45px); opacity:0}
.subNav_a:hover i{ transform:translateX(0); opacity:1;}

.headerWpr { position: fixed; z-index: 100;}
.style2Header .nav li{ position:static;}
.sumMenuWpr{overflow:hidden;position:absolute;left: 0%;top:80px;width:100%;max-width:100%;background:#fbfbfb; opacity:0;visibility:hidden;z-index: 999;text-align:left;box-shadow: 0px 2px 16px rgba(1, 4, 40, 0.1);}
.sumMenuWpr .subMenu{ position:relative; z-index:2; float:left; opacity:1; top:0; left:14%; margin-left:0; min-height:350px;}
.head_nav>ul>li:hover .sumMenuWpr{opacity:1; visibility:visible; transition:all 0.5s ease-in-out;}
.nav li:hover .sumMenuWpr{opacity:1; visibility:visible; transition:all 0.5s ease-in-out;}
.subMenuRx{ position:absolute; left:36%; right:0; top:0; bottom:0;}
.subMenu_txt{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); padding:0 8%; margin-top:-20px;}
.subMenu_txt>strong{ font-size: 32px; color: #002eeb; letter-spacing: 3px; line-height: 56px; display: block; }
.subMenu_txt>p{ margin-top: 18px; font-size: 17px; line-height: 32px; color: #333; word-spacing: 2px; font-weight: normal; width:70%;}
.subMneu_more{ line-height: 38px; color: #FFF !important; background: linear-gradient(to top, #08adfd, #7262f8); height: 38px; width: 140px; font-size: 16px; letter-spacing: 1px; text-align: center; display: inline-block; margin-top: 50px; border-radius:0em; }
.subMneu_more a{color: #fff;}
.subMneu_more:hover{ box-shadow:0 3px 8px rgba(0,0,0,0.1); transform:translateY(-5px); color:#fff;}
.subMenuRx .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.subMenuRx .bgImg:after{ content: ""; background: url(http://login.114my.cn/memberpic/chengnuo20459en/uploadfile/image/20250620/20250620152558_548206105.jpg) no-repeat left top; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0;}
#infoname{width:170px;height:32px;line-height: 32px;border: none;}

.header-search{position: relative;height:100%; transition: all .3s;display: flex;align-items: center;color: #fff;font-size: 22px; padding: 0% 0% 0 0;font-weight: bold;}
.header-search span{display:block;margin-left:0px;}
.header-search i{font-size: 16px; color: #fff;}

.top_con {width: 14vw;}
.top_con>ul {display: flex;justify-content: space-between;width: 100%;}
.top_con>ul>li {display: flex;position: relative;width: 24px;height: 24px;border-radius: 50%; justify-content: center;z-index:66;}
.top_con>ul>li:first-child {background: none;display: flex; align-items: center; width: 2vw;}
.top_con>ul>li:first-child a { text-transform: uppercase; font-size: 0.6vw; font-weight:normal; padding-left: 3%; text-transform: uppercase;
    font-weight: normal;
    color: #333;
    padding-left: 3%;
    border-radius: 50px;
    border: 1px #333 solid;
    padding: 4px;}
.top_con>ul>li:nth-child(2) {background: none;display: flex; align-items: center; width: 12vw;}
.top_con>ul>li:nth-child(2) a { text-transform: uppercase; font-size: 1vw; font-weight:normal; color: #333; padding-left: 3%;}
.top_con li i {font-size: 1.1vw;line-height: 24px; color: #333; height: 24px; font-weight:normal;display: flex; align-items: center;}
.top_con li i a{font-size: 1.1vw;line-height: 24px; color: #333;}
.top_con li>p {width: 86px;overflow: hidden;position: absolute;top: 32px;left: -45px;opacity: 0;transition: 0.5s;height:  0;padding: 5px;background: #fff;border: 1px solid #ddd;}
.top_con li:nth-child(3) i a{font-size:17px; padding-right:2%;padding-left:6%;}
.top_con li:nth-child(1)>p{color: #666;height: auto !important;left: -20px;text-align: center;}
.top_con li:nth-child(1)>p>a{font-size:15px;line-height:2;color: #666;border: none}
.top_con li:nth-child(1)>p>a:hover{background-color: #0d28c7;color: #fff;}
.top_con li>p>span{display: block;height: 14px;line-height: 14px;color: #333;font-size: 14px;font-weight:normal;text-align: center;margin-left: 0px;}
.top_con li:nth-child(2)>p{width: 230px;color: #666;font-size:15px;line-height:26px;height: auto !important;left: -16%;text-align: center;}
.top_con li p img {width:100%;height:96px;}
.top_con li>a {}
.top_con li:hover p {opacity: 1;transition: 0.5s;height: 120px;}

/*ç´*/
.top_con li:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {width: 450px; background: rgba(51,51,51,0.7);transform: rotateX(90deg);position: absolute;right: 0;transition: all 0.5s;font-size: 15px;padding: 34px; z-index: 9999;top:33px;}
.tit_sel span {font-size: 24px;display: block;color: #152682;font-family: Arial;}
.tit_icon:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;}
#search-i{float:left; width:30px; height:38px; overflow:hidden; margin-top:20px;  box-sizing: border-box; padding-top: 0px; border: 1px solid #dddddd;border-left: none; padding-right:45px;}
#search-bg{float:left; width:310px; height:38px; overflow:hidden; padding-left:14px; margin-top:20px; box-sizing: border-box;     border: 1px solid #dddddd;border-right: none;text-align: left;    line-height: 38px;}
.search-text{ font-size:14px;color: #999999;justify-content: center;align-items: center;}
.search-text a{ font-size:14px; color: #fff !important; font-weight:normal;line-height:1.5;}
.search-text a:hover{ font-size:14px; color: #ffffff;}
.search-text span{ float:left;  color:#ffffff;font-size: 14px;line-height:1.5;}
#infoname{ border:none;background:none; outline:none;} 
.search_name {float: left;font-size:22px;color: #ffffff; line-height: 32px;position: relative;z-index: 5;padding: 15px 0;width: 264px;height: 96px;background: #cb0303;text-align: center;}
.search_name:after {content: "";width: 0px;height: 0px;border-top: 7px solid #ff0000; border-right: 7px solid transparent;border-bottom:8px solid transparent; border-left: 7px solid #ff0000;position: absolute; top: 81px; right: -13px; transition: 0.5s all ease-in-out; }
form {justify-content: center;}

/* banner */
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:none !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:none !important;}
.container {
    width: 1500px;
    margin: 0 auto;
    max-width: 92%;
}
.indexBanner {position: relative;}

.bannerSwiper {height: 100vh; position: static;}

.bannerSwiper .imgBox {height: 100%;}

.bannerSwiper .imgBox img {width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1); object-fit: cover;}

.bannerSwiper .swiper-slide-active img , .bannerSwiper .swiper-slide-duplicate-active img {transition: 3s linear;transform: scale(1,1);}

.bannerSwiper .con {position: absolute; left: 50%; top: 58%; transform: translate(-50%, -50%);z-index: 1;}
.bannerSwiper .con strong {font-size:4.5rem;font-weight: 700;color: #ffffff; display: inline-flex; line-height: 2;}
.bannerSwiper .con strong div:nth-child(0) {color: #ff0000;}
.bannerSwiper .con .p1 {font-size:1.4rem; display: flex; line-height: 1.4; padding-top: 2%;}
.bannerSwiper .con .h{color: #333;}
.bannerSwiper .con .hs{color: #666 !important;}
.bannerSwiper .to1{top: 26%;}
.bannerSwiper .to2{top: 29%;}
.bannerSwiper .con1{position: absolute; left: 50%; transform: translate(-50%, -50%);z-index: 1; text-align: center;}
.bannerSwiper .con1 strong {font-size:3rem;font-weight: 100;color: #ffffff; display: inline-flex; line-height: 2;}
.bannerSwiper .con1 strong div:nth-child(0) {color: #ff0000;}
.bannerSwiper .con1 .p1 {line-height: 1; padding-top: 2%;text-align: center;font-weight:100;}
.bannerSwiper .con1 .p1s {line-height: 1.2; padding-top: 0%;text-align: center;font-weight:100;}
.bannerSwiper .con1 .psi{    font-size: 1.4rem;}
.bannerSwiper .con1 .psis{    font-size: 2.2rem;}
.bannerSwiper .con1 .psiss{    font-size: 2.4rem;}
.bannerSwiper .con1 .kd{width: 86%;margin: 0 auto;}
.bannerSwiper .con1 .psia{    font-size: 1.4rem;}
.bannerSwiper .con1 .h{color: #333;}
.bannerSwiper .con1 .ht{text-shadow: 0rem 0.15rem 0rem rgba(255,255,255,1);}
.bannerSwiper .con1 .htl{text-shadow: 0rem 0.15rem 0rem rgba(28,46,153,0.9);}
.bannerSwiper .con1 .hs{color: #fff !important;}
.bannerSwiper .con1 .dx{text-transform: uppercase;}
#preloader-2.yr{right: 4%;}
#preloader-2 {position: relative; margin-top: 2.5rem;}

#preloader-2 span {position: absolute; width:1.24rem; height: 1.24rem; background: #fff;border-radius: 50%; bottom: 0;}

#preloader-2 span:nth-child(1){animation: cross-1 1.5s infinite linear;}

#preloader-2 span:nth-child(2){ background: #ff0000; animation: cross-2 1.5s infinite linear;}

@keyframes cross-1{

  0%{transform: translateX(0); opacity: 0.8;}

  50%{transform: translateX(200%); opacity: 1;}

  100%{transform: translateX(0);opacity: 0.8;}

}

@keyframes cross-2{
0%{transform: translateX(200%); opacity: 0.8;}
50%{transform: translateX(0); opacity: 1;}
100%{transform: translateX(200%);opacity: 0.8;}
}

.indexXian {position: absolute; left: 4%; top: auto; z-index: 1;bottom:5rem; display: flex;}
.indexXian span {font-size: 0.9rem;letter-spacing:0rem; color: #ffffff; margin-right: 1rem; text-transform: uppercase;writing-mode:vertical-rl; position: relative;}
.indexXian i {width: 2px;height: 5.84rem;background: #EFEFEF; display: block; position: relative; overflow: hidden;}
.indexXian i::after {content: ""; position: absolute;left: 0;width: 2px;height: 100%;background: #08adfd; opacity: 1; animation: aline 3s infinite linear;}
@keyframes aline { from {bottom: 100%;}to {bottom: -100%;}}
.swControls {display: flex; align-items: center; justify-content: space-around; width: 100%;height: 5rem; position: absolute; left: auto; left: 0; top: auto; bottom: -.3rem;  z-index: 11; overflow: hidden;}
.swControls { padding-left: 2%; box-sizing: border-box;}
.swControls::after {content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; left: 100%;top: 0;transition: 1.5s; }
.swControls.on::after {left: 0;}
.swControls.swiper-button-next:after, .swiper-button-prev:after{font-size:0px !important;}
.swControls > div {position: relative;}
.swControls .swiper-pagination {width: 100% !important; bottom: 1px  !important;}
.swControls .swiper-pagination span {width: 1rem; height: 1rem; border: 1px solid #efefef; opacity: 1; box-sizing: border-box; background: none;}
.swControls .swiper-pagination .swiper-pagination-bullet-active {background: #efefef;}
.swControls .swiper-num {margin-left: 0%;color: #ffffff;}
.swControls .swiper-num .actives {font-size:2rem;}
.swControls .swjtBox {display: none;}
.swControls .swjt {position: relative; margin: 0;width: 1.3rem; height: 1.3rem; border-radius: 50%; left: 0; top: auto;}
.swControls .swjt i{color: #ffffff;font-size: 2rem;}
.swControls .swjt img {max-width: 70%;}
.swControls .swjt.swiper-button-prev {transform: rotate(180deg); margin-right: 1.3rem;}
/* banner end */

.z_banner {
    height: calc(100vh - clamp(72.8px, 7.2916666667vw, 140px));
    overflow: hidden;
    position: relative;
}
.indexBanner .videobox {
    background: #fff;
    border-radius: clamp(8px, 1.0416666667vw, 20px);
    width: clamp(156px, 15.625vw, 300px);
    padding: clamp(8px, .4166666667vw, 8px);
    position: absolute;
    right: 6vw;
    bottom:1vw;
    z-index: 1;
    cursor: pointer
}

.indexBanner .videobox .imgbox {
    height: clamp(83.2px, 8.3333333333vw, 160px);
    border-radius: clamp(10.4px, 1.0416666667vw, 20px);
    position: relative
}
.icon-caret-right:before{    content: "\e683"; font-size:14px;}
.indexBanner .videobox .ico {
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #000
}

.indexBanner .videobox .tts {
    text-align: center;
    padding-top: clamp(8px, .4166666667vw, 8px);
    text-transform: uppercase;
    font-weight: bold
}

.indexBanner .sb {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: clamp(15.6px, 1.5625vw, 30px);
    z-index: 1
}
.z_video_pop {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    left: 0;
    top:0%;
right: 0;
    max-width: 1500px;
    margin: 0 auto;
    z-index: 999 !important;display:none;
}

.z_video_pop .warp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100vh
}

.z_video_pop .warp .close_btn {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    cursor: pointer
}

.z_video_pop .warp .close_btn .iconfont {
    font-size: 24px
}
.icon-close:before{content: "\e9a7";font-size: 24px;color: #fff;}
.z_video_pop .warp #videopop {
    width: 100%;
    max-height: 100%
}

.z_imgLayer {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #000;
    z-index: 99;
    left: 0;
    top: 0
}

.z_imgLayer li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.z_imgLayer .btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    z-index: 2
}

.z_imgLayer .prevs {
    left: 40px
}

.z_imgLayer .nexts {
    right: 40px
}

.z_imgLayer .imgLayer-close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    cursor: pointer;
    z-index: 2
}
#zCode {
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -122.5px;
    position: fixed;
    background: #fff;
    height: 245px;
    width: 220px;
    z-index: 3000;
    border-radius: 5px;
    border: 6px solid #7f7f7f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#zCode h2 {
    color: #666;
    background: #f2f2f2;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#zCode h2 i {
    cursor: pointer;
    float: right;
    width: 24px;
    height: 24px;
    text-align: center
}

#zCode .ewm {
    width: 100%;
    height: 208px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#zCode .ewm canvas {
    width: 100%;
    height: 100%;
    top: auto;
    left: auto;
    position: relative
}

/* com */
.desc {
    word-break: break-word;
}
.z_flex_warp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.z_index_about {
    overflow: hidden
}
.z_index_tit {
    font-size: clamp(24px, 2.5vw, 62px);
    line-height: 1.6;
    font-weight: bold;
border-bottom: 2px #d3e1f4 solid;
    padding-bottom: 2vw;
    width: 62%;
position: relative;
}
.z_index_tit::before {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    background: rgba(28, 46, 153, 0.1);
    border-radius: 50px;
    position: absolute;
    top: 0vw;
    left: 0vw;
    z-index: 1;
}
.z_index_tit span{color: #999;font-size:2vw;}
.z_index_tit.b{border-bottom: none;color: #fff;font-weight: bold;    TEXT-TRANSFORM: UPPERCASE;}
.z_index_tit.b::before{background:none;}
.infobox img{width:280px;margin-top:0px;}

.z_index_about .warps {
    padding:5% 0 2% 0;
    background: url(http://login.114my.cn/memberpic/chengnuo20459en/uploadfile/image/20250620/20250620152436_668641576.jpg) no-repeat center;
    background-size: cover;
    padding-left: 6.7708333333vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 980px) {
    .z_index_about .warps {
        padding-left: 0px
    }
}

@media screen and (min-width: 1920px) {
    .z_index_about .warps {
        padding-left: 130px
    }
}

.z_index_about .desc {
    line-height: 28px;
    font-size: clamp(16px, .9375vw, 18px);
    width: 32vw;
    margin-top: clamp(26px, 2.6041666667vw, 50px);
font-family: 'Hos';
white-space: break-spaces;
margin-bottom: 24px;
}

@media screen and (max-width: 980px) {
    .z_index_about .desc {
        width: 100%
    }
}

@media screen and (min-width: 1920px) {
    .z_index_about .desc {
        width: 630px
    }
}

.z_index_about .z_more {
    margin-top: clamp(36.4px, 3.6458333333vw, 70px)
}

@media screen and (max-width: 980px) {
    .z_index_about .warps {
        background: none
    }
}
.about_imgs li {
    height: 11.1458333333vw;
    background: #e4f2f8;
    border-radius: clamp(8px, 1.0416666667vw, 20px);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: clamp(10.4px, 1.0416666667vw, 20px);
    color: #7c96a1;
    font-weight: normal;
font-size:16px;
position: relative;
transition: 0.5s;
}
.about_imgs li:hover{position: relative;margin-top:-4%;transition: 0.5s;box-shadow: 0 0 20px rgb(28,46,153,0.4); }
.imgbg {
    width: 100%;
    height: 100%;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 980px) {
    .about_imgs li {
        height: 30vw
    }
}

@media screen and (min-width: 1920px) {
    .about_imgs li {
        height: 214px
    }
}

.about_imgs ul {
    width: 36.5625vw;
    display: grid;
    grid-gap: clamp(10.4px, 1.0416666667vw, 20px);
    grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width: 980px) {
    .about_imgs ul {
        width: 100%
    }
}

@media screen and (min-width: 1920px) {
    .about_imgs ul {
        width: 702px
    }
}

@media screen and (max-width: 980px) {
    .about_imgs ul {
        grid-gap: 12px;
        grid-template-columns: repeat(3, 1fr)
    }
}

.about_imgs ul li:nth-child(3n) {
    margin-right: 0
}

.about_imgs ul:nth-child(2) {
    margin-left: 11vw
}

@media screen and (max-width: 980px) {
    .about_imgs ul:nth-child(2) {
        margin-left: 0px
    }
}

@media screen and (min-width: 1920px) {
    .about_imgs ul:nth-child(2) {
        margin-left: 12vw
    }
}

.about_imgs ul:nth-child(2) li {
    background: #d5dbfe;
}

.about_imgs ul:nth-child(3) {
    margin-left: 24.375vw
}

@media screen and (max-width: 980px) {
    .about_imgs ul:nth-child(3) {
        margin-left: 0px
    }
}

@media screen and (min-width: 1920px) {
    .about_imgs ul:nth-child(3) {
        margin-left: 468px
    }
}

.about_imgs ul:nth-child(3) li {
    background: #bfe0f1;
}

.about_imgs .num {
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(20px, 1.875vw, 36px);
    margin: clamp(5px, .5208333333vw, 10px) 0
}

.about_imgs .num em {
    font-size: clamp(24px, 3.125vw, 60px)
}

@media screen and (max-width: 980px) {
    .about_imgs {
        margin-top: 40px
    }

    .about_imgs li {
        font-size: 18px
    }
}
.inMore {width: 10rem; height: 2.52rem;background: linear-gradient(270deg, #08adfd, #7262f8); z-index: 1; display: block; display: flex; align-items: center; justify-content: center; transition: 1s; position: relative; margin-top:4%;}
.inMore span {color: #fff; font-size: 1rem;color: #ffffff; margin-right: 20%; transition: .5s; position: relative; z-index: 1;}
.inMore img {position: relative; left: 0; transition: .5s;width: 17px;}
.inMore:hover img {left: 5%;}
/* .inMore:hover {border-radius: .5rem;} */
.inMore:hover {background: none; transition-delay: .1s;}
.inMore::before {content: "";  z-index: 0;   display: block;width: 0%;height: 100%;background-color: #333;position: absolute; left: 0;bottom: 0;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;margin: auto;}
.inMore:hover:before { width: 100%;}

/*产å*/
/*products*/
.pro_dot{position: absolute;bottom: 19%;left: 50%;display: flex;margin-left: -21px;}
.pro_dot li{width: 8px;height: 8px;border-radius: 100%;background: #999;}
.pro_dot li+li{margin-left: 10px;}
.pro_dot li button{display: none;}
.pro_dot li.slick-active{background: #102e86;}

.pro_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
margin-bottom:4%;
}

.pro_lt {}

.pro_lt>b {
    display: flex;
    font-size: 40px;
    margin-bottom: 18px;
color: #333;
}

.pro_lt>b i {
    font-weight: normal;
    font-size: 40px;
text-transform: uppercase;font-family: 'samsungsharpsans-b';
line-height: 47px;
}

.pro_lt em {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #292772;
    position: relative;
    margin: 0 20px;
}

.pro_lt em:before,.pro_lt em:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: rgba(16,45,134,0.7);
    top: 0;
}

.pro_lt em:before {
    left: -16px;
}

.pro_lt em:after {
    right: -16px;
}

.pro_rc ul {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.4);
}

.pro_rc ul dl {
    display: none;
}

.pro_rc li>a {
    display: block;
    font-size: 20px;
    color: #333;
    position: relative;
}

.pro_rc li+li {
    margin-left: 37px;
}

.pro_rc li {
    
}

.pro_rc li.on {
    border-color:#102e86;
}

.pro_rc li a:after {position:absolute;content:"";width: 100%;height: 100%;border-bottom: 3px solid #002eeb;bottom: -22px;left: 0;transition: all .5s;opacity: 0;}

.pro_rc li:hover a:after,.pro_rc li.on a:after {opacity: 1;}

.pro_ic {
    margin-top:1.4%;
    display: flex;
    justify-content: space-between;
}

.pro_ic img {
    width: 100%;
    height: auto;
}

.pro_bc {
        background: url(http://login.114my.cn/memberpic/chengnuo20459en/uploadfile/image/20250620/20250620152359_1522723083.jpg) center no-repeat fixed; padding:5% 0;position: relative;z-index: 9;margin-top:5%;}
.pro_bc:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.88);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.pro_bcc{overflow: hidden;}
.pro_cc tr{display: flex;    width: 100%; flex-shrink: 0;}
.pro_cc td{display: flex;flex-direction: column;width: 24.2%;flex-shrink: 0;background: #ffffff;padding: 0%;border-radius:10px; padding:0.5% !important;margin-top:1%;overflow: hidden;}
.pro_cc table {
    width: 100%;
    flex-shrink: 0;
}
.pro_cc td+td{margin-left:1%;}
.pro_cc img{ height: auto;}

.pro_cc img{overflow:hidden}
.pro_cc img{ width: 100%;transition:all .5s;display:block; border-radius: 10px;height:auto;}
.pro_cc{margin-top: 0px;position:relative;    display: flex
;    transition: 0.5s;}
.pro_cc div{font-size: 20px;color: #333;display: block;margin: 10px 0 18px;position:relative;}
.pro_cc div a{font-size: 18px;}
.pro_cc div a:after{content: "+MORE";width: 26%;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #333;
    transition: all .5s;
    display: block;
    margin: 15px auto 0;
    background: linear-gradient(to top, #f8f8f8, #f8f8f8);
    border-radius: 20px;}
.pro_cc td div a:after{content: "+MORE";width: 26%;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #333;
    transition: all .5s;
    display: block;
    margin: 15px auto 0;
    background: linear-gradient(to top, #f8f8f8, #f8f8f8);
    border-radius: 20px;}
.pro_cc td:hover div a:after{background:linear-gradient(to right, #08adfd, #7262f8);color:#fff;}
.pro_cc td:hover img{transform:scale(1.1)}
.pro_cc div{text-align: center;}
.pro_cc .divproduct_new_div_item_body{width: 84%;margin: 0 auto;line-height: 30px;color:#888;font-size:15px;display:none;}
.pro_prev{position: absolute;top: 50%;left: 0;margin-top: -54px;}
.pro_next{position: absolute;top: 50%;right: 0;margin-top: -54px;}
.prod_list ul li a+dl{display: none;}
.prod_list .prolist2021{}

.z_index_brand{
padding: 5% 0;
background: url(http://login.114my.cn/memberpic/chengnuo20459en/uploadfile/image/20250620/20250620152228_1983749355.jpg) center no-repeat;
border-radius: 20px;
margin: 0 auto;
max-width: 86%;
min-width: 1200px;
position: relative;
height:46vw;
margin-top:0%;
}
.z_index_brand:after {
    position: absolute;
    content: '';
    width: 100%;
    height:46vw;
background-image: linear-gradient(rgba(65, 128, 241, .1), rgba(65, 128, 241, 0.9));
    left: 0;
    top: 0;
border-radius: 20px;
    z-index: 1;}

.z_index_brand .imgbox {
    height: 40vw;
    overflow: hidden;
border-radius: 20px;
}

@media screen and (max-width: 980px) {
    .z_index_brand .imgbox {
        height: 40vw
    }
}

.z_index_brand .warps {
    position: relative;
z-index: 99;
}

.z_index_brand .conwarp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1% 7% 4% 7%;
}

.z_index_brand .titbox {
position: relative;
    z-index: 99;
}

.z_index_brand .titbox .desc {
    width: 52vw;
    color: #fff;
    line-height: 1.2;
    margin-top:0;
font-size:1.03vw;
margin-bottom:5vw;

}

@media screen and (max-width: 980px) {
    .z_index_brand .titbox .desc {
        width: 100%
    }
}



.z_index_brand ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.z_index_brand .tt {
    font-size: clamp(18px, 1vw, 24px);
    color: var(--color-theme2);
    font-weight: bold
}

.z_index_brand .desc {
    font-size: clamp(14px, .92vw, 17px)
}

.z_index_brand li {
    background: linear-gradient(to top, #ccd6db, #eef5f9);
    background-size: cover;
    position: relative;
    margin-right: clamp(8.32px, .8333333333vw, 16px);
    -webkit-transition: ease .5s;
    transition: ease .5s;
border-radius:10px;
}

.z_index_brand li a {
    display: block;
    width: 100%;
    height: 100%
}

.z_index_brand li::before {
    content: "";
    display: block;
    width: 0%;
    height: 3px;
    background:#08adfd;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_index_brand li .iconbox {
    height: 5.8vw;
    width: 5.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px
}

@media screen and (max-width: 980px) {
    .z_index_brand li .iconbox {
        height: 60px
    }
}

@media screen and (max-width: 980px) {
    .z_index_brand li .iconbox {
        width: 100%
    }
}

.z_index_brand li .iconbox i {
    display: block;
    height: 2.5vw;
line-height: 2.5vw;
font-size:36px;
background: linear-gradient(270deg, #08adfd, #7262f8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.z_index_brand li .desc {
    margin-top: clamp(15.6px, 1.2vw, 30px);
line-height: 1.3;
}

.z_index_brand li .conbox {
    width: 0;
    overflow: hidden
}

.z_index_brand li .conbox .posbox {
    position: absolute;
    left: 0;
    padding: 4% 6%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
}

.z_index_brand li .more {
    width: clamp(43.68px, 4.375vw, 84px);
    height: clamp(43.68px, 4.375vw, 84px);
    background: linear-gradient(to right, #08adfd, #7262f8);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 176, 236, .2);
    box-shadow: 0px 10px 25px 0px rgba(0, 176, 236, .2);
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: clamp(20.8px, 2.0833333333vw, 40px);
    top: clamp(-40px, -2.0833333333vw, -40px);
    color: #fff;
    text-align: center;
    opacity: 0
}

.z_index_brand li .more em {
    display: block
}

.icon-arr_r:before {
    content: "\eb8d";
color: #fff;
}
.z_index_brand li.active {
    width: 29vw;
    height: 21vw
}

.z_index_brand li.active::before {
    width: 80%;
    left: 10%
}

.z_index_brand li.active .conbox {

}

.z_index_brand li.active .posbox {
    opacity: 1;
    -webkit-transition: ease 2s;
    transition: ease 2s;
    visibility: visible
}

.z_index_brand li.active .more {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

@media screen and (max-width: 980px) {
    .z_index_brand {
        padding: 40px 12px
    }

    .z_index_brand .conwarp {
        position: relative;
        padding: 20px 0
    }

    .z_index_brand ul {
        margin-top: 30px
    }

    .z_index_brand li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 2px;
        height: auto;
        padding: 10px 0
    }

    .z_index_brand li .conbox {
        display: none
    }

    .z_index_brand li .more {
        display: none
    }

    .z_index_brand li.active {
        width: auto;
        height: auto
    }
}
/*news*/
.flexBetween{display: -webkit-flex;display: flex;justify-content: space-between;flex-wrap: wrap;}
.indexTit .boxLeft .top h4{font-size: 40px;color: #333;}
.indexTit .boxLeft .top h5{font-size:24px;color: #666;margin-top: 1rem;font-weight:normal;}
@media screen and (max-width: 1366px){.indexTit .boxLeft .top h5{margin-top: 0rem;}} .indexTit .boxLeft .bot h6{font-size: 0.9rem;color: #999;margin-top: 0.1rem;}
.flexStart{display: -webkit-flex;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.indexTit .boxRight div p{width: 3.4375rem;height: 3.4375rem;border-radius: 50%;background:linear-gradient(to right, #08adfd, #7262f8);}
.indexNews{margin-top: -7.8125rem;position: relative;z-index: 1;}
.indexNews .box{position: relative;}
.indexNews .box .boxLeft{width: 42%;}
.indexNews .box .boxRight{width: 58%;box-sizing: border-box;background: #fff;padding: 0 4.375rem;}
.indexNews .box .boxRight .left{font-size: 1rem;color: #999;line-height: 7.8125rem;cursor: default;}
.indexNews .box .boxRight .right{width: 80%;margin-left: 5.625rem;}
.indexNews .box .boxRight .right .swiper-container{height: 7.8125rem;}
.indexNews .box .boxRight .right .swiper-container .swiper-slide{height: 7.8125rem;}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item{line-height: 7.8125rem;}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item .time{font-size: 1rem;color: #666;}
.indexNews .box .boxRight .right .swiper-container .swiper-slide .item .text{font-size: 1rem;color: #000;margin-left: 2.1875rem;width: 85%;}
.indexNews .box .boxBtn{position: absolute;right: 2.8125rem;top: 2.1875rem;}
.indexNews .box .boxBtn p{padding: 3px 0;outline: none;cursor: pointer;}
.indexNews .box .boxBtn p span{font-size: 1.125rem;color: #000;}
.indexNews .box .boxBtn p span:hover{color: #2067b9;}
.indexTit .boxLeft .bot{margin-top:0.5rem;}
.indexTit .boxLeft .bot h6{font-size: 0.875rem;color: #999;margin-top: 0.3125rem;}
.indexTit .boxRight{margin-top:1rem;}
.indexTit .boxRight div span{font-size: 1rem;color: #000;line-height: 3.4375rem;transition: all 0.3s;position: relative;left: -2.1875rem;}
.indexTit .boxRight a{display: inline-block;}
.indexTit .boxRight div span font{display: inline-block;width: 0.75rem;height: 0.125rem;background: #000;vertical-align: middle;margin-right: 0.7rem;}
.indexTit .boxRight div:hover span{left: -3.125rem;}
.news_bc{padding:5% 0 5% 0; margin:0% 0 0% 0;background: #f1f1f1 url(http://login.114my.cn/memberpic/chengnuo20459en/uploadfile/image/20250620/20250620153649_265572701.png) no-repeat right center;}
.news_c{overflow: hidden;}
.new_int{width:100%;display: inline-block;margin-top:30px;}
.ncl_li{width:58%;}
.ncl_li .news_div_item{width: 569px;position: relative;display: inline-block;height: 442px;transition: 0.5s; background:#f8f8f8;}
.ncl_li .news_div_item_date{position: absolute;bottom: 42px;left: 44px;color: #4a4a4a;text-align: center;}
.ncl_li .news_div_item_year,.ncl_li .news_div_item_month{font-size: 15px;display: inline-block;float: left;}
.ncl_li .news_div_item_day{font-size: 56px;font-weight: bold;float: left;display: inline-block;margin-top: -54px;margin-left: -66px;}
.ncl_li .news_div_item_content{position: absolute;bottom: 23px;right: 0;width: 430px;border-left: 1px solid #eee;padding-left: 24px; padding-right:24px;}
.ncl_li .news_div_item_title{display: block;margin-bottom: 15px;}
.ncl_li .news_div_item_a{color: #343434;font-size: 16px;line-height: 16px;}
.ncl_li .news_div_item_body{color: #757575c2;line-height: 24px;}
.ncl_li .news_div_item_pic{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 283px;overflow: hidden;}
.ncl_li .news_div_item_image{width: 100%;height:auto;transition: 0.5s;}
.new_call{width: 40%;}
.new_call .news_div{}
.new_call .news_div_item{background: #ddd;border: 1px solid #ddd;transition: 0.6s;padding:3%;position: relative;margin-bottom: 0.75vw;}
.new_call .news_div_item:nth-child(1){display: none;}
.new_call .news_div_item:hover {border: 1px solid #08adfd;transition: 0.6s;background: #fff;}
.new_call .news_div_item:hover .news_div_item_day{color: #08adfd;transition: 0.6s;}
.new_call .news_div_item:hover .news_div_item_a{color: #08adfd;transition: 0.6s;}
.new_call .news_div_item+.news_div_item{}
.new_call .news_div_item_date{display: inline-block;
    padding-top: 41px;
    background: linear-gradient(to right, #08adfd, #7262f8);
    width: 78px;
    height: 78px;
    text-align: center;}
.new_call .news_div_item_year{
    padding-left: 10px;}
.new_call .news_div_item_year,.new_call .news_div_item_month{font-size: 15px;
    display: inline-block;
    float: left;
    color: #fff;
    margin-top: 0px;
    transition: 0.6s;}
.new_call .news_div_item_day{font-size: 32px;
    font-weight: bold;
    float: left;
    display: inline-block;
    margin-top: -48px;
    transition: 0.6s;
    text-align: center;
    width: 100%;color: #fff;}
.new_call .news_div_item_content{float: right;width: 82%;padding-top:1%;}
.new_call .news_div_item_title{display: block;margin-bottom: 10px;}
.new_call .news_div_item_a{color: #343434;font-size: 16px;line-height: 16px;transition: 0.6s;}
.new_call .news_div_item_body{color: #757575c2;line-height:1.3;-webkit-line-clamp: 2;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.new_call .news_div_item_pic{display: none;}

.cer_call .slick-dotted.slick-slider{margin-bottom: 0px !important;}
.cer_call {position: relative;}
.cer_call ul { position: relative;}
.cer_call li {}
.cer_call li p {display:none;}
.cer_call li a {    overflow: hidden;}
.cer_call li a img {width:100%;height:auto;}
.cer_call .ban_dot {display: flex !important;background: rgba(51,51,51,0.5);width: 99%;position: absolute;bottom: 0px;left: 0;justify-content: center;align-items: center;height: 50px;}
.cer_call .ban_dot li {width: 6px;height: 6px;display: inline-block;background: #fff;margin: 0 1%;transition: 0.5s;}
.cer_call .ban_dot li.slick-active {background:#08adfd;width: 20px;}
.cer_call .ban_dot li button {font-size:0;border: none;outline: none;}
.cer_btn1 {}
.cer_btn1:hover i {}
.cer_btn1>i {cursor: pointer;font-size: 36px;color: #fff;display: flex;justify-content: center;align-items: center;bottom: 114px;position: absolute;}
.cer_btn1>i:first-child {left: 16px;}
.cer_btn1>i:last-child {right: 16px;}


/* bz */
.agency{display:flex;justify-content:space-between;align-items:center; padding:4% 0 0 0; position:relative;margin-top:-5%;z-index:99; margin-bottom:0%;}
/*hz*/
.cas_ic {width: 100%; margin: 0 auto;  position: relative; }
.cas_ic  .tempWrap{width:100% !important;}
.cas_ic *{display:block;}
.cas_ic td{width:calc((100% - 10rem) / 6);margin:0.6rem;float:left;padding-left:0px !important;}
.cas_ic td img{width:100%;height:auto;border-radius: 10px;}
.cas_ic tr td div{display: none;}
.cas_ic tr:nth-child(1) {width: 1300px; margin: 0 auto;}
.cas_ic tr:nth-child(2)  {width: 1300px; margin: 0 auto;}
.cas_ic tr:nth-child(3)  {width: 1300px; margin: 0 auto;}

.cas_bc{width: 100%; margin: 0 auto;  margin-top: 40px;}
.cas_bc:before {content:'';background: linear-gradient(to right,rgba(31,101,225,0.88) 50%,transparent);position:absolute;width: 10%;height:  100%;z-index: 1;top: 0;left:  0;}
.cas_bc:after {content:'';background: linear-gradient(to left,rgba(31,101,225,0.88) 0,transparent);position:absolute;width:  10%;height: 100%;z-index: 1; top: 0;right:  0;bottom: 0;}


.common_title.left .icon_title {
    margin: 2rem 0 0;
}
.common_title .cn {
    margin-top: 0rem;
position: relative;
}
.common_title .cn {
    font-size: 3rem;
    color: #fff;
    z-index: 3;
    text-align: left;
}
.fp-overflow {
    outline: 0;
    justify-content: flex-start;
    height: 100%;
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    display: block;
}
.fp-table {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.home_fullpage .section5 {
  overflow: hidden;
  background: url(http://login.114my.cn/memberpic/chengnuo20459en/uploadfile/image/20250620/20250620153410_1437834861.jpg) no-repeat center bottom;
  background-size: cover;
  padding: 10% 0;
  box-sizing: border-box;
}
.fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow>.fp-overflow {
overflow: hidden;
}
.home_fullpage .section5 .top {
  display: flex;
  justify-content: space-between;
}
.common_title.white .en {
    background-image: linear-gradient(to bottom, #fff, rgba(255,255,255,0.5));
    -webkit-background-clip: text;
    color: transparent;
    opacity: 0.2;
font-size: 4rem;
}
.home_fullpage .section5 .top .left .common_title {
  margin-top:1rem;
}
.home_fullpage .section5 .top .left .des {
  font-size: 1rem;
  line-height: 2;
  color: #ffffff;
  margin-top:2rem;
width: 100%;
}
.home_fullpage .section5 .top .right img {
  margin-top:1rem;
  width:50rem;
    opacity: 0.23;
}
.home_fullpage .section5 .partner_swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: -3rem;
  padding-bottom: 2rem;
}
.home_fullpage .section5 .partner_swiper .swiper-slide {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.home_fullpage .section5 .partner_swiper .swiper-slide .item {
  background-color: #fff;
  width: 19%;
  height: 0.6146rem;
  margin-right: 1%;
  margin-bottom: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home_fullpage .section5 .partner_swiper .swiper-slide .item img {
  width: 1.2292rem;
}
.home_fullpage .section5 .partner_swiper .swiper-slide .item:nth-child(5n) {
  margin-right: 0;
}
.home_fullpage .section5 .partner_swiper .swiper-pagination {
  text-align: left;
  bottom: 0 !important;
}


/* footer */
.footer {background: linear-gradient(180deg, #000000, #000 51%, #333 100%, #333 0); overflow: hidden;color: #333; position: relative; margin-top: -0%;}
.footer-content {width: 98%;margin: auto;position: relative;}
.footer-content-top {overflow: hidden;padding:3% 0 3% 0;}
.footer-left {float: left;width: 10%;}

.footer-logo .logox {max-width:320px;font-size:0;overflow:hidden}
.footer-logo .logox img{padding-right:2px;width:200px;}
.footer-logo .logox strong{display: block;font-size:28px; line-height:33px;color:#999; font-weight:lighter; font-family: "syh"; letter-spacing:16px;}
.footer-logo .logox dl{ font-size:16px; letter-spacing:1px; color:#adb2b7; line-height:26px;}
.footer-logo .logox dl en{color:#ababab;}

.footer-nav {float: right;width:100%;text-align: right;}
.footer-nav ul,.footer-nav li {list-style: none;margin: 0;padding: 0;}
.footer-nav ul {text-align: left;margin-left:3rem;overflow: hidden;display: inline-block;vertical-align: top;}
.footer-nav ul:first-child {margin-left: 0;}
.footer-nav .title-1 {font-weight: bold;}
.footer-nav li {margin-top:0.9rem;}
.font20{font-size: 20px; font-weight: normal;position: relative;display: flex; margin-bottom: 42px;color: rgba(255,255,255,1);}
.font20::after{content: ''; width: 10px; height: 2px; position: absolute;left: 0; top: 148%;background: #333;}
.flh30 {line-height: 26px;}
.font16 {font-size: 15px;color: rgba(255,255,255,0.5);}
.font16 a{color: #333;font-size: 17px;}

.footer-nav li a{display: block;color: rgba(255,255,255,0.4); font-size: 15px;}
.footer-nav li a:hover {color: #08adfd;}
.footer-nav .contact-1 {overflow: hidden;}
.footer-nav .contact-us-1 {color: rgba(255, 255, 255, 0.6);margin-top: 2rem;}
.footer-nav .contact-us-1 strong{font-weight: normal;}
.footer-nav .contact-us-1 p:first-child {padding: 0;margin: 0;}
.footer-content-bottom {border-top: 1px solid rgba(255,255,255,0.1);padding:2% 0 2% 0;position: relative;overflow: hidden;}
.footer-copy {color: rgba(255, 255, 255, 0.4);position: relative;}
.footer-copy a {color: rgba(255, 255, 255, 0.4);}
.footer-copy a:hover {color: #08adfd;}
.footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: rgba(255, 255, 255, 0.5);}
.footer-link a{color: rgba(255, 255, 255, 0.5);}
.footer-link li {list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;position: relative;width: 30px;height: 30px;margin-left: 15px;}
.footer-link .ewmshow-1 {background: #fff;padding: 5px;width: 90px;height: 90px;overflow: hidden;position: absolute;bottom: 100%;left: 50%;border-radius: 4px;margin-left: -50px;display: none;}
.footer-link li:hover .ewmshow-1{display: block;}

.footer-top-left {float: left; width: 24%;}
.footer-top-right {float: right;width:75%;}
.footer-logo {/*width: 27%;*/}
.footer-logo a{width: 100%;height: auto;display: block;}
.footer-logo img {display: block;}
.footer-logo .st0 {fill: #fff;}
.footer-contact {margin-top:20px;}
.footer-contact li{margin-bottom:9px; line-height:1.8;font-size:17px;color: #fff}
.footer-contact li b{font-size:30px;padding-top:6px; display: block;line-height:1.2;background: linear-gradient(270deg, #6ab4f1, #2864de);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-family: 'MiSans-Bold';}
.footer-contact .contact-1 span{    display: block;font-size:13px;color: #999;}
.footer-contact .contact-1 i{font-size:15px;padding-right:5px; color: #666;}
.footer-social {margin-top:60px;} 
.footer-social li {display: inline-block;vertical-align: middle;margin-right:18px;position: relative;}
.footer-social li:first-child {margin-left: -.3%;}
.footer-social li a{position: relative;display: block;width: 2rem;height: 2rem;opacity: .3;}
.footer-social li a:hover {opacity: 1;}
.footer-social li:hover .ewmshow-1{display: block;}

.footer-copy,.footer-content-bottom a{color:(255,255,255,0.4);font-size:15px; line-height: 1.4;}
.footer-content-bottom a:hover {color: #222;}

.social {padding-top:0px;clear: both;}
.social a { position: relative; font-size: 13px; color: #666; display: inline-block; line-height: 25px; transition:0.3s all ease-in-out; float: left;display: block;margin-right:16px; margin-top:18px;background: #333;padding: 2.5% 2.5%;border-radius: 20px;}
.social a img{ display: block}
.social a i{font-family: 'iconfont'; font-size: 16px; color: #999;}
.social a:hover{}
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -43px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }
.social .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px; left: 52.5px; }
.social .ewm img { display: block; width: 100%; height:auto; }
.saj-footer .bottom{clear: both;padding:30px 0;overflow: hidden;font-size: 12px;color: #999;order-top: 1px solid #313131;}
.saj-footer .bottom a{color: #999; font-size:16px;}
.saj-footer .bottom .left{color: #999; font-size:16px;}
.left .tel div{color:#999; font-size:16px; line-height:25px;}

.ft-bottom{padding:7px 0;}
.ft-bottom .copyright{float: left;font-size: 15px;color: rgba(255, 255, 255, 0.4);}
.ft-bottom .copyright p{color: rgba(255, 255, 255, 0.4);}
.ft-bottom .copyright span{display: inline-block; color: rgba(255, 255, 255, 0.4);}
.ft-bottom .copyright a{color: rgba(255, 255, 255, 0.4); font-weight:normal; font-size: 15px;}
.ft-bottom .copyright a:hover{color: #fff;text-decoration: underline;}

.floating_ck{ position:fixed; right:0; top:39%; z-index:1111;}
.floating_ck dl dd{ position:relative; width:92px; height:70px; background-color:#002eeb; border-bottom:solid 1px #0d28c7; text-align:center; background-repeat:no-repeat; background-position:center 20%; cursor:pointer; border-radius:8px; margin-bottom: 1px;padding-top: 10px;}
.floating_ck dl dd:hover{ background-color:#0d28c7; border-bottom:solid 1px #0d28c7; }
.floating_ck dl dd:hover .floating_left{ display:block; }
.floating_ck dd span,.floating_ck dd a{ color: #fff; display: block; font-size: 13px; line-height: 30px; }
.floating_ck dd span, .floating_ck dd i{color: #fff; font-size: 28px;line-height: 1.2;}
.floating_ck dd span, .floating_ck dd span{font-size: 11px;}
.floating_left{ position:absolute; left:-160px; top:0px; width:160px; height:70px; background-color:#fff; border-bottom:solid 1px #fff; display:none; }
.floating_left b{ color:#333; line-height:30px; }
.floating_ewm {height: 200px;top: -59px;}
.floating_ewm i{ display:block; width:145px; height:145px; margin:auto; margin-top:7px; }
.floating_ewm i img{ width: 100%; height: auto; }
.floating_ewm p{ color:#333; margin:5px 0 10px; font-size: 14px; }
.floating_ewm .qrcord_p01{ font-size:14px; line-height:20px; }
.qrcord_p02{ font-size:14px; line-height:70px; color:#fff; }
.qrcord_p02 b{font-size:16px; line-height:26px; margin-top:10px;}
.return {
    background-image: url(http://login.114my.cn/memberpic/chengnuo20459en/uploadfile/image/20250620/20250620152737_1992605876.png);padding-top: 47px !important;}

.top .swiper-button-next{background:url(http://login.114my.cn/memberpic/chengnuo20459en/uploadfile/image/20250620/20250620152823_840998330.png) no-repeat center!important;background-size: 60% !important;}
.top .swiper-button-prev {background:url(http://login.114my.cn/memberpic/chengnuo20459en/uploadfile/image/20250620/20250620152848_1213551492.png) no-repeat center !important;background-size: 60% !important;}