/*基础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,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') 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;}
}