/*基础CSS*/ * { margin: 0; padding: 0; } 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: #a5a5a5; } .newtext{color: #a5a5a5;line-height: 2;} .newtext:hover{color: #a5a5a5;;} .card, .figure { margin: 15px 0; border:0px; border-radius:0px; } .syimg{padding:0 60px;} .card:hover .syimg{} .card-title a{ font-size:16px;transition: all 0.5s ease-in-out;} .card:hover .card-title a{ color: #037c37} .card-body2 { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 0.5rem; background:#222; text-align:center; } .w-70{width: 70%!important;} .card-title10 a:hover{ color:#037c37;} .cpimg{transition: all 0.5s ease-in-out; } .cpimg:hover{transform: scale(1.1);} .card-title{ font-size:16px; color:#222; width:100%; line-height:20px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .nyimg{ } .jiahao{ padding-right:20px; font-size:20px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; color:#ccc; } .jiahao:hover{ color:#222; display:block;} .card-body2 a{ font-size:14px;} .xbt{ float:none; line-height:2em; text-align:center; font-size:16px; padding-bottom:30px;} .card-title2{ background:#222; color:#FFF; width:240px; float:none; margin:0px auto; text-align:center; line-height:40px;} .card-title2 a{ color:#FFF; font-size:16px;} .card-text{ border-bottom:1px solid #eee; padding-bottom:10px;} @media (max-width:1000px) { .xbt{display:none;} .sjnews{display:none;} .card-text{display:none;} .card-title{ font-size:16px;} } .topbanner2{padding-top:6rem;} @media (max-width:1000px) { .topbanner2{padding-top:1.5rem;} } .news2{height:215px; border:1px solid #333; background:#FFF; margin:20px 0 50px 0;} .news2:hover{ border:1px solid #037c37; } @media (max-width:1000px) { .news2{height:50px; background:#FFF; margin:20px 0 20px 0;} .news3{ float:right;} } .card-body2 a{color:#FFF;} .table{ width:100%;} .container-fluid{ background:#037c37;} .map{ padding-right:80px;} @media (max-width:1000px) {.map{ padding-right:0px;}} @media (max-width:1000px) {.table{ width:350px;}} .bg-light { background-color: #fff!important; } .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: 1.2rem; padding-left: 1.2rem; font-size: 16px; color:#000; } .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: 100px; } .position, .position a { 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; } .container{ margin:0px auto; width:1400px; } @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: 1100px) { .container { max-width: 1100px; } } @media (min-width: 1200px) { .container { max-width: 1200px; } } @media (min-width: 1400px) { .container { max-width: 1400px; } } @media (min-width: 1800px) { .container { margin:0px auto; max-width: 1400px; } } .container2 { width: 1400px; margin:0px auto; overflow:hidden; } @media (max-width:1200px) { .container2 { width: 96%; margin:0px auto; overflow:hidden; } } .sycp{ height:13vw;} .row2 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; text-align:center; } .btn-info { color: #fff; background-color:#222; border-color:#222; display:none; } .sonsort{ text-align:center; background:#FFF; padding:30px;overflow: hidden;} .page-num,.page-link { z-index:99; position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color:#222; background-color: #fff; border: 1px solid #dee2e6; } .page-num,.page-link:hover{ z-index:99; position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color:#037c37; background-color: #fff; border: 1px solid #dee2e6; } .page-num-current { z-index: 999; color: #fff; background-color:#037c37; border-color:#037c37; } .fixed-top{ box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13); } .box5{ font-family: 'Ubuntu', sans-serif; position: relative; overflow: hidden; padding-bottom:10px; text-align:center; } .box5:before{ content: ''; height:100%; width: 100%; opacity: 0; border-bottom:3px solid #119947; position: absolute; left:-100%; top:0; z-index: 1; transition: all 0.4s ease-in-out; } .box5:hover:before{ width: 100%; height:100%; left:0; opacity: 1; filter: blur(0); top:0; transform: scale(1,1); } .text-secondary a{ color:#FFF;} .top{ float:none; width:100%; line-height:40px; color:#222; border-bottom: 1px solid #e7e8ed; background: #f7f8fa; 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;} .top2{ display:none;} .topx2{ display:none;} @media (max-width:1000px) { .top{display:none;} .topimg{display:none;} } .daohang{height: 61px;background: #2b2b2b; border-top:3px solid #0a9eaf;line-height:58px;} @media (max-width:1000px) {.daohang{display:none;}} .top_left{ float:left; font-size:12px;} .top_right{ float:right;font-size:12px; width:25%; height:120px; } .top_right_1{ font-size:16px; padding-left:85px; padding-top:32px;} .top_right_2{color:#222; padding-left:85px; font-weight:bold; font-size: 1.3vw;} @media (max-width:1200px) {.top_right{display:none;}} .more{background:rgba(8, 156, 173, 0.9); color:#FFF; padding:10px 30px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .synews{ width:100%; height:220px; display:block; margin-bottom:15px; overflow:hidden;} .synews img{ width: 100%; height: auto; transition: all 0.5s ease-in-out; } .media-body:hover .synews img{ transform: scale(1.1); } .more:hover{background:#ec6d42;color:#FFF; padding:10px 30px;} .time1{ background:#fff; border:1px solid #EEE;float:right; width:25%;padding:10px; } .time1:hover{background:#222; color:#FFF;} .time1text1{ font-size:24px; font-weight:bold;} .time1text2{ font-size:16px;} .lybj{ background:url(../../../img/lybj.jpg) center center no-repeat; background-size:cover;} .messagebt{ color:#037c37; margin:10px 0;} .pro:hover{ background:#222; color:#FFF;} .pro a:hover{color:#FFF;} .top_left{ float:left; font-size:12px;} .top_right{ float:right;font-size:12px;} .bt{ color:#222; font-size:30px;background:url(../../../img/ttline1.png) center center no-repeat; width:100%; } .bt4{ color:#222; font-size:30px; font-weight:bolder;background:url(../../../img/ttline2.png) center center no-repeat; width:100%; } .about{ height:auto; overflow:hidden;} .about_bj{} .about_1{ float:none; padding:0px 0 20px 0; width:96%; margin:0px auto; margin-top:0px; margin-bottom:30px;} @media (max-width:768px) {.about_1{ float:none; padding:0px 0 0px 0; width:96%; margin:0px auto; margin-top:0px; margin-bottom:0px;}} .about_1_1{ float:left; width:100%; height: auto;} @media (max-width:1000px) { .about_1_1{display:none;} } .about_1_1_1{ width:33.3%; float:left; text-align:left; font-size:34px; line-height:2em;} .about_1_1_1:hover{ color:#037c37;} .about_1_2{ float:left; width:100%; height:auto; color:#222; } @media (max-width:1000px) { .about_1_2{ float:left; width:90%; height:auto; } } .newsbj{background:#FFF;padding-bottom: 30px; border:1px solid #eee;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .card-img-top{transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;overflow:hidden;} .newsbj:hover{border:1px solid #037c37;} .media-body{transition: 0.5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } .media-body:hover .more1 { float: none; width: 100%; height: 50px; background: url(../../../img/more2.jpg) no-repeat center center; margin: 20px 0; padding-bottom: 0px; } .media-body:hover .time1text3 a{ color:#037c37;transition: all .5s ease;} .media-body:hover .time2{ color:#037c37;transition: all .5s ease;} .time1text4{float:none;width:90%;margin:0px auto; padding-top:5px;font-size:14px;line-height:2em; margin-bottom:5px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .time1text3{ font-size:16px;float:none;width:90%;margin:0px auto;display:block; line-height:2em; margin-bottom:0px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .media-body:hover .time1text4 a{ color:#037c37;transition: all .5s ease;} .time2{ float:none; width:90%;margin:0px auto;display:block;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .newsbj:hover .card-img-top{transform: scale(1.1);} .about_1_4{ float:none; font-size:28px; color:#666; width:100%; height:50px; margin-top:20px;margin-bottom: 25px;} @media (max-width:768px) {.about_1_4{ float:none; font-size:28px; color:#222; width:100%; height:50px; margin-top:10px;margin-bottom: 10px;}} .about_1_4:after {display: block; content: ""; width: 50px; height: 2px; background-color: #ec6d42; margin-top: 10px; margin-bottom: 25px;} .news{padding: 100px 0 100px; text-align: left; } .tem_index_about_more{padding-top:10px;} .tem_index_about_more a{display:inline-block;padding:0 30px;height:30px;border:1px solid #eee;color:#fff!important;text-decoration:none;font-weight:normal;line-height:30px; background:#222;} .tem_index_about_more a:hover{ background:#25aee8; text-decoration:none!important; } .foot4{ background:#f2f3f1; color:#222; overflow:hidden; height:30px; border-top:3px solid #dbdcdb;} .foot4_1{ width:auto; float:left; padding:30px 0px;} .foot4_2{ width:auto; float:right; font-size:26px;padding:45px 0px 30px 0px; line-height:40px;} .footyw{ font-size:22px; color:#666;} .foot1{ background:#f2f3f1; color:#222; padding:30px 0px; } .foot2{ background:#dbdcdb; color:#000; padding: 30px 0; height: 80px} .foot2_1{ width:auto; float:left;} .foot2_2{ width:auto; float:right;} .footer{ padding-bottom:30px;} .foot1 a{ color:#fff;} .foot2 a{ color:#fff;} .more1{ float:none;width:100%; height:50px;background:url(../../../img/more.jpg) no-repeat center center; margin:20px 0; padding-bottom:0px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } /*产品轮播*/ .view { max-width: 100%; } .view .swiper-slide { height: 400px; max-width:100%; 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: 350px; 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: 90%; 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 #037c37; 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; } @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: 0px 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; } } .jss{ margin-top: 0px; padding-top: 15px; padding-bottom: 10px; background: #fff; box-shadow: 0px -12px 25px #ececec; top: -50px; width: 100%; left: 0px;} .wenhua{ padding: 30px 0 30px; text-align: center; background: #f7f7f7; height: 500px;} .wenhua1{ width:50%; float:left; height:30vw; background:url(../../../images/00.png) no-repeat; background-size:cover;} .wenhua2{ width:50%; float:left; height:30vw; background:url(../../../images/01.png) no-repeat; background-size:cover; } .wenhua1_1{ width:100%;background:rgba(34, 35, 111, 0);height:30vw;transition: all 0.3s ease 0s;opacity:0;display:block; } .wenhua1_1:hover{ width:100%;background:rgba(34, 35, 111, 0.8);height:30vw;opacity:1;top:0vw;} .wenhua1_1_1{ float:none; text-align:center; width:100%; font-size:16px; color:#FFF; padding-top:10vw; padding-bottom:20px;} .wenhua1_1_2{ float:none; text-align:center; width:100px; height:1px; background:#FFF; margin:0px auto; margin-bottom:20px;} .wenhua1_1_3{ float:none; text-align:center; width:100%; font-size:24px; font-weight:bold;color:#FFF; padding-bottom:20px;} .wenhua1_1_4{ float:none; text-align:center; width:100%;} .fenlei3{ width:100%;float:none; color:#222; height:80px; line-height:80px; margin-bottom:0px; border-bottom:1px solid #eee;border-top:1px solid #eee;} .fenlei{ width:100%;float:none; color:#222; height:50px; line-height:50px; margin-bottom:0px; border-bottom:1px solid #eee;} .fenlei a{color:#222; } .fenlei2{ width:100%;float:none; color:#fff; height:80px; line-height:80px; background: linear-gradient(to right, #0a9eaf , #abcd03);} .fenlei2 a{color:#fff; } .btn-light{ float:left;color:#222;border:0px; padding:0 30px; border-radius:0px; height:49px; line-height:49px; background-color:#fff;} .btn-light:hover{ color:#FFF; background:#037c37;} .card-title3{ position:absolute; bottom:0px; height:50px; line-height:50px; width:100%; text-align:center; color:#FFF; z-index:99;} .card-title3 a{ color:#FFF;} .card-title4{ position:absolute; bottom:0px; height:50px; line-height:50px; width:100%; text-align:center; color:#FFF; background: linear-gradient(to right, #008cd6 , #abcd03);opacity: 0.65;z-index:98;} .foot3{ width:100%; height:132px; background:url(../../../images/b_bg1.jpg) center center;} .sbbj{ background:url(../../../img/sbbj.jpg) center center no-repeat; height:800px; padding-top:140px;} .abbj{ background:url(../../../img/about3.png) center center no-repeat; height:800px; padding-top:140px;} @media (max-width:768px) {.foot3{display:none;}} .foot3_1{ float:left; line-height:132px; text-align:center; font-size:18px;color: #fff; width:50%;} .foot3_2{ float:left; line-height:132px; text-align:center; font-size:18px;color: #fff; width:50%; } .details{ width:100%; height:80px; color:#777; line-height:40px; font-size:24px; } .daohang2{ display:none;} @media (max-width: 768px) { .daohang2{ display: block; width:100%;} .wenhua{ width:100%; float:none; height:120vw;} .wenhua1{ width:100%; float:left; height:60vw; background:url(../../../images/00.png) no-repeat; background-size:cover;} .wenhua2{ width:100%; float:left; height:60vw; background:url(../../../images/01.png) no-repeat; background-size:cover; } .wenhua1_1{ width:100%;background:rgba(34, 35, 111, 0.8);height:60vw;opacity:1;top:0vw;} .btn-light{ float:left;color: #fff; border-left:0px ;border-right:0px ;border-bottom:0px;border-top:0px; border-radius:0px; height:50px; line-height:35px; background-color:rgba(105, 182, 50,1); width:100%; border:1px solid #8ad555; margin:5px;} .fenlei{ display:none;} } td{ border:1px solid #eee;} .td1{height: 55px; text-align: -webkit-center; vertical-align: middle; background-color: rgb(246, 246, 246);;} .td2{height: 55px; text-align: -webkit-center; vertical-align: middle; background-color: rgb(227, 227, 227);} .td3{height: 55px; text-align: -webkit-center; vertical-align: middle; background-color: rgb(210, 230, 251);} .sousuo{ width:100%; height:50px; background:#FFF; line-height:50px;} .sousuo_left{ width:50%; float:left;height:45px;} .sousuo_right{width: auto; float:right;height:45px; padding-top:6px;} @media (max-width:1000px) {.sousuo_left{display:none;}.sousuo_right{width: auto; float:none; margin:0px auto;height:45px; padding-top:6px;}} .btn-info2 { color: #fff; float: left; display: block; border: 0 none; height: 40px; margin-right:20px; line-height: 40px; padding: 0 15px; background: url(../../../../img/ss.png) #8ba7bf no-repeat center center; color: #fff; } .btn-info2:hover{ color: #fff; } .container3{ float:none; width:1300px; margin:0px auto; padding:30px 0px;} @media (max-width: 1000px){.container3{ float:none; width:100%; margin:0px auto;}} .cpbj{ background:url(../../../img/rl.jpg) #f7f7f7 center center no-repeat; } .guangao{ width:100%; height:90px;} .guangao2{ width:100%; height:170px; padding-top:70px;} .guangao_bj{ background:url(../../../img/dbj2.jpg) center top no-repeat; height:540px;} @media (max-width: 1000px){.guangao_bj{ display:none;}} .guangaobt1{ font-size:25px;color:#FFF;} .guangaobt2{ font-size:16px;color:#FFF;} .guangao_1{ width:auto; float:right;} .guangao_2{ width:auto; float:right;} .guangao_3{ width:auto; float:right;} .guangao_4{ width:auto; float:right;} .guangao_5{ width:auto; float:right;} .guangao_6{ width:auto; float:right;} .left{ float:left; width:25%; margin-bottom:30px;border:1px solid #eee;} .right{ float:right; width:70%; overflow:hidden; height:auto;} .biaoti{ height:70px; background:url(../../../img/btx.png) center bottom repeat-x;} .lanmu{ width:100%; padding-left:20px; font-weight:bold; font-size:24px; height:60px; line-height:60px; background:#0a9eaf; color:#fff; border-bottom:1px solid #0a9eaf;} .lanmu2{ width:100%;} .btn-light2{ width:100%;float:none;color:#999; text-align:left; margin:0px 0; border-radius:0px; height:50px; line-height:35px; background-color:#fff; border-bottom:1px dotted rgba(0,0,0,0.1);} .btn-light2:hover{ color:#FFF; background:url(../../../img/jt2.png)#0a9eaf right center no-repeat;} .btn-light3{ float:left;color:#fff;text-align:left; margin:5px 0px; padding:0 30px; border-radius:0px; height:50px; line-height:45px; background-color:#037c37;} .btn-light3:hover{ color:#FFF; background:#037c37;} .btn-light4{ float:left;color:#222;text-align:left; margin:5px 0px; padding:0 30px; border-radius:0px; height:50px; line-height:45px; } .btn-light4:hover{ color:#FFF; background:#037c37;} .btn-light31{ float:left;color:#fff;text-align:center; width:30%; margin:20px 1.5%; padding:0 30px; border-radius:0px; height:50px; line-height:45px; background-color:#037c37;} .btn-light31:hover{ color:#FFF; background:#037c37;} .btn-light41{ float:left;color:#222;text-align:center; width:30%; margin:20px 1.5%; background:#fff; padding:0 30px; border-radius:0px; height:50px; line-height:45px; } .btn-light41:hover{ color:#FFF; background:#037c37;} .jjbt01{ width:70%; background:#fff; font-size:18px; padding:20px 20px 0px 20px ; text-align: center; margin:0px auto; float:none;} .jjbt02{ width:70%; background:#fff; font-size:14px;padding:10px 20px; line-height:2em; text-align:left; margin:0px auto; float:none;} .jiahao{ background:url(../../../img/jt3.png) left center no-repeat; height:60px; padding-right:20px; font-size:20px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .jiahao:hover{ background:url(../../../img/jt2x.png) left center no-repeat; display:block;} .ljxq{ padding:5px 30px; margin-top:30px; border:1px solid #ccc;width: fit-content;float: left;} @media (max-width:1000px) { .ljxq{ display:none;} } .ljxq:hover{ padding:5px 30px; margin-top:30px; background:#037c37;border:1px solid #037c37; color:#FFF;width: fit-content;float: left;} .card-body2 a{ font-size:14px;} .xbt{ float:none; line-height:2em; text-align:center; font-size:16px; padding-bottom:30px;} @media (max-width:1000px) { .xbt{display:none;} .sjnews{display:none;} .card-title{ font-size:16px;} } .topbanner{height:500px;} @media (max-width:1000px) { .topbanner{ display:none;} } .topbanner2{padding-top:6rem;} @media (max-width:1000px) { .topbanner2{padding-top:1.5rem;} } .news2{height:255px; background:#fff; border:1px solid #f6f6f6; position:relative;padding:20px; margin:20px 0 50px 0;transition: 0.3s;} .news2:hover{ color:#037c37; } @media (max-width:1000px) { .news2{height:40px; background:#fff; margin:0px 0 10px 0;} .jiahao{ display:none;} .news3{ float:right;} } .newtime1{ font-size:24px; color:#777777; height:50px;} .newtime2{ font-size:14px; color:#999999;height:30px;} @media (max-width:1000px) { .new3{float:right; position:absolute; top:25px; right:10px;} .newtime1{ display:none;} .newtime2{ float:right;font-size:14px; color:#999999;height:30px;} } .newtime3{ display:none;} .new3{float:right; position:absolute; top:30px; right:80px;} @media (max-width:1000px) {.top_right{ display:none;} .new3{float:right; position:absolute; top:30px; right:10px;} .newtime2{ display:none;} .newtime3{ display: block;float:right;font-size:14px; color:#999999;height:30px;} } @media (max-width: 768px) {.left{ float:none; width:100%; margin-bottom:30px;} .right{ float:none; width:100%; overflow:hidden; height:auto;}} .pr8{float:none; width:1200px; height:120px; text-align:center; margin:0px auto; position: relative;} .pr8_1{ color:#fff; font-size:14px; } .pr8_2{ color:#fff; font-size:20px; font-weight:bolder;padding-top:25px;} .wz_1{ color:#037c37; font-size:20px; font-weight:bolder;} .wz_2{ float:none; margin:0px auto; width:220px; text-align:left; line-height:2em;} .card-title2{ font-size:14px; color:#FFF; background:#222; width:240px; text-align:center; margin:0px auto; line-height:40px; } .card-title2 a{ color:#FFF;} .cptp{width:240px; margin:0px auto; float:none; height:200px;} .footdh{ float: none; padding-top:60px; width:85%; margin:0px auto;} .footdh li{ float:left; width:20%; text-align:center;} .footdh li a{ color:#9c9c9c; font-size:16px; line-height:30px;transition: all 0.6s;} .footdh li a:hover{ padding-left:10px; color: #037c37; } .footdh h5{ font-size:16px;} .footdh4{ font-size:20px; margin-bottom:20px;} .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;} .pr{float:none; height:237px;width:100%;background:url(../../../../img/p.jpg)repeat-x center bottom;} .pr2{float:none; height:auto;width:100%; text-align:center;} .pr3{float:none; height:150px;width:1200px; height:115px; text-align:center; margin:0px auto; color:#FFF;position: relative;} .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:#222; font-size:14px; height:40px;} .pr3_4{ color:#222; font-size:16px;} .pr3_4:after {display: block; content: ""; width:100%; background:url(../../../images/xt.png) center center no-repeat; margin:0px auto; height: 10px; margin-top: 10px; margin-bottom: 25px;} .pr3_5{ color:#222;font-size:36px; font-weight:bold; width:100%; position:relative;padding-bottom:10px;} .product-bj{ padding:100px 50px 50px 50px;overflow: hidden;} .product-bj2{ padding:50px 50px 0px 50px;overflow: hidden;} .lxdh { color: #fff; font-size: 30px; line-height: 30px; } .wz_1{ color:#037c37; font-size:20px; font-weight:bolder;} .tem_index_product2{background:url(../../../../img/dbj2.jpg)repeat-x center top; height:400px; padding-top:30px;} .pr4{float:none;width:1200px;margin:0px auto; height:30px;} .pr4_1{ float:left; width:50%; font-size:24px; color:#3f3f3f; line-height:30px;} .pr4_2{float:right;width:80px;display:block;height:30px;background:#222;color:#fff;font-weight:normal;font-size:14px;line-height:30px; text-align:center;} .pr4_2 a{background:#15519f;color:#fff;} .pr4_2 a:hover{background:#15519f;color:#fff;} .pr5 { float: none; width: 1200px; margin: 0px auto; height: auto; padding-top: 0px; padding-bottom: 30px; text-align: center; } .pr5_1{ float:left;width:199px;height:200px;background:url(../../../../img/c1.jpg) no-repeat center top;cursor: pointer; transition: all 0.6s; margin-right:1px;} .pr5_1:hover{transform: scale(1.1);} .pr5_2{ float:left;width:199px;height:200px;background:url(../../../../img/c2.jpg) no-repeat center top;cursor: pointer; transition: all 0.6s; margin-right:1px;} .pr5_2:hover{transform: scale(1.1);} .pr5_3{ float:left;width:199px;height:200px;background:url(../../../../img/c3.jpg) no-repeat center top;cursor: pointer; transition: all 0.6s; margin-right:1px;} .pr5_3:hover{transform: scale(1.1);} .pr5_4{ float:left;width:199px;height:200px;background:url(../../../../img/c4.jpg) no-repeat center top;cursor: pointer; transition: all 0.6s; margin-right:1px;} .pr5_4:hover{transform: scale(1.1);} .pr5_5{ float:left;width:199px;height:200px;background:url(../../../../img/c5.jpg) no-repeat center top;cursor: pointer; transition: all 0.6s;margin-right:1px;} .pr5_5:hover{transform: scale(1.1);} .pr5_6{ float:left;width:199px;height:200px;background:url(../../../../img/c6.jpg) no-repeat center top;cursor: pointer; transition: all 0.6s;} .pr5_6:hover{transform: scale(1.1);} .pr7{float:none; width:100%; height:100px; background:url(../../../images/t1.png) center 0px no-repeat; text-align:center; margin:0px auto; position: relative; z-index:12;} .pr17{float:none; width:100%; height:100px; background:url(../../../img/t5.png) center 0px no-repeat; text-align:center; margin:0px auto; position: relative; z-index:12;} .pr8_1{ color:#fff; font-size:14px; } .pr8_2{ color:#fff; font-size:20px; font-weight:bolder;padding-top:25px;} .pr9{float:none; width:1200px; height:200px; position: relative; margin:0px auto;} .pr9_1{float:left; width:380px; height:200px; color:#fff; text-align:left; position: relative; padding-left:135px; padding-top:95px; line-height:2em;} .pr9_2{float:left; width:380px; height:220px; color:#fff; text-align:left; position: relative; padding-left:675px; padding-top:90px; line-height:2em; } .pr10_1{float:left; width:50%; height:250px;background:url(../../../../img/c11.jpg) no-repeat left top; margin-top:20px; padding-top:170px; text-align:left;} .pr10_2{float:left; width:50%; height:250px;} .pr11{float:none; width:1200px; height:70px; text-align:center; margin:0px auto; } .pr12_1{float:left; width:260px; height:240px;font-size:14px; text-align:center; padding-top:25px; margin:0 20px; background-color:rgba(255,255,255,0.9); margin-top:100px;} .pr12_1_1{ width:120px; height:120px;background:url(../../../../img/ys1.jpg) no-repeat center center; border-radius:100px; margin:0px auto; border:5px solid rgba(255,255,255,0.8); position: relative; top:-90px; margin-bottom:-80px;cursor: pointer; transition: all 0.6s;} .pr12_1_1:hover{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);} .pr12_1_2{ width:120px; height:120px;background:url(../../../../img/ys2.jpg) no-repeat center center; border-radius:100px; margin:0px auto; border:5px solid rgba(255,255,255,0.8); position: relative; top:-90px; margin-bottom:-80px;cursor: pointer; transition: all 0.6s;} .pr12_1_2:hover{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);} .pr12_1_3{ width:120px; height:120px;background:url(../../../../img/ys3.jpg) no-repeat center center; border-radius:100px; margin:0px auto; border:5px solid rgba(255,255,255,0.8); position: relative; top:-90px; margin-bottom:-80px;cursor: pointer; transition: all 0.6s;} .pr12_1_3:hover{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);} .pr12_1_4{ width:120px; height:120px;background:url(../../../../img/ys4.jpg) no-repeat center center; border-radius:100px; margin:0px auto; border:5px solid rgba(255,255,255,0.8); position: relative; top:-90px; margin-bottom:-80px;cursor: pointer; transition: all 0.6s;} .pr12_1_4:hover{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);} .sou{ float:none; position:relative; width:100%; margin:0px auto; height:80px; z-index:999; overflow:hidden; background:#0a9eaf; border-bottom:5px solid #037c37;} .pr13{float:right; width: auto; border-radius:30px; height:40px; background:#8ba7bf; margin-top:35px; position: relative;} .pr14{float:left;height:60px; margin-top:0px; width:790px; line-height:80px; color:#fff; font-size:16px; } .pr14_1{ width: auto;float:left; text-align:right; } .pr14_2{ width:80%; float:left;} .form-group5{ float: left; display: block; border: 0 none; height: 40px; line-height: 40px; border:0px; color: #fff; background: #8ba7bf;} .form-group{ width:100%; float:left; text-align:left; color:#fff; height:auto;} .form-control4 { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 14px; font-weight: 400; line-height: 1.5; color: #000; background: #8ba7bf; background-clip: padding-box; border: 0px; border-radius: 0; outline:none; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: 1.5rem .75rem; font-size: 14px; font-weight: 400; line-height: 1.5; color:#666; background-color:rgba(255,255,255,0.7); background-clip: padding-box; border: 0px solid #ebebeb; margin-bottom:30px; border-radius:0; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .form-control2 { float:left; display: block; width: 100%; height: calc(2.5em + 1.75rem + 2px); padding: .375rem .75rem; font-size: 0.8rem; font-weight: 400; line-height: 1.5; color:#fff; border:1px solid #d2d2d2; border-radius:0px; background-color:rgba(255,255,255,0.2); background-clip: padding-box; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .form-control3 { float:left; display: block; width: 100%; height: calc(3.5em + 1.75rem + 2px); padding: .375rem .75rem; font-size: 0.8rem; font-weight: 400; line-height: 1.5; color:#fff; border:1px solid #d2d2d2; border-radius:0px; background-color:rgba(255,255,255,0.2); background-clip: padding-box; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .form-group2{ width:48%; float:left; height:auto;} .form-group3{ width:48%; float:right; height:auto;} .form-group4{ width:100%; float:left; text-align:center; color:#fff; height:auto;} .pr115{float:none; width:200px;height:350px;z-index:99999;position: fixed;top:30%; background:#FFF; right:0; border:4px solid #0a9eaf; } .pr115_1{float:none; width:80%; margin:0px auto; font-size:24px; color:#0a9eaf; border-bottom:1px solid #CCC; text-align:center; margin-top:30px; margin-bottom:10px;} .pr115_2{float:none; width:80%; margin:0px auto; font-size:16px; color:#222; margin-top:10px;text-align:center;} .pr115_3{float:none; width:80%; margin:0px auto; font-size:13px; color:#222;margin-top:10px; line-height:30px;} .pr115_4{float:none; width:80%; margin:0px auto; text-align:center; } .left{ float:left; width:25%; margin-bottom:30px;border:1px solid #eee;} .left2{ float:left; width:25%; margin-bottom:30px;} .pr15{float:none; width:1200px; margin:0px auto; height:160px; margin-top:30px; } .pr15_1{float:left;width:141px;height:141px;background:url(../../../../img/hz1.png) no-repeat center center; font-size:18px; color:#FFF; padding-top:40px; line-height:24px; text-align:center; margin:0 15px;transition: all 0.6s;} .pr15_1:hover,.pr15_2:hover,.pr15_3:hover,.pr15_4:hover,.pr15_5:hover,.pr15_6:hover,.pr15_7:hover{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);} .pr15_2{float:left;width:141px;height:141px;background:url(../../../../img/hz2.png) no-repeat center center; font-size:18px; color:#000; padding-top:40px; line-height:24px; text-align:center;margin:0 15px;transition: all 0.6s;} .pr15_3{float:left;width:141px;height:141px;background:url(../../../../img/hz3.png) no-repeat center center; font-size:18px; color:#000; padding-top:40px; line-height:24px; text-align:center;margin:0 15px;transition: all 0.6s;} .pr15_4{float:left;width:141px;height:141px;background:url(../../../../img/hz4.png) no-repeat center center; font-size:18px; color:#FFF; padding-top:40px; line-height:24px; text-align:center;margin:0 15px;transition: all 0.6s;} .pr15_5{float:left;width:141px;height:141px;background:url(../../../../img/hz5.png) no-repeat center center; font-size:18px; color:#FFF; padding-top:40px; line-height:24px; text-align:center;margin:0 15px;transition: all 0.6s;} .pr15_6{float:left;width:141px;height:141px;background:url(../../../../img/hz6.png) no-repeat center center; font-size:18px; color:#FFF; padding-top:40px; line-height:24px; text-align:center;margin:0 15px;transition: all 0.6s;} .pr15_7{float:left;width:141px;height:141px;background:url(../../../../img/hz7.png) no-repeat center center; font-size:18px; color:#FFF; padding-top:40px; line-height:24px; text-align:center;margin:0 15px;transition: all 0.6s;} .wz_1{ color:#037c37; font-size:20px; font-weight:bolder;} .tem_index_product2{background:url(../../../../img/dbj2.jpg)repeat-x center top; height:400px; padding-top:30px;} .wz_2{ float:none; margin:0px auto; width:190px; text-align:left; line-height:2em;} .new_1{ float:left; width:740px; height: auto;} .new_1_1{ float:left; width:215px; height:240px;background:url(../../../../img/new2.jpg) center top; } .new_1_2{ float:left; width:470px; margin-left:20px;} .new_2{ float:left; width:460px; height:auto;} .new_2_1{ float:none; width:400px; height:270px;background:url(../../../../img/vi.jpg) center top;} .n1{background:url(../../../../img/new.png) no-repeat left top; height:80px; text-align:left; padding-left:55px; margin-bottom:20px;} .n2{background:url(../../../../img/vido.png) no-repeat left top; height:80px; text-align:left; padding-left:55px;margin-bottom:20px;} .jiansetm{ margin-top: 3.675vw; } .jiansetmitem{ margin-bottom: .75vw; width:30%; margin-right:3%; float:left; border: solid 1px #ddd; padding: 20px 35px; background:#eee; } .jiansetmitem img{ margin-bottom:30px;margin-top:20px;} .jiansetmitemR{ float: left; background:url(../../../images/icon-download.png) left center no-repeat; padding-left:25px; } .jiansetmitemR2{ float: left; background:url(../../../images/icon-book.png) left center no-repeat; padding-left:30px; margin-left:20px; } .jiansetmitem3{ width:100%; height:auto; line-height:2em;margin-bottom:10px;} .jiansetmitemR:hover{ color:#037c37;} .jiansetmitem:hover{ border: solid 1px#037c37; background-position: 99% 50%; background-size: .8%; } .tonglan{ width:100%; height: auto; background-size:cover; overflow:hidden;padding-top:100px; padding-bottom:100px; } .tonglan_1{ float:left; width:100%; } .tonglan_1_1{width:48%; float:left; height:35vw; position:relative; background:url(../../../images/fl1.jpg) center center no-repeat; background-size:cover;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .tonglan_1_1:hover{transform: scale(1.05)} .tonglan_1_2{width:48%; float:right; height:35vw;} .tonglan_1_1_1{ position:absolute; width:auto; padding:0px 20px 5px 20px; border-radius:20px; bottom:15px; left:30px; color:#FFF;} .tonglan_1_1_1_1{ font-size:25px; font-weight:bold;} .tonglan_1_1_1_2{ font-size:12px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;} .tonglan_1_1_2{ position:absolute; width:auto; padding:0px 20px 5px 20px; border-radius:10px; font-weight:bold;bottom:10px; left:150px; font-size:65px;color:#FFF;} .tonglan_1_2_1{ width:100%; height:17.25vw;position:relative; margin-bottom:0.5vw; background:url(../../../images/fl2.jpg) center center no-repeat; background-size: cover;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .tonglan_1_2_1:hover{transform: scale(1.05)} .tonglan_1_2_1_1{ position:absolute; width:auto; padding:2px 10px 5px 10px; border-radius:20px; bottom:15px;right:5px; color:#FFF;} .tonglan_1_2_1_1_1{ font-size:25px; font-weight:bold;} .tonglan_1_2_1_1_2{ font-size:12px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;} .tonglan_1_2_2{width:100%; height:17.25vw;position:relative;} .tonglan_1_2_2_1{ width:49%; position:relative; float:left; margin-right:2%;height:17.25vw;background:url(../../../images/fl3.jpg) center center no-repeat; background-size: cover;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .tonglan_1_2_2_1:hover{transform: scale(1.05)} .tonglan_1_2_2_2{ width:49%; position:relative;float:left;height:17.25vw;background:url(../../../images/fl4.jpg) center center no-repeat; background-size: cover;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .tonglan_1_2_2_2:hover{transform: scale(1.05)} .tonglan_1_2_2_1_1{ position:absolute; width:auto; padding:2px 10px 5px 10px; border-radius:20px; bottom:15px;right:5px;color:#FFF;} .tonglan_1_2_2_2_1{ position:absolute; width:auto; padding:2px 10px 5px 10px; border-radius:20px; bottom:15px;right:5px; baxckground:rgba(168, 164, 164, 0.55);color:#FFF;} .tonglan_1_2_2_1_1_1{ font-size:25px; font-weight:bold;} .tonglan_1_2_2_1_1_2{ font-size:12px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;} .tonglan_1_2_2_2_1_1{ font-size:25px; font-weight:bold; text-align:center;} .tonglan_1_2_2_2_1_2{ font-size:11px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; text-align:center;} .produ{ background: url(../../../images/t2.png) no-repeat top center; height: 191px; overflow: hidden; margin-top: 45px; } .produ2{ height: 969px; background: url(../../../images/bj.jpg) center top no-repeat; overflow: hidden;} .produ2_1{background:url(../../../images/bj.png) #FFF center center no-repeat; height: 764px;opacity: 0.9; margin-top: 104px; overflow: hidden; padding: 228px 20px 0px;} .produ2_1_1{ float:left; width:30%; height:420px;} .produ2_1_1_1{ float:none; width:100%; height:120px; border-bottom:1px dashed #e6e6e6;} .produ2_1_1_1_1{float:left; width:20%;height:100px; text-align:center; padding-top:20px;} .produ2_1_1_1_2{float:right; width:75%;height:100px;} .produ2_1_2{ float:left; width:40%; height:420px;} .produ2_1_3{ float:left; width:30%; height:420px;} .tit1{font-size:30px; width:100%; text-align:left;} .tit1:hover{ color:#0a9eaf; font-weight:bold;} .tit2{font-size:16px; width:100%; text-align:left;} .produ2_2{ width:fit-content; margin:0px auto;} .produ2_2_1{ background:url(../../../images/zxtel.png) left center no-repeat; width:auto; float:left; padding-left:60px; margin-left:10px; height:60px; text-align:left; } .tit3{font-size:15px; width:100%; text-align:left;} .tit4{font-size:30px; color:#0a9eaf;font-weight:bold; width:100%; text-align:left;} .tit5{font-size:15px; color:#FFF; width:100%; text-align:left;} .tit6{font-size:30px; color:#fff; font-weight:bold; width:100%; text-align:left;} .xc_bj{ width:100%; background:#FFF;} .xc_bj2{ width:100%; background: url(../../../img/bj3.jpg); overflow:hidden;} .xc_bj3{ width:100%; background:#FFF;} .xc_bj4{ width:100%; background: url(../../../img/bj3.jpg);overflow:hidden;} .xcjs{ width:100%; height:200px;} .xcjs_1{ float:left; width:50%; height:200px;} .xcjs_2{ float:left; width:50%; height:200px; background:url(../../../img/1572836511644808.png) center top no-repeat; background-size: auto 100%;} .xcjs_3{ float:left; width:50%; height:200px; background:url(../../../img/yt1.png) center top no-repeat; background-size: auto 80%;} .xcjs_4{ float:left; width:50%; height:200px; background:url(../../../img/1572428440194117.png) center top no-repeat; background-size: auto 100%;} .xcjs_5{ float:left; width:50%; height:200px; background:url(../../../img/1572428497214479.png) center center no-repeat; background-size: auto 100%;} .xcjs_1_1{float:none; width:100%; height:250px;} .xcjs_1_1_1{ float:left; width:18%; height:250px; background:url(../../../img/tt1.png) center top no-repeat; color:#FFF; text-align:center; line-height:90px; font-size:30px; font-weight:bold;} .xcjs_1_1_2{ float:left; width:82%;height:250px;} .xcjs_1_1_2_1{ width:100%; color: #222; font-size: 30px; position: relative; padding-bottom: 12px;} .xcjs_1_1_2_2{ width:20px; height:2px; background:#f26c00;} .xcjs_1_1_2_3{ color: #5e5e5e; padding-top:10px; font-size: 15px; line-height: 28px;} @media (max-width: 1000px) { .xcjs_1_1 { float: none; width: 100%; height: 300px; } .xcjs_1_1_2{ float:left; width:82%;height:350px;} .xcjs_2{ display:none;} .xcjs_3{ display:none;} .xcjs_1{float:left; width:100%; height:600px;} .xcjs_1_1_2_1{ width:100%; color: #22236f; font-weight:bold; font-size: 12px; position: relative; padding-bottom: 12px;} .xcjs_1_1_1{ float:left; width:28%; height:250px; background:url(../../../img/num.jpg) center top no-repeat; color:#FFF; text-align:center; line-height:90px; font-size:30px; font-weight:bold;} .xcjs_1_1_2{ float:left; width:70%;height:250px;} } .fa2{float:none;padding-top:5px; height:100px;width:100%;} .fa1{float:left; width:12.5%; text-align:center; font-size:15px; color:#333;} .tem_index_product{padding:50px 0 80px;} .footdh2 li{ float:left; width:50%;} .footdh2 li a{ color:#fff; } .nybj{ background:#f8f8f8; } .nybj2{ } .nrbj{ background:#fff; padding:30px 30px 50px 30px; border-radius:30px;} .nybt01{ font-size:30px; color:#0a9eaf; line-height:60px;} .nybt01:after {display: block; margin:0px auto; content: ""; width:50px; height: 3px; background-color: #0a9eaf; margin-top: 10px; margin-bottom: 0px;} .nybt010{ font-size:30px; color:#fff; line-height:60px;} .nybt010:after {display: block; content: ""; width:50px; height: 3px; background-color: #fff; margin-top: 10px; margin-bottom: 0px;} .nybt03{ color:#222;} .nybt04{ color:#222;} .nybj3{ background: url(../../../img/xwdtbg.jpg) center bottom fixed; background-size: cover;} .nybj4{ background: url(../../../img/team.jpg) center bottom fixed; background-size: cover;} .nybt02{ font-size:20px; color:#666; padding-bottom:50px; width:100%;} .pr8{float:none; width:100%; height: auto;text-align:center; margin:0px auto; position: relative; padding-bottom:15px;} .pr18{float:none; width:100%; height: auto;text-align:center; margin:0px auto; position: relative; padding-bottom:15px;} .pr28{float:none; width:100%; height: auto;text-align: left; margin:0px auto; position: relative;} .qywh{float:none; width:100%; height:600px; background:rgba(10, 158, 175, 0.7);} .qywh_1{ float:left;width:25%;} .qywh_1_1{ float:none; width:70%; margin:0px auto; margin-top:100px; height:360px; border:2px solid #fff;} .qywh_bt01{ background:url(../../../img/86b27eda6c0504d5787aaa9f50e1c37e.png) center center no-repeat; height:200px;} .qywh_bt02{ font-size:24px; color:#FFF;width:80%; margin:0px auto; text-align:center;} .qywh_bt02:after {display: block; margin:0px auto; content: ""; width:50px; height: 3px; background-color: #fff; margin-top: 10px; margin-bottom: 20px;} .qywh_bt03{font-size:16px; color:#FFF;width:80%; margin:0px auto;text-align:center; } .qywh_bt04{ background:url(../../../img/icon-45.png) center center no-repeat; height:200px;} .qywh_bt05{ background:url(../../../img/icon-46.png) center center no-repeat; height:200px;} .qywh_bt06{ background:url(../../../img/icon-47.png) center center no-repeat; height:200px;} .prodh{ width:100%; float:none; height:auto;} .swiper-button-prev{ background: url(../../../images/zz_prev.png) rgba(0,0, 0, 0.2) center center no-repeat ; background-size:70%; width:90px; height:170px; left:10px; border-radius:15px;} .swiper-button-next{ background: url(../../../images/zz_next.png) rgba(0,0, 0, 0.2) center center no-repeat;background-size:70%;width:90px; height:170px; right:10px; border-radius:15px;} .xm1{ width:100%; height:100px; background:url(../../../img/01.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm1:hover{background:url(../../../img/01x.png) center top no-repeat; color:#037c37; } .xm2{ width:100%; height:80px; background:url(../../../img/02.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm2:hover{background:url(../../../img/02x.png) center top no-repeat;color:#037c37; } .xm3{ width:100%; height:80px; background:url(../../../img/03.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm3:hover{background:url(../../../img/03x.png) center top no-repeat; color:#037c37; } .xm4{ width:100%; height:80px; background:url(../../../img/04.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm4:hover{background:url(../../../img/04x.png) center top no-repeat; color:#037c37; } .xm5{ width:100%; height:80px; background:url(../../../img/05.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm5:hover{background:url(../../../img/05x.png) center top no-repeat; color:#037c37;} .xm6{ width:100%; height:80px; background:url(../../../img/06.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm6:hover{background:url(../../../img/06x.png) center top no-repeat;color:#037c37; } .xm7{ width:100%; height:80px; background:url(../../../img/07.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm7:hover{background:url(../../../img/07x.png) center top no-repeat;color:#037c37; } .xm8{ width:100%; height:80px; background:url(../../../img/08.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm8:hover{background:url(../../../img/08x.png) center top no-repeat; color:#037c37;} .xm9{ width:100%; height:80px; background:url(../../../img/09.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm9:hover{background:url(../../../img/09x.png) center top no-repeat; color:#037c37;} .xm10{ width:100%; height:80px; background:url(../../../img/10.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm10:hover{background:url(../../../img/10x.png) center top no-repeat; color:#037c37;} .xm11{ width:100%; height:80px; background:url(../../../img/11.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm11:hover{background:url(../../../img/11x.png) center top no-repeat; color:#037c37;} .xm12{ width:100%; height:80px; background:url(../../../img/12.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm12:hover{background:url(../../../img/12x.png) center top no-repeat; color:#037c37;} .xm13{ width:100%; height:80px; background:url(../../../img/13.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm13:hover{background:url(../../../img/13x.png) center top no-repeat; color:#037c37;} .xm14{ width:100%; height:80px; background:url(../../../img/14.png) center top no-repeat; padding-top:60px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .xm14:hover{background:url(../../../img/14x.png) center top no-repeat; color:#037c37;} .gsjj{ position:relative; width:100%; height:auto; color:#FFF;} .gsjj01{font-size:48px; left:100px;} .gsjj02{font-size:20px; left:100px;} .gsjj03{ font-size:20px; left:100px; padding-top:30px;} .gsjj04{ position:absolute; bottom:20%; left:8%;} .footdh3{ float:left; width:10%;} .footdh3 li{ float:left; width:100%;} .footdh3 li a{ color:#818181; font-size:14px;transition: all 0.6s;} .footdh3 li a:hover{ padding-left:10px; color: #037c37; font-size:14px;} .footdh3 h5{ font-size:16px;} .footdh4{ float:left; width:19%;} .footdh4 li{ float:left; width:50%;} .footdh4 li a{ color:#818181; font-size:14px;transition: all 0.6s;} .footdh4 li a:hover{ padding-left:10px; color: #037c37; font-size:14px;} .footdh4 h5{ font-size:16px;} .li4{ font-size: 14px; } .li2 { font-size: 14px; color: #222; } .li3 { font-size: 36px; color: #037c37; } .weixin01{float:right; width:26%;} .weixin01_1{ width:100%; height:auto; text-align: right; padding-right:60px; margin-top:-30px;} .weixin{ float:right; width:50%; text-align:right;} .zlxz{width:100%; height:500px; float:none;} .zlxz_1{width:50%; height:500px; float:left; background:url(../../../img/xz01.jpg) center center no-repeat;background-size:cover;} .zlxz_2{width:50%; height:500px; float:left; color:#FFF; background:url(../../../img/xz02.jpg) center center no-repeat; background-size:cover; padding-left:8%;padding-right:4%;} .zlxz_2_1{ font-size:31px; padding-top:75px;} .zlxz_2_2{ font-size:18px; padding:20px 0px;} .zlxz_2_3{ width:100%; border:2px solid #fff; border-radius:10px; padding:10px 10px 10px 40%; background:url(../../../img/cx.png) 30% center no-repeat; margin:15px 0px;} .about01{ width:100%; float:none; overflow:hidden; background: url(../../../img/bg3.jpg) center bottom fixed; position:relative; padding:100px 0;} .about01_1{ float:left; width:50%; background:url(../../../img/about01x.jpg) center center no-repeat; background-size: cover; height:100%; position:absolute; font-size: 7rem; font-weight:100; font-family: en_l; text-align:right; } .about01_2{ float:right; width:100%; } .about01_2_1{ font-size:28px; text-align:center;} .about01_2_1:after {display: block; content: ""; width: 50px; height: 4px; margin:0 auto; background-color: #037c37; margin-top: 10px; margin-bottom: 10px;} .about01_2_3{ font-size:18px;padding-left:30%; } .about01_2_4{ text-align:left; font-size:6vw; margin:-2% 0; color:#222; } .about01_2_4 b{color:#222;} .about01_3{ float:left; width:50%; height:100%; position:absolute;} .btn-light5{float:left;color:#fff !important;border:0px; padding:0 30px; border-radius:0px; height:49px;margin-right:1px; line-height:49px; background-color:#037c37;} .btn-light5 a{color:#FFF; } .btn-light5:hover{color:#FFF; } .about05{ width:100%; float:none; padding:50px 0; overflow:hidden; position:relative;background: url(../../../img/about03.jpg) center bottom fixed; background-size: cover;} .about05_2{ width:50%; float:left; text-align:right; font-size:3vw; color:#FFF; padding-top:6vw; font-weight:100;} .about05_1{ width:45%; float:right;} .about05_2_1{ font-size:28px; text-align:center; color:#FFF;} .about05_2_2{font-size:16px; text-align:center; color:#FFF; margin-bottom: 40px;} .about05_2_3{font-size:16px; text-align:center; color:#222; margin-bottom: 40px;} .about05_2_4{font-size:16px; text-align: left; color:#222; margin-bottom: 40px;} .about05_2_1:after {display: block; content: ""; width: 50px; height: 4px; margin:0 auto; background-color: #fff; margin-top: 10px; margin-bottom: 10px;} .about02{width:100%;overflow:hidden; position:relative;} .about02_1{ float:left; width:50%; padding:100px;} .about02_2{ right:0px;width:50%; background:url(../../../img/about02.jpg) center center no-repeat; background-size:cover; height:100%; position:absolute;} .about01_2_2{ width:100%; padding-left:30px; line-height:2em; font-size:1.4vw; color:#fff; } .about02_4{ right:0px;width:50%; background:url(../../../img/about04.jpg) center top no-repeat; background-size: cover; height:100%; position:absolute;} .banner01{ width:100%; position:relative;} .bannerwz01{ position:absolute; top:30%; width:100%; text-align:center; color:#FFF; font-size:45px;} .bannerwz02{ position:absolute; top:46%; width:100%; text-align:center; color:#FFF; font-size:30px;} .about02_2_1{ font-size:28px; } .about02_2_1:after {display: block; content: ""; width: 50px; height: 4px; background-color: #037c37; margin-top: 10px; margin-bottom: 20px;} .about04_2_3{ font-size:24px; color:#666;margin-bottom: 20px; text-align:center; font-weight:bold; } .about04{ width:100%; padding:100px 0; border-top:1px dashed #ccc;} .about04_1{} .about04_2_1{ font-size:28px; text-align:center; width:100%; } .about04_2_1:after {display: block; content: ""; width: 50px; margin:0 auto; height: 4px; background-color: #037c37; margin-top: 10px; margin-bottom: 10px;} .about04_2_4{ font-size:36px; text-align:center; width:100%; } .about04_2_4:after {display: block; content: ""; width: 50px; margin:0 auto; height: 4px; background-color: #037c37; margin-top: 10px; margin-bottom: 10px;} .jiacu{ font-size:36px; color:#037c37; font-weight:bold; padding-left:5px;} .about04_2_5{ font-size:20px; color:#222;text-align:center; padding-bottom:30px; } .about04_2_6{ font-size:20px; color:#222;text-align:left; line-height:2em; padding-bottom:30px; } .about04_2_2{ width:100%; overflow:hidden;padding-bottom:20px; font-size:18px; line-height:2em;} .about04_3_2{ width:100%; overflow:hidden; text-align:left; padding-bottom:20px; font-size:14px; line-height:2em;} .about04_2_20{ width:100%; overflow:hidden; text-align:left; padding-bottom:20px; font-size:18px; line-height:2em;} .about04_2_20_1{ width:50%; float:left; text-align:right; padding-right:2%;} .about04_2_20_2{ width:50%; float:left;padding-left:2%;} .about04_2_2 img{ max-width:100%;} .about06{ width:100%; padding:50px 0; overflow:hidden; } .aboutds{ width:100%;padding:60px 0px;} .bybj{} .about07{ width:100%; padding:50px 0; overflow:hidden;} .about06_1{ width:48%;float:left; text-align:left;font-size: 6vw;} .about06_2{ width:70%;float:right; text-align:left;} .about06_3{ width:70%;float:left; text-align:left;font-size: 6vw;} .tudui{ width:100%; overflow:hidden;} .tudui01{ width:50%; float:left;overflow:hidden; height:auto;padding:30px 0;} .tudui01_1{ width:50%; float:left; height:auto; } .tudui01_1_1{ font-size:26px; padding-left:10px; padding-right:20px; font-weight:bold; line-height:2em;} .tudui01_1_2{ font-size:16px;padding-left:10px;padding-right:20px; line-height:2em;} .tudui01_2{ width:25%; float:left; height:auto; } .tudui01_3{ width:75%; float:left; height:auto; } .tudui01_4{ width:50%; float:left; height:auto; padding:0px 10px; } .about08{ width:100%; height:auto; background:url(../../../img/xian.jpg) center center repeat-y; margin-bottom:100px;} .about082{ width:100%; height:auto; margin-bottom:30px;} .about08_1{ width:45%; float:right; margin-left:10%;} .about081{width:100%; overflow:hidden; padding-top:20px;} .about08_1_1{ font-size:28px;margin-top:20px; background:url(../../../img/probt.png) left 5px center no-repeat; padding-left:40px;margin-bottom:20px; font-weight:bold;} .about08_1_2{ padding-left:40px;margin-bottom:40px;} .about08_1_20{ padding-left:40px;margin-bottom:20px;} .about08_2{ width:45%; float:left; margin:50px 0px;margin-right :10%;} .about08_3{ width:45%; float:left; margin:0px 0px; } .about08_4{ width:45%; float:left; margin-top:50px;} .about08_2_1{ font-size:28px; background:url(../../../img/probt.png) right 5px center no-repeat; padding-right:40px;margin-bottom:20px; font-weight:bold; text-align:right;} .about08_2_2{ padding-right:40px;text-align:left;margin-bottom:100px;} .about08_2_2 img{ max-width:100%;} .about08_1_2 img{ max-width:100%;} .jj img{ max-width:100%;} .about08_2_3{ padding-right:40px;text-align:right;} .tudui01_1_2 li{ width:50%; float:left; padding-left:20px; background:url(../../../img/dian.png) left top 5px no-repeat;} .tudui01_1_3{ font-size:16px;padding-left:10px;padding-right:20px; line-height:2em;} .tudui01_1_3 li{ width:100%; float:left; padding-left:20px; background:url(../../../img/dian.png) left top 5px no-repeat;} .beiou{ width:100%;} .beiou01{ width:100%; padding-top:220px; padding-left:50px; background: url(../../../images/beiou01.jpg) center center no-repeat; background-size:cover; height:300px; color:#FFF; font-size:30px;} .beiou02{ width:100%; overflow:hidden; padding-bottom:50px;} .beiou02_1{ width:30%; margin-right:5%;float:left; line-height:2em; padding-top:20px;} .beiou02_2{ width:30%; float:left; line-height:2em; padding-top:20px;} .bo{ padding-top:10px;} .beiou03{ width:100%; padding-top:220px; padding-left:50px; background: url(../../../images/beiou02.jpg) center center no-repeat; background-size:cover; height:300px; color:#FFF; font-size:30px;} .beiou04{ width:100%; padding-top:220px; padding-left:50px; background: url(../../../images/beiou03.jpg) center center no-repeat; background-size:cover; height:300px; color:#FFF; font-size:30px;} .zgtp{ padding-top:10px; max-width:100%; padding-bottom:50px;} .guige{ width:100%; font-size:14px; color:#222; line-height:2em;} .cpfbt{ color:#037c37;; font-size:24px; border-bottom:1px solid #eee; width:100%;} .fhlb{ color:#222;font-size:16px;} .fhlb:hover{color:#e63241;;} .cpfbt2{ color:#222; font-size:24px; width:100%;} .cpfbt3{ color:#222; font-size:14px; width:100%; overflow:hidden; line-height:2em;} .cpfbt3_1{ width:30%; float:left;color: #888;} .cpfbt3_2{ width:70%; float:left;color: #222;} .cpfbt4{ color:#222; font-size:24px; width:100%;border-top:1px solid #eee;} .cnshu{ width:32.5%; float:left; margin-right:0.75%; margin-bottom:10px; padding:25px 15px; background:#f8f8f8; text-align:left; color:#000;} .cnshu2{ width:32.5%;float:left; margin-bottom:10px; padding:25px 15px; background:#f8f8f8; text-align:left; color:#000;} .lx1{float:left; width:30%; margin:1.5%; text-align: center; background:url(../../../img/tel4.png) center top 30px no-repeat; font-size:15px; color:#333; height:330px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; border:1px solid #eee;} .lx2{float:left; width:30%; margin:1.5%;text-align:center;background:url(../../../img/tel3.png) center top 30px no-repeat; font-size:15px; color:#333; height:330px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; border:1px solid #eee;} .lx3{float:left; width:30%; margin:1.5%; text-align:center;background:url(../../../img/tel1.png) center top 30px no-repeat; font-size:15px; color:#333; height:330px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; border:1px solid #eee;} .lx1:hover{border:1px solid #037c37;} .lx2:hover{border:1px solid #037c37;} .lx3:hover{border:1px solid #037c37;} .lx1:hover .lxbt01{ color:#037c37;} .lx2:hover .lxbt01{ color:#037c37;} .lx3:hover .lxbt01{ color:#037c37;} .lxbt01{ font-size:20px; font-weight:bold; padding-left:40px;padding-right:40px; padding-top:150px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .lxbt03{ font-size:16px; color:#222; line-height:2em;} .lx1:hover .lxbt03{ color:#037c37;} .lx2:hover .lxbt03{ color:#037c37;} .lx3:hover .lxbt03{ color:#037c37;} .jszc01{ float:left; margin-right:1%;height: 120px; background: #f8f8f8; list-style-type: none; padding: 0 30px; width: 19%; display: flex; display: -webkit-flex; align-items: center; margin-bottom: 15px; border: 1px solid #f1f1f1; line-height: 30px; transition: .4s; -webkit-transition: .4s;} .jszc01:hover{ background:#037c37; color:#FFF;} .zstp{ float:right; width:40%; padding-left:40px;} .bnwz{ position:absolute; bottom:150px; left:60px; right:60px;} .bnwz01{ color:#FFF;font-size: 24px;} .bnwz02{ color:#FFF; font-size:15px; padding-top:50px; } .owl-prev{ position:absolute; bottom:10px; right:80px; background:url(../../../images/left_02.png)#037c37 center center no-repeat; border-radius: 50px;} .owl-next{ position:absolute; bottom:10px;right:0px;background:url(../../../images/right_02.png)#037c37 center center no-repeat; border-radius: 50px;} .fgx{ background:url(../../../images/fgx.png) left center no-repeat; height:30px;} .card-title6{ font-size: 36px; color: #333333; padding: 20px 60px;} .card-title5{ margin-top: 25px; color: #333333; line-height: 1.8; font-size: 16px; padding: 0 60px;} .sycp2{ height:12vw; border-radius:10px;} @media only screen and (max-width: 1000px) {.sycp2{ height:10vw; border-radius:10px;}} @media only screen and (max-width: 1200px) {.sycp2{ height:12vw; border-radius:10px;}} @media only screen and (max-width: 1400px) {.sycp2{ height:14vw; border-radius:10px;}} .juzhong{ width:fit-content; margin:0px auto;} .dhbt{ width:100%; line-height:20px; padding-left:15px; margin-top:80px; font-size:20px; color:#222; text-align:left; position:relative;} .dhbt:after{ position: absolute; content: ""; width: 4px; height: 22px; background-color: #119947; top: 0; left: 0; } .dhbt2{ width:100%; line-height:20px; padding-left:15px; margin-top:50px; font-size:20px; color:#222; text-align:left; position: absolute; top:-70px;} .dhbt2:after{ position: absolute; content: ""; width: 4px; height: 22px; background-color: #119947; top: 0; left: 0; } .dhbt5{ width:100%; line-height:20px; padding-left:15px; margin-top:20px; font-size:20px; color:#222; text-align:left; position:relative;} .dhbt5:after{ position: absolute; content: ""; width: 4px; height: 22px; background-color: #119947; top: 0; left: 0; } .dhxbt{ width:10%; float:left; line-height:30px; text-align:left; padding-top:30px;padding-left:15px; position:relative; } .dhxbt4{ width: auto; float:right; line-height:30px; text-align:left; padding-top:30px;padding-left:15px; position:relative; } .dhxbt2{ width:14.2%; float:left; line-height:30px;margin-top:10px; text-align: center; padding-top:30px; } .dhxbt3{ width:11.1%; float:left; line-height:30px;margin-top:10px; text-align: center; padding-top:30px; } .dhimg{ padding-bottom:20px;} .dhxbt a{ color:#666 !important;font-size:16px !important; } .dhxbt2 a{ color:#666 !important;font-size:16px !important; } .dhxbt3 a{ color:#666 !important;font-size:16px !important; } .dhxbt a:hover{ color:#037c37 !important;font-size:16px !important; } .dhxbt2 a:hover{ color:#037c37 !important;font-size:16px !important; } .dhxbt3 a:hover{ color:#037c37 !important;font-size:16px !important; } .nyfenlei01{ width:100%; overflow:hidden; padding-bottom:15px;} #nyfenlei02{ width:100%; height:70px; overflow:hidden; border-top:1px solid #efefef; padding-top:15px; position:relative;} #nyfenlei03{ width:100%; height: auto; overflow:hidden; border-top:1px solid #efefef; padding-top:15px;position:relative;} .gd{ width:auto; position:absolute; right:0px; padding:10px 20px; border:1px solid #eee; margin-top:5px;} .gd2{ width:auto; position:absolute; right:0px; padding:10px 20px; border:1px solid #eee; margin-top:5px;} #nyfenlei03 .gd{ display:none;} #nyfenlei03 .gd2{ display: block;} #nyfenlei02 .gd2{ display:none;} #nyfenlei02 .gd{ display: block;} .ywdh{} .lx01{ float:left; width:45%; overflow:hidden;} .lx02{ float:right; width:45%; overflow:hidden;} .lxbt02{ font-size:16px; font-weight:bold;}