/*鍩虹CSS*/
html {
font-size: 14px;
overflow-x: hidden;
}
li {
list-style: none;
}
a {
color: #212529
}
a:hover {
text-decoration: none;
}
p, dl, dt, dd, ul {
margin: 0px;
padding: 0px;
}
.red{
color:red;
}
.text-secondary a {
color: #6c757d;
}
.cptp{width:90%; margin:0px auto;}
.navbar2 {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: self-end;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem;
}
.card, .figure {
margin: 15px 0;
}
.footdh{ float:left; width:13%;}
.footdh li{ float:left; width:100%;}
.footdh li a{ color:#fff; font-size:14px;transition: all 0.6s;}
.footdh li a:hover{ padding-left:10px; color: #F00; font-size:14px;}
.footdh h5{ font-size:16px;}
.footdh4{ font-size:16px;}
.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;}
.card-body2 {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding-top: 1rem;
padding-bottom: 0.4rem;
text-align:center;
}
.jiahao{ padding-right:20px; font-size:20px;transition: 0.3s;
-o-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
color:#ccc;
}
.jiahao:hover{ color:#1a79c3; display:block;}
.card-body2 a{ font-size:14px;}
.xbt{ float:none; line-height:2em; text-align:center; font-size:16px; padding-bottom:30px;}
.card-title{ font-size:14px; color:#222; line-height:40px; text-align: center}
.card-title a{ color:#222;}
@media (max-width:1000px) {
.xbt{display:none;}
.sjnews{display:none;}
.card-text{display:none;}
.card-title{ font-size:16px; }
}
.topbanner{height:400px;}
@media (max-width:1000px) {
.topbanner{ height:auto;}
}
.topbanner2{padding-top:6rem;}
@media (max-width:1000px) {
.topbanner2{padding-top:1.5rem;}
}
.news2{height:215px; background:#FFF; margin:20px 0 50px 0;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);}
@media (max-width:1000px) {
.news2{height:50px; background:#FFF; margin:20px 0 20px 0;box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);}
.news3{ float:right;}
}
.card-body2 a{color:#FFF;}
.table{ width:100%;}
.container-fluid{ background:#1a79c3;}
.map{ padding-right:80px;}
@media (max-width:1000px) {.map{ padding-right:0px;}}
@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;
}
.topbj{
background: rgba(47,108,185,0.8);
}
.bj-active{
background: rgba(47,108,185,0.8);
}
.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: 2rem;
padding-left: 2rem;
font-size: 14px;
color:#fff;
}@media (min-width:900px) {.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
font-size: 14px;
color:#fff;
}}
@media (min-width:1100px) {.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
font-size: 14px;
color:#fff;
}}
@media (min-width:1200px) {.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1.2rem;
padding-left: 1.2rem;
font-size: 14px;
color:#fff;
}}
@media (min-width:1400px) {.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 2.2rem;
padding-left: 2.2rem;
font-size: 14px;
color:#fff;
}}
@media (min-width:1600px) {.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 2.5rem;
padding-left: 2.5rem;
font-size: 14px;
color:#fff;
}}
.nav-link2{
line-height:88px;
height:88px;
font-size: 14px;
color:#fff;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
font-size: 14px;
color:#fff;
}
#show{position:absolute;
top:104px;
width:100%;
right:0px;
display:none;
background:rgba(255,255,255,0.8);
height:60px;
z-index:9999;
}
.navbar-brand {
font-size: 20px;
padding-top: 0px;
padding-bottom: 0px;
}
.shadow-sm-top {
box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important;
}
/*涓婁笅澶栬竟璺?/
.mt-6, .my-6 {
margin-top: 4rem !important;
}
.mt-7, .my-7 {
margin-top: 5rem !important;
}
.mt-8, .my-8 {
margin-top: 6rem !important;
}
.mt-9, .my-9 {
margin-top: 7rem !important;
}
.mt-10, .my-10 {
margin-top: 8rem !important;
}
.mb-6, .my-6 {
margin-bottom: 4rem !important;
}
.mb-7, .my-7 {
margin-bottom: 5rem !important;
}
.mb-8, .my-8 {
margin-bottom: 6rem !important;
}
.mb-9, .my-9 {
margin-bottom: 7rem !important;
}
.mb-10, .my-10 {
margin-bottom: 8rem !important;
}
/*涓婁笅鍐呰竟璺?/
.pt-6, .mp-6 {
padding-top: 4rem !important;
}
.pt-7, .py-7 {
padding-top: 5rem !important;
}
.pt-8, .py-8 {
padding-top: 6rem !important;
}
.pt-9, .py-9 {
padding-top: 7rem !important;
}
.pt-10, .py-10 {
padding-top: 8rem !important;
}
.pb-6, .py-6 {
padding-bottom: 4rem !important;
}
.pb-7, .py-7 {
padding-bottom: 5rem !important;
}
.pb-8, .py-8 {
padding-bottom: 6rem !important;
}
.pb-9, .py-9 {
padding-bottom: 7rem !important;
}
.pb-10, .py-10 {
padding-bottom: 8rem !important;
}
/*杈规*/
.border-top-dashed {
border-top: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
border-right: 1px dashed #dee2e6 !important;
}
.border-bottom-dashed {
border-bottom: 0px dashed #dee2e6 !important;
}
.border-right-dashed {
border-top: 1px dashed #dee2e6 !important;
}
/*瀛楄窛*/
.ls-1 {
letter-spacing: 1px;
}
.ls-2 {
letter-spacing: 2px;
}
.ls-3 {
letter-spacing: 3px;
}
.ls-4 {
letter-spacing: 4px;
}
.ls-5 {
letter-spacing: 5px;
}
/*鍒嗛〉*/
.page-num:not(:disabled) {
cursor: pointer;
}
.page-num, .page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #17a2b8;
background-color: #fff;
border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
text-decoration: none;
}
.page-num-current {
z-index: 1;
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.page-num-current:hover {
color: #fff;
}
/*鍏朵粬*/
.pages {
min-height: 500px;
padding-top: 10px;
padding-bottom: 10px;
}
.code, .code img {
height: 150px;
}
.position, .position a {
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;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 990px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1340px;
}
}
@media (min-width: 1800px) {
.container {
max-width: 1400px;
}
}
.container {
max-width: 1400px;
}
.row2 {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
text-align:center;
}
.row3{ display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
text-align:center;margin:0px auto;}
.btn-info {
color: #fff;
background-color:#0071ca;
border-color: #0071ca;
display:none;
}
.btn-info2 {
color: #fff;
background-color:#000;
}
.btn-info2:hover{
color: #fff;
}
.sonsort{ text-align:center;}
.page-num,.page-link {
z-index:99;
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #0071ca;
background-color: #fff;
border: 1px solid #dee2e6;
}
.page-num-current {
z-index: 999;
color: #fff;
background-color:#0071ca;
border-color:#0071ca;
}
.fixed-top{ box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);
}
.text-secondary a{ color:#FFF;}
.top{ float:none; width:100%; line-height:40px; background:#3a3a3a; color:#FFF; 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;}
@media (max-width:1000px) {
.top{display:none;}
.topimg{display:none;}
}
.more{ border:1px solid #fff; color:#FFF; padding:15px 70px;transition: 0.3s;
-o-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;}
.more:hover{background:rgba(0, 70, 156, 0.6); color:#FFF; }
.more2{display: inline-block;
padding: 0 50px;
height: 50px;
border: 1px solid #d9d9d9;
color: #222;
text-decoration: none;
font-weight: normal;
line-height: 50px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.more2:hover{background:#ccc; color:#FFF; }
.time1{ background:#CCC;float:right; background:#ebebeb; padding:10px; top:0px; position:absolute; top:0px; right:10px;}
.time1:hover{background:#1a79c3; color:#FFF;}
.pro:hover{ background:#1a79c3; color:#FFF;}
.pro a:hover{color:#FFF;}
.top_left{ float:left; font-size:12px;}
.top_right{ float:right;font-size:12px;}
.bt01{ color:#fff;}
.bt02{ color:#fff; font-weight:bolder;}
.bt03{ font-size:30px;color:#fff;font-weight:bolder;}
.news{background:#f6f6f6;}
.newsbj{background:#FFF;padding-bottom: 30px;}
.more1{ float:none;width:100%; height:50px;background:url(../../../img/more.jpg) no-repeat center center; margin:20px 0; padding-bottom:0px;}
.about_bj{padding: 50px 0 30px;
background: #f6f6f6;}
.about{ height:320px;}
.about_1{ float:none; padding:20px 0 20px 0; width:96%; margin:0px auto; margin-top:0px; margin-bottom:30px;}
.about_1_1{ float:left; width:40%; height:350px;}
@media (max-width:1000px) {
.about_1_1{display:none;}
}
.about_1_3{ float:left; width:5%; height:300px;}
.about_1_2{ float:left; width:50%; height:auto; color:#FFF; }
@media (max-width:1000px) {
.about_1_2{ float:left; width:90%; height:auto; }
}
.about_bt{ text-align:center;}
.about_1_4{ float:none; font-size:28px; color:#1a79c3; width:100%; height:50px; margin-top:50px;margin-bottom: 25px;}
.about_1_4:after {display: block;
content: "";
width: 50px;
height: 2px;
background-color: #1a79c3;
margin-top: 10px;
margin-bottom: 25px;}
.foot1{ background:#2f6cb9; color:#fff;}
.foot2{ background:#fff; color:#222; font-size:14px; line-height:5em; border-top:2px solid #2f6cb9;}
.foot2 a{color:#222;font-size:14px;}
/*浜у搧杞挱*/
.view {
max-width: 500px;
}
.view .swiper-slide {
height: 380px;
max-width: 500px;
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: 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 #F00;
text-align:center;
}
.preview .arrow-left {
background: #fff url(../images/feel3.png) no-repeat left center;
position: absolute;
left: -20px;
top: 0;
width: 20px;
height: 70px;
z-index: 10;
}
.preview .arrow-right {
background: #fff url(../images/feel4.png) no-repeat right center;
position: absolute;
right: -20px;
top: 0;
width: 20px;
height: 70px;
z-index: 10;
}
.view2 {
max-width: 100%;
margin:0px auto;
text-align:center;
}
.view2 .swiper-slide {
height: 380px;
max-width: 100%;
padding: 0 3px;
box-sizing: border-box;
overflow: hidden;
}
.view2 .swiper-slide img {
height: 100%;
text-align:center;
}
.view2 .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;
}
.view2 .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;
}
.preview2 {
position: relative;
width: 540px;
left: 0px;
margin:0px auto;
}
.preview2 .swiper-slide {
width: 87.5px;
height: 70px;
margin: 0 3px;
box-sizing: border-box;
overflow: hidden;
cursor: pointer;
}
.preview2 .swiper-slide img {
display: inline-block;
height: 100%;
}
.preview2 .active-nav {
border: 1px solid #F00;
text-align:center;
}
.preview2 .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;
}
.preview2 .arrow-right {
background: #fff url(../images/feel4.png) no-repeat right center;
position: absolute;
right: -20px;
top: 0;
width: 20px;
height: 70px;
z-index: 10;
}
@media only screen and (max-width: 768px) {
.view .swiper-slide {
height: 200px;
}
.preview {
display: none;
}
.view .arrow-left, .view .arrow-right {
height: 200px;
display: block;
}
}
/*鍦ㄧ嚎瀹㈡湇*/
.online {
position: fixed;
bottom: 150px;
right: 10px;
width: 60px;
z-index: 999;
color: #999;
}
.online a {
color: #666;
}
.online a:hover {
text-decoration: none;
}
.online dl {
background: #27a8e1;
padding: 10px 5px;
margin-bottom: 1px;
position: relative;
}
.online dl dd {
color: #fff;
text-align: center;
font-size: 12px;
cursor: pointer;
}
.online dl dd i {
font-size: 25px;
}
.online dl:hover {
background: #1781bd;
}
.online dl dt {
position: absolute;
top: 0px;
right: 60px;
background: #fff;
border: 1px solid #ccc;
z-index: 9999;
display: none;
padding: 10px 15px;
font-weight: normal;
}
.online dl dt h3 {
display: block;
font-size: 16px;
color: #666;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}
.online dl dt h3 i {
margin-right: 5px;
}
.online dl dt h3 span {
float: right;
cursor: pointer;
}
.online dl dt input {
border: 1px solid #ccc;
border-radius: 5px;
margin-top: 15px;
height: 40px;
line-height: 40px;
padding: 3px 5px;
width: 100%;
}
.online dl dt button {
margin: 10px 0;
border: none;
border-radius: 5px;
width: 100%;
font-size: 18px;
height: 40px;
line-height: 40px;
background: #28a7e1;
color: #fff;
cursor: pointer;
}
/*sm灞忓箷浠ヤ笂*/
@media only screen and (min-width: 576px) {
.card-img-200 {
height: 200px;
overflow: hidden;
}
.card-img-180 {
height: 180px;
overflow: hidden;
}
.card-img-150 {
height: 150px;
overflow: hidden;
}
.card-img-120 {
height: 120px;
overflow: hidden;
}
.card-img-100 {
height: 100px;
overflow: hidden;
}
}
/*sm灞忓箷浠ヤ笅*/
@media only screen and (max-width: 576px) {
.page-num {
display: none;
}
.head-sm-height {
height: 100px !important;
}
}
/*********鍝嶅簲寮忔牱寮?*****************/
/*琛岃窛*/
.lh-1 {
line-height: 1;
}
.lh-2 {
line-height: 2;
}
.lh-3 {
line-height: 3;
}
.lh-4 {
line-height: 4;
}
/*瀛椾綋澶у皬*/
.fs-12 {
font-size: .857rem;
}
.fs-14 {
font-size: 1rem;
}
.fs-16 {
font-size: 1.142rem;
}
.fs-18 {
font-size: 1.285rem;
}
.fs-20 {
font-size: 1.428rem;
}
.fs-22 {
font-size: 1.571rem;
}
.fs-24 {
font-size: 1.714rem;
}
.fs-26 {
font-size: 1.857rem;
}
.fs-28 {
font-size: 2rem;
}
.fs-30 {
font-size: 2.142rem;
}
.fs-32 {
font-size: 2.286rem;
}
.fs-34 {
font-size: 2.429rem;
}
.fs-36 {
font-size: 2.571rem;
}
.fs-38 {
font-size: 2.714rem;
}
.fs-40 {
font-size: 2.857rem;
}
/*楂樺害*/
.h-5px {
height: 5px;
}
.h-10px {
height: 10px;
}
.h-15px {
height: 15px;
}
.h-20px {
height: 20px;
}
.h-25px {
height: 25px;
}
.h-30px {
height: 30px;
}
.h-35px {
height: 35px;
}
.h-40px {
height: 40px;
}
.h-45px {
height: 45px;
}
.h-50px {
height: 50px;
}
.h-55px {
height: 55px;
}
.h-60px {
height: 60px;
}
.h-65px {
height: 65px;
}
.h-70px {
height: 70px;
}
.h-75px {
height: 75px;
}
.h-80px {
height: 80px;
}
.h-85px {
height: 85px;
}
.h-90px {
height: 90px;
}
.h-95px {
height: 95px;
}
.h-100px {
height: 100px;
}
.h-110px {
height: 110px;
}
.h-120px {
height: 120px;
}
.h-130px {
height: 130px;
}
.h-140px {
height: 140px;
}
.h-150px {
height: 150px;
}
.h-160px {
height: 160px;
}
.h-170px {
height: 170px;
}
.h-180px {
height: 180px;
}
.h-190px {
height: 190px;
}
.h-200px {
height: 200px;
}
.h-210px {
height: 210px;
}
.h-220px {
height: 220px;
}
.h-230px {
height: 230px;
}
.h-240px {
height: 240px;
}
.h-250px {
height: 250px;
}
.h-260px {
height: 260px;
}
.h-270px {
height: 270px;
}
.h-280px {
height: 280px;
}
.h-290px {
height: 290px;
}
.h-300px {
height: 300px;
}
.h-310px {
height: 310px;
}
.h-320px {
height: 320px;
}
.h-330px {
height: 330px;
}
.h-340px {
height: 340px;
}
.h-350px {
height: 350px;
}
.h-360px {
height: 360px;
}
.h-370px {
height: 370px;
}
.h-380px {
height: 380px;
}
.h-390px {
height: 390px;
}
.h-400px {
height: 400px;
}
.h-410px {
height: 410px;
}
.h-420px {
height: 420px;
}
.h-430px {
height: 430px;
}
.h-440px {
height: 440px;
}
.h-450px {
height: 450px;
}
.h-460px {
height: 410px;
}
.h-470px {
height: 470px;
}
.h-480px {
height: 480px;
}
.h-490px {
height: 490px;
}
.h-500px {
height: 500px;
}
/*sm灞忓箷浠ヤ笂*/
@media only screen and (min-width: 576px) {
/*琛岃窛*/
.lh-sm-1 {
line-height: 1;
}
.lh-sm-2 {
line-height: 2;
}
.lh-sm-3 {
line-height: 3;
}
.lh-sm-4 {
line-height: 4;
}
/*瀛椾綋澶у皬*/
.fs-sm-12 {
font-size: .857rem;
}
.fs-sm-14 {
font-size: 1rem;
}
.fs-sm-16 {
font-size: 1.142rem;
}
.fs-sm-18 {
font-size: 1.285rem;
}
.fs-sm-20 {
font-size: 1.428rem;
}
.fs-sm-22 {
font-size: 1.571rem;
}
.fs-sm-24 {
font-size: 1.714rem;
}
.fs-sm-26 {
font-size: 1.857rem;
}
.fs-sm-28 {
font-size: 2rem;
}
.fs-sm-30 {
font-size: 2.142rem;
}
.fs-sm-32 {
font-size: 2.286rem;
}
.fs-sm-34 {
font-size: 2.429rem;
}
.fs-sm-36 {
font-size: 2.571rem;
}
.fs-sm-38 {
font-size: 2.714rem;
}
.fs-sm-40 {
font-size: 2.857rem;
}
/*楂樺害*/
.h-sm-5px {
height: 5px;
}
.h-sm-10px {
height: 10px;
}
.h-sm-15px {
height: 15px;
}
.h-sm-20px {
height: 20px;
}
.h-sm-25px {
height: 25px;
}
.h-sm-30px {
height: 30px;
}
.h-sm-35px {
height: 35px;
}
.h-sm-40px {
height: 40px;
}
.h-sm-45px {
height: 45px;
}
.h-sm-50px {
height: 50px;
}
.h-sm-55px {
height: 55px;
}
.h-sm-60px {
height: 60px;
}
.h-sm-65px {
height: 65px;
}
.h-sm-70px {
height: 70px;
}
.h-sm-75px {
height: 75px;
}
.h-sm-80px {
height: 80px;
}
.h-sm-85px {
height: 85px;
}
.h-sm-90px {
height: 90px;
}
.h-sm-95px {
height: 95px;
}
.h-sm-100px {
height: 100px;
}
.h-sm-110px {
height: 110px;
}
.h-sm-120px {
height: 120px;
}
.h-sm-130px {
height: 130px;
}
.h-sm-140px {
height: 140px;
}
.h-sm-150px {
height: 150px;
}
.h-sm-160px {
height: 160px;
}
.h-sm-170px {
height: 170px;
}
.h-sm-180px {
height: 180px;
}
.h-sm-190px {
height: 190px;
}
.h-sm-200px {
height: 200px;
}
.h-sm-210px {
height: 210px;
}
.h-sm-220px {
height: 220px;
}
.h-sm-230px {
height: 230px;
}
.h-sm-240px {
height: 240px;
}
.h-sm-250px {
height: 250px;
}
.h-sm-260px {
height: 260px;
}
.h-sm-270px {
height: 270px;
}
.h-sm-280px {
height: 280px;
}
.h-sm-290px {
height: 290px;
}
.h-sm-300px {
height: 300px;
}
.h-sm-310px {
height: 310px;
}
.h-sm-320px {
height: 320px;
}
.h-sm-330px {
height: 330px;
}
.h-sm-340px {
height: 340px;
}
.h-sm-350px {
height: 350px;
}
.h-sm-360px {
height: 360px;
}
.h-sm-370px {
height: 370px;
}
.h-sm-380px {
height: 380px;
}
.h-sm-390px {
height: 390px;
}
.h-sm-400px {
height: 400px;
}
.h-sm-410px {
height: 410px;
}
.h-sm-420px {
height: 420px;
}
.h-sm-430px {
height: 430px;
}
.h-sm-440px {
height: 440px;
}
.h-sm-450px {
height: 450px;
}
.h-sm-460px {
height: 410px;
}
.h-sm-470px {
height: 470px;
}
.h-sm-480px {
height: 480px;
}
.h-sm-490px {
height: 490px;
}
.h-sm-500px {
height: 500px;
}
}
/*md灞忓箷浠ヤ笂*/
@media only screen and (min-width: 768px) {
/*琛岃窛*/
.lh-md-1 {
line-height: 1;
}
.lh-md-2 {
line-height: 2;
}
.lh-md-3 {
line-height: 3;
}
.lh-md-4 {
line-height: 4;
}
/*瀛椾綋澶у皬*/
.fs-md-12 {
font-size: .857rem;
}
.fs-md-14 {
font-size: 1rem;
}
.fs-md-16 {
font-size: 1.142rem;
}
.fs-md-18 {
font-size: 1.285rem;
}
.fs-md-20 {
font-size: 1.428rem;
}
.fs-md-22 {
font-size: 1.571rem;
}
.fs-md-24 {
font-size: 1.714rem;
}
.fs-md-26 {
font-size: 1.857rem;
}
.fs-md-28 {
font-size: 2rem;
}
.fs-md-30 {
font-size: 2.142rem;
}
.fs-md-32 {
font-size: 2.286rem;
}
.fs-md-34 {
font-size: 2.429rem;
}
.fs-md-36 {
font-size: 2.571rem;
}
.fs-md-38 {
font-size: 2.714rem;
}
.fs-md-40 {
font-size: 2.857rem;
}
/*楂樺害*/
.h-md-5px {
height: 5px;
}
.h-md-10px {
height: 10px;
}
.h-md-15px {
height: 15px;
}
.h-md-20px {
height: 20px;
}
.h-md-25px {
height: 25px;
}
.h-md-30px {
height: 30px;
}
.h-md-35px {
height: 35px;
}
.h-md-40px {
height: 40px;
}
.h-md-45px {
height: 45px;
}
.h-md-50px {
height: 50px;
}
.h-md-55px {
height: 55px;
}
.h-md-60px {
height: 60px;
}
.h-md-65px {
height: 65px;
}
.h-md-70px {
height: 70px;
}
.h-md-75px {
height: 75px;
}
.h-md-80px {
height: 80px;
}
.h-md-85px {
height: 85px;
}
.h-md-90px {
height: 90px;
}
.h-md-95px {
height: 95px;
}
.h-md-100px {
height: 100px;
}
.h-md-110px {
height: 110px;
}
.h-md-120px {
height: 120px;
}
.h-md-130px {
height: 130px;
}
.h-md-140px {
height: 140px;
}
.h-md-150px {
height: 150px;
}
.h-md-160px {
height: 160px;
}
.h-md-170px {
height: 170px;
}
.h-md-180px {
height: 180px;
}
.h-md-190px {
height: 190px;
}
.h-md-200px {
height: 200px;
}
.h-md-210px {
height: 210px;
}
.h-md-220px {
height: 220px;
}
.h-md-230px {
height: 230px;
}
.h-md-240px {
height: 240px;
}
.h-md-250px {
height: 250px;
}
.h-md-260px {
height: 260px;
}
.h-md-270px {
height: 270px;
}
.h-md-280px {
height: 280px;
}
.h-md-290px {
height: 290px;
}
.h-md-300px {
height: 300px;
}
.h-md-310px {
height: 310px;
}
.h-md-320px {
height: 320px;
}
.h-md-330px {
height: 330px;
}
.h-md-340px {
height: 340px;
}
.h-md-350px {
height: 350px;
}
.h-md-360px {
height: 360px;
}
.h-md-370px {
height: 370px;
}
.h-md-380px {
height: 380px;
}
.h-md-390px {
height: 390px;
}
.h-md-400px {
height: 400px;
}
.h-md-410px {
height: 410px;
}
.h-md-420px {
height: 420px;
}
.h-md-430px {
height: 430px;
}
.h-md-440px {
height: 440px;
}
.h-md-450px {
height: 450px;
}
.h-md-460px {
height: 410px;
}
.h-md-470px {
height: 470px;
}
.h-md-480px {
height: 480px;
}
.h-md-490px {
height: 490px;
}
.h-md-500px {
height: 500px;
}
}
/*lg灞忓箷浠ヤ笂*/
@media only screen and (min-width: 992px) {
/*琛岃窛*/
.lh-lg-1 {
line-height: 1;
}
.lh-lg-2 {
line-height: 2;
}
.lh-lg-3 {
line-height: 3;
}
.lh-lg-4 {
line-height: 4;
}
/*瀛椾綋澶у皬*/
.fs-lg-12 {
font-size: .857rem;
}
.fs-lg-14 {
font-size: 1rem;
}
.fs-lg-16 {
font-size: 1.142rem;
}
.fs-lg-18 {
font-size: 1.285rem;
}
.fs-lg-20 {
font-size: 1.428rem;
}
.fs-lg-22 {
font-size: 1.571rem;
}
.fs-lg-24 {
font-size: 1.714rem;
}
.fs-lg-26 {
font-size: 1.857rem;
}
.fs-lg-28 {
font-size: 2rem;
}
.fs-lg-30 {
font-size: 2.142rem;
}
.fs-lg-32 {
font-size: 2.286rem;
}
.fs-lg-34 {
font-size: 2.429rem;
}
.fs-lg-36 {
font-size: 2.571rem;
}
.fs-lg-38 {
font-size: 2.714rem;
}
.fs-lg-40 {
font-size: 2.857rem;
}
/*楂樺害*/
.h-lg-5px {
height: 5px;
}
.h-lg-10px {
height: 10px;
}
.h-lg-15px {
height: 15px;
}
.h-lg-20px {
height: 20px;
}
.h-lg-25px {
height: 25px;
}
.h-lg-30px {
height: 30px;
}
.h-lg-35px {
height: 35px;
}
.h-lg-40px {
height: 40px;
}
.h-lg-45px {
height: 45px;
}
.h-lg-50px {
height: 50px;
}
.h-lg-55px {
height: 55px;
}
.h-lg-60px {
height: 60px;
}
.h-lg-65px {
height: 65px;
}
.h-lg-70px {
height: 70px;
}
.h-lg-75px {
height: 75px;
}
.h-lg-80px {
height: 80px;
}
.h-lg-85px {
height: 85px;
}
.h-lg-90px {
height: 90px;
}
.h-lg-95px {
height: 95px;
}
.h-lg-100px {
height: 100px;
}
.h-lg-110px {
height: 110px;
}
.h-lg-120px {
height: 120px;
}
.h-lg-130px {
height: 130px;
}
.h-lg-140px {
height: 140px;
}
.h-lg-150px {
height: 150px;
}
.h-lg-160px {
height: 160px;
}
.h-lg-170px {
height: 170px;
}
.h-lg-180px {
height: 180px;
}
.h-lg-190px {
height: 190px;
}
.h-lg-200px {
height: 200px;
}
.h-lg-210px {
height: 210px;
}
.h-lg-220px {
height: 220px;
}
.h-lg-230px {
height: 230px;
}
.h-lg-240px {
height: 240px;
}
.h-lg-250px {
height: 250px;
}
.h-lg-260px {
height: 260px;
}
.h-lg-270px {
height: 270px;
}
.h-lg-280px {
height: 280px;
}
.h-lg-290px {
height: 290px;
}
.h-lg-300px {
height: 300px;
}
.h-lg-310px {
height: 310px;
}
.h-lg-320px {
height: 320px;
}
.h-lg-330px {
height: 330px;
}
.h-lg-340px {
height: 340px;
}
.h-lg-350px {
height: 350px;
}
.h-lg-360px {
height: 360px;
}
.h-lg-370px {
height: 370px;
}
.h-lg-380px {
height: 380px;
}
.h-lg-390px {
height: 390px;
}
.h-lg-400px {
height: 400px;
}
.h-lg-410px {
height: 410px;
}
.h-lg-420px {
height: 420px;
}
.h-lg-430px {
height: 430px;
}
.h-lg-440px {
height: 440px;
}
.h-lg-450px {
height: 450px;
}
.h-lg-460px {
height: 410px;
}
.h-lg-470px {
height: 470px;
}
.h-lg-480px {
height: 480px;
}
.h-lg-490px {
height: 490px;
}
.h-lg-500px {
height: 500px;
}
}
.product-bj{ background:url(../../../img/index_product_bg.jpg) center center no-repeat;}
.pr19{float:none; width:100%; height:180px; text-align:center; margin:0px auto; position: relative; background:#FFF; margin-top:30px; margin-bottom:30px;-moz-box-shadow:4px 4px 5px #333333; -webkit-box-shadow:4px 4px 5px #333333; box-shadow:4px 4px 5px #333333;}
.pr19_1{float:left; width:25%; height:180px;background:url(../../../../img/gx.png) no-repeat right center;}
.pr19_2{float:left; width:25%; height:180px;}
.pr19_1_1{float:left; width:55%; height:180px;background:url(../../../../img/t1.png) no-repeat center center;}
.pr19_1_2{float:left; width:45%; height:180px;}
.pr19_1_2_1{float:none; width:100%; font-size:14px;color:#999; padding-top:60px; text-align:left;}
.pr19_1_2_2{float:none; width:100%; text-align:left;}
.bt1{ font-size:26px;color:#000; font-weight:bolder;}
.bt2{ font-size:16px;color:#999; padding-left:5px;}
.bt3{ color:#c21930;}
.pr19_1_3{float:left; width:55%; height:180px;background:url(../../../../img/t2.png) no-repeat center center;}
.pr19_1_4{float:left; width:55%; height:180px;background:url(../../../../img/t3.png) no-repeat center center;}
.pr19_1_5{float:left; width:55%; height:180px;background:url(../../../../img/t4.png) no-repeat center center;}
.tem_index_product{padding:20px 0 0 0;}
.pr8{float:none; width:100%; height:140px; text-align:center; margin:0px auto; position: relative; z-index:12; background:#FFF;}
.pr8_1{ color:#fff; font-size:14px; }
.pr8_2{ color:#fff; font-size:20px; font-weight:bolder;padding-top:25px;}
.pr9{float:none;width:100%;overflow:auto;}
.pr9_1{float:left; width: 25%; text-align:left;display: block;background:#000;position: relative;}
.pr9_1_1{ position:relative;overflow: hidden; float:none; width:100%; margin:0px auto; color:#FFF; font-size:16px; text-align:left; }
.pr9_1_1_1{text-align:center; padding-top:80px; width:100%; text-align:center;position:absolute;left: 0;top: 0;z-index:1;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; font-size:24px; color:#FFF;}
.pr9_1_1_1:hover{visibility:visible;}
.pr9_1_1_2{text-align:center; padding-top:80px; width:100%; text-align:center;position:absolute;left: 0;top: 0;z-index:1;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;font-size:24px;color:#FFF;}
.pr9_1_1_2:hover{visibility:visible;}
.pr9_1_1:hover{visibility:visible;}
.pr9_1_1 img{width:100%; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pr9_1_1 img:hover{-webkit-transform: scale(1.2) rotate(8deg);-ms-transform: scale(1.2) rotate(8deg);-o-transform: scale(1.2) rotate(8deg);transform: scale(1.2) rotate(8deg);-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;opacity:0.5;}
.pr9_1_2{position: relative;overflow: hidden; z-index:2;float:none; width:100%; margin:0px auto; color:#FFF; font-size:16px;text-align:left;}
.pr9_1_2:hover{visibility:visible;}
.pr9_1_2 img{ width:100%; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pr9_1_2 img:hover{-webkit-transform: scale(1.2) rotate(8deg);-ms-transform: scale(1.2) rotate(8deg);-o-transform: scale(1.2) rotate(8deg);transform: scale(1.2) rotate(8deg);-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;opacity:0.5;}
.pr9_1_3{position: relative; overflow: hidden; z-index:2;float:none; width:100%; margin:0px auto; color:#FFF; font-size:16px;text-align:left;}
.pr9_1_3:hover{visibility:visible;}
.pr9_1_3 img{width:100%; overflow: hidden;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pr9_1_3 img:hover{-webkit-transform: scale(1.2) rotate(8deg);-ms-transform: scale(1.2) rotate(8deg);-o-transform: scale(1.2) rotate(8deg);transform: scale(1.2) rotate(8deg);-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;opacity:0.5; }
.pr9_1_4{position: relative; overflow: hidden; z-index:2;float:none; width:100%; margin:0px auto; color:#FFF; font-size:16px;text-align:left; }
.pr9_1_4:hover{visibility:visible;}
.pr9_1_4 img{width:100%; -webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pr9_1_4 img:hover{-webkit-transform: scale(1.2) rotate(8deg);-ms-transform: scale(1.2) rotate(8deg);-o-transform: scale(1.2) rotate(8deg);transform: scale(1.2) rotate(8deg);-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;opacity:0.5; }
.pr7{float:none; width:100%; height:140px; text-align:center; margin:0px auto; position: relative; z-index:12;}
.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:#999999; font-size:14px; height:40px;}
.pr3_4{ color:#e1e0e0; font-size:36px;font-weight:bolder;}
.pr3_5{ color:#000;font-size:30px; top:-5px; width:100%; position:relative;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: rgba(255,255,255,.9);
}
.tem_index_product2{ padding:40px 0 0 0;background:url(../../../../img/cf.jpg)repeat-x center top; height:333px;position: relative;top:-3px;}