/*基础CSS*/
html {
	font-size: 14px;
	overflow-x: hidden;
}
html,body{
	margin-bottom: 3rem;
	line-height: initial;
}
li {
	list-style: none;
}
a {
	color: #212529
}
a:hover {
	text-decoration: none;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}
input,button{
	border: 0;
	outline: none;
	background: initial;
}
.uni-page-head-btn {
    position: fixed;
    left: auto;
    display: flex;
    justify-content: center;
    bottom: 120px;
    background: rgba(0,0,0,.6);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    margin: 0 0 0 10px;
    border-radius: 50px;
    width: 31px;
    height: 31px;
    z-index: 999;
}
.uni-page-head-btn i{
    color: #fff;
    display: flex;
    align-items: center;
    font-style: normal;
}
.bbg {
    top: 0;
    display: none;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    background: rgba(0,0,0,.8);
    align-items: center;
}
#fullPage {
    display: none;
    background: black;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 19930428;
}
#canvas {
	width: 100%;
    height: 100%;
    background: black;
    display: block;
}
.kf{
	position: fixed;
    right: 5px;
    top: 50%;
    z-index: 999;
    padding: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: url('../images/online-service-icon.png') center rgba(0,0,0,.6) no-repeat;
    background-size: 21px 21px;
}
.banner {
	position: relative;
}
.banner img{
	max-width: 100%;
}
.banner .tit{
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 13.6rem;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 8.65rem;
	justify-content: center;
	background: rgba(0,0,0,.35);
	align-items: center;
}
.banner .tit em{
	font-family: SourceHanSansCN-Medium;
	font-size: 0.469rem;
	letter-spacing: 3px;
	color: #ffffff;
	font-style: normal;
}
.banner .tit p{
	font-family: SourceHanSansCN-Bold;
	font-size: 1.35rem;
	letter-spacing: 0.13rem;
	margin: 0.4rem 0;
	color: #ffffff;
	line-height: 1.27rem;
}
.banner .tit span{
	font-family: SourceHanSansCN-Medium;
		font-size: 0.37rem;
		letter-spacing: 4px;
		color: #ffffff;
}
.sydh {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 1.62rem;
	padding: 0 1.04rem;
	margin-bottom: 2.44rem;
}
.sydh a{
	font-family: MicrosoftYaHei;
	font-size: 0.48rem;
	color: #000000;
	text-align: center;
	width: 2.5rem;
	margin-right: 1.3rem;
}
.sydh a:nth-child(4),.sydh a:nth-child(8){
	margin-right: 0;
}
.sydh a img{
	display: block;
	margin: auto;
}
.sydh a:nth-child(1),.sydh a:nth-child(2),.sydh a:nth-child(3),.sydh a:nth-child(4){
	margin-bottom: 1.6rem;
}
.sydh a:nth-child(1) img{
	width: 0.98rem;
	height: 1.08rem;
	margin-bottom: 0.54rem;
}
.sydh a:nth-child(2) img{
	width: 1rem;
	height: 1.03rem;
	margin-bottom: 0.58rem;
}
.sydh a:nth-child(3) img{
	width: 1.03rem;
	height: 1.03rem;
	margin-bottom: 0.56rem;
}
.sydh a:nth-child(4) img{
	width: 1.07rem;
	height: 0.94rem;
	margin-bottom: 0.62rem;
}
.sydh a:nth-child(5) img{
	width: 1.08rem;
	height: 1.08rem;
	margin-bottom: 0.54rem;
}
.sydh a:nth-child(6) img{
	width: 1.125rem;
	height: 1.08rem;
	margin-bottom: 0.54rem;
}
.sydh a:nth-child(7) img{
	width: 1.166rem;
	height: 0.97rem;
	margin-bottom: 0.6rem;
}
.sydh a:nth-child(8) img{
	width: 1.15rem;
	height: 0.88rem;
	margin-bottom: 0.65rem;
}
.case{
	padding: 0 0.4rem;
	padding-bottom: 1.355rem;
	position: relative;
}
.case .tit{
	position: relative;
	font-family: SourceHanSansCN-Regular;
	font-size: 1.3rem;
	letter-spacing: 0.135rem;
	color: #f4f4f4;
	text-align: center;
}
.case .tit span{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: bold;
	text-align: center;
	font-family: MicrosoftYaHei-Bold;
	font-size: 0.759rem;
	letter-spacing: 0.23rem;
	color: #000000;
	top: 0;
	bottom: 0;
	display: flex;
	    align-items: center;
	    justify-content: center;
}
.case .swiper-slide img{
	max-width: 100%;
}
.case .mySwiper{
	margin-top: 1.76rem;
	overflow: hidden;
}
.case p{
	font-family: MicrosoftYaHei;
	margin-top: 0.73rem;
	margin-bottom: 0.65rem;
	font-size: 0.65rem;
	color: #000000;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
}
.case p img{
	width: 0.135rem;
	height: 0.677rem;
	margin-right: 0.4rem;
	margin-top: 0.27rem;
}
.case span{
	display: block;
	font-family: MicrosoftYaHei;
		font-size: 0.4rem;
		color: #848484;
}
.case .swiper-container-horizontal>.swiper-pagination-progressbar{
	bottom: 0;
	top: initial!important;
	width: 9.22rem;
	left: 0.44rem;
	background:#e5e5e5;
}
.case .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #fee632;
}
.pro{
	padding: 0 0.4rem;
	margin-top: 2.7rem;
}
.pro .tit{
	position: relative;
	font-family: SourceHanSansCN-Regular;
	font-size: 1.3rem;
	letter-spacing: 0.135rem;
	color: #f4f4f4;
	text-align: center;
}
.pro .tit span{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: bold;
	text-align: center;
	font-family: MicrosoftYaHei-Bold;
	font-size: 0.759rem;
	letter-spacing: 0.23rem;
	color: #000000;
	top: 0;
	bottom: 0;
	display: flex;
	    align-items: center;
	    justify-content: center;
}
.pro .list{
	display: flex;
	margin-top: 1.76rem;	
	flex-wrap: wrap;
}
.pro .list a{
	display: block;
	text-align: center;
	width: calc(50% - 0.37rem);
	margin-bottom: 0.81rem;
	font-family: MicrosoftYaHei;
		font-size: 0.54rem;
		letter-spacing: 0.027rem;
		color: #000000;
}
.pro .list a:nth-child(2n){
	margin-left: 0.74rem;
}
.pro .list a img{
	width: 100%;
	height: 4.88rem;
	margin-bottom: 0.74rem;
}
.foot{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 3.09rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	background-color: #ffffff;
	box-shadow: 0px -2px 5px 0px 
			rgba(32, 32, 32, 0.1);
	z-index: 999;
}
.foot a{
	font-size: 0.43rem;
	color: #848484;
	padding-top: .935rem;
}
.foot a.on{
	color: #000000;
}
.foot a:nth-child(1){
	background: url(../images/sy.png) top center no-repeat;
	background-size: 0.786rem 0.7rem;
}
.foot a:nth-child(2){
	background: url(../images/cp.png) top center no-repeat;
	background-size: 0.677rem 0.677rem;
}
.foot a:nth-child(3){
	background: url(../images/al.png) top center no-repeat;
	background-size: 0.7rem 0.7rem;
}
.foot a:nth-child(4){
	background: url(../images/qy.png) top center no-repeat;
	background-size: 0.759rem 0.73rem;
}
.foot a:nth-child(5){
	background: url(../images/wd.png) top center no-repeat;
	background-size: 0.69rem 0.73rem;
}
.foot a:nth-child(1).on{
	background: url(../images/sy1.png) top center no-repeat;
	background-size: 0.786rem 0.7rem;
}
.foot a:nth-child(2).on{
	background: url(../images/cp1.png) top center no-repeat;
	background-size: 0.677rem 0.677rem;
	}
