/*基础CSS*/
html {
font-size: 14px;
overflow-x: hidden;
}html,body{overflow-x:hidden;}
li {
list-style: none;
}
#banner {margin: 0;padding: 0;
background: url(/static/images/f.jpg) center center no-repeat;
height: 400px;
width: 100%;
max-width: 1902px;
overflow: hidden!important;
}
#fengche {
position: absolute;
display: block;
background: url("/static/images/f3.png") left bottom no-repeat;
height: 436px;
width: 368px;
z-index: 10;
}
.pcenter {
position: relative;
z-index: 2;
left: 7px;
top: 7px
}
.fengche1 {margin-top: 40px;
animation: mymove 5s linear infinite;
-webkit-animation: mymove 5s linear infinite; /* Safari and Chrome */
}
@keyframes mymove {
100% {
transform: rotate(360deg);
}
}
#yun1 {
position: absolute;
z-index: 1;
left:-50%;
animation: yun 50s linear infinite;
-webkit-animation: yun 50s linear infinite; /* Safari and Chrome */
}
#yun2 {
position: absolute;
z-index: 2;
left:40%;
animation: yun 50s linear infinite;
-webkit-animation: yun 30s linear infinite; /* Safari and Chrome */
}
#yun3 {
position: absolute;
z-index: 3;
left:50%;
left:-50%;
animation: yun 50s linear infinite;
-webkit-animation: yun 40s linear infinite; /* Safari and Chrome */
}
#yun4 {
position: absolute;
left:20%;
z-index: 4;
animation: yun 50s linear infinite;
-webkit-animation: yun 70s linear infinite; /* Safari and Chrome */
}
#yun5 {
position: absolute;
z-index: 5;
animation: yun 50s linear infinite;
-webkit-animation: yun 60s linear infinite; /* Safari and Chrome */
}
@keyframes yun {
0%{
opacity: 0
}
10%{
opacity: 1
}
90%{
opacity: 1
}
100% {
transform: translateX(100%);
opacity: 0
}
}
.banner{width:1600px!important;}
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;
}
.card, .figure {
margin: 15px 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1.2rem;
padding-left: 1.2rem;
font-size: 14px;
}
.navbar-brand {
font-size: 20px;
padding-top: 0px;
padding-bottom: 0px;
}
.bluetext{color: #46a7d4!important}
.scroller ul li{display:block;float: left;padding: 5px 10px;line-height: 34px;}
.scroller ul{border-bottom:1px solid #008fd2;overflow: hidden;margin-left: 5px;margin-top: 10px;}
.scroller ul .w0{width: 0!important;overflow: hidden;display: none;}
.scroller ul li{margin: 0 4px 0 -6px!important;
text-align: center;background:url(/static/images/line.jpg) right center no-repeat;
}
.scroller ul li a:link,.scroller ul li a:visited{color:#202020;}
.scroller ul li.cur{
background:#008fd2;}
.scroller ul li.cur a:link,.scroller ul li.cur a:visited{color:#fff;}
.shadow-sm-top {
box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important;
}
.sonsort .btn{border-bottom-left-radius: 0; border-bottom-right-radius: 0}
.promenu .btn{border-bottom-left-radius: 0; border-bottom-right-radius: 0}
.topbg{background: url("/static/images/topbg.jpg")}
.aboutline{background:url("/static/images/aboutline.jpg") center center no-repeat;background-size: cover;}
.topbg .col-6{padding:0.3rem;}
.about .col-6{padding:0.7rem;}
.cplist .col-6{padding: 0.4rem;}
.cplist .card{margin:2px 0;}
.cplist h5{font-size:14px;}
.menu{background:-webkit-linear-gradient(top,#1699d6,#73c2e6,#0f96d5,#008fd2); line-height: 39px; height: 40px; font-size:15px;}
.topspace{ width: 100%; height: 73px;}
.menu .swiper-slide{ width: auto;padding: 0 40px; border-right: 1px solid #077bc8;}
.menu .swiper-wrapper{max-width: 1110px;margin: 0 auto;}
.promenu .swiper-slide{ width:auto;padding: 0 2px; }
.bglight{ background:rgba(0,0,0,.7);text-shadow:0px 1px 1px #000; }
.bglight .borderright{border-right:1px solid #333333!important}
.darktext{color:#555555;}
.textshadow{text-shadow:0px 4px 10px #ccc; }
.menushadow{box-shadow:0px 4px 6px #000; }
.menushadow2{box-shadow: 0 .2rem 0.5rem rgba(0,0,0,.25)!important;}
.fontbold{font-weight:bold;}
.qyhj{overflow: hidden;padding-bottom: 1.5rem;}
.p5{padding:1rem 2rem; display: block;}
.mt05{margin-top: -1rem;right:0%;bottom:0;position: absolute;z-index: 100;}
.fs60{font-size:40px;}
.shili h5{font-size: 1.0rem;}
.shili small{line-height:120%}
.hezuo h5{font-size: 1.2rem;}
.text-primary,.text-primary a:link,.text-primary a:visited,.text-primary a:hover{color:#008fd3!important}
.p10{padding:0.3rem;}
.pagecontrol select{padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
height: 33px;
border-radius: .25rem;
border: 0px solid #dee2e6!important;}
.nav{
width: 100%;
height: 40px;
line-height: 40px;
overflow: hidden;
background: -webkit-linear-gradient(top,#1699d6,#73c2e6,#0f96d5,#008fd2);
}
.nav li{
float: left;
padding: 0 15px;
background:linear-gradient(to bottom,#e1f4fd,#e1f4fe,#e1f4ff) no-repeat right / 1px 15px;
}
.nav li:last-child{
background: none;
}
.nav li a{
font-size: 15px;
color: rgba(255,255,255,.8);
}
.nav li.active{
background: #fff;
}
.nav li.active a{
color: #4b6c84;
}
.mpsort{padding-right: 10px!important;
padding-left: 10px!important;}
/*上下外边距*/
.mr-6, .mr-6 {
margin-right: 3.2rem !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;
}
/*上下内边距*/
.pr-6{
padding-right: 4rem !important;}
.pt-6, .mp-6 {
padding-top: 4rem !important;
}
.pt-7, .py-7 {
padding-top: 5rem !important;
}
.pt-8, .py-8 {
padding-top: 6rem !important;
}
.pt-9, .py-9 {
padding-top: 7rem !important;
}
.pt-10, .py-10 {
padding-top: 8rem !important;
}
.pb-6, .py-6 {
padding-bottom: 4rem !important;
}
.pb-7, .py-7 {
padding-bottom: 5rem !important;
}
.pb-8, .py-8 {
padding-bottom: 6rem !important;
}
.pb-9, .py-9 {
padding-bottom: 7rem !important;
}
.pb-10, .py-10 {
padding-bottom: 8rem !important;
}
/*边框*/
.border-top-dashed {
border-top: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
border-right: 1px dashed #dee2e6 !important;
}
.border-bottom-dashed {
border-bottom: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
border-top: 1px dashed #dee2e6 !important;
}
/*字距*/
.ls-1 {
letter-spacing: 1px;
}
.ls-2 {
letter-spacing: 2px;
}
.ls-3 {
letter-spacing: 3px;
}
.ls-4 {
letter-spacing: 4px;
}
.ls-5 {
letter-spacing: 5px;
}
/*分页*/
.page-num:not(:disabled) {
cursor: pointer;
}
.page-num, .page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #008fd2;
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: #008fd2;
border-color: #008fd2;
}
.page-num-current:hover {
color: #fff;
}
/*其他*/
.pages {
min-height: 500px;
padding-bottom: 10px;
}
.code, .code img {
height: 100px;
}
.position, .position a {
color: #999;
}
.content {
}
.content img, .content iframe {
max-height: 100% !important;
}.content p img{max-width:100%!important;}
.content li {
list-style: disc outside none;
margin-left: 20px;
}
/*产品轮播*/
.view {
max-width: 500px;
}
.view .swiper-slide {
height: 300px;
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 {
}
.preview .arrow-left {
background: #fff url(../images/feel3.png) no-repeat left center;
position: absolute;
left: -20px;
top: 0;
width: 20px;
height: 70px;
z-index: 10;
}
.preview .arrow-right {
background: #fff url(../images/feel4.png) no-repeat right center;
position: absolute;
right: -20px;
top: 0;
width: 20px;
height: 70px;
z-index: 10;
}
@media only screen and (max-width: 768px) {
.view .swiper-slide {
height: 200px;
}
.preview {
display: none;
}
.view .arrow-left, .view .arrow-right {
height: 200px;
display: block;
}
}
/*在线客服*/
.online {
position: fixed;
bottom: 150px;
right: 10px;
width: 60px;
z-index: 999;
color: #999;
}
.online a {
color: #666;
}
.online a:hover {
text-decoration: none;
}
.online dl {
background: #27a8e1;
padding: 10px 5px;
margin-bottom: 1px;
position: relative;
}
.online dl dd {
color: #fff;
text-align: center;
font-size: 12px;
cursor: pointer;
}
.online dl dd i {
font-size: 25px;
}
.online dl:hover {
background: #1781bd;
}
.online dl dt {
position: absolute;
top: 0px;
right: 60px;
background: #fff;
border: 1px solid #ccc;
z-index: 9999;
display: none;
padding: 10px 15px;
font-weight: normal;
}
.online dl dt h3 {
display: block;
font-size: 16px;
color: #666;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}
.online dl dt h3 i {
margin-right: 5px;
}
.online dl dt h3 span {
float: right;
cursor: pointer;
}
.online dl dt input {
border: 1px solid #ccc;
border-radius: 5px;
margin-top: 15px;
height: 40px;
line-height: 40px;
padding: 3px 5px;
width: 100%;
}
.online dl dt button {
margin: 10px 0;
border: none;
border-radius: 5px;
width: 100%;
font-size: 18px;
height: 40px;
line-height: 40px;
background: #28a7e1;
color: #fff;
cursor: pointer;
}
/*sm屏幕以下*/
@media only screen and (max-width: 768px) {
.menu{background:-webkit-linear-gradient(top,#1699d6,#73c2e6,#0f96d5,#008fd2); line-height: 2.0rem; height: 2.0rem; font-size: 0.8rem;}
.menu .swiper-slide{ width:auto;padding: 0 20px; border-right: 1px solid #008fd2;}
.menu .swiper-slide a{color: #ffffff;}
.menu .swiper-slide.active{background:#ffffff!important; }
.menu .swiper-slide.active a{color:#008fd2!important}
.sortbar{background:url(/static/images/sortbar.jpg) bottom left repeat-x;}
.sortbar div{background:#008fd2;padding: 2px 5px;display: block;min-width: 80px;width: 80px;}
.sortbar span{float:right}
.index-about{padding: 10px 0;line-height: 180%;padding-bottom: 5px;}
.w35{width: 30%;float: left}
.w65{width: 70%;float: left}
.bluebg2021{background:#008fd2!important;}
.bg2021{background:#008fd2!important;}
.list li{background: url(/static/images/arrow2.jpg) right bottom no-repeat;line-height: 300%}
.inside .right .cp{max-width: 100%;width: 100%;
}
.page-num {
display: none;
}
.head-sm-height {
height: 61px !important;
}
.inside .news-list{
padding: 0;
list-style: none;
}
.inside .news-list li{
margin-left:0!important;
line-height: 40px;
border-bottom: 1px dashed #ccc; list-style: none;
}
.inside .news-list li img{
margin-right: 10px;
}
.inside .news-list li a{
font-size: 14px;
}
}
/*********响应式样式******************/
/*sm屏幕以上*/
@media only screen and (min-width: 768px) and (max-width:992px) {
.nav li{
float: left;
padding: 0 2%;
background:linear-gradient(to bottom,#e1f4fd,#e1f4fe,#e1f4ff) no-repeat right / 1px 15px;
}
}
/*md屏幕以上*/
@media only screen and (min-width: 1200px) {
.topspace{ width: 100%; height:153px;}
.blue{
font-size: 80px;
color: #0399d8;
font-weight: normal;}
.aboutbg{background:url(/static/images/about_bg.jpg);padding:30px 0;}
.qyhj{overflow: hidden;padding-bottom: 1.5rem;
width: 420px;
padding: 5px;
background: #fff;
box-shadow: 0 3px 4px 0 rgba(0,0,0,.4);}
.index-about .more{
margin-top: 40px;
text-align: right;
}
.index-about .more a{
display: inline-block;
height: 35px;
line-height: 35px;
color: #fff;
font-size: 14px;
}
.index-about .more .one{
width: 160px;
padding-left: 20px;
background: #0399d8;
text-align: left;
}
.index-about .more .two{
width: 35px;
text-align: center;
background: #272727;
}
.index-product{
width: 100%;
padding: 30px 0;
}
.index-product .left{
width: 200px;
border: 1px solid #008fd2;
}
.index-product .left .title{
height: 35px;
line-height: 35px;
text-align: center;
font-size: 18px;
color: #fff;
background: -webkit-linear-gradient(top,#2ea3da,#40abdd,#0e95d5,#008fd2);
}
.index-product .list li{
padding: 8px 0;
border-bottom: 1px dashed #ccc;
}
.index-product .list li:last-child{
border-bottom: none;
}
.index-product .list li i{font-style:normal;
display: inline-block;
width: 40px;
height: 25px;
line-height: 25px;
text-align: center;
background: #008fd2;
border-radius: 3px;
font-size: 16px;
color: #fff;
transform: translateX(-15px);
}
.index-product .list li a{
font-size: 14px;
}
.index-product .right{
width: 850px;
}
.index-product .right .news-box{
height: 210px;
overflow: hidden;
}
.index-product .right .news-box .title{
border-bottom: 1px solid #d8d8d8;
height: 35px;
line-height: 35px;
padding-bottom: 5px;
}
.index-product .right .news-box .title span{
color: #008fd2;
font-size: 22px;
}
.index-product .right .news-box ul{
padding: 5px 0;
}
.index-product .right .news-box li{
line-height: 25px;
}
.index-product .right .news-box li a{
font-size: 14px;
color: #505050;
}
.index-product .right .news-box li span{
font-size: 13px;
}
.slide-product{
width: 1200px;
margin: 0 auto 30px;
border: 1px solid #008fd2;
padding: 20px 0;
}
.slide-product li{
float: left;
margin-right: 10px;
/*border: 2px solid #74c4e9;*/
}
#el-slide{
width: 1080px;
position: relative;
overflow: hidden;
height: 183px;
}
#el-slide ul{
position: absolute;
left: 0;
top: 0;
}
.foot{
padding: 5px 0;
background:url(/static/images/footbg.jpg) bottom center no-repeat;
background-attachment:fixed;
color: #fff;
background-size: contain;
}
.foot a{
color: #fff;
}
.foot .link-title{
font-size: 16px;
padding-bottom: 5px;
border-bottom: 1px solid #d8d8d8;
text-align: center;
}
.foot .links{
padding-bottom: 30px;
text-align: center;
}
.foot .links a{
padding: 0 20px;
background: -webkit-linear-gradient(top,#fffffa,#fffffb,#fffffc) no-repeat right / 1px 13px;
}
.foot .links a:last-child{
background: none;
}
.foot .info{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
line-height: 25px;
}
.foot .info .left{
margin-right: 20px;
}
.inside{
padding: 20px 0;
}
.inside .left{
width: 242px;
min-height: 600px;
border: 1px solid #008fd2;
}
.inside .left .type{
height: 35px;
line-height: 35px;
text-align: center;
font-size: 20px;
color: #fff;
background: -webkit-linear-gradient(top,#2ea3da,#40abdd,#0e95d5,#008fd2);
}
.inside .left .common-list li{
width: 160px;
height: 35px;
line-height: 35px;
text-align: center;
margin: 20px auto;
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
background: -webkit-linear-gradient(top,#feffff,#f0f5f7,#dce7ed,#e2ecf2);
}
.inside .left .common-list li a{
font-size: 16px;
color: #9f6341;
}
.inside .right{
width: 820px;
}
.inside .right .pro-box{
padding: 0 70px;
}
.inside .right .nav-name{
padding-bottom: 0px;
background:url(/static/images/navbg.jpg) center 3px no-repeat;
}
.inside .right .nav-name .left-line{
width: 100px;
height: 2px;
margin-top: 15px;
}
.inside .right .nav-name .name{
font-size: 22px;
padding: 0 5px;
color: #008fd2;
background:#ffffff;
}
.inside .right .content{
min-height: 500px;
}
.inside .right .content img{
max-width: 100%;
}
.inside .pro-list>li{
padding: 8px 0;
border-bottom: 1px dashed #ccc;
}
.inside .pro-list>li:last-child{
border-bottom: none;
}
.inside .pro-list>li i{
display: inline-block;
width: 60px;
height: 30px;
line-height: 30px;
text-align: center;
background: #008fd2;
border-radius: 3px;
font-size: 18px;
color: #fff;
transform: translateX(-15px);font-style:normal
}
.inside .pro-list>li>a{
font-size: 14px;
}
.inside .pro-list>li>ul>li{
height: 40px;
line-height: 40px;
padding-left: 20px;
border-bottom: 1px dashed #ccc;
}
.inside .pro-list>li>ul>li:last-child{
border-bottom: none;
margin-bottom: -8px;
}
.inside .pro-list>li>ul>li img{
margin-right: 10px;
}
.inside .pro-list>li>ul>li a{
font-size: 12px;
}
.inside .right .pro-box li{
margin-bottom: 30px;
border-bottom: 1px dashed #ccc;
}
.inside .right .pro-box .one img{
width: 300px;
}
.inside .right .pro-box .two{
width: 350px;
padding-left: 30px;
}
.inside .right .pro-box .pro-name{
color: #014376;
font-size: 16px;
padding: 10px 0;
font-weight: bold;
}
.inside .right .pro-box .desc-name{
color: #008fd2;
font-size: 14px;
padding-bottom: 10px;
}
.inside .news-list{
padding: 0 10px;
list-style: none;
width:99.5%;
}
.inside .news-list li{
line-height: 40px;
border-bottom: 1px dashed #ccc; list-style: none;
}
.inside .news-list li img{
margin-right: 10px;
}
.inside .news-list li a{
font-size: 14px;
}
.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;
}
/*行距*/
.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;
}
/*行距*/
.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:360px) and (max-width: 407px)
{
.contact p span{font-size: 13px!important;}
.wapcontent img,.wapcontent p{width: 100%!important;max-width: 100%!important}
.right.float-right{float:none!important;}
}
@media only screen and (min-width:360px) and (max-width: 576px)
{
#banner{display: none}
.wapcontent img{max-width:100%!important;height:auto!important}
.right.float-right{float:none!important;}
.wapcontent img,.wapcontent p{width: 100%!important;max-width: 100%!important}
}
@media only screen and (min-width: 992px) {
.inside .right .nav-name .right-line{
width: 75%;}
/*行距*/
.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;
}
.fs-60 {
font-size: 4.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;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
.topspace{ width: 100%; height:153px;}
.blue{
font-size: 80px;
color: #0399d8;
font-weight: normal;}
.aboutbg{background:url(/static/images/about_bg.jpg);padding:30px 0;}
.qyhj{overflow: hidden;padding-bottom: 1.5rem;
width: 100%;
padding: 5px;
background: #fff;
box-shadow: 0 3px 4px 0 rgba(0,0,0,.4);}
.index-about .more{
margin-top: 40px;
text-align: right;
}
.index-about .more a{
display: inline-block;
height: 35px;
line-height: 35px;
color: #fff;
font-size: 14px;
}
.index-about .more .one{
width: 160px;
padding-left: 20px;
background: #0399d8;
text-align: left;
}
.index-about .more .two{
width: 35px;
text-align: center;
background: #272727;
}
.index-product{
width: 100%;
padding: 30px 0;
}
.index-product .left{
width: 25%;
border: 1px solid #008fd2;
}
.index-product .left .title{
height: 35px;
line-height: 35px;
text-align: center;
font-size: 18px;
color: #fff;
background: -webkit-linear-gradient(top,#2ea3da,#40abdd,#0e95d5,#008fd2);
}
.index-product .list li{
padding: 8px 0;
border-bottom: 1px dashed #ccc;
}
.index-product .list li:last-child{
border-bottom: none;
}
.index-product .list li i{font-style:normal;
display: inline-block;
width: 40px;
height: 25px;
line-height: 25px;
text-align: center;
background: #008fd2;
border-radius: 3px;
font-size: 16px;
color: #fff;
transform: translateX(-15px);
}
.index-product .list li a{
font-size: 14px;
}
.index-product .right{
width: 70%;
}
.index-product .right .news-box{
height: 210px;
overflow: hidden;
}
.index-product .right .news-box .title{
border-bottom: 1px solid #d8d8d8;
height: 35px;
line-height: 35px;
padding-bottom: 5px;
}
.index-product .right .news-box .title span{
color: #008fd2;
font-size: 22px;
}
.index-product .right .news-box ul{
padding: 5px 0;
}
.index-product .right .news-box li{
line-height: 25px;
}
.index-product .right .news-box li a{
font-size: 14px;
color: #505050;
}
.index-product .right .news-box li span{
font-size: 13px;
}
.slide-product{
width: 1200px;
margin: 0 auto 30px;
border: 1px solid #008fd2;
padding: 20px 0;
}
.slide-product li{
float: left;
margin-right: 10px;
/*border: 2px solid #74c4e9;*/
}
#el-slide{
width: 1080px;
position: relative;
overflow: hidden;
height: 183px;
}
#el-slide ul{
position: absolute;
left: 0;
top: 0;
}
.foot{
padding: 5px 0;
background: #008fd2;
color: #fff;
}
.foot a{
color: #fff;
}
.foot .link-title{
font-size: 16px;
padding-bottom: 5px;
margin-bottom: 20px;
border-bottom: 1px solid #d8d8d8;
text-align: center;
}
.foot .links{
padding-bottom: 30px;
text-align: center;
}
.foot .links a{
padding: 0 20px;
background: -webkit-linear-gradient(top,#fffffa,#fffffb,#fffffc) no-repeat right / 1px 13px;
}
.foot .links a:last-child{
background: none;
}
.foot .info{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
line-height: 25px;
}
.foot .info .left{
margin-right: 20px;
}
.inside{
padding: 20px 0;
}
.inside .left{
width: 25%;
min-height: 600px;
border: 1px solid #008fd2;
}
.inside .left .type{
height: 35px;
line-height: 35px;
text-align: center;
font-size: 20px;
color: #fff;
background: -webkit-linear-gradient(top,#2ea3da,#40abdd,#0e95d5,#008fd2);
}
.inside .left .common-list li{
width: 160px;
height: 35px;
line-height: 35px;
text-align: center;
margin: 20px auto;
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
background: -webkit-linear-gradient(top,#feffff,#f0f5f7,#dce7ed,#e2ecf2);
}
.inside .left .common-list li a{
font-size: 16px;
color: #9f6341;
}
.inside .right{
width: 60%;
}
.inside .right .pro-box{
padding: 0 70px;
}
.inside .right .nav-name{
padding-bottom: 20px;
}
.inside .right .nav-name .left-line{
width: 10%;
height: 2px;
background: #008fd2;
margin-top: 15px;
}
.inside .right .nav-name .name{
font-size: 22px;
padding: 0 5px;
color: #008fd2;
}
.inside .right .nav-name .right-line{
width: 60%;
height: 2px;
margin-top: 15px;
background: #d6d6d6;
}
.inside .right .content{
min-height: 500px;
}
.inside .right .content img{max-width: 100%;
}
.inside .pro-list>li{
padding: 8px 0;
border-bottom: 1px dashed #ccc;
}
.inside .pro-list>li:last-child{
border-bottom: none;
}
.inside .pro-list>li i{
display: inline-block;
width: 60px;
height: 30px;
line-height: 30px;
text-align: center;
background: #008fd2;
border-radius: 3px;
font-size: 18px;
color: #fff;
transform: translateX(-15px);font-style:normal
}
.inside .pro-list>li>a{
font-size: 14px;
}
.inside .pro-list>li>ul>li{
height: 40px;
line-height: 40px;
padding-left: 20px;
border-bottom: 1px dashed #ccc;
}
.inside .pro-list>li>ul>li:last-child{
border-bottom: none;
margin-bottom: -8px;
}
.inside .pro-list>li>ul>li img{
margin-right: 10px;
}
.inside .pro-list>li>ul>li a{
font-size: 12px;
}
.inside .right .pro-box li{
margin-bottom: 30px;
border-bottom: 1px dashed #ccc;
}
.inside .right .pro-box .one img{
width: 300px;
}
.inside .right .pro-box .two{
width: 350px;
padding-left: 30px;
}
.inside .right .pro-box .pro-name{
color: #014376;
font-size: 16px;
padding: 10px 0;
font-weight: bold;
}
.inside .right .pro-box .desc-name{
color: #008fd2;
font-size: 14px;
padding-bottom: 10px;
}
.inside .news-list{
padding: 0 10px;
list-style: none;
}
.inside .news-list li{
line-height: 40px;
border-bottom: 1px dashed #ccc; list-style: none;
}
.inside .news-list li img{
margin-right: 10px;
}
.inside .news-list li a{
font-size: 14px;
}
.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;
}
/*行距*/
.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;
}
/*行距*/
.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;
}
}
/*行距*/
.lh-1 {
line-height: 1;
}
.lh-2 {
line-height: 2;
}
.lh-3 {
line-height: 3;
}
.lh-4 {
line-height: 4;
}
/*字体大小*/
.fs-6 {
font-size: .457rem;
}
.fs-12 {
font-size: .857rem;
}
.fs-13 {
font-size: 13px;
}
.fs-14{
font-size: 14px;
}
.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: 34px;
}
.fs-60 {
font-size:64px;
}
/*高度*/
.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;
}