/*基础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: #a5a5a5; } .newtext{color: #a5a5a5;line-height: 2;} .newtext:hover{color: #a5a5a5;;} .card, .figure { margin: 15px 0; } .card-body2 { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 0.5rem; background:#0ab6e4; 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:#0ab6e4; 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-weight:bolder;} .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; 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:#0ab6e4;} .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: 150px; } .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; } @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; } } .container2 { width: 1400px; margin:0px auto; overflow:hidden; } @media (max-width:1200px) { .container2 { width: 96%; margin:0px auto; overflow:hidden; } } .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:#0ab6e4; border-color: #0ab6e4; display:none; } .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: #0ab6e4; background-color: #fff; border: 1px solid #dee2e6; } .page-num-current { z-index: 999; color: #fff; background-color:#0ab6e4; border-color:#0ab6e4; } .text-secondary a{ color:#FFF;} .top{ float:none; width:100%; color:#222; background:#0455b7; height: auto; z-index:999999;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .topright2{color:#FFF; height:100px; background:url(../../../img/top.png) left center no-repeat; padding-left:70px;} .topright2_1{ font-size:14px; height:40px; line-height:40px; padding-top:10px; } .topright2_2{ font-size:20px; font-weight:bolder;height:50px; line-height:50px; width:200px;color:#FFF;} .tem_top_nav4{position:absolute;float:right; width:210px; font-size:14px; color:#222; display:block; z-index:999999; text-align:right; line-height:40px; height:40px; top:0px; right:30px;} .tem_top_nav4 a{ padding:0px 20px;} .top-active{display:none;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .topx{ background:#FFF;} .topx2{ background:rgba(255,255,255, 0.9); } @media (max-width:1000px) { .top{display:none;} .topimg{display:none;} } .daohang{height: 58px; background:#029c46; 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:30%; height:120px; background: url(../../../img/top.png) right center no-repeat;} .top_right_1{ font-size:16px; padding-left:55px; padding-top:32px;} .top_right_2{color: rgb(30, 31, 87); padding-left:55px; font-weight:bold; font-size: 28px;} .more{background:#0ab6e4; color:#FFF; padding:10px 30px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .synews{ width:100%; height:240px; margin-bottom:15px; overflow:hidden;} .more:hover{background:rgba(113, 185, 73, 0.9); color:#FFF; padding:10px 30px;} .time1{ background:#fff; border:1px solid #EEE;float:right; width:25%;padding:10px; } .time1:hover{background:#0ab6e4; color:#FFF;} .time1text1{ font-size:24px; font-weight:bold;} .time1text2{ font-size:16px;} .pro:hover{ background:#0ab6e4; color:#FFF;} .pro a:hover{color:#FFF;} .top_left{ float:left; font-size:12px;} .top_right{ float:right;font-size:12px;} .bt4{ color:#222; font-size:40px; font-weight:bolder;background:url(../../../img/ttline2.png) center center no-repeat; width:100%; } .about{ height:650px; overflow:hidden;} @media (max-width:768px) {.about_bj{ background:#FFF;}} .about_1{ float:none; padding:20px 0 20px 0; width:96%; margin:0px auto; margin-top:30px; 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:right; width:40%; height:590px; background:url(../../../img/about.png) center top no-repeat;} @media (max-width:1000px) { .about_1_1{display:none;} } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 999999; } .lxdh2{color:#fff; font-size:14px; width:100%; float:none; margin-top:20px; height:40px; line-height:30px;background:url(../../../../img/lxwm.png) no-repeat left center;} .about_1_2{ float:left; width:60%; height:auto; } @media (max-width:1000px) { .about_1_2{ float:left; width:90%; height:auto; } } .newsbj{background:#FFF; height: 105px;text-align:left;} .about_1_4{ float:none; font-size:28px; color:#0ab6e4; width:100%; height:50px; margin-top:50px;margin-bottom: 25px;} @media (max-width:768px) {.about_1_4{ float:none; font-size:28px; color:#0ab6e4; width:100%; height:50px; margin-top:10px;margin-bottom: 10px;}} .about_1_4:after {display: block; content: ""; width: 50px; height: 2px; background-color: #71b949; margin-top: 10px; margin-bottom: 25px;} .news{padding: 30px 0 30px; text-align: left; background: #f6f6f6;} .foot1{ background: #0657b6; color:#fff; } .foot2{ background: #227ce1; color: #fff; font-size: 14px; line-height:30px;padding: 30px 0;} .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;} /*产品轮播*/ .view { max-width: 600px; } .view .swiper-slide { height: 400px; max-width: 600px; 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: 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; } @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; } } .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%;} .fenlei{ width:100%;background:#fff;float:none; color:#222; height:50px; line-height:50px; margin-bottom:50px; border-bottom:1px solid #eee;} .fenlei a{color:#222; } .btn-light{ float:left;color: #222; border-left: 0px;border-right:0px;border-bottom:1px solid #eee;border-top:0px; border-radius:0px; height:50px; line-height:35px; background:#fff;} .foot3{ width:100%; height:132px; background:url(../../../images/b_bg1.jpg) center center;} @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:40px; line-height:40px; background:url(../../../images/rBQBHVzeREuEL1FvAAAAAB_7d88582.png) right center no-repeat;} .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;} .form-group{ float: left; display: block; border: 0 none; height: 40px; line-height: 40px; border:0px; color: #fff; background: #f2f2f2;} .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background: #f2f2f2; background-clip: padding-box; border: 0px solid #ced4da; border-radius: 0; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .form-control2{ border: 0 none; width: 300px; height: 55px; background: #014d98; margin-left: 20px; color: #fff;} @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:30px; line-height: 40px; padding: 0 35px; background: url(../../../../img/ss.png) #f2f2f2 no-repeat center center; color: #fff; } .btn-info2:hover{ color: #fff; } .container3{ float:none; width:1300px; margin:0px auto;} @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;} .xc_bj{ width:100%; height:1250px; background:#FFF;} .xcjs{ width:100%; height:500px;} .xcjs_1{ float:left; width:50%; height:500px;} .xcjs_2{ float:left; width:50%; height:500px; background:url(../../../img/1572836511644808.png) center center no-repeat; background-size: auto 100%;} .xcjs_3{ float:left; width:50%; height:500px; background:url(../../../img/1572838833500563.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/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:82%;height:250px;} .xcjs_1_1_2_1{ width:100%; color: #0ab6e4; font-weight:bold; 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: #0ab6e4; 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;} } .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:#fff; color:#000; border-bottom:1px solid #eee;} .lanmu2{ width:100%;} .btn-light2{ width:100%;float:none;color:#999; padding-left:14px; text-align:left; margin:5px 0; border-radius:0px; height:50px; line-height:35px; background-color:#fff;} .btn-light2:hover{ color:#222; background: #efefef; border-left: 4px solid #1a79c3;padding-left:12px;} .btn-light3{ float:none;color:#999;text-align:left; margin:5px 20px; padding:0 50px; border-radius:0px; height:50px; line-height:45px; border-radius:30px; background-color:#eee;} .btn-light3:hover{ color:#FFF; background:#f26c00;} .btn-light4{ float:none;color:#999;text-align:left; margin:5px 0px; padding:0 50px; border-radius:0px; height:50px; line-height:45px; border-radius:10px; background-color:#eee;} .btn-light4:hover{ color:#FFF; background:#f26c00;} .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:#f26c00;border:1px solid #e6212a; 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;} .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;} } .topbanner{height:300px;} @media (max-width:1000px) { .topbanner{ display:none;} } .topbanner2{padding-top:6rem;} @media (max-width:1000px) { .topbanner2{padding-top:1.5rem;} } .news2{height:255px; background:#f6f6f6; position:relative;padding:20px; margin:20px 0 50px 0;transition: 0.3s;} .news2:hover{ color:#F00; } @media (max-width:1000px) { .news2{height:40px; background:#fff; margin:0px 0 10px 0;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 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:#F00; 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: #252724;border-bottom: 3px solid #c7c7c7; 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:left; width:33%;} .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: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;} .jiansetm{ margin-top: 3.675vw; } .jiansetmitem{ margin-bottom: .75vw; } .jiansetmitem a{ font-size: .84vw; padding: 20px 35px; border: solid 1px #ddd; color: #555; display: block; background: url(../img/xz1.png) no-repeat; background-position: 99% 50%; background-size: .8%; } .jiansetmitemR{ float: right; } .jiansetmitem a:hover{ border: solid 1px #0ab6e4; color: #fff; background: url(../img/xz2.png) no-repeat; background-color: #0ab6e4; background-position: 99% 50%; background-size: .8%; } .sou{ float:none; position:relative; width:100%; margin:0px auto; height:80px; z-index:9999; overflow:hidden; } .pr13{float:right; width: auto; border-radius:30px; height:40px; background:#f2f2f2; margin-top:20px; position: relative;} .pr14{float:left;height:60px; margin-top:0px; width:790px; line-height:60px; color:#222; padding-left:30px; font-size:16px; } .pr14_1{ width:20%; float:left; text-align:right; } .pr14_2{ width:80%; float:left;} .tem_index_product2{background: #FFF; height:550px;padding:30px 0 40px;} .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:#b0aeaf; font-size:18px; height:20px;} .pr3_4{ color:#fff; font-size:14px; line-height:60px;background:url(../../../../img/t2.png) no-repeat center top; padding-top:45px; } .pr3_5{ color:#fff; font-weight:bold;font-size:30px; top:-15px; width:100%; position:relative;} .pr3_9{ color:#222; font-size:20px; line-height:60px;} .pr3_7{ color:#fff; font-size:32px;} .pr3_8{ color:#fff;font-size:20px; width:100%; position:relative;background:url(../../../../img/line03.png) no-repeat center center; } .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:#2f030b;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:300px; padding-top:0px; padding-bottom:30px; } .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:90%; height:160px; text-align: center; margin:0px auto; position: relative; z-index:12; padding:10px 50px;} .pr6{float:none; width:100%; height:140px; text-align: left; margin:0px auto; position: relative; z-index:12; padding:10px 0px;} .pr7_1{ float:left; width:50%; text-align:left;} .pr7_2{ float:right; width:30%; text-align:right; margin-right:0px;} .pr8{float:none; width:1200px; height:140px; 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;} .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);} .pr40{float:none; width:100%; height:250px; text-align:center; margin:0px auto; position: relative;} .pr40_1{float:left; width:33%;} .pr40_1_1{float:none; width:100%; height:162px; background:url(../../../../img/j01.png) no-repeat center center; } .pr40_1_3{float:none; width:100%; height:162px; background:url(../../../../img/j02.png) no-repeat center center; } .pr40_1_4{float:none; width:100%; height:162px; background:url(../../../../img/j03.png) no-repeat center center; } .pr40_1_2{float:none; text-align:center; line-height:30px; font-size:18px; color:#0659b6; width:100%;} .pr41{ float:none; width:100%; height:400px;} .pr41_1{float:left; width:40%; height:360px; margin-top:0px;background:url(../../../../img/new.jpg) no-repeat center center; } .pr41_2{float:right; width:58%; background:#FFF;} .dh{float:left; width:25%;} .dh1{float:none; width:90%;height:360px; background: #f1f1f1;display:block;transition: all 0.6s; margin:0px auto; display:block; color:#222;box-shadow:0 0 10px rgba(0,0,0,0.2);} .dh1:hover{ background:#7d1d22; color:#fff; display:block;box-shadow:0 0 20px rgba(0,0,0,0.5);} .dh2{float:none; width:90%;height:360px; background: #f1f1f1;display:block;transition: all 0.6s; margin:0px auto; display:block; color:#222;box-shadow:0 0 10px rgba(0,0,0,0.2);} .dh2:hover{ background:#7d1d22;color:#fff; display:block;box-shadow:0 0 20px rgba(0,0,0,0.5);} .dh3{float:none; width:90%;height:360px;background: #f1f1f1;display:block;transition: all 0.6s; margin:0px auto; display:block; color:#222;box-shadow:0 0 10px rgba(0,0,0,0.2);} .dh3:hover{background:#7d1d22;color:#fff; display:block;box-shadow:0 0 20px rgba(0,0,0,0.5);} .dh4{float:none; width:90%;height:360px; background: #f1f1f1;display:block;transition: all 0.6s; margin:0px auto; display:block; color:#222;box-shadow:0 0 10px rgba(0,0,0,0.2);} .dh4:hover{ background:#7d1d22; color:#fff; display:block;box-shadow:0 0 20px rgba(0,0,0,0.5);} .dh1_2{ float:none; width:100%; margin:10px 0 10px 0; height:35px; line-height:35px; font-size:20px; font-weight:bold; line-height:40px; text-align:center;} .dh1_3{ float:none; width:90%; margin:0px auto;height:30px; line-height:30px; font-size:16px; line-height:30px; text-align: left; font-family:Arial, Helvetica, sans-serif;} .dh1_4{ float:none; width:100%; height:180px; font-size:24px; font-size:36px; font-weight:bold; text-align:center; background:url(../../../../img/l2.jpg) center top;} .dh1_5{ float:none; width:100%; height:180px; font-size:24px; font-size:36px; font-weight:bold; text-align:center; background:url(../../../../img/l3.jpg) center top;} .dh1_6{ float:none; width:100%; height:180px; font-size:24px; font-size:36px; font-weight:bold; text-align:center; background:url(../../../../img/l4.jpg) center top;} .dh1_7{ float:none; width:100%; height:180px; font-size:24px; font-size:36px; font-weight:bold; text-align:center; background:url(../../../../img/l1.jpg) center top;} .dh1_8{ float:none; width:20px; height:5px; margin:0px auto;} .tem_index_about{padding:40px 0 50px; background:#277ad6; overflow:hidden;} .tem_index_about_cont{margin-right:25px;padding:0px 0 50px;} .tem_index_about_txt{float:left;width:58%; color:#222; padding-top:20px;} .tem_index_about .txtwd100{float:none;width:100%;} .tem_index_about_txt .met_editor{padding:0px 50px 0;} .tem_index_about_video{float: right;width:42%;height:380px; padding-top:20px;background:url(../../../../img/about.png) no-repeat center top;} .tem_index_about_more{padding-top:10px;} .tem_index_about_more a{display:inline-block;padding:10px 50px;height:50px;color:#fff!important;text-decoration:none;font-weight:normal;line-height:30px; background:#0659b6;} .tem_index_about_more a:hover{ background:#0455b7; text-decoration:none!important; } .tem_index_news{padding:30px 0 60px;text-align:center;background:#f8f8f8;} .about1{ height: auto; text-align:left; color:#FFF; line-height:3em; font-size:14px;} .yanfachengguo{ width:1154px; margin:0 auto; } .yanfachengguo_01{ padding:23px 12px; border:#e7ebf0 1px solid; border-radius:3px; font-family:"微软雅黑","宋体"; font-size:14px; color:#4d4d4d; line-height:30px; margin-bottom:25px; } .yanfachengguo_02{ padding-bottom:30px; } .yanfachengguo_02_up{ height:60px; } .yanfachengguo_02_up span{ font-family:"微软雅黑","宋体"; font-size:16px; color:#ffffff; display:inline-block; text-align:center; line-height:41px; width:151px; height:41px; background-color:#67696c; } .yanfachengguo_02_down{ width:100%; float:none; } .list-paddingleft-2{ width:100%; float:none; } .yanfachengguo_02_down ul li{ float:left; width:50%; list-style-type:none; padding-bottom:30px; } .yanfachengguo_02_down_img{ width:212px; float:left; } .yanfachengguo_02_down_img img{ border:#d1d1d1 1px solid; } .yanfachengguo_02_down_tt{ width:344px; float:left; font-family:"微软雅黑","宋体"; font-size:13px; color:#4d4d4d; line-height:28px; } .yanfachengguo_02_down_tt span{ font-family:"微软雅黑","宋体"; font-size:16px; color:#145bbc; font-weight:bold; line-height:30px; } .yanfachengguo_03{ padding-top:50px; text-align:center; } .tem_index_footer_logo{width:100%; height:200px;background:url(../../../../img/logo.png) no-repeat center center;} .classbt { background: #f2f2f2; border-radius: 0 15px 15px 0; color: #b50033; padding: 10px 20px; margin: 20px 0; font-size:16px; font-weight: bold; border-left: 5px solid #b50033; border-radius: 5px 5px 0 0; } .tem_index_title{margin:0 0 0px 0;text-align:center;font-weight:normal;font-size:26px; font-weight:bolder; color:#029c46;} .tem_index_title span{position:relative;top:0px;display:inline-block;} .xbt{color:#8c8c8c; font-size:16px; text-align:center;font-weight:normal; margin-bottom:20px; width:100%;} .tem_index_more{clear:both; float:none;padding-top:30px;width:200px;text-align:center; padding-bottom:30px; margin:0px auto;} .tem_index_more a{display:block;height:40px;background:#1a79c3;color:#fff;font-weight:normal;font-size:14px;line-height:40px;} .tem_index_more a:hover{background:#92bf38;color:#fff;} .tem_index_product{padding:30px 0 30px;background:#fff ;} .pr16{float:none; width:1000px; height:250px; margin:0px auto; position: relative; margin-top:60px;} .pr16_1{ float:left; width:500px; margin-left:80px;} .pr16_1_1{ float:none; width:100%; font-size: 22px;line-height: 40px;color: #2A9F34;font-weight: bold;height: 40px;} .pr16_1_2{ float:none; width:100%;font-size: 18px;line-height: 40px;color: #F79B1E;font-weight: normal;height: 40px;} .pr16_2{ float:left; width:500px; margin-left:80px;margin-top:40px;} .pr16_3{ float:right; width:470px; margin-top:85px;} .pr16_4{ float:right; width:470px; } .pr18{background:url(../../../../img/u5.png) no-repeat center top; height:365px;} .pr19{background:url(../../../../img/lxdh.png) no-repeat center top; height:150px;} .tem_index_title{margin:0 0 0px 0;text-align:center;font-weight:normal;font-size:26px; font-weight:bolder; color:#0659b6;} .tem_index_title span{position:relative;top:0px;display:inline-block;} .xbt{color:#0659b6; font-size:16px; text-align:center; padding-top:45px;font-weight:normal;background:url(../../../../img/t1.png) no-repeat center top; margin-bottom:50px; width:100%;} .tem_index_case{padding:30px 0 10px;background:url(../../../../img/product.png) repeat-x center top;text-align:center; height:600px;}