/*基础CSS*/ html { font-size: 14px; overflow-x: hidden; } .sybj{background:url(../../../images/lx.jpg) center center;background-attachment: fixed;} li { list-style: none; } a { color: #212529 } a:hover { text-decoration: none; color:#f08200; } p, dl, dt, dd, ul { margin: 0px; padding: 0px; } .red{ color:red; } .text-secondary a { color: #a5a5a5; } .sycp{ width:100%; margin-bottom:20px;} .newtext{color: #a5a5a5;line-height: 2;} .newtext:hover{color: #a5a5a5;;} .card,.card-img, .card-img-top{ border-radius:0px; border:0px;} .card, .figure { margin: 0px; } .tem_index_about_cont{padding:0px 0 0px; overflow:hidden;} .tem_index_about_txt{float:right;width:48%; color:#222; font-size:14px; padding-top:25px; height:auto;} .tem_index_about .txtwd100{float:none;width:100%;} .tem_index_about_txt .met_editor{padding:0px 0px 0;} .tem_index_about_video{float:left; background:#000;width:48%;height: auto; margin-top:30px; padding-bottom:30px; border-top-left-radius:20px; border-bottom-right-radius:20px; padding-top:40px;} @media (max-width: 1000px) {.tem_index_about_txt{float:right;width:100%; color:#222; font-size:14px; padding-top:25px; height:auto;} .tem_index_about_video{float:left; background:#000;width:100%;height: auto; margin-top:30px; padding-bottom:30px; border-top-left-radius:20px; border-bottom-right-radius:20px; padding-top:40px;} } .about-bj{ background: url(../../../images/aboutbj.png) center bottom no-repeat;} @media (max-width: 1000px) {.about-bj{ background: #fff;}} .about1{ height:240px;} .tem_index_about_more{padding-top:30px; } .tem_index_about_more a{display:inline-block;padding:0 40px;height:40px;text-decoration:none;font-weight:normal;line-height:40px; border:1px solid rgba(255,255,255,0.5);background-image: linear-gradient(to right, #004fa3 , #0083fe); border-radius:10px;color:#fff;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .tem_index_about_more a:hover{ background:rgba(255,255,255,0.1); border:1px solid #004fa3;color:#004fa3; text-decoration:none!important; } .pr3_16{ float:left;width:33%; padding:0px 0px 10px 30px; margin-top:20px; border-left:1px solid #cccccc;} .pr3_17_1{ font-size:36px; color:#333; font-weight:bold;} .pr3_17_2{ font-size:14px; color:#0069d0;} @media (max-width: 1000px) { .pr3_16{ float:left;width:33%; padding:0px 0px 10px 10px; height:100px; margin-top:20px; border-left:1px solid #cccccc;} .pr3_17_1{ font-size:18px; color:#333; font-weight:bold;}} .pr3_18{ font-size:14px; padding-top:10px;} #show{position:absolute; top:100px; width:100%; right:0px; display:none; background:rgba(255,255,255,0.8); height:60px; z-index:9999; } #show2{position:absolute; top:104px; width:100%; right:0px; background:rgba(255,255,255,0.8); height:60px; z-index:9999; } .new3{float:left; height:220px; padding-right:50px;} .pr13{float:none; width:400px; height:60px; padding-top:8px; position: relative; margin:0px auto;} .footdh{ width: 100%; height: auto; background: #FFF; overflow: hidden; } .footdh li{ float:left; width: auto; background:#FFF; text-align:center; margin-right:1px; line-height:50px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .footdh li:hover{background:#004fa3;color:#fff; } .footdh li:hover a{color:#fff; } .footdh li a{ color:#222; font-size:14px; } .footdh2{width: 100%; line-height:40px; height:50px; margin-top:40px;border-bottom:1px solid #626366;} .footdh2 li{ float:left; width: auto; padding-right:40px;} .footdh2 li a{ color:#fff; } @media (max-width: 1000px) { .footdh2{width: 100%; line-height:40px; height:130px; margin-top:40px;border-bottom:1px solid #62636;} .footdh{ width: 100%; height: auto; background:rgba(0,0,0,0); overflow: hidden;} .footdh2 li{ float:left; width: auto; padding-right:20px;} .footdh li{ float:left; width:49%; margin-bottom:1px; background:#FFF; text-align:center; margin-top:1px; margin-right:1px; line-height:50px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;}} .footdh3{ float:left; width: auto; padding:0 30px; } .footdh3 ul a{ color:#222; font-size:14px; } .footdh3 ul a:hover{ color:#d60f43; } .daoh li{width: auto; padding:0 30px; } .card-body2 { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; color:#666; text-align:center; } .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:10px; font-size:14px; color:#004ea2; background: url(../../../images/newm.png) center bottom no-repeat; width: fit-content;float: left;} .nybbt{ padding-top:80px;} @media (max-width:1000px) { .ljxq{ display:none;} .nybbt{ padding-top:0px;} } .ljxq:hover{ padding:5px 30px; margin-top:10px; background:#e6212a;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-title{ font-size:14px;margin-bottom: 0rem;} .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:14px;} } .topbanner{height:350px;} @media (max-width:1000px) { .topbanner{ height:150px;} } .topbanner2{padding-top:6rem;} @media (max-width:1000px) { .topbanner2{padding-top:1.5rem;} } .news2{height:255px; background:#fff; position:relative;padding:20px; margin:20px 0 50px 0;transition: 0.3s;} .news2:hover{ color:#f08200; } .news3{height: auto; background:#fff; position:relative;padding:20px; margin:20px 0 50px 0;transition: 0.3s;} .news3:hover{ color:#f08200; } @media (max-width:1000px) { .news2{height: auto; background:#fff; margin:0px 0 0px 0;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0);} .jiahao{ display:none;} .news3{ float:right;} } .newtime1{ font-size:16px; color:#777777; height:30px;} .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;} } .newtime5{ float:right; font-size:16px; color:#777777; height:30px;} .card-body2 a{color:#222;} .table{ width:100%;} .container-fluid{ background:#004fa3;} .map{ padding-right:80px;} .bnbj{ background:#fff;} .bnwz { top: 40%; width: 100%; text-align: center; } @media (max-width:1000px) {.map{ padding-right:0px;}.bnwz{top:25%; width:100%; text-align:center; z-index:99999}.bnbj{ background:#000;}} @media (max-width:1000px) {.table{ width:350px;}} .table tr th { background-color: rgb(204, 204, 204); border-collapse: collapse; text-align: center; line-height: 40px; font-size: 14px; vertical-align: middle; border-width: 1px !important; border-style: solid !important; border-color: rgb(221, 221, 221) !important; border-image: initial !important; } .table tr td { background-color: #97bfd7; border: 1px solid #ddd !important; border-collapse: collapse; text-align: center; line-height: 40px; font-size: 14px; vertical-align: middle; } .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;toptel font-size: 16px; color:#000; } .topbj{ position: fixed; z-index:99999; width:100%; top:0px;} @media (max-width: 1000px) {.topbj{ background:rgb(255,0,0,0.8); position: relative; }} .topright{ line-height:100px;} .topright2{color:#FFF; height:100px;background:#004fa3; padding-left:20px;} .topright2_1{ font-size:14px; height:40px; line-height:40px; padding-top:10px; } .topright2_2{ font-size:36px; font-weight:bolder;height:50px; background:url(../../../img/tel2.png) left center no-repeat; width:200px;} @media (max-width: 768px) {.topright2{ display:none;}.topright{display:none;}} .navbar-brand { font-size: 20px; padding-top: 0px; padding-bottom: 0px; } @media (max-width: 998px) {.topright2{ display:none;}.topright{display:none;}.toptel_1_1_3{ display:none;}} .navbar-brand { font-size: 20px; padding-top: 0px; padding-bottom: 0px; } @media (max-width:1200px) {.topright2{ display:none;}.topright{display:none;}.toptel_1_1_3{ display:none;}} @media (max-width:1800px) {.toptel_1_1_3{ display:none;}} .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: 1px 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;color:#666; } .page-num-current { z-index: 1; color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .page-num-current:hover { color: #fff; } /*其他*/ .pages { min-height: 500px; padding-top: 10px; padding-bottom: 10px; } .code, .code img { height: 150px; } .position, .position a { color: #999; font-size:14px; } .content { color: #666; line-height: 2; } .content img, .content iframe { max-width: 100% !important; } .content li { list-style: disc outside none; margin-left: 20px; } @media (min-width: 576px) { .container { max-width: 540px; overflow:hidden; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 990px; overflow:hidden; } } @media (min-width: 1200px) { .container { max-width: 1140px; overflow:hidden; } } @media (min-width: 1400px) { .container { max-width: 1340px; overflow:hidden; } } @media (min-width: 1800px) { .container { max-width: 1600px; overflow:hidden; } } .container { overflow:hidden; } .container2 { width:80%; margin:0px auto; overflow:hidden; } @media (max-width: 1400px) {.container2 { width:90%; margin:0px auto; overflow:hidden; } } @media (max-width: 1200px) {.container2 { width:100%; margin:0px auto; overflow:hidden; } } @media (max-width: 768px) {.container2 { width:90%; margin:0px auto; overflow:hidden; } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0px; margin-left: 0px; } .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: #222; background-color:#fff; border-color: #fff; display:none; } .sonsort{ text-align:center;} .page-num,.page-link { z-index:99; position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; margin-top:30px; line-height: 1.25; color: #666; background-color: #fff; border: 1px solid #dee2e6; } .page-num-current { z-index: 999; color: #fff; background-color:#337ab7; border-color:#337ab7; } .text-secondary a{ color:#FFF;} .fixed-top{ border-bottom:1px solid rgba(255,255,255, 0.5); } .text-secondary a{ color:#FFF;} .top{ float:none; width:100%; line-height:100px; background:#fff; color:#FFF; height:100px; z-index:999999;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .top-active{display:none;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} @media (max-width:1000px) { .top{display:none;} .topimg{display:none;} } .top2{} .topx{transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .topbj{ background:#FFF; width: 100%;} .topbj .nav a{ color:#000} .topbj .nav a:hover{ color:#d61a1f;} .topbj2{ background:#FFF;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;box-shadow: 0px 4px 5px rgba(9,2,4,.17);} .topbj2 .nav a{ color:#000} .topbj2 .nav a:hover{ color:#004fa3;} .topimg{ width:100%; height:100%;} .more{ margin-top:10px; width:fit-content; position:absolute; right:0px; top:0px; background:#f8f8f8; color:#222; text-align: center; padding:10px 40px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .synews{ width:190px; float:left; height:120px; display:block; margin-bottom:15px; overflow:hidden;} .more:hover{background:#e9bc71; color:#FFF; padding:10px 40px; } .pr27{ width:98%;height:75px; float:none; border:1px solid #eee; margin:20px 0;} .pr27_1{float:left; width:18%; height:40px; line-height:40px; border-right:1px solid #eee; margin-top:17.5px; padding-left:80px; background:url(../../../images/new.png) 30px center no-repeat;} .pr27_2{ float:left; width:68%; margin-left:2%; height:40px; line-height:40px;margin-top:17.5px;} @media (max-width: 768px) {.more{ display:none;} .synews{ width:30%; float:right; height:120px;margin-left: 30px; display:block; margin-bottom:15px; overflow:hidden;} .more:hover{background:#e9bc71; color:#FFF; padding:10px 40px;} .time1text2{ display:none;} .topx{ background:#fff; } .col-lg-3{flex: 0 0 100%; max-width: 50%;} .col-lg-2{flex: 0 0 100%; max-width: 50%;} .pr27_1{float:left; width:40%; height:40px; line-height:40px; border-right:1px solid #eee; margin-top:17.5px; padding-left:50px; background:url(../../../images/new.png) 10px center no-repeat;} .pr27_2{ float:left; width:58%; margin-left:2%; height:40px; line-height:40px;margin-top:17.5px;} } .more2{ font-size:14px; width: auto; float:none; margin:0px auto; background:#fff; color:#222; text-align: center; padding:10px 40px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .more2:hover{background:#004fa3; color:#FFF; } @media (max-width: 1000px) {.more2{ font-size:14px; margin-top:10px; width: auto; float:none; background:#fff; color:#222; text-align: center; padding:10px 40px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;}} .more3{ font-size:14px;margin-top:10px; width: auto; float:left; background:#eee; color:#222; text-align: center; padding:10px 40px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .more3:hover{background:#004fa3; color:#FFF; } .more4{ font-size:14px; margin-top:10px; width: auto; float:none; margin:0px auto; background:#fff; border:1px solid #eee; color:#222; text-align: center; padding:10px 40px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .more4:hover{background:#004fa3; color:#FFF; } @media (max-width: 1000px) {.more4{ font-size:14px; margin-top:10px; width: auto; float:none; background:#eee; color:#222; text-align: center; padding:10px 40px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;}} .navbar-brand { font-size: 20px; padding-top: 0px; padding-bottom: 0px; } .time1{ float:none; width:90%;margin:0px auto;display:block; border-top:1px solid #eee; height:40px; line-height:40px; margin-top:10px; margin-bottom:10px; } .media-body:hover .time1text3{ color:#f08200; } .media-body:hover .time1text2{ color:#f08200; } .media-body a:hover{ display:block; color:#004fa3; } .time1text3{ font-size:20px; color:#004ea2; text-align:left;float:none;width:90%;margin:0px auto;display:block; } @media (max-width: 1000px) {.time1text3{ font-size:16px; color:#004ea2; text-align:left;float:none;width:100%;margin:0px auto;display:block; }} .media-body { -ms-flex: 1; flex: 1; display:block; } .time1:hover{ float:none; width:90%;margin:0px auto; border-top:1px solid #004fa3; height:40px; line-height:40px; margin-top:10px; margin-bottom:10px; } .time1text1{ font-size:14px; width:50%; float:left; text-align:left; display:block;} .time1text2{ width:100%; text-align: left;font-size:17px; color:#cccccc; padding-left:20px; } .pro:hover{ background:#00469c; color:#FFF;} .pro a:hover{color:#FFF;} .top_left{ float:left; font-size:12px;} .top_right{ float:right;font-size:12px;} .bt{ color:#555; padding:10px 0;} .bt2{ color:#999; font-size:14px;padding:10px 0;} .btjg{ width:50px; height:2px; background:#f39800; margin:0px auto; } .foot1{ position: relative; margin-top: -60px; background: url(../../../images/foot.png) center top repeat-x; color:#8f8f8f;} .foot2{ background:#2f3034; padding:20px 0px;color:#8f8f8f; border-top:1px solid #444;} .foot2 a{color:#8f8f8f;} .foot1 a{color:#8f8f8f;} @media (max-width: 1000px) {.foot2{ display:none;}} /*产品轮播*/ .view { max-width: 600px; } .col-lg-3 { padding-left:0px; padding-right:0px;} .view .swiper-slide { height: 450px; max-width: 600px; padding: 0 3px; box-sizing: border-box; overflow: hidden; text-align: center; } .view .swiper-slide img { width:100%; } .view .arrow-left { background: url(../images/index_tab_l.png) no-repeat left center; position: absolute; left: 10px; width: 28px; height: 300px; z-index: 10; display: none; } .view .arrow-right { background: url(../images/index_tab_r.png) no-repeat right center; position: absolute; right: 10px; width: 28px; height: 300px; z-index: 10; display: none; } .preview { position: relative; width: 440px; left: 30px; } .preview .swiper-slide { width: 87.5px; height: 70px; margin: 0 3px; box-sizing: border-box; overflow: hidden; cursor: pointer; } .preview .swiper-slide img { display: inline-block; height: 100%; } .preview .active-nav { border: 1px solid #f08200; 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: #004fa3; padding: 10px 5px; margin-bottom: 1px; border-radius:5px; position: relative; transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .online dl dd { color: #fff; text-align: center; font-size: 12px; cursor: pointer; } .online dl dd i { font-size: 25px; } .online dl:hover { background: #004fa3; } .online dl dt { position: absolute; top: 0px; right: 60px; background: #004fa3; color:#FFF; z-index: 9999; display: none; padding: 19.5px 15px; font-weight: normal; } .online dl dt h3 { display: block; font-size: 16px; color: #fff; 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{ width:100%; float:none; height:30vw;} .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(30, 0, 240, 0);height:30vw;transition: all 0.3s ease 0s;opacity:0;display:block; } .wenhua1_1:hover{ width:100%;background:rgba(0, 70, 156, 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-image: linear-gradient(to bottom, #fff , #f7f7f7);float:none; color:#999; height:51px; line-height:51px; margin-bottom:50px; border-bottom:1px solid #eee; box-shadow: 0px 2px 3px rgba(9,2,4,.17);} .fenlei a{color:#999; } .btn-light{ float:left;color:#222;background-color:rgba(255, 255, 255, 0);border:0px; padding:0 30px; border-radius:0px; height:49px;margin-right:1px; line-height:49px; } .btn-light:hover{ color:#004ea2; background-color:rgba(255, 255, 255, 0); border-bottom:3px solid #004ea2;} .btn-light5{float:left;color:#004ea2 !important;border-bottom:3px solid #004ea2; padding:0 30px; border-radius:0px; height:49px;margin-right:1px; line-height:49px; } .btn-light5 a{color:#004ea2; } .btn-light5:hover{color:#004ea2; } .foot3{ width:100%; height:132px; background:url(../../../images/b_bg1.jpg) center center;} @media (max-width:768px) {.foot3{display:none;}} @media (max-width:1000px) {.foot3{display:none;}.btn-light5{ width:100%;float:left;color:#fff !important;border:0px; padding:0 30px; border-radius:0px; height:50px;margin-right:1px; line-height:50px; background-color:#004fa3;}} .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;} @media (max-width: 768px) { .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%;height:60vw;opacity:1;top:0vw;} .fenlei{ width:100%;float:none; color:#222; height: auto; text-align:center; overflow:hidden; line-height:50px; margin-bottom:50px;} } @media (max-width: 1000px) { .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%;height:60vw;opacity:1;top:0vw;} .btn-light{ float:left;color: #222; width:100%; border-left:0px ;border-right:0px ;border-bottom:0px;border-top:0px; border-radius:0px; height:50px; line-height:50px; background-color:#fff; } .btn-light:hover{ color:#fff; background-color:#004ea2;} .fenlei{ width:100%;float:none; color:#222; background:#eee; height: auto; text-align:center; overflow:hidden; line-height:50px; margin-bottom:50px;box-shadow: 0px 0px 0px rgba(9,2,4,.17);} } .btn-info2 { color: #fff; background-color:#004fa3 ; } .btn-info2:hover{ color: #fff; } .btn-info4 { float: left; display: block; border: 0 none; height: 38px; margin-right: 0px; line-height: 38px; padding: 0 30px; background: url(../../../../img/ss.png) no-repeat center center; } .lytitle{ width:100%; height:30px; text-align:center; } .lytitle2{ width:100%; height:70px; text-align:center; font-size:36px;} .lytitle3{ width:100%; height:20px; text-align:center; font-size:16px; color:#666;} .fwxm{position:relative;top:-60px; z-index: 999;} .fw_1{width:90%; margin:0px auto; height: 130px; padding: 30px 40px 40px 120px;background:url(../../../img/t1.png) #FFF no-repeat 10% 50%/60px; border-radius:10px; box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_2{width:90%; margin:0px auto; height: 130px; padding: 30px 40px 40px 120px;background:url(../../../img/t2.png) #FFF no-repeat 10% 50%/60px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_3{width:90%; height: 130px; margin:0px auto; padding: 30px 40px 40px 120px;background:url(../../../img/t3.png) #FFF no-repeat 10% 50%/60px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_4{width:90%; height: 130px; margin:0px auto; padding: 30px 40px 40px 120px;background:url(../../../img/t4.png) #FFF no-repeat 10% 50%/60px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw{width:25%; height:165px;float:left; margin-left: -1px;} .fw_1:hover{background-color: #004fa3; color:#FFF;} .fw_2:hover{background-color: #004fa3;color:#FFF;} .fw_3:hover{background-color: #004fa3;color:#FFF;} .fw_4:hover{background-color: #004fa3;color:#FFF;} @media (max-width: 1200px) {.fwxm{position:relative;top:-60px; z-index: 999;} .fw{width:25%; height:165px;float:left; margin-left: -1px;} .fw_1{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t1.png) #FFF no-repeat center 20px; border-radius:10px; box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_2{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t2.png) #FFF no-repeat center 20px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_3{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t3.png) #FFF no-repeat center 20px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_4{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t4.png) #FFF no-repeat center 20px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_1_1{ font-size: 18px; margin-bottom:10px; text-align:center;} .fw_1_2{ display: block; font-size: 14px; padding: 3px 0; text-align:center; background:url(../../../img/abspan.png) no-repeat center left/14px; padding-left: 0px;} } @media (max-width: 1000px) {.fwxm{position:relative;top:10px; z-index: 999;} .fw{width:50%; height:245px;float:left; margin-left: -1px;} .fw_1{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t1.png) #FFF no-repeat center 20px; border-radius:10px; box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_2{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t2.png) #FFF no-repeat center 20px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_3{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t3.png) #FFF no-repeat center 20px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_4{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t4.png) #FFF no-repeat center 20px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_1_1{ font-size: 18px; margin-bottom:10px; text-align:center;} .fw_1_2{ display: block; font-size: 14px; padding: 3px 0; text-align:center; background:url(../../../img/abspan.png) no-repeat center left/14px; padding-left: 0px;} } @media (max-width: 768px) {.fwxm{position:relative;top:10px; z-index: 999;} .fw{width:50%; height:245px;float:left; margin-left: -1px;} .fw_1{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t1.png) #FFF no-repeat center 20px; border-radius:10px; box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_2{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t2.png) #FFF no-repeat center 20px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_3{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t3.png) #FFF no-repeat center 20px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_4{width:90%; margin:0px auto; height: 210px; padding: 120px 0px 0px ;background:url(../../../img/t4.png) #FFF no-repeat center 20px; border-radius:10px;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);} .fw_1_1{ font-size: 18px; margin-bottom:10px; text-align:center;} .fw_1_2{ display: block; font-size: 14px; padding: 3px 0; text-align:center; background:url(../../../img/abspan.png) no-repeat center left/14px; padding-left: 0px;} } .fw_1_1{ font-size: 18px; margin-bottom:10px;} .fw_1_2{ display: block; font-size: 14px; padding: 3px 0; background:url(../../../img/abspan.png) no-repeat center left/14px; padding-left: 0px;} .contact_bj{ height:520px; } .contact_zb_1{ text-align:center; color:#FFF; font-size:20px; padding-top:100px;} .contact_zb_2{ text-align:center; color:#FFF; font-size:40px; font-weight:bold;padding-top:30px; margin-bottom:30px;} .contact_zb_3{ text-align:center; color:#FFF; font-size:20px; width:fit-content; margin:0px auto; height:50px; line-height:50px; border:1px solid #FFF; border-radius:10px; padding:0 50px;} .contact_zb_4{ text-align:center; color:#FFF; font-size:20px;width:fit-content; margin:0px auto;padding:0 50px;height:50px; line-height:45px;border-radius:10px;margin-top:50px; background:#004fa3;} .contact_zb_4:hover{ text-align:center; color:#FFF; font-size:20px;width:fit-content; margin:0px auto;padding:0 50px;height:50px; line-height:45px;border-radius:10px;background:rgba(253,40, 19, 0.8);margin-top:50px; } .contact_zb_4 a{ color:#FFF; font-size:14px;} .contact_zb_5{ text-align:center; color:#222; font-size:20px;width:fit-content; margin:0px auto;padding:0 50px;height:40px; line-height:35px;border-radius:40px; background:#fff; border:1px solid #eee;-o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .contact_zb_5:hover{ background:#004fa3;color:#FFF;border:1px solid #004fa3;} .lcbj{ height:650px; background:url(../../../images/lcbj.jpg); } .lcbj_bt{ width:100%; height:200px; background:url(../../../images/bt.png) center 103px no-repeat; padding-top:50px;} .lcbj_bt1{ font-size:30px; text-align:center; padding-top:30px; color:#FFF;} .lcbj_bt2{ font-size:30px; text-align:center; color:#FFF;} .lcbj_bt3{ font-size:16px; text-align:center; color:#FFF;padding-top:15px;} .lcbj_nr{ margin-top:80px; height:300px;} .lcbj_nr1{ width:14.28%; float:left; height:250px; background:url(../../../images/p1.png) center top no-repeat;transition: 0.3s; } .lcbj_nr1:hover{background:url(../../../images/p1x.png) center top no-repeat; } .lcbj_nr2{ width:14.28%; float:left; height:250px; background:url(../../../images/p2.png) center top no-repeat;transition: 0.3s; } .lcbj_nr2:hover{background:url(../../../images/p2x.png) center top no-repeat; } .lcbj_nr3{ width:14.28%; float:left; height:250px; background:url(../../../images/p3.png) center top no-repeat; transition: 0.3s;} .lcbj_nr3:hover{background:url(../../../images/p3x.png) center top no-repeat; } .lcbj_nr4{ width:14.28%; float:left; height:250px; background:url(../../../images/p4.png) center top no-repeat;transition: 0.3s; } .lcbj_nr4:hover{background:url(../../../images/p4x.png) center top no-repeat; } .lcbj_nr5{ width:14.28%; float:left; height:250px; background:url(../../../images/p5.png) center top no-repeat; transition: 0.3s;} .lcbj_nr5:hover{background:url(../../../images/p5x.png) center top no-repeat; } .lcbj_nr6{ width:14.28%; float:left; height:250px; background:url(../../../images/p6.png) center top no-repeat; transition: 0.3s;} .lcbj_nr6:hover{background:url(../../../images/p6x.png) center top no-repeat; } .lcbj_nr7{ width:14.28%; float:left; height:250px; background:url(../../../images/p7.png) center top no-repeat;transition: 0.3s; } .lcbj_nr7:hover{background:url(../../../images/p7x.png) center top no-repeat; } @media (max-width: 768px) { .lcbj{ height:1430px; background:url(../../../images/lcbj.jpg); } .lcbj_nr1{ width:50%; float:left; height:280px; background:url(../../../images/p1.png) center top no-repeat;transition: 0.3s; } .lcbj_nr1:hover{background:url(../../../images/p1x.png) center top no-repeat; } .lcbj_nr2{ width:50%; float:left; height:280px; background:url(../../../images/p2.png) center top no-repeat;transition: 0.3s;} .lcbj_nr2:hover{background:url(../../../images/p2x.png) center top no-repeat; } .lcbj_nr3{ width:50%; float:left; height:280px; background:url(../../../images/p3.png) center top no-repeat; transition: 0.3s;} .lcbj_nr3:hover{background:url(../../../images/p3x.png) center top no-repeat; } .lcbj_nr4{ width:50%; float:left; height:280px; background:url(../../../images/p4.png) center top no-repeat;transition: 0.3s; } .lcbj_nr4:hover{background:url(../../../images/p4x.png) center top no-repeat; } .lcbj_nr5{ width:50%; float:left; height:280px; background:url(../../../images/p5.png) center top no-repeat; transition: 0.3s;} .lcbj_nr5:hover{background:url(../../../images/p5x.png) center top no-repeat; } .lcbj_nr6{ width:50%; float:left; height:280px; background:url(../../../images/p6.png) center top no-repeat; transition: 0.3s;} .lcbj_nr6:hover{background:url(../../../images/p6x.png) center top no-repeat; } .lcbj_nr7{ width:50%; float:left; height:280px; background:url(../../../images/p7.png) center top no-repeat;transition: 0.3s; } .lcbj_nr7:hover{background:url(../../../images/p7x.png) center top no-repeat; } } .lcbj_nr1_1{ text-align:center; color:#FFF; width:80px; line-height:30px; font-size:18px; margin:0px auto; padding-top:200px;} .lxjg{ width:30px; height:2px; background:#eee; margin-bottom:10px; margin-top:10px;} .aboutustb{width:160px;text-align:center; float: left;} @media (max-width: 768px) {.aboutustb{width:100%;text-align:center; float: none; height:180px;}} .contact{width:100%;} .contact1{ width:33.3%; float:left;} .contact1_1{ width:90%; height:300px; background:#fef4e5; float:left; } .contact1_2{ width:90%; height:300px; background:#fde8e6; float:none; margin:0px auto; } .contact1_3{ width:90%; height:300px; background:#fef4e5; float:right; } .contact1_1_1{ width:90%; height:130px; float:none;margin:0px auto; background:url(../../../img/tel4.png) center center no-repeat; } .contact1_1_2{ width:90%; height:50px; float:none;margin:0px auto; font-size:18px; color:#555; text-align:center;} .contact1_1_3{ width:80%; height:100px; float:none;margin:0px auto;font-size:16px; color:#555; text-align:left;} .contact1_1_4{ width:90%; height:130px; float:none;margin:0px auto; background:url(../../../img/tel1.png) center center no-repeat; } .contact1_1_5{ width:90%; height:130px; float:none;margin:0px auto; background:url(../../../img/tel3.png) center center no-repeat; } @media (max-width: 768px) {.contact1{ width:100%; float:left;height:350px;} .contact1_1{ width:90%; height:300px; background:#fef4e5; float:none; margin:0px auto; } .contact1_2{ width:90%; height:300px; background:#fde8e6; float:none; margin:0px auto; } .contact1_3{ width:90%; height:300px; background:#fef4e5; float:none; margin:0px auto; } } .lanmu{ width:100%; padding-left:20px; font-weight:bold; font-size:24px; height:60px; line-height:60px; background:#004ea2; color:#FFF;} .lanmu2{ width:100%;} .btn-light2{ width:100%;float:none;color:#999;border:1px solid #eee; text-align:left; margin:0px 0; border-radius:0px; height:50px; line-height:35px; background-color:#eee;} .btn-light2:hover{ color:#FFF; background:url(../../../img/jt2.png)#004ea2 right center no-repeat;} .btn-light7{ width:100%;float:none;color:#004ea2;border:1px solid #ebebeb; text-align:left; margin:0px 0; border-radius:0px; height:50px; line-height:35px; background:url(../../../img/jt4.png)#eee right center no-repeat;} .btn-light7:hover{ color:#FFF; background:url(../../../img/jt2.png)#004ea2 right center no-repeat;} .btn-light3{ float:none;color:#fff;text-align:left; margin:5px 0px; padding:0 50px; height:50px; line-height:45px; border-radius:10px; background-color:#004ea2;} .btn-light3:hover{ color:#FFF; background:#f08200;} .btn-light4{ float:none;color:#fff; margin:0px; padding:5px 50px; text-align:center;border-radius:5px; height:40px; background-image: linear-gradient(to right, #004fa3 , #0083fe);} .btn-light4:hover{ color:#004fa3; background:#fed0c0; border:1px solid #004fa3} .btn-light6{ float:none;color:#fff;text-align:left; margin:5px 0px; padding:0 50px; border-radius:10px; height:50px; line-height:45px; background-color:#f08200;} .btn-light6:hover{ color:#FFF; background:#f08200;} .btn-light8{ width:100%;float:none;color:#999;border:1px solid #eee; text-align:left; margin:0px 0; border-radius:0px; height:50px; line-height:35px; background-color:#fff; padding-left:30px; font-size:14px;} .btn-light8:hover{ color:#FFF; background:url(../../../img/jt2.png)#004ea2 right center no-repeat;} .btn-light9{ width:100%;float:none;color:#004ea2;border:1px solid #ebebeb; text-align:left; margin:0px 0; border-radius:0px; height:50px; line-height:35px; background:url(../../../img/jt4.png)#fff right center no-repeat;} .btn-light9:hover{ color:#FFF; background:url(../../../img/jt2.png)#004ea2 right center no-repeat;} .left{ float:left; width:25%; margin-bottom:30px;} .right{ float:right; width:72%; overflow:hidden; height:auto;} @media (max-width: 768px) {.left{ float:none; width:100%; margin-bottom:30px;} .right{ float:none; width:100%; overflow:hidden; height:auto;}} .prt_wz{ width:100%; height:50px; line-height:50px; background:#f39800; text-align:left; padding-left:20px; color:#FFF; font-size:18px;} .prt_wz2{font-size:30px; color:#f08200; font-weight:bold;} .prt_wz3{font-size:16px; line-height:30px; margin-top:30px; } .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:#f5f5f5; background-clip: padding-box; border: 1px solid #d1d1d1; margin-bottom:30px; border-radius:5px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .form-group4{ width:100%; float:left; text-align:center; color:#fff; height:auto;} .form-control2 { display: block; width: 70%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; border-top-left-radius:5px; border-bottom-left-radius:5px; background: #eee; background-clip: padding-box; border: 0px solid #ced4da; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .form-group{ width:100%; float:left; height:auto; margin-bottom:0px;} .form-group2{ width:48%; float:left; height:auto;} .form-group3{ width:48%; float:right; height:auto;} .messagebt{ color:#f08200; margin:10px 0;} .cpxq{ height: 45px; line-height: 45px; font-size:14px; margin: 30px 0; border: 1px solid #ddd; overflow:hidden;} .met_now{background: #f7f8fa; width: max-content; padding: 0 30px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .jiange{background-color: #FFF; height: 45px; width: 100%; text-align: center; padding-top: 15px; bottom: 0; z-index: 10;} .lmbj{position: relative; width: 100%; background-color: #fafafa; margin: 0px 0 0px; } .lm1{ width:25%; float:left; padding-right:2%; height:auto; display:block; } @media (max-width: 768px) {.lm1{ width:50%; float:left; padding-right:2%; height: 300px; display:block; padding-top:30px; }} .lm1_1{font-size: 24px;} .lm1_2{font-size: 14px; line-height:30px;} .lm1_3{font-size: 14px; line-height:30px;} .brand-line{ display:block; width: 100%; height: 1px; background-color: #004fa3; margin: 12px 0 15px 0; transition: width .8s ease, background-color .8s ease; } .lm1:hover .brand-line{ width: 0; height: 1px; background-color: #004fa3; margin: 12px 0 15px 0; } @font-face {font-family: "iconfont"; src: url('//at.alicdn.com/t/font_1152409_481ugdx0ef4.eot?t=1555981439927'); /* IE9 */ src: url('//at.alicdn.com/t/font_1152409_481ugdx0ef4.eot?t=1555981439927#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAArAAAsAAAAAElAAAApyAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCELgqVfJFXATYCJAMsCxgABCAFhG0HgRsbSg9RlFBWF9nPA7th2QFNi0/c+2xgVBAB+q1xaXja5r/HHXDc0XKAjQ6rvl0YTSytWCdsDVsDJ04XVi46CP0V7le4/ajFNcsAjYowQzm1PbBC37+mQDlgr58Au91/v6BFlHDE7SGBlibaEvytFkHSSyAVQMD/rbV63u9dKNjHNBQeNc3sns36oGKJTCJkQhKXdDS3kC7ERigdg7XJwSoAA6Py57Y1AAGA8xAMjk8f37CG4hxErdlqAWtfFDTFCGESI2bJtA/uB3RY3EV7AgDsU78PP3COAUBDbwCfs3R6lHCtyBsxov1fC2YbKmCuLwEAcBkPAAQAwQBAL+IRqxwDHr5MCLwhajkAIny6WbQik4xJziQ5KZ1cNal7I3gj/v9/XhGyO+dJkEiEF/+DBwADRMeCwtFgmBAAtgA8m+l3FuPAJKIBYACTFMCXwAYFdAgcUMCCQIICFIIUbB3CKlBAg6CDP4ABbwQUMJUgBrtDkgAgDMZPku/VMgC6Ay4qFU9btQIUhtAIw3dEes9gO2FsDMNJNmSzRQKCzcLZ7jz3QIhxoViDh1jCZuMsKGGxBDjO/lwSAjedRgT4ubiQ66xfKm1fqRxvNPbJOY31gU0NobnqNZSBVJm0Rr1YbRYpUd6sU+EAh2wBQjWsDx3VhY0ZQka0mnA5wqBV48B4YEO6QeWg/oU2YMDw2r7OalVqbSG2CWeTQXL4A82YA9rt0+/ZvbscuXdtXsesWcvsdrXDobHZVFbrzDtW2XFb9n3HtE77bP0lcaD9/fgK40p/44W1NWXYJlQBl4mDHB9o7PYmq1XWYXPkPbCy35rQ2yYxOzQOm9poNJkoSmxWGFu1PX19UNc7qxi1qVgFu33ODau6xX2bHZmUQ/P4qrTV4kc5AgbajUbS8FJtNusogrIpjSONpzpV5i3pNUOdREId9Ri1i4y4yGwWU34Edd7nrm0d99wrD+To61je2Zfu2n79INSZca7eCGhaE8EzUBDRDRkGAK39RVRV0pogEacXVRtbLT2SOupwWy9eT/VhXHGtubvVQtaYyGoqLqVtsDtdbEJCz9BhRItrpgnJc0seOO7W2idxOEIsx6RGE3nW5mW1VlFHBs+JoLG37bDkvO2lzc3YPRdJKi1UylE7D55lHGwbkkCHrWG13a60WlU2W01bVp6wqh/ZI087sh/a8N4zwx0Xz48d8S0wT2CBWbzKQDbKzt1CRUpNz13CIGmDDofaMDCeRN2QUmc80oIsjVWG834q9XVHbSyV9Jxlwu5fs9ZJlURn7vm1tvhwzdloos1Vd/r6Y0Jt2G2NunvFVB+hNJqkx8/XZMNbo6Gqzy/P+/JtT/VGrEtRJtJo1NgNxYsG7TF6uf+5kZ6PZ+x5h3enPUcvUpx54WadmLCpegjD46BU6nRo2y1VUn+UXmznc2sOX/croIgem1fHMZFCNGwjE2WTqRRx1hZhslTtkYq4Xmq0kDYQpapoIgyUxGFfiwSjUeQnd+MMMnK6Mqo8O+8M01AZ+Wa8O0t9GbLBgXp6og6BDKzb3PqR6+kCVOAlkbMxQP4W7Tgqk9EnCGIJ4+gExTrGGjavO2DZ5bbLYPFmNbCm7baoGvxk2mNN/pUzPic/nyl88Pr1b+G3WwtvTYUpwzGb5MXNoqm6st3la4qaizy/iZp47LJ3RnDV7j0zAkE1kCHaTmR8HDke7VqjD87+SzM102Xm1BnRtehda6OQ4+PjnX+VKhR0uiK3rEzDaixFKQC+xbCpCRQJZCQUwyIX6xjli+KX5OcxmVr04mq1h5ijZMR13/K6UxzGfIR68IBCzMjDBwjFnB/aS3md+Hk4zFTokKEhmpZZNUormCUe8roszp/loM/VoGmHhsBXY3lITQaNV5NyCKvJ5wtqIhld64uEpqCNIMpJmcXOQeSzZ7hnENkH+ghhw+nXn0mCz4Syuclxf11G//wTvSyQgXWb65Aw0rM9sYiuoO1M5VbIWOkZpLoyXdoZIA0XZEWWknfRvgjXr0h903DpKvZqRl05HxTQ7YvewRlYPiu4BzwiWKSYFndzokCwvBxbrH2C8Uh088kzeEkliNGGv0jjI1MIP01NzxG4CDj4D8QL4gd8ilQ8y+G78DlnU6M0mDNmeoo7a1nHj+fmjpvvmWOatqrc2R3vnXBTbzV98++Zx+eew9jLtEutm1WyX9rwimNtZB2rydu5Xe+/16k5TTZ7/WI5luES8W7Vm8FJ527w7x7GRpBedCBXUVd9WXHfu/BchJFfLFsNDt6iXSu0dH6YnymFDe9OD/JKStewfgWvFs6cfCVOcxKzM/YXres/n3wrBYLKkT8/KP7JqTanpMrN+df9i1i/gSzODv/6RS76+G/winNVOlzLPapFVUTFWfcpnUEvrYtME94NqqPOLo34+LPImtuxI9tNS66uMsX9tfTtvuS3b/emLAXtPN4vkpqxNSvhNtpJE7IMpKW3DHhULoi9m+fOe7HPG7aYd8dMF6rkSvkZ+dlHxcI78rvybHmW8R9adZtuAVwKzTobARm7XgqlX69UhYmLf0uaVTOH7S31PsHPkGa003rg//Rr6L//orr9GsWwuZdR5SX8cUFxHiiHC6phQVBAZkJy1jRMJqwjvdr/O+dVF45/Iv2k1NON68Y2xZ7gsdm86sCfO2h0r1ZmQQWsVHK4lRUK+OJC5W/MWfBzAXMXX//pJQy72AyYFn7bp4MY89JicOlOVGZwunOwPTcrIWo2f3pXKE9U9nFr3hYb+1Tn7PhVkqWxGMV4eGahvFHiJswYf+TDGfmE2Td+IY1vbfS+1L/3XdQ7UcsMMXUwgv4qZs6jXU32XFold03O2pq8SNlnmazyprqVlR4d9f6l25epXcMRYWmA7mCh86qGvP1Eh7Twua9DMpR10ddVzTkxpys8fPEDvwDtIV5+ashMZu3Pl3WEo9gDSQC2Inb+jMKVg3vkiodl1xOBLn4gCY7Rcf5/BAqqBq1ND+AV/l+R/5CNym1hDCBagggM1xNpnKVWuJErSBJgGchFe+F3f1EM8TEW2g8FBbmFZFD1Jq48cE8FCtOeh1W8pLcY8Vs+YvzLbZuotZ0sgKElJUPgME07v4fqt72tnK2D0ZhUq9stypZMIVgOV2oawcUQAA7PaUIf1y+Suc3/CCLpAg2TOyAwcjWqDwY6QhQwYFIBFyR3eYKTpWZgYgEAAm0jAPGNAQ3XdUDwPUVA0H8EdGI/AAM/Ajh1cFojwXfLNrMkUZPE2gFbMk5KxtZbq/Yn6SaI0mtVLr9UVjYXI0LDg6XPlKisY55lrT4vrxU2lhwxh2yPQmBcXLKjrN4313V+CQtrjJt3X8cRtjKViFAbPiVUawjbIsMSNXxtG/r5T0RrBEKZ0ukr7C9SqtjRowihwnOon/mUq9O+NFympZ0tpwkKai1LLEI5NIEEUcTQ4vjJHJKp7TWXKMhdhNHBGvPy+/bFuL15sPm65AsTgQYRiEI6ZEAmxCDrV9sZkA24ubFSsLRJ/zXHCIF30l0d58Oi3o7GLo35TszVNgWR9GYNN721YnZYqODEXEX2G31iKLqqTyo0jQAAAA==') format('woff2'), url('//at.alicdn.com/t/font_1152409_481ugdx0ef4.woff?t=1555981439927') format('woff'), url('//at.alicdn.com/t/font_1152409_481ugdx0ef4.ttf?t=1555981439927') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_1152409_481ugdx0ef4.svg?t=1555981439927#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-huidaodingbu01:before { content: "\e606"; } .icon-huidaodingbu-copy:before { content: "\e677"; } .icon-dizhi:before { content: "\e716"; } .icon-dizhi1:before { content: "\e615"; } .icon-xinlang:before { content: "\e60c"; } .icon-youxiang-:before { content: "\e603"; } .icon-xinlang1:before { content: "\e711"; } .icon-weixin1:before { content: "\e681"; } .icon-weixin:before { content: "\e60d"; } .icon-dianhua:before { content: "\e618"; } .toptel3{display:none;} @media (max-width: 768px) {.toptel{ display:none;}.toptel_1_1_3{ display:none;}} .toptel{ width:auto; float:right;color:#fff;} .toptel2{ width:auto; float:right;color:#004fa3;margin-left: 20px;} @media (max-width: 1000px) {.toptel{ display:none;}.toptel_1_1_3{ display:none;}.toptel3{ display:block; width:auto; float:left;color:#fff;}} .toptel_1{ float:right; width:auto; padding:0 20px; height:40px; border-left:1px solid #b4b4b4;} .toptel_2{ float:right; width:auto;padding:0 0px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; background:#eee; margin-right:20px; border-radius:0px; height:40px; } .toptel_20{ float:none; width:300px; margin:0px auto;padding:0 0px; border:1px solid #eee; border-radius:5px; height:40px; } .toptel_3{ float:right; width:40px; height:50px; background:url(../../../img/tel.png) center center no-repeat; } .toptel_4{ float:right; width:40px; height:40px; line-height:40PX;} .toptel_6{ float:right; width:40px; height:40px;line-height:40PX;} .toptel_1_1{ top:-10px; position: relative;font-size:14px;} .toptel_1_2{ font-size:26px; font-weight:bold;top:-10px; position: relative;} .toptel_1_1_1{ font-weight:bold; font-size:14px;} .toptel_1_1_2{ padding-left:5px; font-size:14px;} .toptel_1_1_3{ font-size: 20px; width: auto; float: right; margin-top:50px; margin-left:10px;} .banner { position:relative; float: none; width: 100%; overflow:hidden; height:500px; margin: 0px auto; } .banner2{ position:absolute; top:0px; width:100%; height:100%;} .syfk{ position:absolute; top:40%; width:100%; margin:0px auto; z-index: 999;} .syfoot3{width:35%; margin:0px auto; height:90px; border-radius:10px; background:rgba(0,0,0,0.5); margin-top:50px;} .form-group01{ width:20%; float:left; height:auto; margin:0 1% 0 6%;} .form-group02{ width:20%; float:left; height:auto; margin:0 1%;} .form-group03{ width:29%; float:left; height:auto; margin:0 1%;} .form-group04{ width:23%; float:left; height:auto; margin:0 1%;} .syfk2{ position:absolute; top:30%; width:100%; margin:0px auto; z-index: 999;} .fa2{float:none;padding-top:5px; height:100px;width:100%;} .fa1{float:left; width:25%; text-align:center; font-size:15px; color:#333; background:url(../../../img/p1x.png) center 20px no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa1:hover{background:url(../../../img/p1.png)#f8f9fa center 20px no-repeat;} .fa3{float:left; width:25%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p2x.png) center 20px no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa4{float:left; width:25%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p3x.png) center 20px no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa5{float:left; width:25%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p4x.png) center 20px no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa6{float:left; width:12.5%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p5x.png) center 20px no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa7{float:left; width:12.5%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p6x.png) center 20px no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa8{float:left; width:12.5%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p7x.png) center 20px no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa9{float:left; width:12.5%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p8x.png) center 20px no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} @media (max-width: 1000px) { .fa1{float:left; width:50%; text-align:center; font-size:15px; color:#333; background:url(../../../img/p1x.png) center 20px no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa1:hover{background:url(../../../img/p1.png) center 20px no-repeat;} .fa3{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p2x.png) center 20px no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa4{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p3x.png) center 20px no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa5{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p4x.png) center 20px no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa6{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p5x.png) center 20px no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa7{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p6x.png) center top no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa8{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p7x.png) center top no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .fa9{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/p8x.png) center top no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} } .fa3:hover{background:url(../../../img/p2.png)#f8f9fa center 20px no-repeat;} .fa4:hover{background:url(../../../img/p3.png)#f8f9fa center 20px no-repeat;} .fa5:hover{background:url(../../../img/p4.png)#f8f9fa center 20px no-repeat;} .fa6:hover{background:url(../../../img/p5.png)#f8f9fa center 20px no-repeat;} .fa7:hover{background:url(../../../img/p6.png)#f8f9fa center top no-repeat;} .fa8:hover{background:url(../../../img/p7.png)#f8f9fa center top no-repeat;} .fa9:hover{background:url(../../../img/p8.png)#f8f9fa center top no-repeat;} .fa1:hover .lcbt01{ color:#004fa3;} .fa3:hover .lcbt01{ color:#004fa3;} .fa4:hover .lcbt01{ color:#004fa3;} .fa5:hover .lcbt01{ color:#004fa3;} .fa6:hover .lcbt01{ color:#004fa3;} .fa7:hover .lcbt01{ color:#004fa3;} .fa8:hover .lcbt01{ color:#004fa3;} .fa9:hover .lcbt01{ color:#004fa3;} .lcbt01{ font-size:20px; font-weight:bold; padding-top:140px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .lcbt02{ font-size:14px; color:#CCC;} .fa1:hover .lcbt02{ color:#004fa3;} .fa3:hover .lcbt02{ color:#004fa3;} .fa4:hover .lcbt02{ color:#004fa3;} .fa5:hover .lcbt02{ color:#004fa3;} .fa6:hover .lcbt02{ color:#004fa3;} .fa7:hover .lcbt02{ color:#004fa3;} .fa8:hover .lcbt02{ color:#004fa3;} .fa9:hover .lcbt02{ color:#004fa3;} .product-bj{ background: url(../../../images/productbj.png) center top no-repeat; background-size:cover; padding-top:50px;} .pr7{ width:100%; float:none; overflow:hidden; padding:20px 45px; text-align:center;} .pr7_1{ float:left; width:50%;} .pr7_2{ float:right; width:50%; height:auto;} @media (max-width: 1000px) {.pr7{ width:100%; float:none; overflow:hidden; padding:20px 45px;} .pr7_1{ float:left; width:100%;} .pr7_2{ float:right; width:100%; height:auto;}} .pr3_5{ font-size:34px; color:#d0d0d0; background:url(../../../images/heng.png) center bottom no-repeat; } .pr3_5:after {display: block; content: ""; width: 50px; height: 4px; margin:0px auto; background-color: #f08200; margin-top: 10px; margin-bottom: 10px;} .pr3_4{ margin: 15px 0 0; font-size: 30px; color: #222;} .pr3_6{ font-size:34px; color:#fff;background:url(../../../images/heng.png) center bottom no-repeat; } .pr3_6:after {display: block; content: ""; width: 50px; height: 4px; margin:0px auto; background-color: #f08200; margin-top: 10px; margin-bottom: 10px;} .pr3_7{ margin: 15px 0 0; font-size: 24px; color: #fff;} .pr3_14{ font-size:56px; font-family: Impact; color:#222} .pr3_15{ font-size:32px; color:#222; padding-bottom:10px;} .pr23_5{ font-size:34px; color:#fff; } .pr23_5:after {display: block; content: ""; width: 50px; height: 2px; margin:0px auto; background-color: #fff; margin-top: 30px; margin-bottom: 30px;} .pr23_4{ margin: 15px 0 0; font-size: 18px; color: #fff;} @media (max-width: 1000px) {.pr3_4{ margin: 15px 0 0; font-size: 20px; color: #222;} .pr3_5{ font-size:26px; color:#d0d0d0; background:url(../../../images/heng.png) center bottom no-repeat; } .pr3_15{ font-size:24px; color:#222; padding-bottom:10px;} .pr3_7{ margin: 15px 0 0; font-size: 16px; color: #fff;} } .about_bj{ background: url(../images/index_company.jpg) center center;} @media (max-width:768px) {.about_bj{ background:#FFF;} } @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_bj{ background: url(../images/index_company.jpg) center center;} @media (max-width:1000px) {.about_bj{ background:#FFF;}} .about_1{ float:left; padding:40px ; width:50%; background:#FFF; margin:0px auto; margin-top:50px; overflow:hidden; margin-bottom:50px;} @media (max-width:1000px) {.about_1{ float:none; padding:0px 0 0px 0; width:96%; margin:0px auto; margin-top:0px; margin-bottom:0px;}} .about_1_2{ float:left; width:100%; height: auto; } @media (max-width:1000px) { .about_1_2{ float:left; width:100%; height:auto; } .span12{ width:100%; margin:0px auto;} } .about_1_4{ float:none; font-size:35px; color:#333333; width:100%; height:120px; padding-top:10px; line-height:70px;margin-bottom: 5px; background:url(../../../images/aboutbt.png) left top no-repeat;} .about_1_5{ float:none; font-size: 40px; color: #898989;color:#999; width:100%; height: auto; margin-bottom: 25px;} @media (max-width:768px) {.about_1_4{ float:none; font-size:28px; color:#00469C; width:100%; height:120px; margin-top:10px;margin-bottom: 10px;} .about_1_4{ float:none; font-size:35px; color:#333333; width:100%; height:120px; padding-top:40px; line-height:70px;margin-bottom: 25px; background:url(../../../images/aboutbt.png) left top no-repeat; background-size:80%;} .about_1_5{ float:none; font-size:25px; color:#999; width:100%; height: auto; margin-top:20px;margin-bottom: 25px;} } .beian{ display:none; } .beian a{color:#FFF;} @media (max-width:1000px) {.beian{ display: block; color:#FFF;}} .about_1_4:after {display: block; content: ""; width:80px; height: 3px; background-color: #222; margin-top: 10px; margin-bottom: 5px;} .case-bj{ background:#f8f8f8;} .tl-bj{ background: url(../../../img/tl.jpg) center bottom fixed; background-size: cover; padding: 120px 0 30px 0; height:510px; width:100%;} .ga2{float:none;padding-top:5px; height:100px;width:100%;} .ga1{float:left; width:14.28%; text-align:center; font-size:15px; color:#333; background:url(../../../img/a1x.png) center top no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga1:hover{background:url(../../../img/a1.png) center top no-repeat;} .ga3{float:left; width:14.28%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a3x.png) center top no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga4{float:left; width:14.28%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a2x.png) center top no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga5{float:left; width:14.28%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a4x.png) center top no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga6{float:left; width:14.28%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a5x.png) center top no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga7{float:left; width:14.28%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a6x.png) center top no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga8{float:left; width:14.28%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a7x.png) center top no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga9{float:left; width:14.28%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a8x.png) center top no-repeat; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} @media (max-width: 1000px) { .ga1{float:left; width:50%; text-align:center; font-size:15px; color:#333; background:url(../../../img/a1x.png) center top no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga1:hover{background:url(../../../img/a1.png) center top no-repeat;} .ga3{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a3x.png) center top no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga4{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a2x.png) center top no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga5{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a4x.png) center top no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga6{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a5x.png) center top no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga7{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a6x.png) center top no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga8{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a7x.png) center top no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ga9{float:left; width:50%; text-align:center; font-size:15px; color:#333;background:url(../../../img/a8x.png) center top no-repeat; height:250px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} } .ga3:hover{background:url(../../../img/a3.png) center top no-repeat;} .ga4:hover{background:url(../../../img/a2.png) center top no-repeat;} .ga5:hover{background:url(../../../img/a4.png) center top no-repeat;} .ga6:hover{background:url(../../../img/a5.png) center top no-repeat;} .ga7:hover{background:url(../../../img/a6.png) center top no-repeat;} .ga8:hover{background:url(../../../img/a7.png) center top no-repeat;} .ga9:hover{background:url(../../../img/a8.png) center top no-repeat;} .ga1:hover .lcbt01{ color:#004fa3;} .ga3:hover .lcbt01{ color:#004fa3;} .ga4:hover .lcbt01{ color:#004fa3;} .ga5:hover .lcbt01{ color:#004fa3;} .ga6:hover .lcbt01{ color:#004fa3;} .ga7:hover .lcbt01{ color:#004fa3;} .ga8:hover .lcbt01{ color:#004fa3;} .ga9:hover .lcbt01{ color:#004fa3;} .lcbt01{ font-size:20px; font-weight:bold; padding-top:140px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .lcbt03{ font-size:14px; color:#999; padding:10px 0;} .ga1:hover .lcbt03{ color:#004fa3;} .ga3:hover .lcbt03{ color:#004fa3;} .ga4:hover .lcbt03{ color:#004fa3;} .ga5:hover .lcbt03{ color:#004fa3;} .ga6:hover .lcbt03{ color:#004fa3;} .ga7:hover .lcbt03{ color:#004fa3;} .ga8:hover .lcbt03{ color:#004fa3;} .ga9:hover .lcbt03{ color:#004fa3;} .ca2{float:none;padding-top:5px; height:100px;width:100%;} .ca1{float:left; width:29.33%; margin:2%; text-align:center; font-size:15px; color:#333; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; border:1px solid #eee;} @media (max-width: 1000px) { .ca1{float:left; width:98%; text-align:center; font-size:15px; color:#333; height:200px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ca1:hover{} } .ca1:hover{border:1px solid #004fa3;} .ca1:hover .ccbt01{ color:#004fa3;} .ccbt01{ font-size:20px; font-weight:bold; padding-top:60px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .ccbt03{ font-size:14px; color:#999; padding:10px 0;padding-left:20px; padding-right:20px;} .ca1:hover .ccbt03{ color:#004fa3;} .ccbt01:after {display: block; content: ""; width: 30px; height: 2px; margin:0px auto; background-color: #000; margin-top: 10px; margin-bottom: 10px;} .ca1:hover .ccbt01:after {display: block; content: ""; width: 30px; height: 2px; margin:0px auto; background-color: #004fa3; margin-top: 10px; margin-bottom: 10px;} .biaoti{ height: auto; background: url(../../../images/heng.png) center bottom no-repeat;} .biaoti2{ font-size:16px; padding-bottom:20px; color: #898989; } .biaoti:after {display: block; content: ""; width: 50px; height: 4px; margin:0px auto; background-color: #f08200; margin-top: 15px; margin-bottom: 0px;} .pr5{ text-align:center;} .contact_left{ width:50%; float:left;height:490px; background:#efefef; padding:2% 4%;} .contact_right{ width:50%; float:right; background:url(../../../images/ditu.png) center center no-repeat; height:490px;} .lx1{float:left; width:96%; margin:1%; text-align:left; background:url(../../../images/lx01.png) left center no-repeat; padding-left:10%; font-size:15px; color:#333; height: auto; line-height:40px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .lx2{float:left; width:96%; margin:1%; text-align:left; background:url(../../../images/lx02.png) left center no-repeat; padding-left:10%; font-size:15px; color:#333; height: auto; line-height:40px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .lx3{float:left; width:96%; margin:1%; text-align:left; background:url(../../../images/lx03.png) left center no-repeat; padding-left:10%; font-size:15px; color:#333; height: auto; line-height:40px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .lx4{float:left; width:96%; margin:1%; text-align:left; background:url(../../../images/lx04.png) left center no-repeat; padding-left:10%; font-size:15px; color:#333; height: auto;line-height:40px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .lx5{float:left; width:96%; margin:1%; text-align:left; background:url(../../../images/lx05.png) left center no-repeat; padding-left:10%; font-size:15px; color:#333;height: auto; line-height:40px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .lx6{float:left; width:96%; margin:1%; text-align:left; background:url(../../../images/lx06.png) left center no-repeat; padding-left:10%; font-size:15px; color:#333; height: auto; line-height:40px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} @media (max-width: 1000px) { .contact_left{ width:100%; float:left; height:auto;} .lx1{ padding-left:15%; } .lx2{ padding-left:15%; } .lx3{ padding-left:15%; } .lx4{ padding-left:15%; } .lx5{ padding-left:15%; } .lx6{ padding-left:15%; } .contact_right{ width:100%; float:right;}} .lx1:hover .lxbt01{ color:#004fa3;} .lx2:hover .lxbt01{ color:#004fa3;} .lx3:hover .lxbt01{ color:#004fa3;} .lxbt01{ font-size:30px; font-weight:bold; padding-top:20px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;} .lxbt03{ font-size:16px; color:#222; padding:10px 0;} .lx1:hover .lxbt03{ color:#004fa3;} .lx2:hover .lxbt03{ color:#004fa3;} .lx3:hover .lxbt03{ color:#004fa3;} .gsjj{ width:100%; height:590px;} .gsjj1{ float:left; width:50%; height:590px; background: url(../../../images/ab.jpg) center center no-repeat; } .gsjj2{ float:left; width:50%; height:590px; background:#136eb4; color:#FFF; padding:2% 3%;} @media (max-width: 1000px) { .gsjj1{ float:left; width:100%; height:590px; background: url(../../../images/ab.jpg) center center no-repeat; } .gsjj2{ float:left; width:100%; height:700px; background:#136eb4; color:#FFF; padding:5%;} } .gsjj2_1{ font-size:1.4rem;} .gsjj2_2{ font-size:1.6rem; font-weight:bold;} .gsjj2_3{ font-size:14px; padding:30px 0; line-height:2em;} .gsjj2_4{ font-size:12px; background:url(../../../images/dt2.png) left center no-repeat; padding-left:30px; line-height:2em;} .gsjj2_5{ padding:10px 40px; border-radius:30px; background:#ff9900; color:#FFF; width:fit-content; margin-top:20px;} .qywh{ background:#f5f5f5;} .qywh1{ float:left; width:50%; height:auto; padding-bottom:50px; } .qywh2{ float:right; width:48%; height:750px;background: url(../../../images/dt3.png) center 20px no-repeat;} @media (max-width: 1000px) { .qywh1{ float:left; width:100%; height: auto; } .qywh2{ float:left; width:100%; height:400px;background: url(../../../images/dt3.png) center center no-repeat; background-size:100%;} } .qywh1_1{ font-size:16px; color:#777777; margin-top:30px;} .qywh1_2{ font-size:36px;margin-bottom:30px;} .qywh1_2_1{ color:#000;} .qywh1_2_2{ color:#f19121; } .qywh1_3{ background:url(../../../images/wh1.png) left center no-repeat; padding-left:90px; height:auto;min-height: 90px;} .qywh1_3_1{ font-size:20px; color:#004ea2; padding-top:10px;} .qywh1_3_2{ font-size:15px; color:#333333;} .qywh1_4{ background:url(../../../images/wh2.png) left center no-repeat; padding-left:90px; height: auto;min-height: 90px;} .qywh1_5{ background:url(../../../images/wh3.png) left center no-repeat; padding-left:90px; height:auto;min-height: 90px;} .qywh1_6{ background:url(../../../images/wh4.png) left center no-repeat; padding-left:90px; height:auto;min-height: 90px;} .qywh1_7{ background:url(../../../images/wh5.png) left center no-repeat; padding-left:90px; height:auto;min-height: 90px;} .jj1{height: auto;} .jj2{ float:right; width:50%; height: auto; margin-bottom:0px; margin-left:30px;} .cont1{ font-size:24px; color:#004ea2; padding-right:30px; font-weight: bold;} @media (max-width: 1000px) {.jj1{ float:left; width:100%; height: auto; margin-bottom:20px;} .jj2{ float:left; width:100%; height: auto; margin-bottom:80px;} .cont1{ font-size:16px; color:#004ea2; padding-right:50px; font-weight:100;} } .jsjj{ width:100%; } .jsjj1{ float:left; width:50%; height:430px; background: url(../../../images/js1.jpg) center center no-repeat;background-size:100%; } .jsjj2{ float:left; width:50%; height:430px; background:#f5f5f5; padding:2% 3%;} .jsjj2_2{ text-align: left; font-size:14px;line-height: 2em; } .jsjj3{ float:left; width:50%; height:430px; background: url(../../../images/js2.jpg) center center no-repeat; } .pos{width:auto; position: absolute;right: 0px;} @media (max-width: 1000px) {.pos{width:auto;position: relative;padding-top: 10px;} .jsjj1{ float:left; width:100%; height:430px; background: url(../../../images/js1.jpg) center center no-repeat; } .jsjj2{ float:left; width:100%; height:430px; background:#f5f5f5; padding:2% 3%;} .jsjj3{ float:left; width:100%; height:430px; background: url(../../../images/js2.jpg) center center no-repeat; } } .owl-prev{ position:absolute; top:40%; border-radius:100%; left:-60px; background:url(../../../images/left_02.png)#fff center center no-repeat; border:2px solid #004fa3;} .owl-next{ position:absolute; top:40%;border-radius:100%; right:-60px;background:url(../../../images/right_02.png)#fff center center no-repeat; border:2px solid #004fa3;} .khjj{ width:100%; height:580px;} .khjj1{ float:left; width:50%; height:590px; } .khjj1 img{ border-top-left-radius:40px; border-bottom-right-radius:40px;} .khjj2{ float:left; width:50%; height:590px; color:#000; padding:0 5%;} @media (max-width: 1000px) { .khjj{ width:100%; height:-webkit-fill-available;} .khjj1{ float:left; width:100%; height: auto; } .khjj1 img{ border-top-left-radius:40px; border-bottom-right-radius:40px;} .khjj2{ float:left; width:100%; height: auto; color:#000; padding:5%;} .owl-prev{ position:absolute; top:30%; border-radius:100%; left:-60px; background:url(../../../images/left_02.png)#fff center center no-repeat; border:2px solid #004fa3;} .owl-next{ position:absolute; top:30%;border-radius:100%; right:-60px;background:url(../../../images/right_02.png)#fff center center no-repeat; border:2px solid #004fa3;} } .khjj2_1{ font-size:36px; font-family:Impact;} .khjj2_2{ font-size:42px; font-weight:bold;} .khjj2_3{ font-size:15px; padding:30px 0; line-height:2em;} .top1{float:none; width:100%; line-height:40px; border-bottom:1px solid #dcdcdc; color:#222; background: #eee; height:40px; z-index:999999;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;top:0px;} @media (max-width: 1000px) {.top1{ display:none;}} .top1x{ display:none;} .top1_left{ width: auto; float:left; text-align:left; font-size:14px;} .top1_left2{ width: auto; float: right; text-align:right; font-size:14px;} .top1_left_1{ background:url(../../../images/lx1x.png) left center no-repeat; padding-left:40px;padding-right:20px; float:left; margin-left:20px; border-right:1px solid #dcdcdc;} .top1_left_2{ background:url(../../../images/lx2x.png) left center no-repeat; padding-left:40px;padding-right:20px; float:left; margin-left:20px; } .foot3{ width:100%; height:60px;} .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#222; color: #fff; background: url(../img/xz2.png) no-repeat; background-color:#004fa3; background-position: 99% 50%; background-size: .8%; } .pr3_11{ line-height:2em; color:#323232;} .sp1{ width:45%; margin:20px 2.5%; float:left; text-align:center; line-height:3em; } .bannerwz1{ font-size:65px; text-align:center; color:#FFF;} .bannerwz2{ text-align:center; width:auto;margin-top:15px;} .bannerwz2 a{ font-size:18px; padding:10px 35px; color:#FFF;border:1px solid #fff; border-radius:30px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .bannerwz2 :hover{ background:rgba(255,255,255,0.5)} @media (max-width: 1000px) {.bannerwz1{ font-size:15px; text-align:center; color:#FFF;} .bannerwz2{ text-align:center; width:auto;margin-top:15px;} .bannerwz2 a{ font-size:14px; padding:5px 15px; color:#FFF;border:1px solid #fff; border-radius:30px;transition: 0.3s; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }} .qywh2_2_1{ color:#000;} .qywh2_2_2{ color:#f19121; } .qywh2_3{ background:url(../../../images/wh1.png) center top no-repeat; width:20%; float:left; height:auto;text-align:center; margin-top:60px;} .qywh2_3_1{ font-size:24px; color:#004ea2;font-weight:bold; padding-top:90px;} .qywh2_3_2{ font-size:15px; color:#333333;} .qywh2_4{ background:url(../../../images/wh2.png) center top no-repeat;height: auto;width:20%; float:left; text-align:center;margin-top:60px;} .qywh2_5{ background:url(../../../images/wh3.png) center top no-repeat;height:auto;width:20%; float:left;text-align:center;margin-top:60px;} .qywh2_6{ background:url(../../../images/wh4.png) center top no-repeat;height:auto;width:20%; float:left;text-align:center;margin-top:60px;} .qywh2_7{ background:url(../../../images/wh5.png) center top no-repeat; height:auto;width:20%; float:left;text-align:center;margin-top:60px;} .yuyan1{ color:#FFF; margin:0 20px; float:left; background:rgb(0, 79, 163,0.8); padding:10px 50px; width:fit-content; border-radius:40px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .yuyan1:hover{background:rgb(240,130,0,0.8);} .yuyan{ width:fit-content; margin:0px auto;} .rczb{ color:rgb(0, 79, 163); font-weight:bold; font-size:24px;} .yuyan2{ width:fit-content; margin:0px auto; padding-top:50px;} @media (max-width: 1000px) {.yuyan1{ color:#FFF; margin:0 20px; float:left; background:rgb(0, 79, 163,0.8); padding:5px 20px; width:fit-content; border-radius:40px;transition: 0.3s;-o-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} .yuyan1:hover{background:rgb(240,130,0,0.8);} .yuyan{ width:fit-content; margin:0px auto;} .yuyan2{ width:fit-content; margin:0px auto; padding-top:20px;} }