body {
    margin: 0;
}

a {
    text-decoration: none;
}

.phonenav {
    height: 4.7368rem;
    display: flex;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 99;
    display: none;
    background-color: #fff;
}

.menu {
    width: 3.3158rem;
    padding: 0 1.0526rem;
}

.phonemenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
}

.phmitem {
    font-size: 2rem;
    padding: 1.5rem 5rem;
    border-bottom: 1px solid #eaeaea;
}

.phmenuchild {
    display: none;
}

.phmenuchild a {
    color: #444444;
}

.pristchid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pristchid a {
    color: #333;
}

.pchilditem {
    display: block;
    font-size: 1.5rem;
    padding: 1rem 0.5rem;
}

.phmitem img {
    width: 1.5rem;
    /* height: 1.5rem; */
}

.topnav {
    width: 100%;
    display: flex;
    background-color: #fff;
    height: 4.7368rem;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.0526rem;
    position: sticky;
    top: 0;
    z-index: 99;
    box-sizing: border-box;
}

.logo {
    width: 18.9474rem;
    height: 2.1053rem;
}

.navtextbox {
    display: flex;
    align-items: center;
    height: 100%;
}

.navitem {
    padding: 0 1.2rem;
    white-space: nowrap;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.navitem a {
    font-size: 0.9474rem;
    font-family: PingFang;
    color: #222222;
}

.navitemred a {
    color: #00A2E9;
}

.navitem a:hover {
    color: #00A2E9;
}

.navitem:hover .navchildbox {
    display: flex;
}

.navitem:hover .huibox {
    display: block;
}

.navchildbox {
    display: none;
    /* width: 100%; */
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    /* transform: translateX(-50%); */
    /* background-color: #fff; */
}

.navchild:hover {
    color: #8EDDFF;
}

.navchild {
    width: auto;
    white-space: nowrap;
    height: 4.2105rem;
    text-align: center;
    line-height: 4.2105rem;
    font-size: 0.9474rem;
    font-family: PingFang;
    color: #fff;
    padding: 0 1.421rem;
}

.searchicon {
    width: 1.2632rem;
    height: 1.2632rem;
    margin: 0 1.5789rem;
}

.topphone {
    width: 1.1053rem;
    height: 1.0526rem;
    margin-right: 1.0526rem;
}

.phonennum {
    white-space: nowrap;
    font-size: 1.1rem;
    font-family: DIN;
    font-weight: 500;
    color: #00A2E9;
}

.huibox {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    height: 4.2105rem;
    background: #999999;
    /* opacity: 0.8; */
    z-index: 3;
    display: none;
}

.mySwiper {
    width: 100%;
    /* height: 49.4737rem; */
    overflow: hidden;
}

.swiper-index {
    text-align: center;
    width: 100%;
    height: 49.4737rem;

}

.swiper-index img {
    width: 100%;
    /* height: 100%; */
    display: block;
}

.mypagination {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    display: flex;
}

.mypagination img {
    width: 1.8947rem;
    height: 0.4211rem;
    margin: 0 0.5263rem;
}

.aboutbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3.3684rem 0;
    padding-left: 9.4737rem;
    background: #F5F5F5;
}

.aboutimg {
    width: 50.2632rem;
    height: 37.7368rem;
}

.title {
    font-size: 2.6316rem;
    font-family: DIN;
    font-weight: 500;
    color: #222222;
}

.title2 {
    font-size: 1.2632rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #00A2E9;
}

.border {
    width: 1.4737rem;
    height: 0.2632rem;
}

.aboutcontent {
    width: 35.7895rem;
    margin: 3.6842rem 0;
}

.more {
    width: 7.3684rem;
    height: 2.3158rem;
    text-align: center;
    line-height: 2.3158rem;
    background: #00A2E9;
    font-size: 0.9474rem;
    font-family: PingFang;
    color: #FFFFFF;
}

.perbox {
    padding: 5.2632rem 9.4rem 5.7895rem 9.4rem;
    background: #E2E4F0;
}

.peritembox {
    margin-top: 4.2105rem;
    display: flex;
    flex-wrap: wrap;

}

.peritem {
    max-width: 23%;
    width: 18.4211rem;
    height: 10.9474rem;
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 2.6%;
    margin-bottom: 1.5789rem;
    transition: all 1.5s ease 0s;

}

.peritem:hover {
    transform: rotateY(360deg);
}

.peritem:nth-child(4n) {
    margin-right: 0;
}

.peritem img {
    max-width: 3.5789rem;
    max-height: 3.1053rem;
}

.pertag {
    font-size: 1.0526rem;
    font-family: PingFang;
    font-weight: 500;
    color: #6D7081;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.perentag {
    font-size: 1.0526rem;
    font-family: PingFang;
    font-weight: 500;
    color: #A5A7B2;
}

.newsbox {
    padding: 3.4211rem 9.4rem 5rem 9.4rem;
    background: #F3F3F3;
    display: flex;
    align-items: center;
}

.imgbag {
    width: 34rem;
    height: 15.2105rem;
    margin-top: 2.6316rem;
    margin-bottom: 2.1053rem;

}

.imgbag:hover img {
    transform: scale(1.2);
}

.imgbag img {
    width: 100%;
    height: 100%;
    transition: .2s;

}

.newsitem {
    display: flex;
    width: 34rem;
}

.newsitem:hover .newstitle {
    color: #00A2E9;
}

.newsitem:hover .newleft div {
    color: #00A2E9;
}

.newleft {
    width: 4.6842rem;
    padding-right: 1.5789rem;
}

.newleft2 {
    padding: 1.5789rem 0;
    padding-right: 1.5789rem;
}

.newleft img {
    width: 2.2105rem;
    height: 0.5789rem;
    margin-top: 2.3158rem;
}

.newmoth {
    font-size: 1.4737rem;
    font-family: DIN;
    font-weight: 500;
    color: #343434;
}

.newsyear {
    font-size: 0.8421rem;
    font-family: DIN;
    font-weight: 500;
    color: #666666;
}

.newright {
    flex: 1;
    padding-left: 1.2632rem;
    border-left: 1px solid #E3E3E3;
}

.newright2 {
    padding: 1.5789rem 0;
    padding-left: 1.2632rem;
}

