/*-----------------------
======= 公用样式 ========
-----------------------*/
body { font-family: '微软雅黑' }
html, body { height: 100%; }
.red { color: red; }
.white { color: white; }
.abs { position: absolute; }
.pad0 { padding: 0 !important; }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit--webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit--webkit-align-items: center; align-items: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; }
.swiper-slide .bg { width: 100%; height: 100%; background-size: cover; background-position: center center; /* max-width: 100%; */ }
.swiper-slide a { display: block; width: 100%; height: 100%; text-decoration: none; color: #444444; }
.swiper-slide h1 { font-size: 0.7rem; margin-top: 0; }
.swiper-slide p { font-size: calc(10px + 0.15rem); max-width: 100%; }
.swiper-slide .content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.swiper-slide .content [animate] { display: none; }
.swiper-container .next { position: absolute; z-index: 10; left: 0; right: 0; margin: auto; bottom: 30px; width: 80px; height: 1rem; text-align: center; animation: updown ease-in-out 2.5s infinite; opacity: 0.5; cursor: pointer; }
.swiper-container .next img { height: 100%; }
.swiper-container .swiper-pagination { right: 50px; }
.swiper-container .swiper-button-prev { margin-left: 30px; padding: 35px 37px; background-color: rgba(165, 165, 165, 0.9); opacity: 0.7; border-radius: 100px; }
.swiper-container .swiper-button-prev:hover { opacity: 1; }
.swiper-container .swiper-button-next { margin-right: 30px; padding: 35px 37px; background-color: rgba(165, 165, 165, 0.9); opacity: 0.7; border-radius: 100px; }
.swiper-container .swiper-button-next:hover { opacity: 1; }
.swiper-container .swiper-button-disabled { background-color: rgba(165, 165, 165, 0.2); }
.bold { font-weight: bold; }
.v-center:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.item-center { display: -webkit-flex !important; display: flex !important; -webkit-align-items: center; align-items: center; }
.clear { clear: both; }
.text-l { text-align: left !important; }
.text-r { text-align: right !important; }
.text-c { text-align: center !important; }
.float-r { float: right !important; }
.padtb-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.padlr-15 { padding-left: 15px; padding-right: 15px; }
.padtb-15 { padding-top: 15px; padding-bottom: 15px; }
.padlr-30 { padding-left: 30px; padding-right: 30px; }
.padtb-30 { padding-top: 30px; padding-bottom: 30px; }
.padlr-50 { padding: 0 50px; }
.pad-30 { padding: 30px; }
.text-indent { text-indent: 0.6rem; }
.margt-15 { margin-top: 15px; }
.scroll-y-auto { overflow-y: auto !important; overflow-x: hidden; max-height: 100%; }
.flex-1 { display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-align-items: center; align-items: center; flex-direction: row; height: 50%; width: 100%; margin: 0 auto; }
.flex-1 > div { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 100px; text-align: center; padding: 15px; width: 25%; }
.flex-1 > div img { max-width: 170px; max-height: 100%; display: block; margin: 0 auto; }
.h100 { height: 100%; }
.overflow-hidden { overflow: hidden !important; }
@keyframes updown {
    0% { bottom: 30px; opacity: 0.3; }
    50% { bottom: 15px; opacity: 0.75; }
    100% { bottom: 30px; opacity: 0.3; }
}
@media (min-width: 1024px) {
    .container {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}
/*-----------------------
======= 基本样式 ========
-----------------------*/
header { width: 100%; background-color: #fff; height: 1.15rem; line-height: 36px; border-bottom: 1px solid #eeeeee; margin-bottom: 1px; }
header .logo { float: left; margin-top: 0.13rem; }
header nav { text-align: right; margin-top: 0.13rem; }
header nav a { display: inline-block; padding: 0 5px; margin: 0 15px; color: #333; text-decoration: none; font-size: 15px; text-decoration: none; }
header nav a:focus { text-decoration: none; }
header nav a:hover { text-decoration: none; }
header nav a.current { border-bottom: 2px solid red; }
header nav a:last-child { margin-right: 0; }
header .menu-btn { float: right; width: 40px; height: 40px; margin-top: 0px; opacity: 0.7; text-align: right; }
header .menu-btn:active { opacity: 1; }
header .menu-btn img { width: 100%; height: 100%; }
header .container { width: 96%; height: 1.15rem; position: fixed; left: 0; right: 0; z-index: 10; }
.main { height: calc(100% - 1.18rem); }
.index-contact { width: 100%; height: 100%; background-color: #fff; overflow: hidden; }
.index-contact .container { overflow: hidden; }
.index-contact h2 { text-align: center; padding-left: 8%; margin-top: 1.5rem; }
.index-contact .block { width: 100%; text-align: left; padding: 3% 0; font-size: 20px; line-height: 1rem; max-width: 800px; margin: 0 auto; height: auto; padding: 0.1px 0; }
.index-contact .block img { height: 0.5rem; margin-right: 25px; }
.index-contact p { font-size: 0.4rem; margin-bottom: 0.1rem; }
.layout-1 {
    box-sizing: border-box;
    margin-top: 0 !important;
    position: relative;
}
.layout-1 .title { margin: 1rem 0 1rem 0; }
.layout-1 .title h1 { color: #C00000; font-size: 0.68rem; }
.layout-1 .title h4 { color: #787878; }
.layout-1 .title-2 { margin: 0.3rem 0 0.6rem 0; }
.layout-1 .title-2 h1 { color: #C00000; font-size: 1rem; }
.layout-1 .title-3 { margin: 0.3rem 0 0.6rem 0; }
.layout-1 .title-3 h1 { color: #0070C0; font-size: 1rem; /* text-align: left; */ line-height: 1.3; }
.layout-1 .h2-1 { font-size: 0.7rem; text-align: left; line-height: 1.5; }
.layout-1 p { text-align: left; line-height: 2.4; font-size: 16px; color: #424242; }
.layout-1 .content-1 { height: auto; }
.layout-1 .content-1 .pic { max-height: 500px; max-width: 100%; display: block }
.layout-1 .content-1 > div:first-child { text-align: left; }
.layout-1 .content-1 > div:last-child { }
.layout-1 .info { margin: 1rem 0; font-size: 0.4rem; line-height: 2; color: #505050; }
.layout-2 {
    box-sizing: border-box;
    margin-top: 0 !important;
    position: absolute;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}
.layout-2 .title { margin: 0.6rem 0 0.6rem 0; }
.layout-2 .container { width: 100%; padding: 0; }
.layout-2 .title h1 { color: #C00000; font-size: 0.7rem; }
.layout-2 .title h4 { color: #787878; margin-top: 15px; }
.layout-2 .title-2 { height: 52px; padding-right: 2rem; margin: 15px; }
.layout-2 .title-2 h1 { color: #C00000; font-size: 0.7rem; margin: 0; }
.layout-2 .title-3 { color: #0070C0; height: 52px; padding-right: 2rem; margin: 15px; }
.layout-2 .title-3 h1 { color: #0070C0; }
.layout-2 .title-4 { height: auto; padding-right: 0.9rem; margin: 15px; margin-bottom: 30px; }
.layout-2 .title-4 h1 { padding-left: 30px; margin: 0; }
.layout-2 .title-4 span { font-size: 22px; margin-left: 15px; }
.layout-2 .title-4 img { max-height: 100px; max-width: 48%; }
.layout-2 .h2-1 { font-size: 0.5rem; text-align: left; line-height: 1.5; margin-top: 10px; margin-bottom: 0.6rem; }
.layout-2 p { text-align: left; line-height: 2.2; font-size: 16px; color: #424242; width: 100%; }
.layout-2 .content-1 { display: -webkit-flex; display: flex; height: 33vw; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; width: 100%; }
.layout-2 .content-1 .pic { display: block; min-width: 100%; min-height: 100%; max-width: 100%; }
.layout-2 .content-1 > div { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height: 100%; overflow: auto; overflow-x: hidden; }
.layout-2 .content-1 > div > div { max-height: 100%; }
.layout-2 .content-1 > div:first-child { text-align: left; width: 50%; overflow: hidden; }
.layout-2 .content-1 > div:last-child { width: 50%; padding: 15px 30px; }
.layout-2 .info { font-size: 14px; line-height: 2; color: #505050; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 120px; -webkit-justify-content: center; justify-content: flex-start; width: 100%; flex-direction: column; padding: 15px; padding-top: 25px; }
div[href] { cursor: pointer; }
/*index-case*/
.index-case { }
.index-case .item { width: 25vw; float: left; height: 18vw; padding: 5px; }
.index-case img { width: 100%; height: 100%; }
.index-case .more { font-size: 0.35rem; color: #999; display: block; text-decoration: none; width: 100px; margin: 0 auto; margin-top: 0.7rem; }
.index-case .more:hover { color: #333; }
@media (max-width: 1024px ) {
    .layout-2 .content-1 > div > div { max-height: 100%; }
}
@media (max-width: 992px ) {
    .nobg-xs { background-color: transparent !important; }
    .nopadt-xs { padding-top: 0 !important; }
    .nopadlr-xs { padding-left: 0 !important; padding-right: 0 !important; }
    .text-l-xs { text-align: left !important; }
    .text-r-xs { text-align: right !important; }
    .w-auto-xs { width: auto !important; }
    .h-auto-xs { height: auto !important; }
    header nav { position: fixed; width: 100%; height: 100%; top: 0.88rem; background-color: #fff; z-index: 100; bottom: 0; left: 0; -webkit-transform: translate3d(105%, 0, 0); transform: translate3d(105%, 0, 0); transition-duration: 0.3s; }
    header nav.show { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    header nav a { display: block; width: 100%; height: 50px; text-align: left; margin: 0; padding-left: 25px; text-decoration: none; line-height: 3.2; }
    header nav a.current { border-bottom: 0; background-color: #eeeeee; }
    /*header nav a：hover{ background-color: rgba(239,239,239,0.9);}*/
    header nav a:active { background: #f9f9f9; }
    header .logo { margin-top: 1px; }
    header .logo img { width: 75%; }
    header .menu-btn img { width: 75%; }
    #swiper2 .swiper-slide .bg { width: 100vw; height: 68vw; top: 0; position: absolute; left: 0; }
    #swiper2 .swiper-slide .content { }
    #swiper2 .swiper-slide:first-child { background-color: #fff; }
    #swiper2 .swiper-slide:first-child .content { margin-top: 70vw; }
    #swiper2 .swiper-slide:first-child .fadeInRight { background-color: #fff !important; }
    #swiper2 .swiper-slide:nth-child(2) h1 { text-align: left; right: 0.5rem !important; }
    #swiper2 .swiper-slide:nth-child(2) .content { margin-top: 70vw; }
    #swiper2 .swiper-slide:nth-child(2) p { text-align: left; right: 0.5rem !important; }
    #swiper2 .swiper-slide:nth-child(3) p { position: relative !important; margin: 0; width: 100%; float: left; text-align: left; }
    #swiper2 .swiper-slide:nth-child(3) p:nth-child(3) { margin-top: 15px !important; }
    #swiper2 .swiper-slide:nth-child(3) .content { margin-top: 60vw; }
    #swiper2 .swiper-slide:nth-child(3) img { max-height: 480px; height: auto !important; margin-left: 15px; }
    #swiper2 .swiper-slide:nth-child(3) h1 { padding-left: 0 !important; }
    #swiper2 .swiper-slide:nth-child(4) .layout-1 p { font-size: 14px; line-height: 1.5; font-weight: 100; padding-left: 0 !important; }
    #swiper2 .swiper-slide:nth-child(4) .col-md-6 { padding: 0 !important; }
    #swiper2 .swiper-slide:nth-child(4) .content-1 { background-color: transparent !important; }
    #swiper2 .swiper-slide:nth-child(4) img { margin: 15px auto; display: block; max-width: 100%; }
    .index-contact.layout-1 .title { margin: 0.4rem 0; }
    .index-contact.layout-1 p { line-height: 2.2; }
    .index-case .item { width: 50vw; height: 30vw; }
    .index-case .item img { }
    .index-case .content-1 { height: 90vw; overflow: hidden; }
    .index .diankong > div.content-1 { display: flex !important; }
    .index .diankong > div > div:first-child { order: 1; }
    .layout-2 { overflow: auto; padding: 0 15px; display: block; }
    .layout-2 .content-1 > div { width: 100% !important; padding: 10px 0 !important; height: auto; }
    .layout-2 .content-1 > div .pic { width: 100%; height: auto; min-height: inherit; }
    .layout-2 .title-2, .layout-2 .title-3 { height: auto; overflow: hidden; display: block; margin: 15px 0; margin-bottom: 10px; }
    .layout-2 .content-1 { height: auto !important; padding-top: 0.1px; }
    .layout-2 .info { height: auto !important; display: block; margin-bottom: 15px; padding: 15px 0; }
    .layout-2 .content-1 { /* display: block !important; */ }
    .layout-2 .title-2 h1 { text-align: left; font-size: 26px; padding-left: 0 !important; margin-top: 0; }
    .layout-2 .title-3 h1 { text-align: left; font-size: 26px; padding-left: 0 !important; margin: 0; line-height: 1.2; }
    .layout-2 .title-4 { margin-bottom: 10px; margin-top: 15px; padding-right: 0; height: auto; margin: 15px 0; text-align: center !important; }
    .layout-2 .h2-1 { margin: 0 0 15px 0 !important; }
    .layout-2 p { font-size: 14px; }
    .layout-1 p { font-size: 14px; }
    .layout-2 .info { font-size: 14px; }
    .flex-1 { height: auto; }
    .flex-1 > div { width: 50%; padding: 15px; height: 100px; }
    .flex-1 > div img { max-height: 80%; max-width: 145px; }
    .order-desc-sm > div:first-child { order: 2; }
}
.landscape { display: none; width: 100vw; height: 100vh; background-color: #fff; text-align: center; color: #666; font-size: 16px; line-height: 90vh; position: fixed; left: 0; top: 0; z-index: 10000000; }
.landscape img { margin-right: 15px; width: 32px; }
@media all and (orientation: landscape) and ( max-width: 768px) {
    .landscape { display: block; }
}