.foot a:nth-child(3).on{
	background: url(../images/al1.png) top center no-repeat;
	background-size: 0.7rem 0.7rem;
}
.foot a:nth-child(4).on{
	background: url(../images/qy1.png) top center no-repeat;
	background-size: 0.759rem 0.73rem;
}
.foot a:nth-child(5).on{
	background: url(../images/wd1.png) top center no-repeat;
	background-size: 0.69rem 0.73rem;
}
.productlist.pro{
	margin-top: 0;
}
.productlist.pro .list{
	margin-top: 0;
}
.search{
	margin: 0.569rem 0;
}
.search form{
	width: 100%;
	height: 1.46rem;
	align-items: center;
	border-radius: 0.732rem;
	border: solid 0.04rem #ebebeb;
	display: flex;
}
.search button{
	background: url(../images/search.png) no-repeat;
	display: block;
	width: 0.77rem;
	height: 0.77rem;
	background-size: contain;
	margin-left: 0.54rem;
	margin-right: 0.6rem;
}
.search input{
	flex: 1;
	font-size: 0.54rem;
	color: #848484;
	margin-right: 0.6rem;
}
.search input::placeholder{
	font-size: 0.54rem;
	color: #848484;
}
.proshow,.cptx,.jbff,.contact,.pzbz,.video {
	padding: 0 0.4rem;
	padding-top: 0.54rem;
}
.proshow img{
	display: block;
	max-width: 100%;
}
.proshow .tit{
	font-family: MicrosoftYaHei;
	font-size: 0.65rem;
	color: #000000;
	margin-top: 0.745rem;
	margin-bottom: 0.8rem;
}
.proshow .tit span{
	display: block;
	font-size: 0.43rem;
	color: #848484;
	margin-top: 0.3rem;
}
.proshow .nr{
	font-family: MicrosoftYaHei;
	font-size: 0.43rem;
	color: #000000;
	margin-bottom: 0.8rem;
}
.proshow .sl span{
	display: block;
	font-family: MicrosoftYaHei;
	font-size: 0.43rem;
	margin-bottom: 0.4rem;
	color: #000000;
}
.case.caselist{
	padding-bottom: 0;
}
.case.caselist .mySwiper{
	margin-top: 0;
	margin-bottom: 0.949rem;
}
.case.caselist .mySwiper:last-child{
	margin-bottom: 0;
}
.case.caselist p{
	margin-bottom: 0.2rem;
	margin-top: 0.5rem;
}
.cptx .tp img,.jbff .tp img,.contact .tp img{
	max-width: 100%;
}
.cptx .tp{
	margin-bottom: 2rem;	
}
.cptx .lm{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0.84rem;
	justify-content: space-between;
}
.cptx .lm .box{
	width: 2.44rem;
	height: 2.44rem;
	border-radius: 0.27rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 1.25rem;
	justify-content: center;
		border: solid 0.054rem #cfcfcf;
}
.cptx .lm .box:nth-child(4n){
	margin-right: 0;
}
.cptx .lm .box:nth-child(1),.cptx .lm .box:nth-child(2),.cptx .lm .box:nth-child(3),.cptx .lm .box:nth-child(4){
   margin-bottom: 0.732rem;
}
.cptx .lm .box:nth-child(1) img{
	width: 1.19rem;
	height: 0.92rem;
	margin-bottom: 0.338rem;
}
.cptx .lm .box:nth-child(2) img{
	width: 1.03rem;
	height: 1.03rem;
	margin-bottom: 0.284rem;
}
.cptx .lm .box:nth-child(3) img{
	width: 0.89rem;
	height: 1.23rem;
	margin-bottom: 0.189rem;
}
.cptx .lm .box:nth-child(4) img{
	width: 1.1389rem;
	height: 1.1389rem;
	margin-bottom: 0.23rem;
}
.cptx .lm .box:nth-child(5) img{
	width: 0.935rem;
	height: 1.1932rem;
	margin-bottom: 0.244rem;
}
.cptx .lm .box:nth-child(6) img{
	width: 1.11rem;
	height: 0.9rem;
	margin-bottom: 0.39rem;
}
.cptx .lm .box:nth-child(7) img{
	width: 1.03rem;
	height: 1.03rem;
	margin-bottom: 0.325rem;
}
.cptx .lm .box:nth-child(8) img{
	width: 0.949rem;
	height: 1.22rem;
	margin-bottom: 0.23rem;
}
.cptx .lm p{
	font-size: 0.379rem;
		color: #000000;
}
.cptx .lm .ms{
	font-size: 0.43rem;
	line-height: 0.86rem;
	color: #000000;
}
.jb1{
	display: flex;
	margin-top: 1.722rem;
	margin-right: 1.26rem;
}
.jb1 img{
	width: 6.46rem;
	height: 10.345rem;
	margin-right: 0.9rem;
}
.jb1  p em{
	font-size: 0.488rem;
	text-align: center;
	font-style: normal;
	padding-left: 0.311rem;
	padding: 0.176rem 0.379rem;
	background-color: #000000;
	border-radius: 0.406rem;
	color: #fff;
}
.jb1 p span{
	padding-left: 0.311rem;
	display: block;
	font-family: MicrosoftYaHei;
	font-size: 0.379rem;
	margin-top: 0.379rem;
		color: #000000;
}
.jb1.jb2{
	margin-right: 0;
	margin-left: 1.22rem;
}
.jb1.jb2 img{
	width: 4.4rem;
	height: 9.99rem;
	margin-right: 0;
	margin-left: 1.7rem;
}
.jb1.jb2 .con{
	margin-top: 0.77rem;
}
.contact .tp{
	margin-bottom: 2.44rem;
}
.contact .tit{
	position: relative;
	font-family: SourceHanSansCN-Regular;
	font-size: 1.3rem;
	letter-spacing: 0.135rem;
	color: #f4f4f4;
	text-align: center;
	margin-bottom: 2rem;
}
.contact .tit span{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: bold;
	text-align: center;
	font-family: MicrosoftYaHei-Bold;
	font-size: 0.759rem;
	letter-spacing: 0.23rem;
	color: #000000;
	top: 0;
	bottom: 0;
	display: flex;
	    align-items: center;
	    justify-content: center;
}
.contact .nr{
	display: flex;
	padding: 0 0.6rem;
}
.contact .box{
	width: 50%;
	text-align: center;
	height: 3.93rem;
		background-color: #ffffff;
		box-shadow: 0px 0.067rem 0.162rem 0px 
			rgba(0, 0, 0, 0.1);
}
.contact .box:last-child{
	margin-left: 0.935em;
}
.contact .box img{
	width: 1.844rem;
	margin-top: -0.867rem;
	height: 1.844rem;
	margin-bottom: 0.477rem;
}
.contact .box p{
	font-family: MicrosoftYaHei;
		font-size: 0.65rem;
		color: #000000;
		
		margin-bottom: 0.279rem;
}
.contact .box span{
	display: block;
	font-family: MicrosoftYaHei;
		font-size: 0.433rem;
	
		color: #000000;
}
.about img{
	max-width: 100%;
}
.about .tp{
	position: relative;
}
.about .nr{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0.949rem;
	display: flex;
	    flex-direction: column;
	    justify-content: center;
	max-width:8.7rem;
}
.about .nr em{
	font-style: normal;
	font-family: MicrosoftYaHei;
		font-size: 0.65rem;
		font-weight: normal;
		font-stretch: normal;
		text-align: right;
		line-height: 0.86rem;
		letter-spacing: 0.1355rem;
		color: #ffffff;
}
.about .nr span{
	text-align: right;
	font-family: SourceHanSerifCN-SemiBold;
		font-size: 0.65rem;
		display: block;
	margin-bottom: 1.5rem;
		line-height:0.86rem;
		letter-spacing: 1px;
		color: #ffffff;
}
.about .nr p{
	font-family: MicrosoftYaHei;
	font-size: 0.379rem;
	text-indent: 2em;
	text-align: justify;
	line-height: 0.86rem;
	color: #ffffff;
}
.about .tit{
	position: relative;
	font-family: SourceHanSansCN-Regular;
	font-size: 1.3rem;
	letter-spacing: 0.135rem;
	color: #f4f4f4;
	text-align: center;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.about .tit span{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: bold;
	text-align: center;
	font-family: MicrosoftYaHei-Bold;
	font-size: 0.759rem;
	letter-spacing: 0.23rem;
	color: #000000;
	top: 0;
	bottom: 0;
	display: flex;
	    align-items: center;
	    justify-content: center;
}
.about .content{
	padding: 0 0.677rem;
	text-align: center;
}
.about .content>img{
	margin: 2rem 0;
}
.about .ms{
	font-family: MicrosoftYaHei;
		font-size: 0.488rem;
		line-height: 1.08rem;
		color: #000000;
}
.pzbz img{
	max-width: 100%;
}
.pzbz .content{
	margin-top: 2rem;
	padding: 0 0.8rem;
	font-family: MicrosoftYaHei;
		font-size: 0.43rem;
		line-height: 0.86rem;
		color: #000000;
}
video{
	max-width: 100%;
	    object-fit: fill;
}
.video .ms{
	font-family: MicrosoftYaHei;
	font-size: 0.813rem;
	margin-top: 0.477rem;
	color: #000000;
	margin-bottom: 0.3rem;
}
.video span{
	display: block;
	font-family: MicrosoftYaHei;
	font-size: 0.488rem;
	color: #848484;
}
.ys .tp{
	position: relative;
}
.ys .nr{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
		max-width: 12.6rem;
}
.ys .tp>img{
	max-width: 100%;
}
.ys .nr>em{
	display: block;
	font-family: MicrosoftYaHei;
		font-size: 0.65rem;
		line-height: 0.65rem;
		letter-spacing: 0.135rem;
		color: #ffffff;
		font-style: normal;
}
.ys .nr>p{
	font-family: MicrosoftYaHei;
		font-size: 0.379rem;
		line-height: 0.8677rem;
		color: #ffffff;
		text-indent: 2em;
		text-align: justify;
		margin-bottom: 1.89rem;
}
.ys .nr>span{
	height: 0.5rem;
	margin-top: 0.54rem;
	font-family: SourceHanSerifCN-SemiBold;
	font-size: 0.65rem;
	letter-spacing: 1px;
	color: #ffffff;
	margin-bottom: 1.89rem;
}
.ys .nr .it{
	display: flex;
	justify-content: space-between;
	width: 100%;
	text-align: center;
	padding: 0 0.732rem;
}
.ys .nr .it .it1 img{
	margin-bottom: 0.577rem;
}
.ys .nr .it .it1:nth-child(1) img{
	width: 1.08rem;
	height: 1.016rem;
}
.ys .nr .it .it1:nth-child(2) img{
	width: 1.016rem;
	height: 1.057rem;
}
.ys .nr .it .it1:nth-child(3) img{
	width: 1.016rem;
	height: 1.016rem;
}
.ys .nr .it .it1 p{
	font-family: MicrosoftYaHei;
		font-size: 0.759rem;
		color: #ffffff;
		margin-bottom: 0.135rem;
}
.ys .nr .it .it1 p em{
	font-size: 0.379rem;
	font-style: normal;
}
.ys .nr .it .it1 span{
	display: block;
	font-family: MicrosoftYaHei;
		font-size: 0.379rem;
		color: #ffffff;
}
.ys .list{
	margin-top: 2.155rem;
	display: flex;
	padding: 0 1.22rem;
}
.ys .list .box{
	position: relative;
	width: 50%;
	height: 11.159rem;
		background-color: #ffffff;
		box-shadow: 0px 0.0677rem 0.1627rem 0px 
			rgba(0, 0, 0, 0.34);
		border-radius: 0.54rem;
		text-align: center;
		padding: 0 0.135rem;
}
.ys .list .box::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 3.18rem;
		height: 0.3118rem;
		background-color: #fee632;
		border-radius: 0px 0px 0.27rem 0.27rem;
	
}
.ys .list .box i{
	font-style: normal;
	text-align: center;
	font-family: MicrosoftYaHei;
		font-size: 0.65rem;
		letter-spacing: 0.0677rem;
		color: #000000;
		margin-top: 1.22rem;
		display: block;
		position: relative;
		padding-bottom: 0.27rem;
		margin-bottom: 0.677rem;
}
.ys .list .box i::before{
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 0.81rem;
		height: 0.081rem;
		background-color: #fee632;
}
.ys .list .box:last-child{
	margin-left: 0.8rem;
}
.ys .list .box p{
	font-family: MicrosoftYaHei;
		font-size: 0.4rem;
		line-height: 0.8677rem;
		color: #000000;
}
.rcwh .list{
	margin-top: 2rem;
	display: flex;
	flex-wrap: wrap;
	padding: 0 0.81rem;
}
.rcwh .list .box{
	width: calc(50% - 0.3385rem);
	text-align: center;
	padding-bottom: 1.08rem;
	position: relative;
	padding-top: 0.9rem;
}
.rcwh .list .box:nth-child(1),.rcwh .list .box:nth-child(2){
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 1.05rem;
}
.rcwh .list .box:nth-child(1)::before,.rcwh .list .box:nth-child(3)::before{
	position: absolute;
	content: '';
	height: 6.77rem;
	right: -0.34rem;
	top: 0;
	background-color: #cfcfcf;
	width: 1px;
}
.rcwh .list .box:nth-child(2n){
	margin-left: 0.677rem;
}
.rcwh .list .box img{
	width: 4.989rem;
	height: 2.98rem;
	margin-bottom: 0.677rem;
}
.rcwh .list .box p{
	font-family: MicrosoftYaHei;
		font-size: 0.43rem;
		line-height: 0.867rem;
}