.newstitle {
    font-size: 1.2632rem;
    font-family: PingFang;
    font-weight: 400;
    color: #343434;
}

.newscont {
    font-size: 0.8421rem;
    font-family: PingFang;
    font-weight: 500;
    color: #6D7081;
}

.deltail {
    font-size: 0.7368rem;
    font-family: PingFang;
    font-weight: 400;
    color: #999999;
}

.newscont {
    margin: 0.9474rem 0 3.1579rem 0;
}

.newscont2 {
    margin: 0.9474rem 0 1.3158rem 0;
}

.rightnews {
    margin-left: 7.3684rem;
}

.customerbox {
    padding: 4.7368rem 9.4rem 5.7895rem 9.4rem;
    background: #fff;
    position: relative;
}

.sliswiper {
    margin-top: 6.3158rem;
}

.sliswiper2 {
    margin-top: 6.3158rem;
}

.swiper-wgrid {
    position: relative;
}

.swiper-grids {
    width: 12.7368rem;
    height: 7.1579rem;
    text-align: center;
    font-size: 18px;
    background-color: #fff;
    box-sizing: border-box;
    ;

}

.swiper-grids img {
    width: 100%;
    height: 100%;
}

.swiper-pagination {
    position: relative !important;
    left: 0;
    width: 100%;
    margin-top: 3rem;
}

.swiper-pagination img {
    width: 1.8947rem;
    height: 0.4211rem;
    margin: 0 0.5263rem;
}



.mypagination {
    display: flex;
    justify-content: center;
    margin-top: 2.1053rem;
}

.mypagination img {
    width: 2.5263rem;
    height: 0.2105rem;
    margin: 0 0.5263rem;
}

.zixunbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 27.1053rem;

    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 4.2105rem 0 3.9474rem 0;
    box-sizing: border-box;
}

.zxtitle {
    font-size: 1.8947rem;
    font-family: PingFang;
    font-weight: 800;
    color: #FFFFFF;
}

.zxentitle {
    letter-spacing: 0.5263rem;
    font-size: 0.8421rem;
    font-family: Myriad Pro;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 0.5263rem;
    opacity: 0.3;
}

.inputbox {
    display: flex;
    width: 63.4211rem;
    justify-content: space-between;
    margin-top: 1.5789rem;
}

.inputbox input {
    outline: none;
    border: none;
    height: 2.8421rem;
    background: #FFFFFF;
    border-radius: 0.3158rem;
    padding: 0 1.1579rem;
    box-sizing: border-box;
    font-size: 1.0526rem;
}

.inputbox ::-webkit-input-placeholder {
    /* WebKit browsers，webkit内核浏览器 */
    color: #B0B1B9;
    font-family: PingFang;
    font-size: 1.0526rem;
}

.inputbox :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #B0B1B9;
    font-family: PingFang;
    font-size: 1.0526rem;
}

.inputbox ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #B0B1B9;
    font-family: PingFang;
    font-size: 1.0526rem;
}

.inputbox :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #B0B1B9;
    font-family: PingFang;
    font-size: 1.0526rem;
}

.nameinput {
    width: 17.3684rem;
}

.areainput {
    width: 26.3158rem;
}

textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    /* placeholder颜色  */
    color: #B0B1B9;
    font-family: PingFang;
    font-size: 1.0526rem;
}

textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #B0B1B9;
    font-family: PingFang;
    font-size: 1.0526rem;
}

textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #B0B1B9;
    font-family: PingFang;
    font-size: 1.0526rem;
}

textarea::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #B0B1B9;
    font-family: PingFang;
    font-size: 1.0526rem;
}

.liuy {
    width: 63.4211rem;
    height: 6rem;
    background: #FFFFFF;
    border-radius: 0.3158rem;
    resize: none;
    outline: none;
    border: none;
    padding: 0.8947rem 1.1579rem;
    box-sizing: border-box;
    margin-top: 0.6316rem;
    font-size: 1.0526rem;
}

.submitbtn {
    text-align: center;
    width: 21.3158rem;
    height: 3.4737rem;
    background: #00A2E9;
    border-radius: 0.3158rem;
    font-size: 1.2632rem;
    font-family: PingFang;
    line-height: 3.4737rem;
    color: #FFFFFF;
    margin-top: 1.0526rem;
}

.bottom {
    height: 14.1053rem;
    padding: 0 9.4211rem;
    background: #494949;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo2 {
    width: 22.6316rem;
    height: 2.3684rem;
}

.botitem {
    display: flex;
    align-items: center;
    font-size: 0.9474rem;
    font-family: PingFang;
    font-weight: 500;
    color: #E2E2E2;
    margin-top: 2.4737rem;
}

.botitem:first-child {
    margin-top: 0;
}

.botitem img {
    margin-right: 1.1579rem;
}

.codebox {
    display: flex;
    align-items: center;
}

.codebox img {
    width: 6.6316rem;
    height: 6.6316rem;
    margin-right: 1.2105rem;
}

.rexian {
    font-size: 0.8421rem;
    font-family: PingFang;
    font-weight: 500;
    color: #E3E3E3;
}

.rexiannum {
    font-size: 1.3684rem;
    font-family: Impact;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 1.5789rem;
}

.footer {
    background: #373737;
    padding: 1.1053rem 9.4211rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.7368rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #CECECE;
}

.footer a {
    color: #CECECE !important;
}

.imgbg {
    height: 28.9474rem;
}

.imgbg img {
    width: 100%;
    height: 28.9474rem;
}

.companyintro {
    background: #F2F2F2;
    padding: 4.4737rem 9.4737rem 6.1579rem 9.4737rem;

}

.comtitle {
    text-align: center;
    font-size: 1.8947rem;
    line-height: 1.8947rem;
    font-family: PingFang;
    font-weight: 500;
    color: #222222;
}

.chengli {
    text-align: center;
    font-size: 1.4737rem;
    line-height: 1.4737rem;
    font-family: PingFang;
    font-weight: 400;
    color: #666666;
    margin-top: 1.4737rem;
}

.companycont {
    margin-top: 3.6842rem;
    font-size: 0.9474rem;
}

.companydata {
    display: flex;
    margin-top: 5.2632rem;

}

