/*鍩虹CSS*/ html { font-size: 14px; overflow-x: hidden; } li { list-style: none; } a { color: #212529 } a:hover { text-decoration: none; } p, dl, dt, dd, ul { margin: 0px; padding: 0px; } .red{ color:red; } .text-secondary a { color: #6c757d; } .cptp{width:90%; margin:0px auto;} .navbar2 { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: self-end; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem; } .card, .figure { margin: 15px 0; } .footdh{ float:left; width:13%;} .footdh li{ float:left; width:100%;} .footdh li a{ color:#fff; font-size:14px;transition: all 0.6s;} .footdh li a:hover{ padding-left:10px; color: #F00; font-size:14px;} .footdh h5{ font-size:16px;} .footdh4{ font-size:16px;} .dianh{ padding-left:40px; height:40px; line-height:40px; font-size:14px; background:url(../../../img/tel.png) no-repeat left center;} .dianh2{ font-size:30px;} .youx{ padding-left:40px; height:40px; line-height:40px;font-size:14px; background:url(../../../img/email.png) no-repeat left center;} .card-body2 { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding-top: 1rem; padding-bottom: 0.4rem; text-align:center; } .jiahao{ padding-right:20px; font-size:20px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; color:#ccc; } .jiahao:hover{ color:#1a79c3; display:block;} .card-body2 a{ font-size:14px;} .xbt{ float:none; line-height:2em; text-align:center; font-size:16px; padding-bottom:30px;} .card-title{ font-size:14px; color:#222; line-height:40px; text-align: center} .card-title a{ color:#222;} @media (max-width:1000px) { .xbt{display:none;} .sjnews{display:none;} .card-text{display:none;} .card-title{ font-size:16px; } } .topbanner{height:400px;} @media (max-width:1000px) { .topbanner{ height:auto;} } .topbanner2{padding-top:6rem;} @media (max-width:1000px) { .topbanner2{padding-top:1.5rem;} } .news2{height:215px; background:#FFF; margin:20px 0 50px 0;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} @media (max-width:1000px) { .news2{height:50px; background:#FFF; margin:20px 0 20px 0;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .news3{ float:right;} } .card-body2 a{color:#FFF;} .table{ width:100%;} .container-fluid{ background:#1a79c3;} .map{ padding-right:80px;} @media (max-width:1000px) {.map{ padding-right:0px;}} @media (max-width:1000px) {.table{ width:350px;}} .table tr th { background-color: rgb(204, 204, 204); border-collapse: collapse; text-align: center; line-height: 40px; font-size: 14px; vertical-align: middle; border-width: 1px !important; border-style: solid !important; border-color: rgb(221, 221, 221) !important; border-image: initial !important; } .table tr td { background-color: #97bfd7; border: 1px solid #ddd !important; border-collapse: collapse; text-align: center; line-height: 40px; font-size: 14px; vertical-align: middle; } .topbj{ background: rgba(47,108,185,0.8); } .bj-active{ background: rgba(47,108,185,0.8); } .jg{ width:100%; border-bottom:1px solid #e3e3e3; transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .jg:hover{ width:100%; border-bottom:1px solid rgb(0, 70,156,0.5);} .navbar-expand-lg .navbar-nav .nav-link { padding-right: 2rem; padding-left: 2rem; font-size: 14px; color:#fff; }@media (min-width:900px) {.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; font-size: 14px; color:#fff; }} @media (min-width:1100px) {.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; font-size: 14px; color:#fff; }} @media (min-width:1200px) {.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.2rem; padding-left: 1.2rem; font-size: 14px; color:#fff; }} @media (min-width:1400px) {.navbar-expand-lg .navbar-nav .nav-link { padding-right: 2.2rem; padding-left: 2.2rem; font-size: 14px; color:#fff; }} @media (min-width:1600px) {.navbar-expand-lg .navbar-nav .nav-link { padding-right: 2.5rem; padding-left: 2.5rem; font-size: 14px; color:#fff; }} .nav-link2{ line-height:88px; height:88px; font-size: 14px; color:#fff; } .navbar-expand-lg .navbar-nav .nav-link:hover { font-size: 14px; color:#fff; } #show{position:absolute; top:104px; width:100%; right:0px; display:none; background:rgba(255,255,255,0.8); height:60px; z-index:9999; } .navbar-brand { font-size: 20px; padding-top: 0px; padding-bottom: 0px; } .shadow-sm-top { box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important; } /*涓婁笅澶栬竟璺?/ .mt-6, .my-6 { margin-top: 4rem !important; } .mt-7, .my-7 { margin-top: 5rem !important; } .mt-8, .my-8 { margin-top: 6rem !important; } .mt-9, .my-9 { margin-top: 7rem !important; } .mt-10, .my-10 { margin-top: 8rem !important; } .mb-6, .my-6 { margin-bottom: 4rem !important; } .mb-7, .my-7 { margin-bottom: 5rem !important; } .mb-8, .my-8 { margin-bottom: 6rem !important; } .mb-9, .my-9 { margin-bottom: 7rem !important; } .mb-10, .my-10 { margin-bottom: 8rem !important; } /*涓婁笅鍐呰竟璺?/ .pt-6, .mp-6 { padding-top: 4rem !important; } .pt-7, .py-7 { padding-top: 5rem !important; } .pt-8, .py-8 { padding-top: 6rem !important; } .pt-9, .py-9 { padding-top: 7rem !important; } .pt-10, .py-10 { padding-top: 8rem !important; } .pb-6, .py-6 { padding-bottom: 4rem !important; } .pb-7, .py-7 { padding-bottom: 5rem !important; } .pb-8, .py-8 { padding-bottom: 6rem !important; } .pb-9, .py-9 { padding-bottom: 7rem !important; } .pb-10, .py-10 { padding-bottom: 8rem !important; } /*杈规*/ .border-top-dashed { border-top: 1px dashed #dee2e6 !important; } .border-right-dashed { border-right: 1px dashed #dee2e6 !important; } .border-bottom-dashed { border-bottom: 0px dashed #dee2e6 !important; } .border-right-dashed { border-top: 1px dashed #dee2e6 !important; } /*瀛楄窛*/ .ls-1 { letter-spacing: 1px; } .ls-2 { letter-spacing: 2px; } .ls-3 { letter-spacing: 3px; } .ls-4 { letter-spacing: 4px; } .ls-5 { letter-spacing: 5px; } /*鍒嗛〉*/ .page-num:not(:disabled) { cursor: pointer; } .page-num, .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #17a2b8; background-color: #fff; border: 1px solid #dee2e6; } a.page-num:hover, .page-link:hover { text-decoration: none; } .page-num-current { z-index: 1; color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .page-num-current:hover { color: #fff; } /*鍏朵粬*/ .pages { min-height: 500px; padding-top: 10px; padding-bottom: 10px; } .code, .code img { height: 150px; } .position, .position a { color: #999; font-size:14px; } .content { color: #666; line-height: 2; } .content img, .content iframe { max-width: 100% !important; } .content li { list-style: disc outside none; margin-left: 20px; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 990px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1400px) { .container { max-width: 1340px; } } @media (min-width: 1800px) { .container { max-width: 1400px; } } .container { max-width: 1400px; } .row2 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; text-align:center; } .row3{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; text-align:center;margin:0px auto;} .btn-info { color: #fff; background-color:#0071ca; border-color: #0071ca; display:none; } .btn-info2 { color: #fff; background-color:#000; } .btn-info2:hover{ color: #fff; } .sonsort{ text-align:center;} .page-num,.page-link { z-index:99; position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #0071ca; background-color: #fff; border: 1px solid #dee2e6; } .page-num-current { z-index: 999; color: #fff; background-color:#0071ca; border-color:#0071ca; } .fixed-top{ box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13); } .text-secondary a{ color:#FFF;} .top{ float:none; width:100%; line-height:40px; background:#3a3a3a; color:#FFF; height:40px; z-index:999999;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .top-active{display:none;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} @media (max-width:1000px) { .top{display:none;} .topimg{display:none;} } .more{ border:1px solid #fff; color:#FFF; padding:15px 70px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .more:hover{background:rgba(0, 70, 156, 0.6); color:#FFF; } .more2{display: inline-block; padding: 0 50px; height: 50px; border: 1px solid #d9d9d9; color: #222; text-decoration: none; font-weight: normal; line-height: 50px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .more2:hover{background:#ccc; color:#FFF; } .time1{ background:#CCC;float:right; background:#ebebeb; padding:10px; top:0px; position:absolute; top:0px; right:10px;} .time1:hover{background:#1a79c3; color:#FFF;} .pro:hover{ background:#1a79c3; color:#FFF;} .pro a:hover{color:#FFF;} .top_left{ float:left; font-size:12px;} .top_right{ float:right;font-size:12px;} .bt01{ color:#fff;} .bt02{ color:#fff; font-weight:bolder;} .bt03{ font-size:30px;color:#fff;font-weight:bolder;} .news{background:#f6f6f6;} .newsbj{background:#FFF;padding-bottom: 30px;} .more1{ float:none;width:100%; height:50px;background:url(../../../img/more.jpg) no-repeat center center; margin:20px 0; padding-bottom:0px;} .about_bj{padding: 50px 0 30px; background: #f6f6f6;} .about{ height:320px;} .about_1{ float:none; padding:20px 0 20px 0; width:96%; margin:0px auto; margin-top:0px; margin-bottom:30px;} .about_1_1{ float:left; width:40%; height:350px;} @media (max-width:1000px) { .about_1_1{display:none;} } .about_1_3{ float:left; width:5%; height:300px;} .about_1_2{ float:left; width:50%; height:auto; color:#FFF; } @media (max-width:1000px) { .about_1_2{ float:left; width:90%; height:auto; } } .about_bt{ text-align:center;} .about_1_4{ float:none; font-size:28px; color:#1a79c3; width:100%; height:50px; margin-top:50px;margin-bottom: 25px;} .about_1_4:after {display: block; content: ""; width: 50px; height: 2px; background-color: #1a79c3; margin-top: 10px; margin-bottom: 25px;} .foot1{ background:#2f6cb9; color:#fff;} .foot2{ background:#fff; color:#222; font-size:14px; line-height:5em; border-top:2px solid #2f6cb9;} .foot2 a{color:#222;font-size:14px;} /*浜у搧杞挱*/ .view { max-width: 500px; } .view .swiper-slide { height: 380px; max-width: 500px; padding: 0 3px; box-sizing: border-box; overflow: hidden; text-align: center; } .view .swiper-slide img { height: 100%; } .view .arrow-left { background: url(../images/index_tab_l.png) no-repeat left center; position: absolute; left: 10px; width: 28px; height: 300px; z-index: 10; display: none; } .view .arrow-right { background: url(../images/index_tab_r.png) no-repeat right center; position: absolute; right: 10px; width: 28px; height: 300px; z-index: 10; display: none; } .preview { position: relative; width: 440px; left: 30px; } .preview .swiper-slide { width: 87.5px; height: 70px; margin: 0 3px; box-sizing: border-box; overflow: hidden; cursor: pointer; } .preview .swiper-slide img { display: inline-block; height: 100%; } .preview .active-nav { border: 1px solid #F00; text-align:center; } .preview .arrow-left { background: #fff url(../images/feel3.png) no-repeat left center; position: absolute; left: -20px; top: 0; width: 20px; height: 70px; z-index: 10; } .preview .arrow-right { background: #fff url(../images/feel4.png) no-repeat right center; position: absolute; right: -20px; top: 0; width: 20px; height: 70px; z-index: 10; } .view2 { max-width: 100%; margin:0px auto; text-align:center; } .view2 .swiper-slide { height: 380px; max-width: 100%; padding: 0 3px; box-sizing: border-box; overflow: hidden; } .view2 .swiper-slide img { height: 100%; text-align:center; } .view2 .arrow-left { background: url(../images/index_tab_l.png) no-repeat left center; position: absolute; left: 10px; width: 28px; height: 300px; z-index: 10; display: none; } .view2 .arrow-right { background: url(../images/index_tab_r.png) no-repeat right center; position: absolute; right: 10px; width: 28px; height: 300px; z-index: 10; display: none; } .preview2 { position: relative; width: 540px; left: 0px; margin:0px auto; } .preview2 .swiper-slide { width: 87.5px; height: 70px; margin: 0 3px; box-sizing: border-box; overflow: hidden; cursor: pointer; } .preview2 .swiper-slide img { display: inline-block; height: 100%; } .preview2 .active-nav { border: 1px solid #F00; text-align:center; } .preview2 .arrow-left { background: #fff url(../images/feel3.png) no-repeat left center; position: absolute; left: -20px; top: 0; width: 20px; height: 70px; z-index: 10; } .preview2 .arrow-right { background: #fff url(../images/feel4.png) no-repeat right center; position: absolute; right: -20px; top: 0; width: 20px; height: 70px; z-index: 10; } @media only screen and (max-width: 768px) { .view .swiper-slide { height: 200px; } .preview { display: none; } .view .arrow-left, .view .arrow-right { height: 200px; display: block; } } /*鍦ㄧ嚎瀹㈡湇*/ .online { position: fixed; bottom: 150px; right: 10px; width: 60px; z-index: 999; color: #999; } .online a { color: #666; } .online a:hover { text-decoration: none; } .online dl { background: #27a8e1; padding: 10px 5px; margin-bottom: 1px; position: relative; } .online dl dd { color: #fff; text-align: center; font-size: 12px; cursor: pointer; } .online dl dd i { font-size: 25px; } .online dl:hover { background: #1781bd; } .online dl dt { position: absolute; top: 0px; right: 60px; background: #fff; border: 1px solid #ccc; z-index: 9999; display: none; padding: 10px 15px; font-weight: normal; } .online dl dt h3 { display: block; font-size: 16px; color: #666; border-bottom: 1px solid #ccc; padding-bottom: 5px; } .online dl dt h3 i { margin-right: 5px; } .online dl dt h3 span { float: right; cursor: pointer; } .online dl dt input { border: 1px solid #ccc; border-radius: 5px; margin-top: 15px; height: 40px; line-height: 40px; padding: 3px 5px; width: 100%; } .online dl dt button { margin: 10px 0; border: none; border-radius: 5px; width: 100%; font-size: 18px; height: 40px; line-height: 40px; background: #28a7e1; color: #fff; cursor: pointer; } /*sm灞忓箷浠ヤ笂*/ @media only screen and (min-width: 576px) { .card-img-200 { height: 200px; overflow: hidden; } .card-img-180 { height: 180px; overflow: hidden; } .card-img-150 { height: 150px; overflow: hidden; } .card-img-120 { height: 120px; overflow: hidden; } .card-img-100 { height: 100px; overflow: hidden; } } /*sm灞忓箷浠ヤ笅*/ @media only screen and (max-width: 576px) { .page-num { display: none; } .head-sm-height { height: 100px !important; } } /*********鍝嶅簲寮忔牱寮?*****************/ /*琛岃窛*/ .lh-1 { line-height: 1; } .lh-2 { line-height: 2; } .lh-3 { line-height: 3; } .lh-4 { line-height: 4; } /*瀛椾綋澶у皬*/ .fs-12 { font-size: .857rem; } .fs-14 { font-size: 1rem; } .fs-16 { font-size: 1.142rem; } .fs-18 { font-size: 1.285rem; } .fs-20 { font-size: 1.428rem; } .fs-22 { font-size: 1.571rem; } .fs-24 { font-size: 1.714rem; } .fs-26 { font-size: 1.857rem; } .fs-28 { font-size: 2rem; } .fs-30 { font-size: 2.142rem; } .fs-32 { font-size: 2.286rem; } .fs-34 { font-size: 2.429rem; } .fs-36 { font-size: 2.571rem; } .fs-38 { font-size: 2.714rem; } .fs-40 { font-size: 2.857rem; } /*楂樺害*/ .h-5px { height: 5px; } .h-10px { height: 10px; } .h-15px { height: 15px; } .h-20px { height: 20px; } .h-25px { height: 25px; } .h-30px { height: 30px; } .h-35px { height: 35px; } .h-40px { height: 40px; } .h-45px { height: 45px; } .h-50px { height: 50px; } .h-55px { height: 55px; } .h-60px { height: 60px; } .h-65px { height: 65px; } .h-70px { height: 70px; } .h-75px { height: 75px; } .h-80px { height: 80px; } .h-85px { height: 85px; } .h-90px { height: 90px; } .h-95px { height: 95px; } .h-100px { height: 100px; } .h-110px { height: 110px; } .h-120px { height: 120px; } .h-130px { height: 130px; } .h-140px { height: 140px; } .h-150px { height: 150px; } .h-160px { height: 160px; } .h-170px { height: 170px; } .h-180px { height: 180px; } .h-190px { height: 190px; } .h-200px { height: 200px; } .h-210px { height: 210px; } .h-220px { height: 220px; } .h-230px { height: 230px; } .h-240px { height: 240px; } .h-250px { height: 250px; } .h-260px { height: 260px; } .h-270px { height: 270px; } .h-280px { height: 280px; } .h-290px { height: 290px; } .h-300px { height: 300px; } .h-310px { height: 310px; } .h-320px { height: 320px; } .h-330px { height: 330px; } .h-340px { height: 340px; } .h-350px { height: 350px; } .h-360px { height: 360px; } .h-370px { height: 370px; } .h-380px { height: 380px; } .h-390px { height: 390px; } .h-400px { height: 400px; } .h-410px { height: 410px; } .h-420px { height: 420px; } .h-430px { height: 430px; } .h-440px { height: 440px; } .h-450px { height: 450px; } .h-460px { height: 410px; } .h-470px { height: 470px; } .h-480px { height: 480px; } .h-490px { height: 490px; } .h-500px { height: 500px; } /*sm灞忓箷浠ヤ笂*/ @media only screen and (min-width: 576px) { /*琛岃窛*/ .lh-sm-1 { line-height: 1; } .lh-sm-2 { line-height: 2; } .lh-sm-3 { line-height: 3; } .lh-sm-4 { line-height: 4; } /*瀛椾綋澶у皬*/ .fs-sm-12 { font-size: .857rem; } .fs-sm-14 { font-size: 1rem; } .fs-sm-16 { font-size: 1.142rem; } .fs-sm-18 { font-size: 1.285rem; } .fs-sm-20 { font-size: 1.428rem; } .fs-sm-22 { font-size: 1.571rem; } .fs-sm-24 { font-size: 1.714rem; } .fs-sm-26 { font-size: 1.857rem; } .fs-sm-28 { font-size: 2rem; } .fs-sm-30 { font-size: 2.142rem; } .fs-sm-32 { font-size: 2.286rem; } .fs-sm-34 { font-size: 2.429rem; } .fs-sm-36 { font-size: 2.571rem; } .fs-sm-38 { font-size: 2.714rem; } .fs-sm-40 { font-size: 2.857rem; } /*楂樺害*/ .h-sm-5px { height: 5px; } .h-sm-10px { height: 10px; } .h-sm-15px { height: 15px; } .h-sm-20px { height: 20px; } .h-sm-25px { height: 25px; } .h-sm-30px { height: 30px; } .h-sm-35px { height: 35px; } .h-sm-40px { height: 40px; } .h-sm-45px { height: 45px; } .h-sm-50px { height: 50px; } .h-sm-55px { height: 55px; } .h-sm-60px { height: 60px; } .h-sm-65px { height: 65px; } .h-sm-70px { height: 70px; } .h-sm-75px { height: 75px; } .h-sm-80px { height: 80px; } .h-sm-85px { height: 85px; } .h-sm-90px { height: 90px; } .h-sm-95px { height: 95px; } .h-sm-100px { height: 100px; } .h-sm-110px { height: 110px; } .h-sm-120px { height: 120px; } .h-sm-130px { height: 130px; } .h-sm-140px { height: 140px; } .h-sm-150px { height: 150px; } .h-sm-160px { height: 160px; } .h-sm-170px { height: 170px; } .h-sm-180px { height: 180px; } .h-sm-190px { height: 190px; } .h-sm-200px { height: 200px; } .h-sm-210px { height: 210px; } .h-sm-220px { height: 220px; } .h-sm-230px { height: 230px; } .h-sm-240px { height: 240px; } .h-sm-250px { height: 250px; } .h-sm-260px { height: 260px; } .h-sm-270px { height: 270px; } .h-sm-280px { height: 280px; } .h-sm-290px { height: 290px; } .h-sm-300px { height: 300px; } .h-sm-310px { height: 310px; } .h-sm-320px { height: 320px; } .h-sm-330px { height: 330px; } .h-sm-340px { height: 340px; } .h-sm-350px { height: 350px; } .h-sm-360px { height: 360px; } .h-sm-370px { height: 370px; } .h-sm-380px { height: 380px; } .h-sm-390px { height: 390px; } .h-sm-400px { height: 400px; } .h-sm-410px { height: 410px; } .h-sm-420px { height: 420px; } .h-sm-430px { height: 430px; } .h-sm-440px { height: 440px; } .h-sm-450px { height: 450px; } .h-sm-460px { height: 410px; } .h-sm-470px { height: 470px; } .h-sm-480px { height: 480px; } .h-sm-490px { height: 490px; } .h-sm-500px { height: 500px; } } /*md灞忓箷浠ヤ笂*/ @media only screen and (min-width: 768px) { /*琛岃窛*/ .lh-md-1 { line-height: 1; } .lh-md-2 { line-height: 2; } .lh-md-3 { line-height: 3; } .lh-md-4 { line-height: 4; } /*瀛椾綋澶у皬*/ .fs-md-12 { font-size: .857rem; } .fs-md-14 { font-size: 1rem; } .fs-md-16 { font-size: 1.142rem; } .fs-md-18 { font-size: 1.285rem; } .fs-md-20 { font-size: 1.428rem; } .fs-md-22 { font-size: 1.571rem; } .fs-md-24 { font-size: 1.714rem; } .fs-md-26 { font-size: 1.857rem; } .fs-md-28 { font-size: 2rem; } .fs-md-30 { font-size: 2.142rem; } .fs-md-32 { font-size: 2.286rem; } .fs-md-34 { font-size: 2.429rem; } .fs-md-36 { font-size: 2.571rem; } .fs-md-38 { font-size: 2.714rem; } .fs-md-40 { font-size: 2.857rem; } /*楂樺害*/ .h-md-5px { height: 5px; } .h-md-10px { height: 10px; } .h-md-15px { height: 15px; } .h-md-20px { height: 20px; } .h-md-25px { height: 25px; } .h-md-30px { height: 30px; } .h-md-35px { height: 35px; } .h-md-40px { height: 40px; } .h-md-45px { height: 45px; } .h-md-50px { height: 50px; } .h-md-55px { height: 55px; } .h-md-60px { height: 60px; } .h-md-65px { height: 65px; } .h-md-70px { height: 70px; } .h-md-75px { height: 75px; } .h-md-80px { height: 80px; } .h-md-85px { height: 85px; } .h-md-90px { height: 90px; } .h-md-95px { height: 95px; } .h-md-100px { height: 100px; } .h-md-110px { height: 110px; } .h-md-120px { height: 120px; } .h-md-130px { height: 130px; } .h-md-140px { height: 140px; } .h-md-150px { height: 150px; } .h-md-160px { height: 160px; } .h-md-170px { height: 170px; } .h-md-180px { height: 180px; } .h-md-190px { height: 190px; } .h-md-200px { height: 200px; } .h-md-210px { height: 210px; } .h-md-220px { height: 220px; } .h-md-230px { height: 230px; } .h-md-240px { height: 240px; } .h-md-250px { height: 250px; } .h-md-260px { height: 260px; } .h-md-270px { height: 270px; } .h-md-280px { height: 280px; } .h-md-290px { height: 290px; } .h-md-300px { height: 300px; } .h-md-310px { height: 310px; } .h-md-320px { height: 320px; } .h-md-330px { height: 330px; } .h-md-340px { height: 340px; } .h-md-350px { height: 350px; } .h-md-360px { height: 360px; } .h-md-370px { height: 370px; } .h-md-380px { height: 380px; } .h-md-390px { height: 390px; } .h-md-400px { height: 400px; } .h-md-410px { height: 410px; } .h-md-420px { height: 420px; } .h-md-430px { height: 430px; } .h-md-440px { height: 440px; } .h-md-450px { height: 450px; } .h-md-460px { height: 410px; } .h-md-470px { height: 470px; } .h-md-480px { height: 480px; } .h-md-490px { height: 490px; } .h-md-500px { height: 500px; } } /*lg灞忓箷浠ヤ笂*/ @media only screen and (min-width: 992px) { /*琛岃窛*/ .lh-lg-1 { line-height: 1; } .lh-lg-2 { line-height: 2; } .lh-lg-3 { line-height: 3; } .lh-lg-4 { line-height: 4; } /*瀛椾綋澶у皬*/ .fs-lg-12 { font-size: .857rem; } .fs-lg-14 { font-size: 1rem; } .fs-lg-16 { font-size: 1.142rem; } .fs-lg-18 { font-size: 1.285rem; } .fs-lg-20 { font-size: 1.428rem; } .fs-lg-22 { font-size: 1.571rem; } .fs-lg-24 { font-size: 1.714rem; } .fs-lg-26 { font-size: 1.857rem; } .fs-lg-28 { font-size: 2rem; } .fs-lg-30 { font-size: 2.142rem; } .fs-lg-32 { font-size: 2.286rem; } .fs-lg-34 { font-size: 2.429rem; } .fs-lg-36 { font-size: 2.571rem; } .fs-lg-38 { font-size: 2.714rem; } .fs-lg-40 { font-size: 2.857rem; } /*楂樺害*/ .h-lg-5px { height: 5px; } .h-lg-10px { height: 10px; } .h-lg-15px { height: 15px; } .h-lg-20px { height: 20px; } .h-lg-25px { height: 25px; } .h-lg-30px { height: 30px; } .h-lg-35px { height: 35px; } .h-lg-40px { height: 40px; } .h-lg-45px { height: 45px; } .h-lg-50px { height: 50px; } .h-lg-55px { height: 55px; } .h-lg-60px { height: 60px; } .h-lg-65px { height: 65px; } .h-lg-70px { height: 70px; } .h-lg-75px { height: 75px; } .h-lg-80px { height: 80px; } .h-lg-85px { height: 85px; } .h-lg-90px { height: 90px; } .h-lg-95px { height: 95px; } .h-lg-100px { height: 100px; } .h-lg-110px { height: 110px; } .h-lg-120px { height: 120px; } .h-lg-130px { height: 130px; } .h-lg-140px { height: 140px; } .h-lg-150px { height: 150px; } .h-lg-160px { height: 160px; } .h-lg-170px { height: 170px; } .h-lg-180px { height: 180px; } .h-lg-190px { height: 190px; } .h-lg-200px { height: 200px; } .h-lg-210px { height: 210px; } .h-lg-220px { height: 220px; } .h-lg-230px { height: 230px; } .h-lg-240px { height: 240px; } .h-lg-250px { height: 250px; } .h-lg-260px { height: 260px; } .h-lg-270px { height: 270px; } .h-lg-280px { height: 280px; } .h-lg-290px { height: 290px; } .h-lg-300px { height: 300px; } .h-lg-310px { height: 310px; } .h-lg-320px { height: 320px; } .h-lg-330px { height: 330px; } .h-lg-340px { height: 340px; } .h-lg-350px { height: 350px; } .h-lg-360px { height: 360px; } .h-lg-370px { height: 370px; } .h-lg-380px { height: 380px; } .h-lg-390px { height: 390px; } .h-lg-400px { height: 400px; } .h-lg-410px { height: 410px; } .h-lg-420px { height: 420px; } .h-lg-430px { height: 430px; } .h-lg-440px { height: 440px; } .h-lg-450px { height: 450px; } .h-lg-460px { height: 410px; } .h-lg-470px { height: 470px; } .h-lg-480px { height: 480px; } .h-lg-490px { height: 490px; } .h-lg-500px { height: 500px; } } .product-bj{ background:url(../../../img/index_product_bg.jpg) center center no-repeat;} .pr19{float:none; width:100%; height:180px; text-align:center; margin:0px auto; position: relative; background:#FFF; margin-top:30px; margin-bottom:30px;-moz-box-shadow:4px 4px 5px #333333; -webkit-box-shadow:4px 4px 5px #333333; box-shadow:4px 4px 5px #333333;} .pr19_1{float:left; width:25%; height:180px;background:url(../../../../img/gx.png) no-repeat right center;} .pr19_2{float:left; width:25%; height:180px;} .pr19_1_1{float:left; width:55%; height:180px;background:url(../../../../img/t1.png) no-repeat center center;} .pr19_1_2{float:left; width:45%; height:180px;} .pr19_1_2_1{float:none; width:100%; font-size:14px;color:#999; padding-top:60px; text-align:left;} .pr19_1_2_2{float:none; width:100%; text-align:left;} .bt1{ font-size:26px;color:#000; font-weight:bolder;} .bt2{ font-size:16px;color:#999; padding-left:5px;} .bt3{ color:#c21930;} .pr19_1_3{float:left; width:55%; height:180px;background:url(../../../../img/t2.png) no-repeat center center;} .pr19_1_4{float:left; width:55%; height:180px;background:url(../../../../img/t3.png) no-repeat center center;} .pr19_1_5{float:left; width:55%; height:180px;background:url(../../../../img/t4.png) no-repeat center center;} .tem_index_product{padding:20px 0 0 0;} .pr8{float:none; width:100%; height:140px; text-align:center; margin:0px auto; position: relative; z-index:12; background:#FFF;} .pr8_1{ color:#fff; font-size:14px; } .pr8_2{ color:#fff; font-size:20px; font-weight:bolder;padding-top:25px;} .pr9{float:none;width:100%;overflow:auto;} .pr9_1{float:left; width: 25%; text-align:left;display: block;background:#000;position: relative;} .pr9_1_1{ position:relative;overflow: hidden; float:none; width:100%; margin:0px auto; color:#FFF; font-size:16px; text-align:left; } .pr9_1_1_1{text-align:center; padding-top:80px; width:100%; text-align:center;position:absolute;left: 0;top: 0;z-index:1;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; font-size:24px; color:#FFF;} .pr9_1_1_1:hover{visibility:visible;} .pr9_1_1_2{text-align:center; padding-top:80px; width:100%; text-align:center;position:absolute;left: 0;top: 0;z-index:1;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;font-size:24px;color:#FFF;} .pr9_1_1_2:hover{visibility:visible;} .pr9_1_1:hover{visibility:visible;} .pr9_1_1 img{width:100%; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pr9_1_1 img:hover{-webkit-transform: scale(1.2) rotate(8deg);-ms-transform: scale(1.2) rotate(8deg);-o-transform: scale(1.2) rotate(8deg);transform: scale(1.2) rotate(8deg);-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;opacity:0.5;} .pr9_1_2{position: relative;overflow: hidden; z-index:2;float:none; width:100%; margin:0px auto; color:#FFF; font-size:16px;text-align:left;} .pr9_1_2:hover{visibility:visible;} .pr9_1_2 img{ width:100%; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pr9_1_2 img:hover{-webkit-transform: scale(1.2) rotate(8deg);-ms-transform: scale(1.2) rotate(8deg);-o-transform: scale(1.2) rotate(8deg);transform: scale(1.2) rotate(8deg);-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;opacity:0.5;} .pr9_1_3{position: relative; overflow: hidden; z-index:2;float:none; width:100%; margin:0px auto; color:#FFF; font-size:16px;text-align:left;} .pr9_1_3:hover{visibility:visible;} .pr9_1_3 img{width:100%; overflow: hidden;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pr9_1_3 img:hover{-webkit-transform: scale(1.2) rotate(8deg);-ms-transform: scale(1.2) rotate(8deg);-o-transform: scale(1.2) rotate(8deg);transform: scale(1.2) rotate(8deg);-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;opacity:0.5; } .pr9_1_4{position: relative; overflow: hidden; z-index:2;float:none; width:100%; margin:0px auto; color:#FFF; font-size:16px;text-align:left; } .pr9_1_4:hover{visibility:visible;} .pr9_1_4 img{width:100%; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pr9_1_4 img:hover{-webkit-transform: scale(1.2) rotate(8deg);-ms-transform: scale(1.2) rotate(8deg);-o-transform: scale(1.2) rotate(8deg);transform: scale(1.2) rotate(8deg);-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;opacity:0.5; } .pr7{float:none; width:100%; height:140px; text-align:center; margin:0px auto; position: relative; z-index:12;} .pr3_1{ color:#fff; font-size:36px;font-weight:bolder; } .pr3_2{ color:#fff;font-size:30px; top:-5px; width:100%; position:relative;} .pr3_3{ color:#999999; font-size:14px; height:40px;} .pr3_4{ color:#e1e0e0; font-size:36px;font-weight:bolder;} .pr3_5{ color:#000;font-size:30px; top:-5px; width:100%; position:relative;} .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: rgba(255,255,255,.9); } .tem_index_product2{ padding:40px 0 0 0;background:url(../../../../img/cf.jpg)repeat-x center top; height:333px;position: relative;top:-3px;}