@charset "utf-8";
/* CSS Document */

.nav-btnbox { position: absolute; z-index: 99999; right: 8px; top: 5px; width: 25px; height: 25px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; padding: 13px 5px 0px; display: none }
.nav-btnbox .icon-bar { display: block; width: 26px; height: 3px; border-radius: 10px; overflow: hidden; background-color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; perspective-origin: 50% 50%; -ms-transition: all .3s ease; margin: 0 auto }

.nav-btnbox .icon-bar + .icon-bar { margin-top: 5px }
.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0; -webkit-transform: translate3d(0px, 12px, 0) rotate3d(0, 0, 1, -45deg); transform: translate3d(0px, 12px, 0) rotate3d(0, 0, 1, -45deg); }
.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0; transform: translate(20px, 0); }
.menu-open .nav-btnbox .icon-bar:last-child { -webkit-transform: translate3d(0, -4px, 0) rotate3d(0, 0, 1, 45deg); transform: translate3d(0, -4px, 0) rotate3d(0, 0, 1, 45deg); }


.menu-open .nav { visibility: visible; opacity: 1; }

.menu-open .nav { text-align: center; display: table; }
.menu-open .nav ul { padding: 0; display: table-cell; width: 50%; vertical-align: middle; }
.menu-open .nav li { float: initial; margin: 15px 0; padding: 5px 0; font-size: 16px; height: 35px; line-height: 35px; font-weight: bold; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; display: block }


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

    .nav-btnbox { display: block }

    .nav { position: fixed; top: 0; right: 0; z-index: 999; float: inherit; width: 100%; height: 100vh; background: #000; opacity: 0; visibility: hidden; -webkit-transition: all .5s; transition: all .5s; }

    .zhubox { padding-left: 10px; padding-right: 10px; }
    .nav { display: none }
    .nav li { background: none }
    .nav li span { writing-mode: horizontal-tb; }
    .nav li em { writing-mode: horizontal-tb; padding-left: 10px; }
    .nav li div { padding: 10px 20px; }
    .nav li div:before { right: 20px; bottom: 17px; left: auto }
}




@media screen and (max-width:768px) {
    .chanpingbox, .newsboxs, .syjiameng, .footer, .jidiboxs { background-attachment: scroll; }
    body { font-size: 0.9rem; }
    .top { background: #c30d23; position: relative; overflow: hidden }
    .top.menu-open { height: 100vh; position: fixed; z-index: 999; }
    .logo { width: 46px }
    .logo p { font-size: 0.7rem; margin-bottom: 0px; display: none }
    .banner .swiper-container { height: auto }
    .banner .swiper-slide img { display: block }
    .banner .swiper-slide { background: none }

    .tangend { display: none }
    .pingpaileft { width: 100%; padding-bottom: 5% }
    .pingpaileft span { writing-mode: horizontal-tb; }
    .pingpaileft p { writing-mode: horizontal-tb; padding-top: 5px; }
    .pingpaileft a { display: none }
    .pingpairight, .gongsi, .pingvideo { width: 100% }

    .baoyufan { width: 100% }
    .baoyufanwenzi { width: 100%; }
    .duntang { width: 100% }

    .huxsd { height: 230px; line-height: 1.5rem }
    .tiaofux { margin-top: 0px; }

    .newslist li { width: 90% }

    .newslist .swiper-container:before { display: none }
    .newslist .swiper-container:after { display: none }
    .newslist li { padding: 10px 0px; border-top: 1px solid #fff; }
    .newstime b { font-size: 2rem; }
    .newstxt span { display: none }
    .syjiameng li span { display: block; font-size: 2rem; }
    .syjiameng li em { display: inline-block }
    .syjiameng li { width: 50%; float: left; margin: 0px; }
    .footernav { width: 100% }
    .liahxs { width: 100%; margin-top: 5% }

    .ny_nav { text-align: center }
    .miaxs { width: auto; display: inline-block; float: none }
    .nymenu { width: 100% }
    .nymenu li { width: 33.333%; float: left; margin: 10px 0px; }
    .bisxs { font-size: 1.2rem; margin: 10px 0px; }
    .qiyewuhuanleft span { writing-mode: horizontal-tb; }
    .qiyewuhuanleft p { writing-mode: horizontal-tb; padding-top: 5px; }
    .qiyewuhuanleft { width: 100%; margin-bottom: 20px; }
    .qiyewuhuanleft em { display: none }
    .qiyewuhuanright li p { margin: 0px; }
    .qiyewuhuanright { width: 100% }
    .qiyewuhuanright li { width: 16.666% }
    .qiyewuhuanright li span { margin-bottom: 10px }
    .fazhanxs .swiper-button-next, .fazhanxs .swiper-button-prev { margin-top: -46px; }

    .rongyupic { width: 100%; min-height: auto; }
    .rongyulist { width: 100% }
    .rongyulist li { width: calc(100% - 22px); margin: 0; margin-bottom: 10px; }

    .jidivideo { width: 100% }
    .jidirighex { width: 100% }
    .hezhasa { padding: 5%; }
    .jiditxst { font-size: 1rem; }



    .jobbox li span { width: 100% }
    .jobbox li span:last-child { text-align: left }
    .jobleft { width: 100%; display: none }
    .jobright { width: 100% }

    .zhaipsns { padding: 10px; }
    .zhaipsns .swiper-container { margin-top: 10vh }

    .conleft { width: 100%; font-size: 1rem; }
    .conright { width: 100%; font-size: 0.9rem; }
    .bianjisx li { width: 100%; margin-bottom: 10px; }
    .bianjisx .juzhong { width: 70px; }
    .bisxts { width: calc(100% - 105px); font-size: 1rem; }
    .bisxts span { font-size: 1.2rem; }
    .telbbis { font-size: 1.2rem; }
    .telbbis span { font-size: 2rem; }
    .nymenutwo { width: 100%; margin-top: 20px; }
    .nymenutwo li { width: 50%; float: left; text-align: center }
    .nymenutwo li a { padding: 0px; }

    .joinpics { width: 100% }
    .jointxsd { width: 100% }

    .newsbox li { width: 100%; }
    .newsbox li:nth-child(odd), .newsbox li:nth-child(even) { padding: 0px; margin: 0px; margin-top: 20px; }
    .newsbox li:nth-child(odd):before { display: none }
    .newsbox .zhubox:before, .newsbox .zhubox:after, .newsbox li:nth-child(even):before { display: none }
    .newstxtcs span { display: none }
    .nynewsleft { width: 100% }
    .shuxs span.fr { float: left; margin-top: 20px; }
    .nynewsright { width: calc(100% - 60px); margin-top: 30px; }

    .chanpsx { width: 100%; margin-bottom: 20px; }
    .tiaofanss { padding: 20px; width: calc(60% - 40px); }

    .chanpsux li { width: calc(100% - 60px) }
    .mendaix { padding-left: 10px; padding-right: 10px; }
    .bisoxs { width: 100% }
    .weniaz { width: 100%; margin-top: 20px; }
    .shaixuan { width: 100% }
    .shaixuan select { width: 100%; margin-right: 0px; margin-top: 10px; }
    .shaixuan input[type="button"] { width: 100%; margin-top: 10px; }
    .mendianlist li { width: calc(100% - 32px); }
}