.dataitem {
    flex: 1;
    /* text-align: center; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dataitem:nth-child(1) {
    text-align: left;
    display: block;
}

.dataitem:nth-child(2) .datatag {}


.datanum {
    font-size: 2.5rem;
    font-family: DIN;
    font-weight: 500;
    color: #00A2E9;
}

.datatag {
    font-size: 0.8rem;
    font-family: PingFang;
    font-weight: 500;
    color: #666666;
}

.xian {
    width: 1px;
    height: 3.3158rem;
    background: #D4D4D4;
}

.comimgbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4.4737rem;
}

.comimg {
    width: 39rem;
}

.origize {
    background: #FFFFFF;
    padding: 5.2632rem 7.3684rem;
}

.orgimg {
    display: flex;
    margin-top: 3.9474rem;
}

.orgitem {
    flex: 1;
    padding: 2.5263rem;
}

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

.chairmanbox {
    background: #E3EFFB;
    padding: 5.2632rem 9.4737rem;
}

.dszbox {
    display: flex;
    align-items: center;
}

.dszbox {
    margin-top: 5.2632rem;
}

.dszimg {
    width: 40.95rem;
    height: 34.25rem;
    margin-right: 4.0526rem;
    object-fit: cover;
}

.dszcont {
    flex: 1;
    font-size: 0.9474rem;
}

.honerbox {
    background: #F3F3F3;
    padding: 4.7368rem 9.4737rem;
}

.quaSwiper {
    margin-top: 3rem;
}

.horSwiper {
    margin-top: 3rem;
}

.swiper-qua {
    width: 14.8947rem;
}

.swiper-qua img {
    width: 100%;
}

.swiper-qua .kuimg {
    width: 100%;
}

.swiper-qua .kuang {
    position: relative;
}

.swiper-qua .imgitem {
    width: 90% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.imgname {
    font-size: 0.6421rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #222222;
    margin-top: 1.0526rem;
    text-align: center;
}

.rowbox {
    display: flex;
    justify-content: center;
    margin-top: 2.6316rem;
}

.rowbox img {
    width: 4rem;
}

.row {
    padding: 0 0.4737rem;
}

.row:hover .rowimg2 {
    display: inline-block;
}

.row:hover .rowimg {
    display: none;
}

.rowimg2 {
    display: none;
}

.swheight {
    height: 5.2632rem;
}

.percontent {
    padding: 4.2105rem 9.3684rem 4.7368rem 9.3684rem;
    background-color: #f8f9fb;
    padding-bottom: 5rem;
}

.pernav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.pernavitem {
    width: 8.3158rem;
    height: 2.7368rem;
    background: #6C6C6C;
    font-size: 0.9474rem;
    font-family: PingFang;
    color: #FFFFFF;
    line-height: 2.7368rem;
    text-align: center;
    border-right: 1px solid #fff;
}

.pernavitemred {
    background: #00A2E9;
}

.pernavitem:hover {
    background: #00A2E9;
}

.perlist {
    margin-top: 4.2105rem;
    display: flex;
    flex-wrap: wrap;

}

.perlistitem {
    display: block;
    /* width: 22rem; */
    width: 30%;
    margin-bottom: 3.4211rem;
    /* margin-right: 4.4737rem; */
    margin-right: 4.8%;
}

.perlistitem:nth-child(3n) {
    margin-right: 0;
}

.perimg {
    width: 100%;
    height: auto;
}

.rodename {
    padding: 1.6842rem 0;
    border-bottom: 1px solid #E5E5E5;
    font-size: 1.3684rem;
    font-family: PingFang;
    font-weight: bold;
    color: #333333;
}

.perdel {
    font-size: 0.9474rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-top: 1.3158rem;
}

.datebox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.1579rem;
    height: 1.8421rem;
    background: #FFFFFF;
    border-radius: 0.9474rem;
    margin-top: 2.5263rem;
}

.datebox img {
    width: 0.7368rem;
    height: 0.7368rem;
    margin-right: 0.3158rem;
}

.perdate {
    font-size: 0.7368rem;
    font-family: PingFang;
    font-weight: bold;
    color: #333333;
}

.pagebox {
    display: flex;
    justify-content: space-between;
}

.pagenation {
    display: flex;
}

.pageitem {
    width: 2.1053rem;
    height: 2.1053rem;
    background: #E8EBEF;
    border-radius: 50%;
    font-size: 0.9474rem;
    font-family: PingFang;
    font-weight: 500;
    color: #444444;
    text-align: center;
    line-height: 2.1053rem;
    margin: 0 0.3158rem;
}

.pageitem:hover {
    background: #00CAF4;
    color: #fff;
}

.chitem {
    background: #00CAF4;
    color: #fff;
}

.pagerow {
    display: flex;
}

.pagerow img {
    width: 1.5789rem;
    height: 1.5789rem;
    border-radius: 50%;
    margin: 0 0.2632rem;
}

.pageimg:hover .imgrow2 {
    display: inline-block;
}

.pageimg:hover .imgrow1 {
    display: none;
}

.imgrow2 {
    display: none;
}

.perdelcont {
    padding: 4.4211rem 9.4737rem;
    display: flex;
}

.perdelleft {
    width: 52rem;
    margin-right: 6.3158rem;
}

.perparambox {
    display: flex;
    margin-top: 2.3684rem;
    padding-bottom: 1.8947rem;
    border-bottom: 1px solid #E9E9E9;
}

.pertitle {
    font-size: 1.5789rem;
    font-family: PingFang;
    font-weight: bold;
    color: #000000;
}

.perparam {
    display: flex;
    align-items: center;
    margin-right: 3.4211rem;
}

.perparam img {
    max-width: 1.3684rem;
    max-height: 1.1579rem;
    margin-right: 0.4211rem;
}

.gaikuang {
    font-size: 1.1579rem;
    font-family: PingFang;
    font-weight: bold;
    color: #222222;
    margin: 2.5263rem 0 1.6842rem 0;
}

.gaidel {
    font-size: 0.9474rem;
    font-family: PingFang;
    font-weight: 500;
    color: #222222;
    margin-bottom: 2.8421rem;
}

.gaiimg {
    padding-bottom: 4.9474rem;
    border-bottom: 1px solid #E9E9E9;
}

.gaiimg img {
    display: block;
    max-width: 100%;
    margin: 0 auto 1.8421rem;
}

.gaiimg img:last-child {
    margin-bottom: 0;
}

