/*基础CSS*/
html {
	font-size: 14px;
	overflow-x: hidden;
}html,body{overflow-x:hidden;}
li {
	list-style: none;
}
#banner {
    margin: 0 auto;
    padding: 0;
    background: url(/static/images/f.jpg) center center no-repeat;
    height: 400px;
    width: 100%;
    overflow: hidden!important;
    background-size: cover;
}
#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 40s linear infinite;
    -webkit-animation: yun 40s linear infinite; /* Safari and Chrome */
}
#yun2 {
    position: absolute;
    z-index: 2;
	left:40%;
	animation: yun 40s linear infinite;
    -webkit-animation: yun 20s linear infinite; /* Safari and Chrome */
}
#yun3 {
    position: absolute;
    z-index: 3;
	left:50%;
	left:-50%;
    animation: yun 40s linear infinite;
    -webkit-animation: yun 30s linear infinite; /* Safari and Chrome */
}
#yun4 {
    position: absolute;
	left:20%;
	z-index: 4;
    animation: yun 40s linear infinite;
    -webkit-animation: yun 60s linear infinite; /* Safari and Chrome */
}
#yun5 {
    position: absolute;
    z-index: 5;
    animation: yun 70s linear infinite;
    -webkit-animation: yun 50s 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;
}