@charset "UTF-8";
@font-face {
  font-family: 'AvantGardeGothicC';
  src: url('./AvantGardeGothicC-Demi.otf') format("opentype");
}
@font-face {
  font-family: 'BEBAS';
  src: url('./BEBAS__.TTF') format("truetype");
}
@font-face {
  font-family: 'FZLTHJW';
  src: url('./FZLTZHJT.TTF') format("truetype");
}
@font-face {
  font-family: 'MagicalSignaturePersonaluse';
  src: url('./magical-signature-personaluse-2.otf') format("opentype");
}
@font-face {
  font-family: 'FZLTZHK';
  src: url('./FZLTZH_GBK.TTF') format("truetype");
}
html,body {font-family:"FZLTHJW";}
a{text-decoration:none;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
img{width:100%;}
.w1720 {max-width:1600px;width: 88%;margin: 0 auto;position: relative;font-size: 0;}
.left{float:left;}
.right{float:right;}
.clearf{clear:both;}
.head{position:relative;z-index:2;}
header{width:100%;position:absolute;top:0;}
header .header {width: 100%;display: flex;justify-content: space-between;transition: all ease 0.5s;align-items: center;}
header .hel {display: inline-block;vertical-align: middle;width: auto;}
header .hem {display: inline-block;vertical-align: middle;flex: 1;transition: all ease 0.5s;}
header .logm {width: 1.34rem;font-size: 0;display: inline-block;vertical-align: middle;}
header .logm .logo {width: 100%;overflow: hidden;transition: all ease 0.5s;display: inline-block;vertical-align: middle;}
header .logm .logo a,header .logm .logo img {width: 100%;display: block;}
header nav {width: 100%;display: block;text-align: center;}
header nav .natem {width: auto;display: inline-block;vertical-align: middle;position: relative;text-align: center;}
header nav .natem .nas {width: auto;display: inline-block;position: relative;margin: 0 0.2rem;}
header nav .natem .nas a {display: inline-block;line-height: 1rem;color: #fff;position: relative;padding: 0 0.2rem;}
header nav .natem .nas:after {content: ' ';position: absolute;left: 50%;bottom: 0rem;transform: translateX(-50%);opacity: 0;width: 100%;height: 3px;background-color: rgb(155 156 156 / 20%);transition: all ease 0.5s;width: 0;display: none;}
header nav .natem .navuls {width: 2.2rem;width: 1.8rem;position: absolute;z-index: 101;left: calc(50%);top: 100%;transform: translateX(-50%);background:none;display: none;}
header nav .natem .navuls ul {width: 100%;}
header nav .natem .navuls ul li {width: 100%;position: relative;}
header nav .natem .navuls ul li .njm {width: 100%;font-size: 0;background:none;}
header nav .natem .navuls ul li .ns {width: 100%;display: inline-block;vertical-align: middle;line-height: 3;color: #fff;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 0.1rem;position: relative;text-align: center;background:none;}
header nav .natem .navuls ul li .theul {width: 100%;background-color: #fff;display: none;}
header nav .natem .navuls ul li .theul li {width: 100%;font-size: 0;}
header nav .natem .navuls ul li .theul li .xn {display: inline-block;vertical-align: middle;color: #333;line-height: 2.5;padding: 0 0.2rem;}
header nav .natem .navuls ul li .theul li .xn:hover {color: #333;}
header nav .natem .navuls ul li:hover .ns {background-color: var(--themes);color:#DD334F;;}
header nav .natem .navuls ul li.has-the:after {content: "+";display: inline-block;width: 36px;height: 36px;line-height: 36px;text-align: center;position: absolute;background: none;right: 0;left: auto;transform: translateX(0);top: 0.05rem;font-size: 20px;color: #333;border: none;display: none;}
header nav .natem .navuls ul li.has-the.show:after {content: "-";}
header nav .natem .longul {position: absolute;top: calc(0.9rem + 0.35rem + 0.2rem);top: 100%;left: 0;right: 0;background: rgba(255, 255, 255, 0.9);width: 100%;box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.06);z-index: 50;display: none;padding: 0.5rem 0;}
header nav .natem .longul .longm {width: 100%;font-size: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
header nav .natem .longul .longm .lgl {display: inline-block;vertical-align: middle;width: calc(600 / 1720 * 100%);}
header nav .natem .longul .longm .lgl .imgs {width: 100%;position: relative;overflow: hidden;}
header nav .natem .longul .longm .lgl .imgs .img {width: 100%;padding-top: 60%;transition: all ease 0.5s;}
header nav .natem .longul .longm .lgl .imgs:hover .img {transform: scale(1.1);}
header nav .natem .longul .longm .lgl a {width: 100%;display: block;}
header nav .natem .longul .longm .lgr {display: inline-block;vertical-align: middle;width: calc(1000 / 1720 * 100%);}
header nav .natem .longul .longm .lgr .lgrlist {width: 100%;font-size: 0;text-align: left;}
header nav .natem .longul .longm .lgr .lgrlist .lgam {display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom: 0.2rem;}
header nav .natem .longul .longm .lgr .lgrlist .lgam a {width: 100%;display: block;font-size: 0;}
header nav .natem .longul .longm .lgr .lgrlist .lgam .gc {display: inline-block;vertical-align: middle;width: 0.6rem;height: 0.6rem;margin-right: 0.2rem;}
header nav .natem .longul .longm .lgr .lgrlist .lgam .gc img {width: 100%;display: block;}
header nav .natem .longul .longm .lgr .lgrlist .lgam .gms {display: inline-block;vertical-align: middle;width: calc(100% - 0.6rem - 0.2rem);}
header nav .natem .longul .longm .lgr .lgrlist .lgam .gm {width: 100%;color: #333;line-height: 1.5;max-height: 3em;}
header nav .natem .longul .longm .lgr .lgrlist .lgam:hover .gm {color: var(--themes);}
header nav .natem .longul .longm .lgr .lgrlist .lgam:nth-child(3n) {margin-right: 0;}
header nav .natem.has-nav .nas .xs {display: inline-block;}
header nav .natem.on .nas a {color:#DD334F;}
header nav .natem.on .nas .xs img:first-child {display: none;}
header nav .natem.on .nas .xs img:last-child {display: block;}
header nav .natem:hover .nas a {color:#DD334F;}
header nav .natem:hover .nas .xs img:first-child {display: none;}
header nav .natem:hover .nas .xs img:last-child {display: block;}
header .tell {display: inline-block;vertical-align: middle;width: auto;}
header .tell .tc {display: inline-block;vertical-align: middle;width: 0.4rem;height: 0.4rem;border-radius: 50%;margin-right: 0.1rem;}
header .tell .tc img {width: 100%;display: block;}
header .tell .tum {display: inline-block;vertical-align: middle;width: auto;color: #fff;line-height: 1.5;}
.banner {width: 100%;}
.banner .swiper-slide {width: 100%;position: relative;}
.banner .swiper-slide .imgs {width: 100%;position: relative;}
.banner .swiper-slide .imgs .img {width: 100%;padding-top: 36.95%;}
.sybanner .swiper-slide .imgs .img {width: 100%;padding-top: 48.95%;}
.banner .swiper-slide .box {position: absolute;left: calc(100 / 1920 * 100%);top: 20%;transform: translateY(-50%);width: 8.6rem;max-width: 90%;z-index: 3;}
.banner .swiper-slide .box .em {width: 100%;color: #fff;line-height: 1.2;font-weight: bold;font-family: 'MiSans-Demibold';}
.banner .swiper-slide .box .em p {color: #fff;line-height: 1.2;}
.banner .swiper-slide .box .cm {width: 100%;color: #fff;line-height: 1.2;font-weight: bold;font-family: 'MiSans-Demibold';}
.banner .swiper-slide .box .cm p {color: #fff;line-height: 1.2;}
.banner .swiper-slide .videoc {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 4;background-color: rgba(0, 0, 0, 0.3);opacity: 1;transition: all ease 0.5s;z-index: 5;}
.banner .swiper-slide .videoc .vom {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
/*走进咔咔福*/
.walkbgimg{width: 100%;background-size: cover; background-position: center; background-repeat: no-repeat; background:url(../images/bg1.png) no-repeat;}
.walks .w1720 .walkm {width: 100%;font-size: 0;display: flex;}
.walks .w1720 .walkm .imgs {display: inline-block;vertical-align: middle;width: calc(1121 / 1753 * 100%);}
.walks .w1720 .walkm .imgs .img {width: 100%;}
.walks .w1720 .walkm .ltem {display: inline-block;vertical-align: middle;width: calc(578 / 1753 * 100%);position:inherit;margin-right:calc(54 / 1753 * 100%);}
.walks .w1720 .walkm .ltem .sinp {width: 100%;color: #666;text-align: justify;}
.walks .w1720 .walkm .ltem .sinp p {font-size:calc(17 * 1rem / 100);font-family: "FZLTHJW";font-weight: normal;text-align: left;color: #626262;line-height:calc(32 * 1rem / 100);}
@media(max-width:1200px){
    .walks .w1720 .walkm .ltem .sinp p {font-size:calc(15 * 1rem / 100);font-family: "FZLTHJW";font-weight: normal;text-align: left;color: #626262;line-height:calc(28 * 1rem / 100);}
}



.walks .w1720 .walkm .ltem .more{position:absolute;bottom:0px;}
.modular {margin:0px auto;margin-top:calc(30 * 1rem / 100);}
.mitop {width: 100%;font-size: 0;margin-bottom: 0.4rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.mitop .mol {width: auto;display: inline-block;vertical-align: middle;}
.mitop .em {width: 100%;font-size:calc(39 * 1rem / 100);font-family:"MagicalSignaturePersonalUse";font-weight: 400;text-align: center;color: #dd334f;margin-bottom:calc(2 * 1rem / 100);}
.mitop .cm {font-size:calc(49 * 1rem / 100);font-family: "FZLTZHK";color: #252b3a;}
.mitop .mor {width: auto;display: inline-block;vertical-align: middle;font-size: 0;}
.mitop .mitem {display: inline-block;vertical-align: middle;width: auto;}
.mitop .mitem .mitm {display: inline-block;vertical-align: middle;border: solid 1px #111;color: #111;line-height: 3;border-radius: 1.5em;min-width: 1.8rem;text-align: center;cursor: pointer;padding: 0 0.14rem;}
.mitop .mitem .mitm:hover,.modular .mitop .mitem .mitm.on {background-color: var(--themes);color: #fff;border: solid 1px var(--themes);}
.mitop .mitem .mitm+.mitm {margin-left: 0.1rem;}
.mivop {width: 100%;margin-bottom: 0.4rem;}
.mivop .miv {width: 100%;color: #111;font-weight: bold;font-family: 'MiSans-Demibold';line-height: 1.5;text-align: center;}
.mivop .lx {display: block;margin: 0.2rem auto 0;background-color: var(--themes);width: 0.35rem;height: 0.04rem;}
.more a {display: inline-block;vertical-align: middle;color: #626262;line-height:calc(50 * 1rem / 100);padding: 0 calc(22 * 1rem / 100) 0.03rem calc(33 * 1rem / 100);border-radius:27.5px;border: solid 1px #626262;}
.more a span {width: 31px;display: inline-block;vertical-align: middle;margin-left:calc(18 * 1rem / 100);}
.more a span img {width: 100%;display: block;image-rendering: -webkit-optimize-contrast;image-rendering: auto;}
.more a:hover {background-color: var(--themes);border: solid 1px var(--themes);color: #626262;border-radius:27.5px;border: solid 1px #626262;}}
.more a:hover span img:first-child {display: none;}
.more a:hover span img:last-child {display: block;}

.kejzcont{padding:8% 3% 5%;height:15%;background: rgba(37, 43, 58, 0.5);}
.kejzcont .kejzimg{width: calc(65 / 293 * 100%);margin-right: calc(15 / 293 * 100%);}
.kejzcont .kejzimg img{}
.kejzwz{}
.kejzwz p{font-family:"FZLTZHK";font-size:calc(14* 1rem / 100);color:#fff;line-height:calc(14* 1rem / 100);}
.kejzwz p.kejzhz{font-family:"FZLTZHK";font-size:calc(16* 1rem / 100);margin-bottom:calc(14* 1rem / 100);margin-top:3.5%;}
.active .kejzcont{padding:8% 5% 5%;height:20%;margin-right: calc(20 / 293 * 100%);}
.active .kejzcont .kejzimg{width: calc(75 / 320 * 100%);margin-right: calc(25 / 320 * 100%);}
.active .kejzcont .kejzimg img{height:80px;width:auto;}
.active .kejzwz{}
.active .kejzwz p{font-size:calc(18* 1rem / 100);line-height:calc(20* 1rem / 100);}
.active .kejzwz p.kejzhz{font-size:calc(20* 1rem / 100);margin-bottom:calc(20* 1rem / 100);}
@media(max-width:1400px){
.kejzcont3 .kejzimg{margin-right: calc(10 / 293 * 100%);}
}

/*****----走进咔咔福栏目-----******/
.w1860{width:94%;margin-left:6%;}
.fzlccont{padding-bottom:calc(160 * 1rem / 100);}
.fzlchead{}
.walkbgimg{width: 100%;background-size: cover; background-position: center; background-repeat: no-repeat; background:url(../images/bg1.png) no-repeat;}
.flzcwalks .w1860 .flzcwalkm {width: 100%;display: flex;flex-wrap: wrap;/*align-items: center;*/justify-content: space-between;/*flex-direction: row-reverse;*/}
.flzcwalks .w1860 .flzcwalkm .flzcimg {display: inline-block;vertical-align: middle;width: calc(887 / 1826 * 100%);}
.flzcwalks .w1860 .flzcwalkm .flzcimg img {width: 100%;}
.flzcwalks .w1860 .flzcwalkm .flzccont {display: inline-block;vertical-align: middle;width: calc(896 / 1826 * 100%);position:inherit;}
.flzctit {width: 100%;font-size: 0;margin-bottom: 0.5rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.flzctit .flzcyw {width: 100%;font-size:calc(39 * 1rem / 100);font-family: "MagicalSignaturePersonalUse";font-weight: 400;color: #dd334f;}
.flzctit .flzczw {font-size:calc(48 * 1rem / 100);font-family:"FZLTZHK";color: #252b3a;}
.flzcwalks .w1860 .flzcwalkm .flzccont .flzcmain {width: 100%;color: #666;text-align: justify;}
.flzcwalks .w1860 .flzcwalkm .flzccont .flzcmain p {font-size:calc(16 * 1rem / 100);font-family: "FZLTHJW";font-weight: normal;text-align: left;color: #626262;line-height:calc(26 * 1rem / 100);}
.flzcwalks .w1860 .flzcwalkm .flzccont .flzcmain p.zjkkfdl{margin-bottom:calc(22 * 1rem / 100);}
/**集团文化**/
.jtwhcont{padding-bottom:calc(160 * 1rem / 100);width: calc(807 / 1826 * 100%);}
.jtwhmain{margin-top:calc(40 * 1rem / 100);}
.jtwhsec{border-bottom: 2px dashed #dd334f;padding-bottom: calc(35* 1rem / 100);padding-top: calc(35* 1rem / 100)}
.jtwhse1{border-top: 2px dashed #dd334f;}
.jtwhtb{width:80px;margin-right:calc(50 * 1rem / 100)}
.jtwhmi{width: calc(150 / 807* 100%);}
.jtwhmieng{color:#dd334f;font-size:calc(38 * 1rem / 100);font-family: "BEBAS";}
.jtwhmicin{color:#252B3a;font-size:calc(28 * 1rem / 100);font-family: "FZLTHJW";font-weight:600;}
.jtwhcn{margin-left:calc(50 * 1rem / 100);color:#252b3a;font-size:calc(16 * 1rem / 100);font-family: "FZLTHJW";}
.jtwhcn p{height:calc(32 * 1rem / 100);line-height:calc(32 * 1rem / 100);}

/**集团板块**/
.branchs {width: 100%;padding:0.6rem 0;background-color: #fff;}
.branchs .branclis {width: 100%;font-size: 0;}
.branchs .branclis .bitm {display: inline-block;vertical-align: middle;position: relative;margin-bottom: 0.1rem;margin-right: calc(9 / 1720 * 100%);width: calc(855 / 1720 * 100%);}
.branchs .branclis .bitm a {width: 100%;display: block;}
.branchs .branclis .bitm .imgs {width: 100%;position: relative;overflow: hidden;}
.branchs .branclis .bitm .imgs .img {width: 100%;padding-top: 75%;transition: all ease 0.5s;}
.branchs .branclis .bitm .vom {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: flex-end;padding: 0.3rem;}
.branchs .branclis .bitm .vom .vt {width: 100%;color: #fff;line-height: 1.5;}
.branchs .branclis .bitm .vom .xn {width: 100%;color: #fff;line-height: 1.5;margin-top: 0.05rem;}
.branchs .branclis .bitm:hover .imgs .img {transform: scale(1.1);}
.branchs .branclis .bitm:nth-child(3n + 1) {width: 100%;margin-right: 0;}
.branchs .branclis .bitm:nth-child(3n + 1) .imgs .img {padding-top: 44.85%;}
.branchs .branclis .bitm:nth-child(3n + 3) {margin-right: 0;}

/***发展历程栏目****/
.histper {width: 100%;padding-bottom:calc(50 * 1rem / 100);}
.histper .swiper-slide {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:calc(50 * 1rem / 100);padding-bottom:calc(40 * 1rem / 100);}
.histper .swiper-slide .imgs {display: inline-block;vertical-align: middle;width: calc(958 / 1726 * 100%);position: relative;overflow: hidden;}
.histper .swiper-slide .imgs .img {width: 100%;padding-top: 60%;}
.histper .swiper-slide .rem {display: inline-block;vertical-align: middle;width: calc(704 / 1726 * 100%);margin-right:calc(64 / 1726 * 100%);}
.histper .swiper-slide .rem .xit {width: 100%;color:#252B3A;font-family:"BEBAS";font-weight: bold;font-size:calc(90 * 1rem / 100);margin-bottom:calc(60 * 1rem / 100);}
.histper .swiper-slide .rem .xip {width: 100%;margin: 0.1rem 0;color:#DD334F;line-height: 1.4;font-family:"BEBAS";font-weight: bold;font-size:calc(70 * 1rem / 100);}
.histper .swiper-slide .rem .xic{width: 100%;margin: 0.1rem 0;font-family:"FZLTZHK";font-weight:600;color:#252B3A;line-height: 1.4;font-size:calc(35 * 1rem / 100);margin-bottom:calc(60 * 1rem / 100);}
.histper .swiper-slide .rem .xinp {width: 100%;color: #6c6c6c;line-height:calc(32 * 1rem / 100);font-size:calc(16 * 1rem / 100);}
.histper .swiper-slide .rem .xinp p {color: #333;line-height:calc(32 * 1rem / 100);font-size:calc(18 * 1rem / 100);}
.histper .swiper-slide .rem .xinp span{color:#DD334F;}
.histper .swiper-slide .rem .btns {width: 100%;font-size: 0;margin-top: 0.7rem;}
.histper .swiper-slide .rem .btns .btn {z-index: 5;width: 0.6rem;height: 0.6rem;border-radius: 50%;cursor: pointer;display: inline-block;vertical-align: middle;background-color: #fff;transition: all ease 0.5s;}
.histper .swiper-slide .rem .btns .btn img {width: 100%;display: block;}
.histper .swiper-slide .rem .btns .btn img:first-child {display: block;}
.histper .swiper-slide .rem .btns .btn img:last-child {display: none;}
.histper .swiper-slide .rem .btns .btn:hover {background-color: var(--themes);}
.histper .swiper-slide .rem .btns .btn:hover img:first-child {display: none;}
.histper .swiper-slide .rem .btns .btn:hover img:last-child {display: block;}
.histper .swiper-slide .rem .btns .br {margin-left: 0.2rem;}
.histper .swiper-scrollbar-drag {background-color: var(--themes);}
/***国际贸易****/
.gjmywalks .w1720 .gjmywalkm {width: 100%;display: flex;flex-wrap: wrap;/*align-items: center;*/justify-content: space-between;/*flex-direction: row-reverse;*/}
.gjmywalks .w1720 .gjmywalkm .gjmyimg {display: inline-block;vertical-align: middle;width: calc(817 / 1677 * 100%);}
.gjmywalks .w1720 .gjmywalkm .gjmyimg img {width: 100%;}
.gjmywalks .w1720 .gjmywalkm .gjmycont {display: inline-block;vertical-align: middle;width: calc(723 / 1677 * 100%);position:inherit;}
.flzctit {width: 100%;font-size: 0;margin-bottom: 0.5rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}

.gjmywalks .w1720 .gjmywalkm .gjmycont .gjmymain {width: 100%;color: #666;text-align: justify;margin-bottom:calc(75 * 1rem / 100);padding-top:calc(85 * 1rem / 100)}
.gjmywalks .w1720 .gjmywalkm .gjmycont .gjmymain p {font-size:calc(18 * 1rem / 100);font-family: "FZLTHJW";font-weight: normal;text-align: left;color: #626262;margin-bottom:calc(25 * 1rem / 100);line-height:calc(20 * 1rem / 100);}
.gjmywalks .w1720 .gjmywalkm .gjmycont .gjmymain p.h35{margin-bottom:calc(55 * 1rem / 100);}


.gjmywalks .w1720 .myct .gjmyimg {height:calc(600* 1rem / 100);overflow:auto;}
.gjmywalks .w1720 .myct .gjmycont {height:calc(600* 1rem / 100);}
/*.gjmywalks .w1720 .gjmywalkm .myleft{width: calc(673 / 1589 * 100%);margin-right:calc(49 / 1589 * 100%);}
.gjmywalks .w1720 .gjmywalkm .myright{width: calc(867 / 1589 * 100%);}*/

.gjmywalks .w1720 .gjmywalkm .yyjyl{height:calc(520* 1rem / 100);overflow:hidden;width: calc(783 / 1589 * 100%);margin-right:calc(49 / 1589 * 100%);}
.gjmywalks .w1720 .gjmywalkm .yyjyl img{height:100%;width:auto;}
.gjmywalks .w1720 .gjmywalkm .yyjyr{height:calc(520* 1rem / 100);overflow:hidden;width: calc(757 / 1589 * 100%);}
.yyjyr .more{position:absolute;bottom:0px;}



/****母婴育儿内页****/
.conttit{width:100%;height:230px;background:#cb4742;}
.conttit ul{width:80%;margin:0px auto;}
.conttit ul li{float:left;width:25%;text-align:center;margin:0px auto;line-height:230px;}
.conttit ul li img{height:111px;width:auto;}
.contye ul li{width:33.33%;float:left;}
.wjcont{width:80%;margin:0px auto;padding-top:46px;padding-bottom:18px;}
.wjcont ul li{width:30%;float:left;margin-bottom:28px;margin-right:5%;}
.wjcont ul li:nth-child(3n){margin-right:0px;}
/***音乐教育内页***/
.yyjyecont{width:80%;margin:0px auto;}
.yyjyeonecont{width:49.5%;}
.yyjyeonecont p{font-size:calc(18 * 1rem / 100);line-height:38px;color:#626262;}
.music-title {width:49%;
      /* 字体选择（接近示例的无衬线粗体） */
      font-family: "MagicalSignaturePersonalUse";
      font-size:calc(105 * 1rem / 100);
      /* 文字行高（让MUSIC和EDUCATION分行） */
      line-height: 1;
      /* 核心：文字渐隐效果（从红色到透明） */
      background: linear-gradient(to bottom, #DD334F, rgba(230, 57, 80, 0));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      text-align:right;
}
.music-imgcont{margin-top:calc(45 * 1rem / 100);}
.music-imgcont li{width:49.5%;margin-right:0.5%;float:left;border-radius: 30px;text-align: center;}
.music-imgcont li:nth-child(2n){margin-right:0px;}
.music-imgcont li p{font-size:calc(22 * 1rem / 100);line-height:77px;font-family: "FZLTHJW";color: #dd334f;}
.music-imgcont li p.yyjyebl{color:#626262;}
.yyjyesection2{margin-top:50px;}
.musicse2{width:50%;margin-right:0.5%;font-size:calc(16 * 1rem / 100);line-height:32px;color:#626262;}
.music-img7{width:48%;}
.music8{margin-top:80px;margin-bottom:80px;}
.musicdown{height:86px;line-height:66px;margin:0px auto;font-size:calc(25 * 1rem / 100);background:#ddd;padding:10px 5%;}
.musicdown a{color:#626262;}
.musicdown img{width:66px;}

/****国际贸易内页***/
.gjmyecont{width:90%;margin:0px auto;padding-bottom:calc(200 * 1rem / 100)}
.gjmyeonecont{width:49.5%;}
.gjmyeonecont p{font-size:calc(18 * 1rem / 100);line-height:38px;color:#626262;}
.gjmy-title {width:49%;text-align:right;
      /* 字体选择（接近示例的无衬线粗体） */
      font-family: "MagicalSignaturePersonalUse";
      font-size:calc(105 * 1rem / 100);
      /* 文字行高（让MUSIC和EDUCATION分行） */
      line-height: 1;
      /* 核心：文字渐隐效果（从红色到透明） */
      background: linear-gradient(to bottom, #DD334F, rgba(230, 57, 80, 0));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
}
.gjmyesection1{margin-bottom:calc(15 * 1rem / 100);}
.gjmyesection2{margin-top:calc(25 * 1rem / 100);}
.gjmyese2{width:50%;margin-right:0.5%;font-size:calc(18 * 1rem / 100);line-height:36px;color:#626262;margin-top:calc(65 * 1rem / 100)}
.gjmye-img11{width:48%;}
.gjmyecont ul li{float:left;margin-bottom:12px;}
.w432{width:calc(432 / 1750 * 100%);}
.w646{width:calc(646 / 1750 * 100%);}
.gjmyeul1 li{margin-right:calc(13 / 1750 * 100%);}
.gjmyeul1 li:nth-child(3n){margin:0px;}
.gjmyeul2 li{width:calc(427 / 1750 * 100%);margin-right:calc(14 / 1750 * 100%);float:left;}
.gjmyeul2 li:nth-child(4n){margin:0px;}
.gjmye11{margin-top:calc(39 * 1rem / 100)}
.gjmyesection3{margin-top:calc(45 * 1rem / 100);margin-bottom:calc(30 * 1rem / 100);}
.gjmye-img12{width:calc(1049 / 1750 * 100%);}
.gjmyese3{text-align:right;font-size:calc(18 * 1rem / 100);line-height:36px;color:#626262;margin-top:calc(20 * 1rem / 100)}
.gjmyeh{margin-top:calc(36 * 1rem / 100);}

/***联系我们****/
.lxwmmain{padding-bottom:calc(160 * 1rem / 100);margin-top:calc(153* 1rem / 100);}
.lxwmimg {width: calc(999 / 1725 * 100%);}
.lxwmimg img {width: 100%;}
.lxwmcont {width: calc(609 / 1725 * 100%);}
.lxwmse1{border-bottom: 2px dashed #252b3a;padding-bottom:calc(20* 1rem / 100);}
.lxwmse2{border-bottom: 2px dashed #252b3a;margin-top:calc(20* 1rem / 100);padding-bottom:calc(20* 1rem / 100);}
.lxwmse3{margin-top:calc(30* 1rem / 100);}
.lxwmtb{font-size:calc(25* 1rem / 100);color:#252B3A;font-family:"FZLTHJW";}
.lxwmcont img{width:30px;margin-right:15px;}
.lxdh,.lxdz,.sean{margin-left:45px;color:#252B3A;margin-top:calc(15* 1rem / 100)}
.lxdh{font-size:calc(22* 1rem / 100);line-height:30px;font-family:"AvantGardeGothicC, AvantGardeGothicC-Demi";}
.lxdz{font-size:calc(16* 1rem / 100);line-height:30px;}
.sean{font-size:calc(26* 1rem / 100);line-height:30px;font-family:"AvantGardeGothicC, AvantGardeGothicC-Demi";}
.seant{margin-right:calc(27* 1rem / 100);width:calc(145 / 508 * 100%);}
.seantel p{font-size:calc(16* 1rem / 100);font-family: "FZLTHJW";line-height:20px;letter-spacing: 0.96px;color: #252b3a;}
.gytel p{font-size:calc(18* 1rem / 100);font-family: "FZLTHJW";line-height:30px;letter-spacing: 0.96px;color: #252b3a;}
.gyt{margin-right:calc(27* 1rem / 100);width:calc(145 / 508 * 100%);font-family: "FZLTHJW";}


/***人才建设***/
.rcjsmain p{font-family:" FZLTHJW";font-size:calc(16 * 1rem / 100);font-weight: normal;text-align: left;color: #626262;margin-bottom:calc(18 * 1rem / 100);line-height:calc(28 * 1rem / 100);}
.rcjsmain ul li{width:33%;float:left;margin-right:0.5%;margin-bottom:calc(8 * 1rem / 100);}
.rcjsmain ul li:nth-child(3n){margin-right:0px;}

/***招贤纳士***/
.znmain{width:90%;margin:0px auto;}
.znmain p.joy{font-size:calc(49 * 1rem / 100);;margin:0px auto;text-align:center;font-family:" FZLTHJW";width:100%;display:block;height:line-height:calc(25* 1rem / 100);}
.znmain p.joy span{color:#DD334F;}
.znmain p.rzzw{font-size:calc(32 * 1rem / 100);width:100%;text-align:left;margin-top:45px;margin-bottom:60px;}

.zncont{width:90%;margin:0px auto;}
.zncont .mitm{float:left;width:calc(355 / 1444 * 100%);margin-right:calc(8 / 1444 * 100%);text-align:center;height:57px;line-height:57px;border: 1px solid #252b3a;border-radius: 30px;font-size:20px;}
.zncont .mitm:nth-child(4n){margin-right:0px;}
.zncont .mitm img{height:28px;width:auto;margin-right:20px;}
.zncont .mitm img.white{display:none;}
.zncont .mitem .on{background:#DD334F;color:#fff;border: 1px solid #DD334f;;border-radius: 30px;}
.zncont .mitem .on .black{display:none;}
.zncont .mitem .on .white{display:inline-block;}
.actiom .atom{display:none;}
.actiom .on{display:inline-block;width:100%;}
.actiom .on .cpyfzw{margin-top:85px;margin-bottom:50px;color:#626262;}
.actiom .on .cpyfcwhidden{display: none;}
.actiom .on .cpyfzw img.zxnsjt{width:15px;float:right;}
.actiom .on{font-size:calc(20 * 1rem / 100);}
.actiom .on .cpyfzw img{width:26px;margin-right:13px;}
.actiom .on .gwzy{margin-top:28px;margin-bottom:28px;color:#626262;}
.actiom .on .gwzy:before {
	/* 生成圆点伪元素 */
	content: "";
      /* 圆点形状+大小 */
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      /* 圆点颜色（示例是红色，可替换） */
      background-color: #DD334F;
      /* 圆点与文字的间距 */
      margin-right: 6px;
      /* 对齐文字基线（避免错位） */
      vertical-align: middle;
}
.actiom .on p{color:#626262;line-height:32px;font-size:16px;}
.actiom .on .cpyftit{color:#252B3A;}



/****底部****/
footer {width: 100%;background:url(../images/bg3.png);}
footer .ftop {width: 100%;background:url(../images/bg3.png);}
footer .fop {width: 100%;padding: 0.8rem 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
footer .fop .fol {display: inline-block;vertical-align: top;width: calc(350 / 1720 * 100%);}
footer .fop .fol .fogo {width: 100%;font-size: 0;}
footer .fop .fol .fogo a {display: inline-block;vertical-align: middle;width: 1.73rem;}
footer .fop .fol .fogo a img {width: 100%;display: block;}
footer .fop .fol .tel {width: 100%;font-size: 0;margin: 0.2rem 0;}
footer .fop .fol .tel .tc {display: inline-block;vertical-align: middle;width: 0.31rem;margin-right: 0.1rem;}
footer .fop .fol .tel .tc img {width: 100%;display: block;}
footer .fop .fol .tel .et {display: inline-block;vertical-align: middle;color: var(--themes);line-height: 1.3;}
footer .fop .fol .tinp {width: 100%;color: #666;line-height: 1.8;}
footer .fop .fol .tinp p {color: #666;line-height: 1.8;}
footer .fop .fom {display: inline-block;vertical-align: top;width: calc(960 / 1720 * 100%);}
footer .fop .fom .flist {display: inline-block;vertical-align: top;width: calc(192 / 960 * 100%);padding-right: 0.2rem;text-align: left;}
footer .fop .fom .flo{width: calc(360 / 960 * 100%);}
footer .fop .fom .flo img{width: calc(50 /360* 100%);margin-right:calc(10 /360* 100%);}
footer .fop .fom .flist .ful {width: 100%;padding-right: 0.2rem;}
footer .fop .fom .flist .ful img:nth-child(5){border-radius:5px;}
footer .fop .fom .flist .ful a {width: 100%;display: inline-block;vertical-align: top;color: #666;transition: all ease 0.5s;line-height: 1.5;padding: 0.05rem 0;}
footer .fop .fom .flist .ful a:hover {color: var(--themes);}
footer .fop .fom .flist .ful div {width: 100%;display: inline-block;vertical-align: middle;color: #666;line-height: 2;transition: all ease 0.5s;}
footer .fop .for {display: inline-block;vertical-align: top;width: calc(350 / 1720 * 100%);}
footer .fop .for .fit {width: 100%;}
footer .fop .for .codm {width: 1.4rem;display: block;margin: 0 auto;}
footer .fop .for .codm img {width: 100%;display: block;}
footer .fop .fit {width: 100%;font-size: 0;margin-bottom: 0.2rem;}
footer .fop .fit a {display: inline-block;vertical-align: middle;line-height: 1.4;transition: all ease 0.5s;padding: 0.06rem 0;font-family: "FZLTHJW";font-weight:500;color: #626262;letter-spacing: 1.05px;}
footer .fop .fit a.s18{font-size:calc(18 * 1rem / 100);color:#626262;}
footer .fop .fit a.s18 img{margin-right:calc(15 * 1rem / 100)}
footer .fop .fit a.tel18{font-size:calc(28 * 1rem / 100);font-family:"AvantGardeGothicC, AvantGardeGothicC-Demi";color:#252B3A;font-weight:600;}
footer .fop .fit a.tel18 img{margin-right:calc(15* 1rem / 100);width:41px;}
footer .fop .fit a:hover {color: var(--themes);}
footer .fop .fit .cm{width:100%;overflow:hidden;}
footer .fop .fit .cm img{display:block;float:left;margin-right: calc(15* 1rem / 100);width:41px;}
footer .fop .fit .cm span{display:block;font-size:calc(16 * 1rem / 100);color:#252b3A;line-height:calc(30 * 1rem / 100);}
footer .fob {width: 100%;border-top: solid 1px #ddd;padding: 0.25rem 0;display: flex;align-items: center;}
footer .fob .em {display: inline-block;vertical-align: middle;color: var(--themes);line-height: 1.5;width: auto;}

footer .fob .emper {display: inline-block;vertical-align: middle;flex: 1;}
footer .fob .emper .swiper-slide {display: inline-block;vertical-align: middle;width: auto;margin-right: 0.14rem;}
footer .fob .emper .swiper-slide a {display: inline-block;vertical-align: middle;width: auto;color: #666;line-height: 1.5;}
footer .fob .emper .swiper-slide a:hover {color: var(--themes);}
footer .fbot {width: 100%;background-color: var(--themes);padding: 0.25rem 0;}
footer .fot {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
footer .fot .fm {display: inline-block;vertical-align: middle;width: auto;color: rgba(255, 255, 255, 0.6);line-height: 1.5;}
footer .fot .fm a {display: inline-block;color: rgba(255, 255, 255, 0.6);line-height: 1.5;}
footer .fot .fm a:hover {color: #fff;}





.newls {width: 100%;padding: 0.8rem 0 0.5rem;background-color: #f5f7f9;}
.newls .newlist {width: 100%;font-size: 0;}
.newls .newlist .netam {display: inline-block;vertical-align: top;width: calc(410 / 1720 * 100%);transition: all ease 0.5s;margin-right: calc(26 / 1720 * 100%);margin-bottom: 0.3rem;}
.newls .newlist .netam a {width: 100%;display: block;background-color: #fff;}
.newls .newlist .netam .imgs {width: 100%;position: relative;overflow: hidden;}
.newls .newlist .netam .imgs .img {width: 100%;padding-top: 60%;transition: all ease 0.5s;}
.newls .newlist .netam .vom {width: 100%;padding: 0.2rem 0.2rem;}
.newls .newlist .netam .vom .xt {width: 100%;color: #111;line-height: 1.5;height: 3em;}
.newls .newlist .netam .vom .xim {width: 100%;color: #999;line-height: 1.5;height: 3em;margin-top: 0.1rem;}
.newls .newlist .netam:hover {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.newls .newlist .netam:hover .imgs .img {transform: scale(1.1);}
.newls .newlist .netam:hover .vom .xt {color: var(--themes);}
.newls .newlist .netam:nth-child(4n) {margin-right: 0;}
.newls .newlist .netam:nth-child(4n+1) a {transition-delay: 0.1s !important;}
.newls .newlist .netam:nth-child(4n+2) a {transition-delay: 0.2s !important;}
.newls .newlist .netam:nth-child(4n+3) a {transition-delay: 0.3s !important;}
.newls .newlist .netam:nth-child(4n+4) a {transition-delay: 0.4s !important;}
.nanner {width: 100%;position: relative;}
.nanner .imgs {width: 100%;overflow: hidden;position: relative;}
.nanner .imgs .img {width: 100%;padding-top: 35.41%;}
.nanner .nox {position: absolute;width: 80%;max-width: 90%;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;}
.nanner .nox .xm {width: 100%;text-align: center;font-weight: bold;color: #fff;line-height: 1.3;font-family: 'Repair-Bold';}
.nanner .nox .nit {width: 100%;text-align: center;font-weight: bold;color: #fff;line-height: 1.3;font-family: 'MiSans-Demibold';}
.nanner .crams {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 3;}
.nanner .crams .cram {width: 100%;font-size: 0;}
.nanner .crams .cram .home {display: inline-block;vertical-align: middle;width: 21px;margin-right: 0.1rem;position: relative;top: -0.02rem;}
.nanner .crams .cram .home img {width: 100%;display: block;}
.nanner .crams .cram a {display: inline-block;vertical-align: middle;color: #fff;line-height: 4;}
.nanner .crams .cram a span {display: inline-block;color: #fff;margin: 0 0.08rem;}
.nanner .crams .cram a:last-child span {display: none;}
.manavs {width: 100%;position: relative;background-color: #fff;padding: 0.25rem 0;margin-bottom:calc(100* 1rem / 100);}
.manavs .manav {width: 30%;margin:0px auto;}
.manavs .manav .swiper-wrapper{text-align:center;}
.manavs .manav .swiper-wrapper.center {justify-content: center;}
.manavs .manav .swiper-slide {display: inline-block;vertical-align: middle;margin-right:32px;}
.manavs .manav .swiper-slide a {display: inline-block;vertical-align: middle;line-height: 1rem;color: #666;position: relative;}
.manavs .manav .swiper-slide a:after {content: ' ';position: absolute;z-index: 1;left: 50%;bottom: 0.23rem;transform: translateX(-50%);width: 0.2rem;height: 0.09rem;background-image:url(../images/xlicon.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;display: none;}
.manavs .manav .swiper-slide.on a {color: #DD334F;font-weight:800;}
.manavs .manav .swiper-slide.on a:after {display: block;}
.groups {width: 100%;background-color: #f5f7f9;padding: 0.5rem 0;}
.groups .grouplis {width: 100%;font-size: 0;}
.groups .grouplis .gropm {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 0.5rem 0;}
.groups .grouplis .gropm .grl {display: inline-block;vertical-align: middle;width: calc(1080 / 1720 * 100%);position: relative;overflow: hidden;}
.groups .grouplis .gropm .grl .img {width: 100%;padding-top: 60%;transition: all ease 0.5s;}
.groups .grouplis .gropm .grr {display: inline-block;vertical-align: middle;width: calc(540 / 1720 * 100%);}
.groups .grouplis .gropm .grr .goho {width: 100%;font-size: 0;}
.groups .grouplis .gropm .grr .goho span {display: inline-block;vertical-align: middle;height: 0.82rem;}
.groups .grouplis .gropm .grr .goho span img {height: 100%;display: block;}
.groups .grouplis .gropm .grr .xt {width: 100%;color: #111;font-weight: bold;font-family: 'MiSans-Demibold';line-height: 1.3;margin: 0.4rem 0 0.3rem;}
.groups .grouplis .gropm .grr .xinp {width: 100%;color: #111;line-height: 1.5;text-align: justify;}
.groups .grouplis .gropm .grr .xinp p {color: #111;line-height: 1.5;}
.groups .grouplis .gropm .grr .more {width: 100%;font-size: 0;margin-top: 0.6rem;}
.groups .grouplis .gropm .grr .more a {display: inline-block;vertical-align: middle;color: #111;line-height: 3;padding: 0 0.4rem;border-radius: 1.5em;border: solid 1px #111;}
.groups .grouplis .gropm .grr .more a span {width: 12px;display: inline-block;vertical-align: middle;margin-left: 0.1rem;}
.groups .grouplis .gropm .grr .more a span img {width: 100%;display: block;}
.groups .grouplis .gropm .grr .more a span img:first-child {display: block;}
.groups .grouplis .gropm .grr .more a span img:last-child {display: none;}
.groups .grouplis .gropm .grr .more a:hover {background-color: var(--themes);border: solid 1px var(--themes);color: #fff;}
.groups .grouplis .gropm .grr .more a:hover span img:first-child {display: none;}
.groups .grouplis .gropm .grr .more a:hover span img:last-child {display: block;}
.groups .grouplis .gropm:nth-child(2n) {flex-direction: row-reverse;}
.getails {width: 100%;background-color: #f5f7f9;padding: 0.8rem 0;}
.getails .goho {width: 100%;font-size: 0;text-align: center;margin-bottom: 0.7rem;}
.getails .goho span {display: inline-block;vertical-align: middle;height: 0.82rem;}
.getails .goho span img {height: 100%;display: block;}
.getails .gotem {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.getails .gotem .gml {width: calc(860 / 1720 * 100%);display: inline-block;vertical-align: middle;}
.getails .gotem .gml .imgs {width: 100%;position: relative;overflow: hidden;}
.getails .gotem .gml .imgs .img {width: 100%;padding-top: 60%;}
.getails .gotem .gmr {width: calc(740 / 1720 * 100%);display: inline-block;vertical-align: middle;}
.getails .gotem .gmr .xt {width: 100%;color: #111;font-weight: bold;font-family: 'MiSans-Demibold';line-height: 1.3;margin: 0.4rem 0 0.3rem;}
.getails .gotem .gmr .xinp {width: 100%;color: #666;line-height: 1.75;text-align: justify;}
.getails .gotem .gmr .xinp p {color: #666;line-height: 1.75;}
.getails .gotemlis {width: 100%;}
.getails .gotemlis .gotem:nth-child(2n) {flex-direction: row;}
.getails .gotemlis .gotem+.gotem {margin-top: 0.8rem;}
.gmgls {width: 100%;position: relative;background-color: #f5f7f9;display: flex;flex-wrap: wrap;}
.gmgls .imgs {position: relative;overflow: hidden;z-index: 1;width: calc(960 / 1920 * 100%);}
.gmgls .imgs .img {width: 100%;padding-top: 87.5%;}
.gmgls .pecom {z-index: 2;background-color: #fff;width: calc(960 / 1920 * 100%);background-color: #fff;padding: 0.8rem 0.8rem 0.8rem;display: flex;flex-wrap: wrap;align-content: center;}
.gmgls .pecom .pinp {width: 100%;color: #666;line-height: 1.7;overflow: auto;max-height: 3.6rem;/*滚动条里面小方块*//*滚动条里面轨道*/}
.gmgls .pecom .pinp::-webkit-scrollbar {width: 4px;height: 4px;scrollbar-arrow-color: rgba(0, 0, 0, 0.1);}
.gmgls .pecom .pinp::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 10px rgba(0, 137, 150, 0.7);background: rgba(0, 137, 150, 0.7);scrollbar-arrow-color: rgba(0, 0, 0, 0.1);}
.gmgls .pecom .pinp::-webkit-scrollbar-track {border-radius: 10px;-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);background: rgba(0, 0, 0, 0.1);}
.gmgls .pecom .pinp p {color: #666;line-height: 1.7;}
.recruits {width: 100%;padding: 0.5rem 0;background-color: #f5f7f9;}
.recruits .screen {width: 100%;background-color: #fff;padding: 0.45rem 0.4rem;}
.recruits .screen .srop {width: 100%;font-size: 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-bottom: 0.2rem;}
.recruits .screen .srop .sol {display: inline-block;vertical-align: middle;width: auto;}
.recruits .screen .srop .sol span {display: inline-block;vertical-align: middle;color: #111;font-weight: bold;font-family: 'MiSans-Demibold';line-height: 1.4;}
.recruits .screen .srop .sor {display: inline-block;vertical-align: middle;}
.recruits .screen .srop .sor .xm {display: inline-block;vertical-align: middle;color: #666;line-height: 1.5;}
.recruits .screen .srop .sor .xm .lx {display: inline-block;color: #666;line-height: 1.5;margin: 0 0.08rem;}
.recruits .screen .srop .sor .xm .ci {display: inline-block;vertical-align: middle;width: 15px;position: relative;top: -0.02rem;margin-left: 0.04rem;}
.recruits .screen .srop .sor .xm .ci img {width: 100%;display: block;}
.recruits .screen .srop .sor .xm:last-child .lx {display: none;}
.recruits .screen .srop .sor .clear {cursor: pointer;}
.recruits .screen .sromd {width: 100%;font-size: 0;margin-bottom: 0.2rem;}
.recruits .screen .sromd .sin {display: inline-block;vertical-align: middle;border: solid 1px #eee;border-right: none;width: calc(100% - 1.8rem);color: #333;line-height: 3;height: 3em;padding: 0 0.2rem;}
.recruits .screen .sromd .stn {display: inline-block;vertical-align: middle;border: none;background-color: var(--themes);color: #fff;font-weight: bold;font-family: 'MiSans-Demibold';cursor: pointer;line-height: 3;height: 3em;text-align: center;width: 1.8rem;}
.recruits .screen .row {width: 100%;font-size: 0;}
.recruits .screen .row .select {font-size: 0;display: inline-block;vertical-align: middle;border: none;text-align: left;position: relative;width: calc(360 / 1120 * 100%);margin-right: calc(19 / 1120 * 100%);margin-bottom: 0.1rem;border: solid 1px #eeeeee;}
.recruits .screen .row .select .select-con {width: 100%;display: inline-block;vertical-align: middle;position: relative;font-size: 0;padding: 0 0.2rem;}
.recruits .screen .row .select .select-con .select-value {display: inline-block;vertical-align: middle;width: 100%;line-height: 3em;height: 3em;color: #333;cursor: pointer;background-color: transparent;padding-right: 0.3rem;}
.recruits .screen .row .select .select-con select {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;opacity: 0;}
.recruits .screen .row .select .select-con select option {color: #666;font-size: .16rem;line-height: 2.5;background: #fff;}
.recruits .screen .row .select .select-con .seluls {position: absolute;left: 0;top: 100%;min-width: 100%;max-height: 360px;overflow: auto;display: none;box-sizing: border-box;text-align: left;background-color: #fff;z-index: 123;border-radius: 4px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);overflow: auto;/*滚动条里面小方块*//*滚动条里面轨道*/}
.recruits .screen .row .select .select-con .seluls .option {width: 100%;color: #666;line-height: 2.5;background: #fff;cursor: pointer;padding: 0 0.15rem;}
.recruits .screen .row .select .select-con .seluls .option:hover {background-color: var(--themes);color: #fff;}
.recruits .screen .row .select .select-con .seluls .option+.option {border-top: solid 1px #ddd;}
.recruits .screen .row .select .select-con .seluls::-webkit-scrollbar {width: 4px;height: 4px;scrollbar-arrow-color: rgba(0, 0, 0, 0.1);}
.recruits .screen .row .select .select-con .seluls::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 10px rgba(1, 137, 151, 0.3);background: rgba(1, 137, 151, 0.3);scrollbar-arrow-color: rgba(0, 0, 0, 0.1);}
.recruits .screen .row .select .select-con .seluls::-webkit-scrollbar-track {border-radius: 10px;-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);background: rgba(0, 0, 0, 0.1);}
.recruits .screen .row .select .select-con:after {display: inline-block;content: "";position: absolute;right: .1rem;top: 50%;transform: translateY(-50%);z-index: 1;width: 12px;height: 8px;background-image: url("../images/x.png");background-size: 100%;background-repeat: no-repeat;background-position: center;}
.recruits .screen .row .select:nth-child(3n) {margin-right: 0;}
.recruits .recrulis {width: 100%;}
.recruits .recrulis .recem {width: 100%;background-color: #fff;margin-bottom: 1px;display: flex;align-items: center;padding: 0.2rem 0.4rem;}
.recruits .recrulis .recem .rol {display: inline-block;vertical-align: middle;flex: 1;max-width: calc(100% - 158px);}
.recruits .recrulis .recem .rol a {width: 100%;display: block;}
.recruits .recrulis .recem .rol .ic {display: inline-block;vertical-align: middle;width: 26px;height: 26px;margin-right: 0.1rem;background-color: rgba(220, 0, 17, 0.05);border-radius: 0.05rem;}
.recruits .recrulis .recem .rol .ic img {width: 100%;display: block;}
.recruits .recrulis .recem .rol .cm {display: inline-block;vertical-align: middle;width: calc(100% - 26px - 0.1rem);color: #111;line-height: 1.5;}
.recruits .recrulis .recem .ror {display: inline-block;vertical-align: middle;width: auto;white-space: nowrap;max-width: 158px;}
.recruits .recrulis .recem .ror .time {display: inline-block;vertical-align: middle;color: #999;line-height: 1.5;}
.recruits .recrulis .recem .ror .share {display: inline-block;vertical-align: middle;width: 20px;margin-left: 0.1rem;}
.recruits .recrulis .recem .ror .share img {width: 100%;display: block;}
.recruits .recrulis .recem:hover {background-color: rgba(0, 0, 0, 0.03);}
.recruits .recrulis .recem:hover .rol .cm {color: var(--themes);}
.recruits .repocm {width: 100%;background-color: #fff;}
.recruits .repocm .retop {width: 100%;padding: 0.4rem;}
.recruits .repocm .retop .rtm {width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.2rem;}
.recruits .repocm .retop .rtm .xot {display: inline-block;vertical-align: middle;font-weight: bold;font-family: 'MiSans-Demibold';line-height: 1.5;color: #111;}
.recruits .repocm .retop .rtm .time {display: inline-block;vertical-align: middle;color: #666;line-height: 1.5;}
.recruits .repocm .retop .pdm {width: 100%;display: flex;align-items: center;justify-content: space-between;}
.recruits .repocm .retop .pdm .pel {display: inline-block;vertical-align: middle;}
.recruits .repocm .retop .pdm .pel .pe {width: 100%;color: #666;line-height: 1.5;}
.recruits .repocm .retop .pdm .pel .pk {width: 100%;font-size: 0;margin-top: 0.1rem;}
.recruits .repocm .retop .pdm .pel .pk .ips {display: inline-block;vertical-align: middle;margin-bottom: 0.1rem;color: #666;line-height: 1.5;}
.recruits .repocm .retop .pdm .pel .pk .ips span {display: inline-block;vertical-align: middle;color: #666;line-height: 1.5;margin: 0 0.1rem;position: relative;top: -0.02rem;}
.recruits .repocm .retop .pdm .pel .pk .ips:last-child span {display: none;}
.recruits .repocm .retop .pdm .per {display: inline-block;vertical-align: middle;}
.recruits .repocm .retop .pdm .per a {display: inline-block;vertical-align: middle;width: auto;background-color: var(--themes);color: #fff;line-height: 3;border-radius: 1.5em;padding: 0 0.4rem;}
.recruits .repocm .xeomd {width: 100%;padding: 0.4rem;border-top: dashed 1px #ccc;}
.recruits .repocm .xeomd .xitm {width: 100%;}
.recruits .repocm .xeomd .xitm .xir {width: 100%;color: #111;line-height: 1.5;font-weight: bold;font-family: 'MiSans-Demibold';}
.recruits .repocm .xeomd .xitm .lx {width: 0.25rem;height: 3px;background-color: var(--themes);margin: 0.2rem 0 0.25rem;}
.recruits .repocm .xeomd .xitm .ximp {width: 100%;color: #666;line-height: 2;}
.recruits .repocm .xeomd .xitm .ximp p {color: #666;line-height: 2;}
.recruits .repocm .xeomd .xitm+.xitm {margin-top: 0.5rem;}
.pages {width: 100%;padding: 0.22rem 0 0.25rem;font-size: 0;text-align: center;margin-top: 0.2rem;}
.pages .page {display: inline-block;vertical-align: middle;width: 0.6rem;height: 0.6rem;line-height: 0.6rem;text-align: center;color: #666;border-radius: 50%;background-color: #f7fafb;margin: 0 0.05rem 0.1rem;}
.pages .page.ltn {background-image: url("../images/b1.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;}
.pages .page.rtn {background-image: url("../images/b2.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;}
.pages .page.on {background-color: var(--themes);color: #fff;}
.pages .page.ltn:hover {background-image: url("../images/b3.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;border: none;}
.pages .page.on.ltn {background-image: url("../images/b3.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;border: none;}
.pages .page.on.rtn {background-image: url("../images/b4.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;border: none;}
.pages .page.rtn:hover {background-image: url("../images/b4.png");background-position: center;background-size: 100% 100%;background-repeat: no-repeat;border: none;}
.pages .page.auto {width: auto;padding: 0 0.24rem;}
.pages .page:hover {background-color: var(--themes);color: #fff;}
.pages.white .page {background-color: #fff;}
.pages.white .page.on {background-color: var(--themes);color: #fff;}
.pages.white .page:hover {background-color: var(--themes);color: #fff;}

.talents {width: 100%;padding: 0.8rem 0;background-color: #f5f7f9;overflow: hidden;}
.talents .system {width: 100%;}
.talents .system .sinp {width: 100%;color: #111;line-height: 1.7;}
.talents .system .sinp p {color: #111;line-height: 1.7;}
.talents .system .sinp img {max-width: 100%;}
.talents .system+.system {margin-top: 0.8rem;}
.talents .styles {width: 100%;margin-top: 0.5rem;padding-top: 0.5rem;}
.talents .styles .stypers {width: 100%;position: relative;}
.talents .styles .stypers .btn {position: absolute;top: 50%;z-index: 5;transform: translateY(-50%);width: 0.6rem;height: 0.6rem;border-radius: 50%;cursor: pointer;background-color: #fff;transition: all ease 0.5s;}
.talents .styles .stypers .btn img {width: 100%;display: block;}
.talents .styles .stypers .btn img:first-child {display: block;}
.talents .styles .stypers .btn img:last-child {display: none;}
.talents .styles .stypers .btn:hover {background-color: var(--themes);}
.talents .styles .stypers .btn:hover img:first-child {display: none;}
.talents .styles .stypers .btn:hover img:last-child {display: block;}
.talents .styles .stypers .bl {left: -0.8rem;}
.talents .styles .stypers .br {right: -0.8rem;}
.talents .styles .stypers .swiper-slide {width: 100%;}
.talents .styles .stypers .swiper-slide .imgs {width: 100%;position: relative;overflow: hidden;}
.talents .styles .stypers .swiper-slide .imgs .img {width: 100%;padding-top: 60%;transition: all ease 0.5s;}
.talents .styles .stypers .swiper-slide .sim {width: 100%;color: #222;line-height: 1.7;text-align: center;margin-top: 0.14rem;}
.talents .styles .stypers .swiper-slide:nth-child(4n+1) {transition-delay: 0.1s !important;}
.talents .styles .stypers .swiper-slide:nth-child(4n+2) {transition-delay: 0.2s !important;}
.talents .styles .stypers .swiper-slide:nth-child(4n+3) {transition-delay: 0.3s !important;}
.talents .styles .stypers .swiper-slide:nth-child(4n+4) {transition-delay: 0.4s !important;}

.joins {width: 100%;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;background-color: #f5f7f9;}
.joins .jol {display: inline-block;vertical-align: middle;width: calc(960 / 1920 * 100%);position: relative;overflow: hidden;}
.joins .jol .imgs {width: 100%;position: relative;overflow: hidden;}
.joins .jol .imgs .img {width: 100%;padding-top: 100%;}
.joins .jor {width: calc(960 / 1920 * 100%);display: flex;flex-wrap: wrap;align-content: center;padding: 0.2rem calc(100 / 1920 * 100%);}
.joins .jor .xinp {width: 100%;color: #111;line-height: 2;overflow: auto;max-height: 6.2rem;/*滚动条里面小方块*//*滚动条里面轨道*/}
.joins .jor .xinp::-webkit-scrollbar {width: 4px;height: 4px;scrollbar-arrow-color: rgba(0, 0, 0, 0.1);}
.joins .jor .xinp::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 10px rgba(0, 137, 150, 0.7);background: rgba(0, 137, 150, 0.7);scrollbar-arrow-color: rgba(0, 0, 0, 0.1);}
.joins .jor .xinp::-webkit-scrollbar-track {border-radius: 10px;-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);background: rgba(0, 0, 0, 0.1);}
.joins .jor .xinp p {color: #111;line-height: 2;}
.newsom {width: 100%;padding: 0.8rem 0;background-color: #f5f7f9;}
.newsom .newlisp {width: 100%;font-size: 0;}
.newsom .newlisp .netam {display: inline-block;vertical-align: top;width: calc(410 / 1720 * 100%);transition: all ease 0.5s;margin-right: calc(26 / 1720 * 100%);margin-bottom: 0.3rem;position: relative;}
.newsom .newlisp .netam a {width: 100%;display: block;background-color: #fff;}
.newsom .newlisp .netam .imgs {width: 100%;position: relative;overflow: hidden;}
.newsom .newlisp .netam .imgs .img {width: 100%;padding-top: 60%;transition: all ease 0.5s;}
.newsom .newlisp .netam .vom {width: 100%;padding: 0.2rem 0.2rem;}
.newsom .newlisp .netam .vom .xt {width: 100%;color: #111;line-height: 1.5;height: 3em;}
.newsom .newlisp .netam .vom .xim {width: 100%;color: #999;line-height: 1.5;height: 3em;margin-top: 0.1rem;}
.newsom .newlisp .netam .time {position: absolute;left: 0.3rem;z-index: 3;background-color: #fff;padding: 0.1rem;top: -0.2rem;text-align: center;}
.newsom .newlisp .netam .time .day {width: 100%;color: #666;font-weight: bold;font-family: 'MiSans-Demibold';line-height: 1.3;}
.newsom .newlisp .netam .time .tis {width: 100%;color: #666;line-height: 1.5;}
.newsom .newlisp .netam:hover {box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.newsom .newlisp .netam:hover .imgs .img {transform: scale(1.1);}
.newsom .newlisp .netam:hover .vom .xt {color: var(--themes);}
.newsom .newlisp .netam:hover .time {background-color: var(--themes);}
.newsom .newlisp .netam:hover .time .day,.newsom .newlisp .netam:hover .time .tis {color: #fff;}
.newsom .newlisp .netam:nth-child(4n) {margin-right: 0;}
.newsom .newlisp .netam:nth-child(4n+1) a {transition-delay: 0.1s !important;}
.newsom .newlisp .netam:nth-child(4n+2) a {transition-delay: 0.2s !important;}
.newsom .newlisp .netam:nth-child(4n+3) a {transition-delay: 0.3s !important;}
.newsom .newlisp .netam:nth-child(4n+4) a {transition-delay: 0.4s !important;}
.netails {width: 100%;background-color: #f5f7f9;padding: 0.5rem 0;}
.netails .netail {width: 100%;font-size: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.netails .netail .nel {display: inline-block;vertical-align: top;width: calc(1290 / 1720 * 100%);}
.netails .netail .nel .nocom {width: 100%;background-color: #fff;padding: 0.4rem;}
.netails .netail .nel .nocom .nit {width: 100%;color: #222;line-height: 1.5;text-align: center;font-weight: bold;max-width: 10.8rem;display: block;margin: 0 auto;font-family: 'MiSans-Demibold';}
.netails .netail .nel .nocom .xim {width: 100%;text-align: center;font-size: 0;margin: 0.2rem 0;max-width: 10.8rem;display: block;margin: 0.2rem auto;}
.netails .netail .nel .nocom .xim span {display: inline-block;vertical-align: middle;color: #666;line-height: 1.5;margin: 0 0.2rem;}
.netails .netail .nel .nocom .ninp {width: 100%;color: #888;line-height: 1.75;border-top: solid 1px #ccc;max-width: 10.8rem;display: block;margin: 0 auto;padding-top: 0.35rem;}
.netails .netail .nel .nocom .ninp * {text-wrap: wrap !important;}
.netails .netail .nel .nocom .ninp p {color: #888;max-width: 100%;line-height: 1.75;}
.netails .netail .nel .nocom .ninp img {width: 100%;max-width: 100%;}
.netails .netail .nel .not {width: 100%;background-color: #fff;margin-top: 0.1rem;padding: 0.3rem 0.5rem;display: flex;align-items: center;justify-content: space-between;}
.netails .netail .nel .not a {display: inline-block;vertical-align: middle;color: #666;line-height: 1.5;}
.netails .netail .nel .not a span {display: inline-block;vertical-align: middle;width: 7px;position: relative;top: -0.02rem;}
.netails .netail .nel .not a span img {width: 100%;display: block;}
.netails .netail .nel .not a span img:first-child {display: block;}
.netails .netail .nel .not a span img:last-child {display: none;}
.netails .netail .nel .not a:hover span img:first-child {display: none;}
.netails .netail .nel .not a:hover span img:last-child {display: block;}
.netails .netail .ner {display: inline-block;vertical-align: top;width: calc(400 / 1720 * 100%);}
.netails .netail .ner .netop {width: 100%;padding: 0.2rem;font-size: 0;display: flex;justify-content: space-between;align-items: center;background-color: #fff;border-bottom: solid 1px #ddd;}
.netails .netail .ner .netop .xit {display: inline-block;vertical-align: middle;width: auto;color: var(--themes);font-weight: bold;font-family: 'MiSans-Demibold';}
.netails .netail .ner .netop .xit span {display: inline-block;vertical-align: middle;height: 0.2rem;width: 2px;background-color: var(--themes);margin-right: 0.1rem;}
.netails .netail .ner .netop a {display: inline-block;vertical-align: middle;color: #999;line-height: 1.5;}
.netails .netail .ner .xims {width: 100%;padding: 0 0.3rem;background-color: #fff;}
.netails .netail .ner .xims .xli {width: 100%;border-bottom: dashed 1px #ddd;}
.netails .netail .ner .xims .xli a {width: 100%;display: block;padding: 0.2rem 0;}
.netails .netail .ner .xims .xli .xim {width: 100%;color: #222;line-height: 1.5;}
.netails .netail .ner .xims .xli .mx {width: 100%;color: #999;line-height: 1.5;margin-top: 0.1rem;}
.netails .netail .ner .xims .xli:last-child {border-bottom: none;}
.netails .netail .ner.fixed {width: 4rem;position: fixed;right: 50%;margin-right: -8.6rem;top: 1rem;}
.netails .netail .ner.bot {position: absolute;right: 0;bottom: 0;margin-right: 0;top: auto;width: 4rem;}

.cultrues {width: 100%;padding: 0.6rem 0;}
.cultrues .mitop .xim {width: 100%;color: var(--themes);line-height: 1.4;font-weight: bold;font-family: 'MiSans-Demibold';margin-top: 0.1rem;}
.cultrues .cultom {width: 100%;position: relative;}
.cultrues .cultom ul li{width:32%;float:left;}
.cultrues .cultom .items .item .pic{width: 100%;overflow: hidden;}
.cultrues .cultom .items .item img{ display: block; width: 100%; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.cultrues .cultom .items .item h3{font-size: 18px; color: #000000;line-height: 60px;font-weight: normal;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cultrues .cultom .items .item:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.cultrues .cultom .items .item:hover{box-shadow: 0 5px 20px rgba(0,0,0,.1);}


.cultrues .cultom .imglist {width: 100%;position: relative;}
.cultrues .cultom .imglist .imgs {width: 100%;display: none;position: relative;overflow: hidden;}
.cultrues .cultom .imglist .imgs .img {width: 100%;position: relative;padding-top: 41.86%;}
.cultrues .cultom .imglist .imgs.on {display: block;}
.cultrues .cultom .poxd {width: 100%;position: absolute;left: 0;top: 0;height: 100%;z-index: 3;display: flex;}
.cultrues .cultom .poxd .temd {width: 100%;height: 100%;display: flex;flex-wrap: wrap;padding: 0.4rem;align-content: space-between;text-align: center;flex-direction: column;cursor: pointer;}
.cultrues .cultom .poxd .temd .pit {width: 100%;flex: 1;display: flex;align-content: center;flex-wrap: wrap;position: relative;z-index: 2;}
.cultrues .cultom .poxd .temd .pit .ld {width: 1px;height: 0.2rem;background-color: #fff;display: block;margin: 0 auto;}
.cultrues .cultom .poxd .temd .pit .xm {width: 100%;text-align: center;color: #fff;line-height: 1.5;margin: 0.2rem 0;}
.cultrues .cultom .poxd .temd .pmt {width: 100%;flex: 1;display: flex;align-content: center;flex-wrap: wrap;position: relative;z-index: 2;}
.cultrues .cultom .poxd .temd .pmt .mps {width: 100%;text-align: center;color: #fff;line-height: 1.5;}
.cultrues .cultom .poxd .temd .pbt {width: 100%;flex: 1.4;display: flex;align-content: center;flex-wrap: wrap;position: relative;z-index: 2;}
.cultrues .cultom .poxd .temd .pbt .tm {width: 100%;color: #fff;line-height: 1.5;}
.cultrues .cultom .poxd .temd .pbt .mn {width: 100%;color: #fff;line-height: 1.5;}
.cultrues .cultom .poxd .temd .pbt .xid {width: 100%;display: flex;justify-content: space-around;}
.cultrues .cultom .poxd .temd .pbt .xid .xitm {width: 25%;}
.cultrues .cultom .poxd .temd .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all ease 1s;opacity: 0;}
.cultrues .cultom .poxd .pitm {width: calc(33.33%);display: inline-block;vertical-align: middle;}
.cultrues .cultom .poxd .pitm.on .temd .bg {opacity: 1;}