.pianbox {
    margin-top: 2.1053rem;
    font-size: 0.9474rem;
    font-family: PingFang;
    color: #666666;
}

.pianbox div {
    margin-bottom: 0.5263rem;
}

.pianbox div:hover {
    color: #00A2E9;
}

.pianbox a {
    margin-bottom: 0.5263rem;
    display: block;
    color: #666666;
}

.pianbox a:hover {
    color: #00A2E9;
}

.perdelright {
    flex: 1;
}

.borxian {
    width: 0.5789rem;
    height: 1.3684rem;
    background: #00A2E9;
    margin-right: 0.8421rem;
}

.tuijianbox {
    display: flex;
    align-items: center;
    margin-bottom: 2.8421rem;

}

.tuijian {
    font-size: 1.3684rem;
    line-height: 1.3684rem;
    font-family: PingFang;
    color: #000000;
}

.tuijianitem {
    display: block;
    margin-bottom: 3.5789rem;
}

.tuijianitem:hover .tuijiantag {
    color: #00A2E9;
}

.tuijiantag {
    font-size: 1.2632rem;
    font-family: PingFang;
    color: #333333;
    padding-bottom: 1.3684rem;
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 1.3684rem;
}

.tjdeltag {
    font-size: 0.8421rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}

.culturebox {
    padding: 6.0526rem 9.4737rem;
    background: #f1f3f7;
    display: flex;
    /* align-items: center; */
}

.cultureleft {
    margin-right: 10rem;
}

.cultureitem {
    width: 29.8947rem;
    margin-bottom: 6.0526rem;

}

.cultitle {
    font-size: 1.1579rem;
    font-family: PingFang;
    font-weight: 800;
    color: #222222;
}

.cultag {
    font-size: 1.0526rem;
    font-family: PingFang;
    font-weight: 500;
    color: #222222;
    margin: 1.5789rem 0 0.6316rem 0;
}

.cultagen {
    font-size: 0.8421rem;
    font-family: PingFang;
    font-weight: 500;
    color: #999999;
}

.cultureright {
    flex: 1;
}

.cultureright img {
    width: 100%;
}

.emplist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.empitem {
    width: 37.8947rem;
    margin-bottom: 4.7368rem;
}

.empitem img {
    width: 100%;
}

.emptext {
    font-size: 1.2632rem;
    font-family: PingFang;
    font-weight: 500;
    color: #222222;
    text-align: center;
}

.maskLayer {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
}

.popu {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;

}

.empswiper {
    margin: 0 !important;
    width: 56rem;

}

.empswiper2 {
    width: 30rem;
}

.swiper-emp {
    width: 100%;
    background: #fff;
}

.swiper-emp img {
    width: 100%;
}

.emptext {
    padding: 1.6316rem 0;
    text-align: center;
    font-size: 1.3684rem;
    font-family: PingFang;
    font-weight: 500;
    color: #222222;
    text-align: center;
}

.empimg img {
    width: 3.8421rem;
    height: 3.8421rem;
}

.empimg1 {
    position: absolute;
    top: 50%;
    right: 110%;
    transform: translateY(-50%);
}

.empimg2 {
    position: absolute;
    top: 50%;
    left: 110%;
    transform: translateY(-50%);
}

.empimg:hover .emprow1 {
    display: none;
}

.empimg:hover .emprow2 {
    display: inline-block;
}

.emprow2 {
    display: none;
}

.newsbox2 {
    margin-top: 4.7368rem;
    display: flex;
    margin-bottom: 3.1579rem;
}

.leftnewsbox {
    margin-right: 5.7895rem;
}

.newitem {
    display: flex;
    align-items: center;
    width: 51.6316rem;
    padding-bottom: 2.1053rem;
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 2.1053rem;
}

.newdate {
    height: 6.4211rem;
    background: #646464;
    padding-left: 1.3158rem;
    padding-right: 1.6842rem;
    margin-right: 2.1053rem;

}

.newyea {
    font-size: 0.9474rem;
    font-family: PingFang;
    font-weight: 500;
    color: #FEFEFE;
    margin-top: 1.6842rem;
}

.newmon {
    margin-top: 1.0526rem;
    font-size: 1.1579rem;
    font-family: PingFang;
    font-weight: bold;
    color: #FFFFFF;
    white-space: nowrap;
}

.newtitle {
    font-size: 1.2632rem;
    font-family: PingFang;
    font-weight: bold;
    color: #222222;
    display: flex;
    align-items: center;
}

.newtext {
    font-size: 0.9474rem;
    font-family: PingFang;
    font-weight: 500;
    color: #65636B;
    margin-top: 1.5789rem;
}

.newxian {
    width: 2.6842rem;
    height: 1px;
    background: #787878;
    margin-left: -3.1053rem;
    margin-right: 0.6316rem;
}

.newitem:hover .newtitle {
    color: #0096D8;
}

.newitem:hover .newxian {
    background-color: #0096D8;
}

.newitem:hover .newdate {
    background-color: #0096D8;
}

.newitem:hover .newyea {
    color: #fff;
}

.newitem:hover .newmon {
    color: #fff;
}

.rightnewsbox {
    flex: 1;
    background: #F1F3F7;
    padding: 1.0526rem;
}

.rightnewsbox img {
    width: 100%;
}

.newrecomlist {
    padding: 2.3684rem 1.1579rem 0 1.1579rem;
    background: #fff;
}

.newrecom {
    display: block;
    padding-bottom: 3.4211rem;
}

.newrecom:hover .newrecomtitle {
    color: #0096D8;
}

.newrecomtitle {
    padding-bottom: 1.3684rem;
    border-bottom: 1px solid #E5E5E5;
    font-size: 1.2632rem;
    font-family: PingFang;
    font-weight: bold;
    color: #333333;
}

.newrecomtext {
    margin-top: 1.3684rem;
    font-size: 0.8421rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}

.subsidbox {
    padding: 5rem 9.4737rem 2.8947rem 9.4737rem;
    background: #f1f3f7;
}

/* .subintro{
    font-size: 0.9474rem;
font-family: Microsoft YaHei;
font-weight: 400;
color: #222222;
} */
.subSwiper {
    margin-top: 3.1579rem;
    margin-bottom: 3.9474rem;
}

