* { margin: 0; padding: 0; } ul, ol li { list-style: none; margin: 0; padding: 0; } a { text-decoration: none; color: #333; } img { border: none; } body { font-family: "\5FAE\8F6F\96C5\9ED1", tahoma, arial, "\u5b8b\u4f53", sans-serif, Microsoft YaHei !important; } /*========================================*/ .paxu { text-align: center; } .paxu ul { display: inline-block; } .paxu ul li { background: #f4f1f1; padding: 0px 26px; margin:3px 0px; display: flex; justify-content: center; align-items: center; } .paxu i { display: block; } .honP2 b { display: block; font-size: .3rem; } .honDiv { background: #f4f1f1; background: #f4f1f1; display: flex; justify-content: center; align-items: center; } .honDiv p:first-child{ line-height:480.97px; } .leftBox .container-fluid p:nth-child(2) span { font-size: 15px; text-align: left; display: inline-block; } .honDiv p:nth-child(2) b{ font-size: 18px; margin-bottom: 15px; } .honDiv { background: #f4f1f1; } .img_l { cursor: pointer; } .img_r { cursor: pointer; } .apply_nav { width:138.97px; height:429px; overflow: hidden; position: relative; display: inline-block; text-align: center; } .apply_w { position: absolute; display: inline-block; height: 1000px; left: 4px; } #myTabContent p { text-align: center; } .ulzong li a { font-size: 19px; color: #676767; } #qyOne div p img { float: left; text-align: center; margin-top: 42%; margin-right: 15px; } #qyOne div p span { text-align: center; line-height: 140px; } /*#qyOne .ts{ margin-left: 5%; }*/ #qyBw { display: flex; justify-content: center; align-content: center; flex-wrap: wrap; } #qiyeFooter { width: 322px; height: 140px; margin: 5px 7px 7px 5px; } #qiyeFooter div { display: inline-block; text-align: center; } #qyJz { text-align: center; } #qyBw { overflow: hidden; text-align: center; } .bpply { overflow: hidden; } .apply_brray { padding-top: 21px; width: .84rem; height: .46rem; text-align: center; float: left; margin-right: 1px; } .apply_brray p { cursor: pointer; } /*.apply_left{margin-right:0px}*/ .apply_imgs { text-align: center; } .apply_brray a { text-decoration: underline } .apply_brray a:hover { color: #e01111 } .apply_wav { position: relative; width: 90%; float: left; height: 120px; overflow: hidden } .apply_ws { position: absolute; margin-top: 22px; width: 100000px; float: left; left: 0px; height: 120px; } .bpply .img_left { padding: 44px 12px 0 12px; float: left; cursor: pointer; } .bpply .img_right { padding: 44px 12px 0 12px; float: left; cursor: pointer; } .apply_brray div { position: relative; } body { margin-top: 50px; } .text ul li { list-style: none; } #swiper-history { width: 100%; max-width: 820px; margin: 0 auto; position: relative; } #swiper-history .swiper-container { height: 311px; margin: 0 40px; } #swiper-history .short-line { height: 72px; width: 30px; position: absolute; top: 0px; } #swiper-history .long-line { height: 72px; border-bottom: 1px solid #FFFFFF; width: 100%; position: absolute; top: 168px; /* left: 30px; */ } #swiper-history .swiper-slide span { display: block; width: 100%; text-align: center; position: absolute; transition: 700ms; } #swiper-history .swiper-slide .detail { color: #333; opacity: 0; display: block; padding: 56px; background: #FFF; border-radius: 9px; } #swiper-history .swiper-slide .date { color: #FFFFFF; position: absolute; bottom: 33px; opacity: 0; } #swiper-history .swiper-slide-active span { transition: 700ms 700ms; } .Color{ color: #121313; } #swiper-history .swiper-pagination-bullets { white-space: nowrap; width: auto; bottom: 67px; height: 10px; line-height: 10px; transition: 700ms; } #swiper-history .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; } #swiper-history .swiper-pagination-bullet { background: #fff; border: 1px solid #FFFFFF; opacity: 1; line-height: 10px; } #swiper-history .swiper-pagination-bullet-active { background: #FFFFFF; } #swiper-history .swiper-button-next, #swiper-history .swiper-button-prev { background-size: 20px auto; } .cardback div p { text-align: center; display: inline-block; } * { margin: 0px; padding: 0px; } .mrleft17 { margin-left: 17px; } .pianoSerTabBg { color: #262626; } .apply_brray p { color: #c8c8c8; } #myTab li { padding: 0; } #myTab li a { font-size: .19rem; } .apply_brray li { cursor: pointer; } .b { color: #c8c8c8; } .events-content { color: #333; display: block; padding: .56rem; background: #FFF; border-radius: 9px; display: inline-block; } .events-wrapper { opacity: 0; } .twoOne ol li { position: relative; } .twoOne ol li a:hover { color: #fff; } .yanse { color: #000; } i { font-style: normal; color: #ffffff; } .yanse1 { color: #76f5c8; } .yanse2 { color: #999999; } span { font-size:19px; } #myTab li { cursor: pointer; } #menu-main-menu li a { font-weight: 900; font-size: .13rem; color: #ffffff; } .nav>li>a { position: relative; display: block; padding: .10rem .15rem; } .nav .navbar .affix { background-color: #000; } .affix { background-color: white; } .navbar-default { padding-left: 50px; padding-right: 50px; background-color: transparent; border-color: transparent; } .navbar-default .navbar-toggle { border-color: transparent; margin-top: 0; margin-bottom: 0; } .nav{ padding: 0px 0px; } .paxu ul li { background: #EAE0E0; } #qyOne div p span { text-align: center; line-height:normal; } #qyOne div p img { text-align: center; margin-top: 0; margin-right: 0px; } .cardback div p{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .cardback div p i{ margin-top: 19px; } .twoOne ol li::after { content: ''; position: absolute; left: 45%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 25px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .twoOne ol li.collapsed::after { background-color: #000000; } .xian{ height: 41px; border-left: solid 1px #fff; width: 1px; position: absolute; top: -52px; left: 44%; } /*================翻转=========================*/ .card { width: 137px; height: 190px; float: left; position: relative; -webkit-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; transition: all 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .cardback { position: absolute; top: 0; left: 0; z-index: 99; -webkit-backface-visibility: hidden; /*-moz-backface-visibility: hidden;*/ -ms-backface-visibility: hidden; backface-visibility: hidden; } .cardfront { position: absolute; top: 0; left: 0; z-index: 99; -webkit-backface-visibility: hidden; transform: rotateY(180deg); /*-moz-backface-visibility: hidden;*/ -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .card:hover { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .cardback div p { display: flex; flex-direction: row; justify-content: center; align-items: center; } #qyOne div p img { text-align: center; margin-top: 0; margin-right: 0px; margin-right: 15px; } .wpb_wrapper ul li{ display: flex; } #menu-main-menu li a { font-weight: 900; font-size: 13px; color: #ffffff; } img{ display: inline-block; } .leftBox .container-fluid p:nth-child(1) img{ width: 80%; } .leftBox .container-fluid p:nth-child(2) b{ font-size: 18px; } .leftBox .container-fluid p:nth-child(2) span{ font-size: 15px; } hr{ margin: 30px; background: #ececec; height: 2px; } .navbar-brand { float: left; height: 50px; padding: 6px 15px; font-size: 18px; line-height: 20px; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #000 !important; } .apply_brray li b{ display: inline-block; width: 92px !important; } .nav{ padding-top: 0px !important; } .navbar{ padding-bottom: 5px !important; } .navbar-nav>li { padding-top: 10px; } @media only screen and (min-width: 100px) and (max-width: 640px) { .apply_brray li b{ display: inline-block; width: auto !important; } #myTabContent p { text-align: justify !important; } }