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