.xian2 {
    width: 100%;
    height: 1px;
    background: #E1E1E1;
    margin-top: 0.3158rem;
}

.subnav {
    display: flex;
    margin-top: 3.4211rem;
    margin-bottom: 3.1579rem;
    scrollbar-width: none;
    /* firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
}

.subnav::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

.subitem {
    padding: 0 1.8421rem;
    border-right: 1px solid #9a9ebb;
}

.subitemred {
    color: #00A2E9;
}

.subitem:hover {
    color: #00A2E9;
}

.subitem:first-child {
    padding-left: 0;
}

.subitem:last-child {
    border: none;
}

.sublist {
    display: flex;
    flex-wrap: wrap;
}

.sublistitem {
    display: block;
    /* width: 23.5rem; */
    width: 30%;
    /* margin-right: 4.3684rem; */
    margin-right: 4.8%;
    margin-bottom: 4.4737rem;
}

.sublistitem:nth-child(3n) {
    margin-right: 0;
}

.sublistitem img {
    width: 100%;
}

.subtext {
    font-size: 1.0526rem;
    font-family: PingFang;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin-top: 1.3684rem;
}

.piczu {
    width: 100%;
    margin-top: 3.0526rem;
}

.joblist {
    margin-top: 3.4211rem;
    margin-bottom: 2.1053rem;
}

.jobitem {
    display: flex;
    justify-content: space-between;
    height: 2.5263rem;
    padding-right: 2.1053rem;
    line-height: 2.5263rem;
    background: #F5F5F5;
    margin-bottom: 0.5263rem;
}

.jobitem:hover .jobnamebox {
    background-color: #00A2E9;
}

.jobnamebox {
    display: flex;
    align-items: center;
    width: 18.2105rem;
    background: #9A9A9A;
}

.jobnamered {
    background-color: #00A2E9;
}

.baixian {
    width: 0.2632rem;
    height: 0.8421rem;
    background: #FFFFFF;
    margin: 0 1.5789rem;
}

.jobname {
    font-size: 0.9474rem;
    font-family: PingFang;
    font-weight: 500;
    color: #FFFFFF;
}

.jobleft {
    display: flex;
    justify-content: space-between;
}

.job {
    width: 13.1579rem;
    text-align: center;
}

.todel {
    display: flex;
    align-items: center;
}

.todel2 {

    display: none;
    color: #00A2E9;
}

.jiao {
    width: 0.7368rem;
    height: 0.3684rem;
    margin-right: 0.6316rem;
}

.jobcntent {
    padding: 3.1579rem;
    padding-right: 0;
    width: 80%;
    display: none;
}

.recruitbox {
    padding: 5rem 9.4737rem 2.8947rem 9.4737rem;
    background: #fff;
}

.jobtop {
    display: flex;
}

.jobtopitem {
    flex: 1;
    text-align: center;
    font-size: 0.8421rem;
    color: #666;
}

.jobyaoqiu {
    margin-top: 2.5263rem;
}

.jobtag {
    font-size: 0.8421rem;
    color: #222;
}

.yaoqiu {
    font-size: 0.8421rem;
    color: #666;
    margin-top: 0.8421rem;
}

.contactbox {
    padding: 4.7368rem 12.4737rem 8.5263rem 12.4737rem;
    background: #fff;
}

.contactintro {
    display: flex;
    justify-content: space-between;
}
.contactitem {
	width: 32%;
	padding: 1.25rem 1.875rem;
	background: #00a2e9;
	box-sizing: border-box;
    transition: .5s;
}
.contactitem:hover{
    background: #028dc9;
}

.contactitem .cico {
	width: 2rem;
	height: 1.8947rem;
	text-indent: -1.8947rem;
	overflow: hidden;
}
.contactitem img {
	width: 1.8947rem;
	height: 1.8947rem;
	filter: drop-shadow(2rem 0 #fff);
}

.contag {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.8421rem;
	font-family: PingFang;
	font-weight: 500;
	color: #FFFFFF;
	margin-bottom: 1.3684rem;
	border-bottom: 1px solid #FFFFFF;
}

.context {
	font-size: 0.8rem;
	font-family: DIN;
	font-weight: 500;
	color: #FFFFFF;
}

.textbox {
    width: 100%;
}

.map {
    width: 100%;
    height: 32.4211rem;
    margin-top: 2.2632rem;
}

/* .map img {
    width: 100%;
    height: 100%;
} */

.searchinput {
    outline: none;
    border: none;
    width: 80%;
    height: 3rem;
    background-color: #f8f9fb;
    font-size: 1.5rem;
}

.searchbox {
    padding: 2rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
}

.searchbox div {
    font-size: 1.5rem;
    margin-right: 2rem;
}

@media screen and (max-width: 1920px) {
    html {

        font-size: 19.20px;
    }

}

@media screen and (max-width: 1680px) {

    html {

        font-size: 16.80px;

    }

}

@media screen and (max-width: 1600px) {

    html {

        font-size: 15px;

    }

}

@media screen and (max-width: 1536px) {

    html {

        font-size: 15px;

    }

}

@media screen and (max-width: 1500px) {

    html {

        font-size: 14.5px;

    }

}

@media screen and (max-width: 1450px) {

    html {
        font-size: 13.5px;
    }
}

@media screen and (max-width: 1400px) {

    html {
        font-size: 13.5px;
    }
}

@media screen and (max-width: 1351px) {

    html {

        font-size: 13.35px;

    }

}

@media screen and (max-width: 1337px) {

    html {

        font-size: 13px;

    }

}

@media screen and (max-width: 1300px) {

    html {

        font-size: 12.8px;

    }

}

@media screen and (max-width: 1286px) {

    html {

        font-size: 12.8px;

    }

    .perbox {
        padding: 5.2632rem 7.4rem 5.7895rem 7.4rem;
    }

    .newsbox {
        padding: 3.4211rem 7.4rem 5rem 7.4rem;
    }

    .perlistitem {
        /* width: 22.4737rem; */
    }

    .datebox {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 8rem;
        height: 1.8421rem;
    }

    .sublistitem {
        /* width: 22.5rem; */
    }

}

@media screen and (max-width: 1260px) {

    html {

        font-size: 12.6px;

    }

    .navitem {
        padding: 0 1rem;
    }

    .aboutbox {
        padding-left: 6.4737rem;

    }

    .bottom {
        height: 14.1053rem;
        padding: 0 5.4211rem;
    }

    .percontent {
        padding: 4.2105rem 7.3684rem 4.7368rem 7.3684rem;
    }

    .subsidbox {
        padding: 5rem 8.4737rem 2.8947rem 8.4737rem;
    }

    .contactbox {
        padding: 4.7368rem 7.4737rem 8.5263rem 7.4737rem;
    }

}

@media screen and (max-width: 1211px) {

    html {

        font-size: 12px;

    }

    .perbox {
        padding: 5.2632rem 7.4rem 5.7895rem 7.4rem;
    }

}

@media screen and (max-width: 1180px) {

    html {

        font-size: 11.6px;

    }

    .aboutimg {
        width: 48.2632rem;
        height: auto;
    }


}

@media screen and (max-width: 1160px) {

    html {

        font-size: 11.6px;

    }


}

@media screen and (max-width: 1140px) {

    html {

        font-size: 11px;
    }

    .bottom {
        padding: 0 2.4211rem;
    }
}

@media screen and (max-width: 1060px) {

    html {

        font-size: 10.6px;

    }

    .navitem {
        padding: 0 0.8rem;
    }

    .jobtop {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        line-height: 3rem;
    }

    .recruitbox {
        padding: 5rem 7.4737rem 2.8947rem 7.4737rem;
        background: #fff;
    }

}

@media screen and (max-width: 1060px) {

    html {

        font-size: 10.6px;

    }

    .navitem {
        padding: 0 0.8rem;
    }

    .topnav {
        display: none;
    }

    .phonenav {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .aboutimg {
        width: 45.2632rem;
    }

    .perbox {
        padding: 5.2632rem 6.4rem 5.7895rem 6.4rem;
    }

    .newsitem {
        width: 37rem;
    }

    .percontent {
        padding: 4.2105rem 6.3684rem 4.7368rem 6.3684rem;
    }

}

@media screen and (max-width: 1008px) {
    html {
        font-size: 10px;
    }

    .bottom {
        flex-direction: column;
        height: auto;
        align-items: flex-start;
        padding: 2.4211rem;
    }

    .footer {
        padding: 0 2.4211rem;
    }

    .logo2 {
        width: 22.6316rem;
        height: 2.3684rem;
        margin-bottom: 2rem;
    }

    .codebox {
        margin-top: 2rem;
    }

    .datebox {
        width: 10rem;
        height: 1.8421rem;
    }

}

@media screen and (max-width: 960px) {

    html {
        font-size: 9.6px;
    }

}

@media screen and (max-width: 927px) {

    html {
        font-size: 9.2px;
    }

    .leftnewsbox {
        padding-right: 4.7895rem;
        margin-right: 0;
    }

}

@media screen and (max-width: 911px) {

    html {
        font-size: 9px;
    }

    .contactbox {
        padding: 4.7368rem 6.4737rem 8.5263rem 6.4737rem;
    }

    .contactintro {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .contactitem {
        width: 100%;
        text-align: left;
        margin-bottom: 2.6316rem;
    }
    .contactitem .cico {
		width: 3.6rem;
		height: 3.5rem;
		text-indent: -3.5rem;
		overflow: hidden;
	}
	.contactitem img {
		width: 3.5rem;
		height: 3.5rem;
		filter: drop-shadow(3.6rem 0 #fff);
	}

    .textbox {
        border: none;
    }

}

@media screen and (max-width: 880px) {

    html {

        font-size: 8.6px;

    }

    .aboutimg {
        width: 44.2632rem;
    }

    .codebox img {
        width: 8.6316rem;
        height: 8.6316rem;
    }

    .chengli {
        font-size: 2.4737rem;
        line-height: 2.4737rem;
    }

    .comtitle {
        font-size: 3.8947rem;
        line-height: 3.8947rem;
    }

    .companyintro {
        padding: 4.4737rem 7.4737rem 6.1579rem 7.4737rem;
    }

    .chairmanbox {
        padding: 5.2632rem 7.4737rem;
    }

    .newsbox2 {
        flex-direction: column;
    }

    .leftnewsbox {
        padding-right: 0;
    }

    .newitem {
        width: 100%;
    }

    .newdate {
        height: 7.4211rem;
    }


}

@media screen and (max-width: 815px) {

    html {

        font-size: 8.1px;

    }

    .logo2 {
        width: 32.6316rem;
        height: auto;
        margin-bottom: 2rem;
    }

    .footer {
        display: flex;
        align-items: center;
        flex-direction: column;

    }

    .dszbox {
        flex-direction: column;
    }

    .dszimg {
        width: 100%;
        height: auto;
        margin-right: 0
    }

    .dszcont {
        flex: 1;
        font-size: 2rem;
        margin-top: 1.5789rem;
    }

    .companycont {
        margin-top: 3.6842rem;
        font-size: 2rem;
    }

    .datebox {
        width: 12rem;
        height: 1.8421rem;
    }

    .perdelcont {
        padding: 4.4211rem 7.4737rem;
        display: flex;
    }

    .subsidbox {
        padding: 5rem 7.4737rem 2.8947rem 7.4737rem;
    }



}

@media screen and (max-width: 769px) {

    html {

        font-size: 7.6px;

    }

    .newsbox {
        flex-direction: column;
    }

    .newph {
        width: 100%;
    }

    .imgbag {
        width: 90%;
        height: auto;
        margin-top: 2.6316rem;
        margin-bottom: 2.1053rem;
    }

    .newsitem {
        width: 90%;
    }

    .rightnews {
        margin-left: 0;
    }

    .perdelleft {
        width: 100%;
        margin-right: 0;
    }

    .gaiimg img {
        display: block;
        width: 100%;
        margin-bottom: 1.8421rem;
    }

    .perdelcont {
        display: flex;
        flex-direction: column;
    }

    .perdelright {
        margin-top: 1.5789rem;
    }

    .pertitle {
        font-size: 3rem;
    }

    .tuijian {
        font-size: 3rem;
        line-height: 3rem;
    }

    .gaikuang {
        font-size: 2.5rem;
    }

    .culturebox {
        padding: 6.0526rem 7.4737rem;
        flex-direction: column;
    }

    .cultureleft {
        margin-right: 0;
        width: 100%;
    }

    .cultureitem {
        width: 100%;
        margin-bottom: 6.0526rem;
    }


}

@media screen and (max-width: 728px) {

    html {

        font-size: 7.2px;

    }

    .peritem {
        width: 25.4211rem;
        height: 14.9474rem;
        max-width: 31%;
    }

    .peritem:nth-child(3n) {
        margin-right: 0;
    }

    .peritem:nth-child(4n) {
        margin-right: 2.1rem;
    }

    .newdate {
        height: 8.4211rem;
    }


}

@media screen and (max-width: 691px) {

    html {

        font-size: 6.9px;

    }

    .newleft {
        width: 7.6842rem;
    }


}

@media screen and (max-width: 660px) {

    html {

        font-size: 6.6px;
    }
}

@media screen and (max-width: 635px) {

    html {

        font-size: 6.3px;
    }
}

@media screen and (max-width: 606px) {

    html {

        font-size: 6px;

    }

    .logo {
        width: 29.9474rem;
        height: auto;
    }

    .aboutbox {
        flex-direction: column;
        align-items: flex-start;
    }

    .aboutph {
        width: 100%;
    }

    .aboutcontent {
        width: 90%;
    }

    .aboutimg {
        width: 90%;
        margin-top: 1.0526rem;
    }

    .more {
        width: 10.3684rem;
        height: 4.3158rem;
        line-height: 4.3158rem;
    }

    .title {
        font-size: 4.6316rem;
    }

    .title2 {
        font-size: 3.2632rem;
    }

    .zixunbox {
        height: auto;
    }

    .inputbox {
        display: flex;
        width: 63.4211rem;
        flex-direction: column;
    }

    .inputbox input {
        width: 100%;
        margin-top: 0.6316rem;
    }

    .pernavitem {
        width: 12.3158rem;
        height: 3.7368rem;
        font-size: 0.9474rem;
        line-height: 3.7368rem;
        margin-bottom: 1rem;
    }

    .perlist {
        margin-top: 4.2105rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .perlistitem {
        width: 47%;
        margin-bottom: 3.4211rem;
        margin-right: 0;
    }

    .datebox {
        display: flex;
        align-items: center;
        width: 14rem;
        height: 2.5rem;
        background: #FFFFFF;
        border-radius: 0.9474rem;
    }

    .datebox img {
        width: 1.7368rem;
        height: 1.7368rem;
        margin-right: 0.3158rem;
    }

    .pageitem {
        width: 4.1053rem;
        height: 4.1053rem;
        font-size: 0.9474rem;
        line-height: 4.1053rem;
    }

    .pagerow img {
        width: 2.5789rem;
        height: 2.5789rem;
    }




}

@media screen and (max-width: 580px) {

    html {

        font-size: 5.6px;

    }

    .newdate {
        height: 10.4211rem;
    }



}

@media screen and (max-width: 560px) {

    html {

        font-size: 5.6px;

    }

    .peritembox {
        justify-content: space-between;
    }

    .peritem {
        width: 47%;
        max-width: 48%;
        height: 18.9474rem;
        margin-right: 0 !important;

    }

    .sublist {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .sublistitem {
        width: 46%;
        margin-right: 0;
    }

    /* .subintro {
        font-size: 3rem;
    } */
    .empswiper2 {
        width: 55rem;
    }

    .empimg img {
        width: 5.8421rem;
        height: 5.8421rem;
    }

    .emptext {
        font-size: 4rem;
    }

    subitem {}

}

@media screen and (max-width: 500px) {

    html {

        font-size: 5px;
    }

    .phonenav {
        padding-right: 1.0526rem;
        box-sizing: border-box;
        height: 6.7368rem;
    }

    .menu {
        width: 6.3158rem;
    }

    .logo {
        width: 38.9474rem;
        height: auto;
    }

    .phmitem {
        font-size: 4rem;
    }

    .phmitem img {
        width: 3rem;
        /* height: 1.5rem; */
    }

    .pchilditem {
        display: block;
        font-size: 3rem;
        padding: 2rem 0.5rem;
    }

    .title {
        font-size: 5.5rem;
    }

    .title2 {
        font-size: 4.5rem;
    }

    .aboutcontent {
        width: 90%;
        font-size: 4rem;
    }

    .more {
        width: 12.3684rem;
        height: 5.3158rem;
        line-height: 5.3158rem;
        font-size: 3rem;
    }

    .peritem {
        height: 22rem;
    }

    .peritem img {
        max-width: none;
        max-height: none;
        width: 7.5789rem;
        height: auto;
    }

    .pertag {
        font-size: 3.5rem;
    }

    .perentag {
        font-size: 3rem;
        color: #A5A7B2;
    }

    .rightnews {
        margin-left: 0;
    }

    .newmoth {
        font-size: 4rem;
        white-space: nowrap;
        margin-right: 1.0526rem;
    }

    .newsyear {
        font-size: 4rem;
    }

    .newstitle {
        font-size: 4rem;
    }

    .newsitem {
        width: 100%;
        flex-direction: column;
        margin-bottom: 4.5789rem;
    }

    .newleft {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0;
    }

    .newleft img {
        width: 2.2105rem;
        height: 0.5789rem;
        margin-top: 0;
    }

    .newscont {
        font-size: 3.5rem;
        margin: 0.9474rem 0 0.9474rem 0;
    }

    .deltail {
        font-size: 3rem;
    }

    .newright {
        flex: 1;
        padding: 0;
        border-left: none;
    }

    .zxtitle {
        font-size: 5.5rem;
    }

    .zxentitle {
        letter-spacing: 0.5263rem;
        font-size: 3.5rem;
    }

    .inputbox input {
        outline: none;
        border: none;
        height: 8rem;
        background: #FFFFFF;
        border-radius: 0.3158rem;
        padding: 0 1.1579rem;
        box-sizing: border-box;
        font-size: 3rem;
    }

    .inputbox ::-webkit-input-placeholder {
        font-size: 3rem;
    }

    .inputbox :-moz-placeholder {
        font-size: 3rem;
    }

    .inputbox ::-moz-placeholder {
        font-size: 3rem;
    }

    .inputbox :-ms-input-placeholder {
        font-size: 3rem;
    }

    textarea::-webkit-input-placeholder {
        font-size: 3rem;
    }

    textarea:-moz-placeholder {
        font-size: 3rem;
    }

    textarea::-moz-placeholder {
        font-size: 3rem;
    }

    textarea::-ms-input-placeholder {
        font-size: 3rem;
    }

    .liuy {
        height: 20rem;
        font-size: 3rem;
    }

    .submitbtn {
        width: 31.3158rem;
        height: 7.4737rem;
        font-size: 3.5rem;
        line-height: 7.4737rem;
        margin-top: 3.0526rem;
    }

    .logo2 {
        width: 40rem;
        height: auto;
        margin-bottom: 2rem;
    }

    .botitem {
        /* align-items: flex-start;
            flex-direction: column; */
        font-size: 2.7rem;
        margin-top: 2.4737rem;
    }

    /* .botitem img {
            margin-bottom: 1.1579rem;
        } */
    .codebox img {
        width: 20rem;
        height: 20rem;
    }

    .rexian {
        font-size: 3rem;
    }

    .rexiannum {
        font-size: 5rem;
        font-family: Impact;
        color: #FFFFFF;
    }

    .footer {
        display: flex;
        align-items: flex-start;
        font-size: 3rem;
    }

    .comtitle {
        font-size: 5rem;
        line-height: 5rem;
    }

    .chengli {
        font-size: 4rem;
        line-height: 4rem;
    }

    .companycont {
        font-size: 3rem;
    }

    .datanum {
        font-size: 5rem;
    }

    .datatag {
        font-size: 3.5rem;
    }

    .dszcont {
        font-size: 3rem;
    }

    .imgname {
        font-size: 3rem;
    }

    .pernavitem {
        width: 20rem;
        height: 4.5rem;
        font-size: 3rem;
        line-height: 4.5rem;
        margin-bottom: 1rem;
    }

    .percontent {
        padding: 4.2105rem 6.3684rem 4.7368rem 6.3684rem;
    }

    .rodename {
        padding: 1.6842rem 0;
        font-size: 4rem;
    }

    .perdel {
        font-size: 3rem;
        margin-top: 1.3158rem;
    }

    .perdate {
        font-size: 3rem;
    }

    .datebox {
        width: 20rem;
        height: 2.5rem;
        background: #FFFFFF;
        border-radius: 0.9474rem;
    }

    .pageitem {
        width: 6.1053rem;
        height: 6.1053rem;
        font-size: 3rem;
        line-height: 6.1053rem;
    }

    .pagerow img {
        width: 6.5789rem;
        height: 6.5789rem;
        margin: 0 1.2632rem;
    }

    .pertitle {
        font-size: 5rem;
    }

    .perparam {
        font-size: 3rem;
    }

    .perparam img {
        max-width: none;
        max-height: none;
        width: 3rem;
        margin-right: 0.4211rem;
    }

    .perdelcont {
        padding: 4.4211rem 5.4737rem;
        display: flex;
    }

    .gaikuang {
        font-size: 3.5rem;
    }

    .gaidel {
        font-size: 3.5rem;
    }

    .pianbox {
        margin-top: 2.1053rem;
        font-size: 3.5rem;
    }

    .tuijian {
        font-size: 5rem;
        line-height: 5rem;
    }

    .tuijiantag {
        font-size: 4rem;
    }

    .tjdeltag {
        font-size: 3rem;
    }

    .perdelright {
        margin-top: 5.5789rem;
    }

    .cultitle {
        font-size: 5rem;
    }

    .cultag {
        font-size: 4rem;
    }

    .cultagen {
        font-size: 3rem;
    }

    .newtitle {
        font-size: 4rem;
    }

    .newtext {
        font-size: 3rem;
    }

    .newitem {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .newdate {
        display: flex;
        height: auto;
        align-items: center;
    }

    .newyea {
        font-size: 3.5rem;
        font-family: PingFang;
        font-weight: 500;
        color: #FEFEFE;
        margin-top: 0;
        margin-right: 1rem;
    }

    .newmon {
        font-size: 3.5rem;
        color: #FFFFFF;
        white-space: nowrap;
        margin-top: 0;
    }

    .newxian {
        display: none;
    }

    .newrecomtitle {
        font-size: 4rem;
    }

    .newrecomtext {
        margin-top: 1.3684rem;
        font-size: 3rem;
    }

    .recruitbox {
        padding: 5rem 3.4737rem 2.8947rem 3.4737rem;
    }

    .subnav {
        overflow-x: auto;
        scrollbar-width: none;
        /* firefox */
        -ms-overflow-style: none;
        /* IE 10+ */
    }

    .subitem {
        white-space: nowrap;
        font-size: 3rem;
    }

    .subtext {
        font-size: 3rem;
    }

    .jobitem {
        height: 5.5263rem;
        padding-right: 2.1053rem;
        line-height: 5.5263rem;
        font-size: 3.5rem;
        align-items: center;
        margin-bottom: 2rem;
    }

    .jobtop {
        line-height: 6rem;
    }

    .jobtopitem {
        flex: 1;
        text-align: center;
        font-size: 4rem;
        color: #666;
    }

    .jobnamebox {
        width: 25rem;
    }

    .jobname {
        font-size: 3rem
    }

    .jobcntent {
        font-size: 4rem;
        padding: 3.1579rem;
        padding-right: 0;
        width: 80%;
        display: none;
    }

    .yaoqiu {
        font-size: 3.5rem;
        color: #666;
        margin-top: 0.8421rem;
    }

    .jobtag {
        font-size: 4rem;
        color: #222;
    }
    .contactitem .cico {
		width: 7.5rem;
		height: 7rem;
		text-indent: -7rem;
		overflow: hidden;
	}
	.contactitem img {
		width: 7rem;
		height: 7rem;
		filter: drop-shadow(7.5rem 0 #fff);
	}

    .contag {
        font-size: 4.5rem;
    }

    .context {
        font-size: 3.5rem;
    }

    .map {
        height: 50rem;
        margin-top: 5.2632rem;
    }

}

@media screen and (max-width: 450px) {

    html {
        font-size: 4.5px;
    }

}

@media screen and (max-width: 402px) {

    html {

        font-size: 4px;

    }

    /* .newleft {
        width: 9.6842rem;
    } */


}

@media screen and (max-width: 379px) {

    html {

        font-size: 3.75px;

    }


}