@charset "utf-8";
.clear{
	clear: both;
}

html, body {
   min-height: 100%; 
}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body { position: relative;
    margin: 0;
    font-size: 16px;
    font-family: "PingFangSC-Regular, sans-serif"," PingFangSC-Medium, sans-serif" ," PingFangSC-Semibold, sans-serif", "微软雅黑";
    line-height: 1.5; color: #333;
}


a, a:hover, a:focus {
    color: #333333;
    text-decoration: none;
}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,select,textarea,hr,blockquote,pre{margin:0;padding:0;}
ul,ol,dl{list-style:none;}
h1, h2, h3, h4, h5, h6,{margin:0px !important; padding:0px !important;   line-height: 1 !important;}

header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 9999;
	background: rgba(255,255,255,1);
	box-shadow: 0 1px 10px rgba(0,0,0,0.1);
}
.pc-nav{
	width: 90%;
	margin: 0 auto;
	height: 90px;
}
.pc-nav .logo{
	float: left;
	width: 65px;
	height: 65px;
	margin-top: 7.5px;
}





header .pc-nav  .tell{
	float: right;
}
header .pc-nav  .tell li{
	float: left;
	margin: 0 3px;
	line-height: 90px;
}
header .pc-nav  .tell li img{
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin-top: 30px;
}
header .pc-nav  .tell li a {
	float: left;
	padding: 0 4px;
	font-size: 16px;
	color: #000000;
}
header .pc-nav  .tell li .wx {
 	position: relative;
}

header .pc-nav  .tell li .code  {
    position: absolute;
    top: 50px;
    left: -15px;
    transition:  all  0.3s  ease ;
    padding: 0;
   width: 0;
   height: 0;
    z-index: 99;
    box-shadow: 1px 0px 1px rgba(0,0,0,0.1);
}
header .pc-nav  .tell li .code  img{
 	display: block;
 	width: 100%;
 	height: 100%;
 	}

header .pc-nav  .tell li .wx:hover .code  {
    position: absolute;
    top: 38px;
    left: -15px;
    min-width: 100px;
    height: 100px;
}















.pc-nav .menu{
	width: calc(100% - 410px );
	float: left;
	text-align: center;
}
.pc-nav .menu li{
	display: inline-block;
	line-height: 90px;
	padding: 0  20px;
}
.pc-nav .menu li a{
	color: #000000;
	font-size: 18px;
}
.pc-nav .menu li.cut a{
	color: #c01200;
}
.pc-nav .menu li a:hover{
color: #c01200;
}


.pc-nav .menu li .down {
    position: absolute;
    width: 100%;
    display: none;
    z-index: 9999;
    left: 0px;
    top:90px;
    background: rgba(255,255,255,0.9);
    padding-top: 10px;
    padding-bottom: 10px;
}

.pc-nav .menu li .down .down-all{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
}

.pc-nav .menu li .down .down-all .pn2 {
    width: 12%;
    display: inline-block;
    padding-bottom: 10px;
    vertical-align: top;
    text-align: center;
}
.pc-nav .menu li .down .down-all .pn2 .pn2-all .pic {
    width: 28px;
    height: 28px;
    margin-top: 20px;
    margin-left: 22px;
}
.pc-nav .menu li .down .down-all .pn2 .pn2-all .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.pc-nav .menu li .down .down-all .pn2 .pn2-all .pic .img2{
display: none;
}
.pc-nav .menu li .down .down-all .pn2 .pn2-all:hover .img1{
display: none;
}
.pc-nav .menu li .down .down-all .pn2 .pn2-all:hover .img2{
display: inherit;
}

.pc-nav .menu li .down .down-all .pn2  .pn2-all h1 {
	text-align: center;
    font-size: 16px;
    color: #494949;
    font-weight: 500;
    text-align: left;
    padding-left: 20px;
    line-height: 36px;
    transition: all 0.3s ease;
}

.pc-nav .menu li .down .down-all .pn2  .pn2-all:hover h1{
	color: #C01200;
}

@media only screen and (min-width: 1000px) and (max-width: 1260px) {
	.pc-nav .menu li{
	display: inline-block;
	padding: 0  10px;
}
}



.phone-nav{
	display: none;
}
.nav-list {
	display: none;
}


@media (max-width:1000px ) {
	.pc-nav{
		display: none;
	}
	.phone-nav{
		width: 100%;
		height: 60px;
		display: inherit;
		position: relative;
	}
	
	.phone-nav .logo{
		width: 40px;
		height: 40px;
		float: left;
		margin-left: 10px;
		margin-top: 10px;
	}
		.phone-nav .logo img{
			display: block;
			width: 100%;
			height: 100%;
	}
	
	.phone-nav .menu-btn{
		width: 35px;
		height: 35px;
		position: absolute;
		right: 10px;
		top:12.5px ;
	}
		.phone-nav .menu-btn img{
			display: block;
			width: 100%;
			height: 100%;
				}

	.nav-x {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.nav-x img {
    display: block;
    width: 100%;
    height: 100%;
}


.nav-list {
    width: 100%;
    background: rgba(255,255,255,0.98);
    position: absolute;
     top: -60px;
    z-index: 99999;
    padding: 60px 30px 20px 30px;
    display:none;
    overflow: inherit !important;
}
.nav-list ul li img{
	display: inline-block;
	width: 24px;
	height: 24px;
}
.nav-list ul li span{
	display: inline-block;
	    color: #000000;
    font-size: 16px;
    padding-left: 5px;
}


 .nav-list li .wx-box{
    position: fixed;
    top: 0px;
    left: 0px;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
    z-index: 9999;

}
 .nav-list li .wx-box img{
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	width: 100px;
 	height: 100px;
 	margin-top: -50px;
 	margin-left: -50px;
 	display: block;
 	    box-shadow: 1px 0px 1px rgba(0,0,0,0.1);
}

}

 .accordion {
 	width: 100%;
 	height: auto;
 }

 .accordion li{
 	position: relative;
 }
.accordion .link {
	cursor: pointer;
	padding: 13px 30px;
	display: block;
	color: #333333;
	font-size: 16px;
	 	border-bottom:1px rgba(0,0,0,0.1) solid;
	font-weight: 500;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li:hover .link {
	color: #C01200;
}
.accordion li i {
	position: absolute;
	top: 15px;
	left: 12px;
	font-size: 18px;
	color: #999999;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.icon-jiantouarrow483{
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
    color: #c01200;
}
.accordion li.open .link1 {
    color: #c01200;
}

.accordion li.open i {
    color: #c01200;
}
.accordion li.open i.icon-jiantouarrow483 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

 .submenu {
 	display: none;
 	background: #f5f5f5;
 	font-size: 15px;
 }

 .submenu li {
 	padding: 10px 0;
 	padding-left: 30px;
 	overflow: hidden;
 	border-bottom: 1px solid rgba(255,255,255,0.6);
 	transition: all 0.6s ease;
 }

 .submenu li img{
 	display: block;
 	width: 20px;
 	height: 20px;
 	float: left;
 	transition: all 0.3s ease;
 }
   .submenu li .img1{
  	display: inherit;
 }
  .submenu li .img2{
  	display: none;
 }
   .submenu li:hover .img1{
  	display: none;
 }
    .submenu li:hover .img2{
  	display: inherit;
 }
 .submenu a {
 	display: block;
 	 transition: all 0.3s ease;
 	text-decoration: none;
 	color: #333333;
 	float: left;
 	 padding-left: 10px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu li:hover a{
 	color: #C01200;

 }



.banner{
	width: 100%;
	height: auto;
	margin-top: 90px;
}

.banner .s1{
	width: 100%;
	height: auto;
	}
	
.banner .s1 img{
			display: block;
			width: 100%;
			height: 100%;
	}
	
	.banner .s1 .img2{
			display: none;
	}


@media(max-width:1000px ) {
	.banner{
		width: 100%;
		margin-top: 60px;
	}
}

@media  (max-width:600px ) {
		
	.banner .s1 .img1{
			display: none;
	}
	.banner .s1 .img2{
			display: inherit;
	}
}


.banner .s1 .swiper-button-next {
    background-image: url(../img/a004.png);
    right: 5%;
    left: auto;
}
.banner .s1 .swiper-button-prev{
    background-image: url(../img/a003.png);
    left: 5%;
    right: auto;
}

.banner .s1 .swiper-button-prev, .banner .s1 .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 34px;
    margin-top: -17px;
    z-index: 10;
    cursor: pointer;
    background-size: 28px 34px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
    transition: all  0.3s  ease ;
}

.banner .s1:hover  .swiper-button-prev, .banner .s1:hover  .swiper-button-next {
    opacity: 1;
}

.banner .s1 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #9c9c9c;
    opacity: 0.9;
}

.banner .s1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFFFFF;
}

.h120{
	width: 100%;
	height: 110px;
	overflow: hidden;
}
@media (max-width:600px ) {
  .h120{
	width: 100%;
	height: 60px;
	overflow: hidden;
  }
}

/*内页头图*/
.banners{
	width: 100%;
	height: auto;
	margin-top: 90px;
}
.banners img{
	display: block;
	width: 100%;
	height: 100%;
}
.banners .img2{
	display: none;
}

@media  (max-width:1000px ) {
	.banners{
	width: 100%;
	height: auto;
	margin-top: 60px;
}
}

@media  (max-width:600px ) {
		
.banners .img1{
			display: none;
	}
	.banners .img2{
			display: inherit;
	}
}










/*项目*/
.sr{
	width: 100%;
	height: auto;
}
.sr .sr-c{
	width: 90%;
	max-width: 1290px;
	min-width: 350px;
	margin: 0 auto;
	overflow: hidden;
}
.sr .sr-c li{
	width: calc(25% - 90px);
	float: left;
	margin: 45px;
	position: relative;
}
.sr .sr-c li .ico{
	width: 29%;
	height: auto;
	margin: 0 auto;
}
.sr .sr-c li .ico  img{
	display: block;
	width: 100%;
	height: 100%;
}
.sr .sr-c li .ico  .img2{
	display: none;
}
.sr .sr-c li:hover .ico  .img1{
	display: none;
}
.sr .sr-c li:hover .ico  .img2{
	display:inherit;
	transition: all 0.3s ease;
}

.sr .sr-c li:hover .sr-z, .sr .sr-c li:hover .sr-e{
	color: #C01200;
	transition: all 0.3s ease;
}

.sr .sr-c li .sr-z{
	width: 100%;
	text-align: center;
	margin-top:20px;
	font-size: 22px;
	color: #666666;
}
.sr .sr-c li .sr-e{
width: 100%;
text-align: center;
font-size: 18px;
color: #666666;
margin-top: 10px;
}


@media (max-width:1170px ) {
	.sr .sr-c li{
	width: calc(25% - 30px);
	margin: 15px;

}
.sr .sr-c li .sr-z{
	font-size: 16px;
}
.sr .sr-c li .sr-e{
font-size: 16px;
}
}
@media (max-width:800px ) {
.sr .sr-c li{
	width: calc(25% - 30px);
	margin: 15px;
}
.sr .sr-c li .ico{
	width: 40%;
	height: auto;
	margin: 0 auto;
}

.sr .sr-c li .sr-z{
	font-size: 16px;
}
.sr .sr-c li .sr-e{
font-size: 16px;
}
}

@media (max-width:600px ) {
.sr .sr-c li{
	width: calc(50% - 50px);
	margin: 25px;
}
.sr .sr-c li .ico{
	width: 40%;
	height: auto;
	margin: 0 auto;
}
.sr .sr-c li .sr-z{
	font-size: 16px;
}
.sr .sr-c li .sr-e{
font-size: 14px;
}
}

.photo{
	width: 100%;
	
}
.photo-c{
	width: calc(100% - 50px);
	margin: 0 auto;
	overflow: hidden;
	
}
.photo-c li{
	width: calc(25% - 6px);
		transition:  all 0.5s ease;
	height: auto;
	float: left;
	margin: 3px;
	overflow: hidden;
	position: relative;
	
}
.photo-c li img{
	display: block;
	width: 100%;
	height: 100%;
}

@media (max-width: 980px) {
	.photo-c li{
	width: calc(50% - 6px);
	float: left;
	margin: 3px;
}
	
}
@media (max-width: 500px) {
	.photo-c{
	width: calc(100% - 30px);
	margin: 0 auto;
	overflow: hidden;
	
}
	.photo-c li{
	width: calc(50% - 4px);
	float: left;
	margin: 2px;
}
	
}

.photo-c li:hover img{
	transform: scale(1.2);
	transition: all 0.6s ease;
}




.i-ab{
	width: 100%;
	height: auto;
	
}
.i-ab .title{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	height: auto;
	
}
.i-ab .title img{
	display: block;
	width: 180px;
	margin: 0 auto;
	height: auto;
}

@media (max-width:600px ) {
	.i-ab .title img{
	display: block;
	width: 130px;
	margin: 0 auto;
	height: auto;
}
}

.i-ab .text{
	width: 90%;
	max-width: 1250px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #3e3a39;
	margin-top: 50px;
}
.i-ab .text p{
	font-size: 16px;
	color: #3e3a39;
	line-height: 2;
}
@media  (max-width:600px ) {
	.i-ab .text p{
	font-size: 16px;
	color: #3e3a39;
	line-height: 30px;
}
}

.i-ab ul{
	width: 90%;
	max-width: 1250px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.i-ab ul li{
	width: 25%;
	height: auto;
	float: left;
	text-align: center;
	margin: 20px 0;
}
.i-ab ul li .ico{
	display: inline-block;
	width: 53.5%;
	height: auto;
}
.i-ab ul li .ico img{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.i-ab ul li .ico .img2{
	display: none;
}
.i-ab ul li .sr-z{
	font-size: 22px;
	color: #333333;
	margin-top: 20px;
}
.i-ab ul li .sr-e{
	font-size: 12px;
	color: #333333;
	margin-top: 10px;
}
.i-ab ul li:hover  .sr-e, .i-ab ul li:hover .sr-z{
color: #C01200;
}

.i-ab ul li:hover  .img1{
	display: none;
}
.i-ab ul li:hover  .img2{
	display: inherit;
	transition: all 0.3s ease;
}
@media (max-width:600px ) {
	.i-ab ul{
		width: 100%;
		padding: 0 30px;
		height: auto;
		overflow: hidden;
		margin-top: 25px;
}
	.i-ab ul li{
	width: 50%;
	height: auto;
	float: left;
	text-align: center;
	margin: 20px 0;
}
.i-ab ul li .ico{
	display: inline-block;
	width: 60%;
	height: auto;
}
.i-ab ul li .sr-z{
	font-size: 16px;

}
.i-ab ul li .sr-e{
	font-size: 12px;

}
}

.i-pic{
	width: 100%;
	height: auto;
}
.i-pic img{
	display: block;
	width: 100%;
	height: 100%;
}

.i-box{
	width: 100%;
	height: auto;
}
.i-box ul{
	width: 90%;
	max-width: 1500px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
.i-box ul li{
	width: calc(33.3% - 3px);
	margin:2.5px  1.5px;
	max-width: 1500px;	
	float: left;
	height: auto;
	position: relative;
}
.i-box ul li img{
	display: block;
	width: 100%;
	height: 100%;
}
.i-box ul li .i-box-bk{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.9);
	width: 100%;
	height:100%;
	display: none;
	transition: all 0.3s ease;
}
.i-box ul li .i-box-bk h5{
	width: 100%;
	font-size:16px ;
	font-weight: 500;
	color: #272727;
	padding-left: 6%;
	margin-top:4%;
	font-family:"PingFangSC-Semibold, sans-serif" ;
}
.i-box ul li .i-box-bk h6{
	width: 100%;
	font-size:16px ;
	font-weight: 500;
	color: #272727;
padding-left: 6%;
	margin-top:2%;
}
.i-box ul li:hover  .i-box-bk {
	display: inherit;
	transition: all 0.5s ease;
}

@media(max-width:600px ) {
		.i-box ul{
			width: 100%;
			height: auto;
			padding: 0 15px;
		}
	
	.i-box ul li{
	width: calc(50% - 3px);
	margin:2.5px  1.5px;
	max-width: 1500px;	
	float: left;
	height: auto;
	position: relative;
}
	.i-box ul li:last-child{
		display: none;
}
.i-box ul li .i-box-bk h5{

	font-size:15px ;

}
.i-box ul li .i-box-bk h6{

	font-size:15px ;

}
}


/*底部*/
.footer{
	width: 100%;
	height: auto;
	background: #313131;
	padding: 90px 0;
}
.footer1{
	width: 90%;
	height: auto;
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 20px;
}
.footer1 ul{
	width: calc(100% - 110px);
	float: left;
	color: #FFFFFF;
}
.footer1 ul li{
	width:25%;
	float: left;
}
.footer1 ul li h5{
	color: #FFFFFF;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 30px;
}
.footer1 ul li a{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
}

.footer1  .wx{
	width: 110px;
	height: auto;
	float: right;
}
.footer1  .wx .code{
	display: block;
	width: 108px;
	height: auto;
	margin: 0 auto;
}
.footer1  .wx h6{
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	margin-top: 15px;
	font-family: "PingFangSC-Semibold, sans-serif";
}
.footer2{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 90px;
	color: #FFFFFF;
}
.footer2-b{
	width: 100%;
	height: auto;
	padding: 10px;
	font-size: 12px;
	border-bottom: 1px #d2d2d2 solid;
	margin-bottom: 10px;
}
.footer2-b span{
	font-size: 12px;
	color: #ff6600;
}
.footer2-c{
	width: 100%;
	height: auto;
	font-size: 12px;
	color: #FFFFFF;
}
.footer2-c .footer2-c-l {
	display: inline-block;
	width: calc(100%  -  50px );
	height: auto;
}

.footer2-c span{
	padding-right: 8px;
}

.footer2-c a{
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 2px;
}

.footer2-c .footer2-c-a a:hover{
	color: #C01200;
}
.footer2-c  .footer2-c-r{
	display: inline-block;
	text-align: right;
	width: 46px;
}
.footer2-c .footer2-c-r span{
	font-size: 12px;
	color: #FFFFFF;
	padding-right: 0;
}
.footer2-c .footer2-c-r b{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #e60012;
	font-weight: 500;
	text-align: center;
	border-radius: 50%;
}
.footer2-c .footer2-c-r b span{
	width: 100%;
	display: inline-block;
	color: #FFFFFF;
	line-height: 16px;
	font-size: 12px;
	transform: scale(0.75);
}
.phone-footer{
	display:none ;
}


@media (max-width:600px ) {
	.footer{
		display: none;
	}
	
	.phone-footer{
		width: 100%;
		height: auto;
         display: inherit;
		background: url(../img/b050.jpg)center no-repeat;
		background-size: cover;
		
	}
	.phone-footer1{
		width: 100%;
		height: auto;
		background: rgba(0,0,0,0.85);
		padding: 30px 0 25px 0;
		
	}
	.phone-footer .logo{
	width: 100%;
	height: auto;
	}
	
	.phone-footer .logo img{
		display: block;
		width: 18%;
		height: auto;
		margin: 0 auto;
	}
	
	.phone-footer .footer-nav {
		width: 100%;
		padding: 0 30px;
		height: auto;
		text-align: center;
		margin-top: 25px;
		overflow: hidden;
	}
		.phone-footer .footer-nav a{
			display: inline-block;
			width: 32%;
			border: 1px solid #FFFFFF;
			margin: 0;
			float: left;
			text-align: center;
			color: #FFFFFF;
			font-size: 16px;
			line-height: 40px;
	}
	
	.phone-footer .ico{
		width: 100%;
		height: auto;
		margin-top: 25px;
	}
		.phone-footer .ico img{
			display: block;
			width: 22px;
			height: auto;
			margin: 0 auto;
			margin-bottom: 20px;
	}
			.phone-footer .ico span{
				display: block;
				width: 100%;
				text-align: center;
				color: #FFFFFF;
				font-size: 18px;
				line-height: 2;
	}
	.phone-footer .code{
	width: 100%;
	height: auto;
	margin-top: 25px;
}
.phone-footer .code img{
	display: block;
	width: 20%;
	height: auto;
	margin: 0 auto;
}
	
	.phone-footer .code h6{
		width: 100%;
		text-align: center;
		font-weight: 500;
		font-size: 12px;
		font-family: "PingFangSC-Semibold, sans-serif";
		color: #FFFFFF;
		margin-top: 15px;
}
		.phone-footer .ba{
			width: 100%;
			padding: 0 30px;
			color: #FFFFFF;
			font-size: 12px;
			text-align: center;
			margin-top: 20px;
}
			.phone-footer .ba p{
				color: #FFFFFF;
				font-size: 12px;
				line-height: 20px;
            }
            	.phone-footer .ba p a{
				color: #FFFFFF;
				font-size: 12px;
            }
	
}











/*服务系统*/
.ser1{
	width: 100%;
	height: auto;
	
}
.ser1 .title{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	height: auto;
	
}
.ser1 .title img{
	display: block;
	width:210px;
	margin: 0 auto;
	height: auto;
}

@media (max-width:600px ) {
	.ser1 .title img{
	display: block;
	width: 140px;
	margin: 0 auto;
	height: auto;
}
}

	.ser1 .text{
	width: 90%;
	max-width: 1250px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #3e3a39;
	margin-top: 50px;
}
	.ser1 .text p{
	font-size: 16px;
	color: #3e3a39;
	line-height: 2;
}
@media  (max-width:600px ) {
		.ser1 .text p{
	font-size: 16px;
	color: #3e3a39;
	line-height: 30px;
}
}

	.ser1 ul{
	width: 90%;
	max-width: 1250px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
	.ser1 ul li{
	width: 25%;
	height: auto;
	float: left;
	text-align: center;
	margin: 20px 0;
}
	.ser1 ul li .ico{
	display: inline-block;
	width: 53.5%;
	height: auto;
}
	.ser1 ul li .ico img{
	display: inline-block;
	width: 100%;
	height: 100%;
}
	.ser1 ul li .ico .img2{
	display: none;
}
	.ser1 ul li .sr-z{
	font-size: 22px;
	color: #333333;
	margin-top: 20px;
}
	.ser1 ul li .sr-e{
	font-size: 12px;
	color: #333333;
	margin-top: 10px;
}
	.ser1 ul li:hover  .sr-e, 	.ser1 ul li:hover .sr-z{
color: #C01200;
}

	.ser1 ul li:hover  .img1{
	display: none;
}
	.ser1 ul li:hover  .img2{
	display: inherit;
	transition: all 0.3s ease;
}
@media (max-width:600px ) {
		.ser1 ul{
		width: 100%;
		padding: 0 30px;
		height: auto;
		overflow: hidden;
		margin-top: 25px;
}
		.ser1 ul li{
	width: 50%;
	height: auto;
	float: left;
	text-align: center;
	margin: 20px 0;
}
	.ser1 ul li .ico{
	display: inline-block;
	width: 60%;
	height: auto;
}
	.ser1 ul li .sr-z{
	font-size: 16px;

}
	.ser1 ul li .sr-e{
	font-size: 12px;

}
}

.fur-pic{
	width: 100%;
	height: auto;
}
.fur-pic img{
	display: inline-block;
	width: 100%;
	height: 100%;
}





.ser-w{
	width: 100%;
	height: auto;
}
.ser-w ul{
	width: 90%;
	max-width: 1050px;
	margin: 0 auto;
	height: auto;
}
.ser-w ul li{
	display: inline-block;
	width: 14.2%;
	float: left;
	text-align: center;
}


.ser-w2 ul{
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
	height: auto;
}
.ser-w2 ul li{
	display: inline-block;
	width: 16.6%;
	float: left;
	text-align: center;
}



.ser-w ul li b{
	display:block;
	width: 14px;
	height: 14px;
	margin: 0 auto;
	margin-top: 30px;
	background: #434343;
	border-radius: 50%;
}
.ser-w ul li span{
        display: inline-block;
	    writing-mode: vertical-lr;
	    font-size: 33px;
	    	text-align: center;
	    	margin-top: 20px;
	    	line-height: 1.5;
}
@media  (max-width:900px){
.ser-w ul li b{
	display:block;
	width: 9px;
	height: 9px;
	margin: 0 auto;
	margin-top: 30px;
	background: #434343;
	border-radius: 50%;
}
.ser-w ul li span{
        display: inline-block;
	    writing-mode: vertical-lr;
	    font-size:18px;
	    	text-align: center;
	    	margin-top: 20px;
	    	line-height: 1.5;
}
}


/*关于我们*/
.i-ab2 .title img{
    display: block;
    width: 530px;
    margin: 0 auto;
    height: auto;
}

@media (max-width:660px ) {
	.i-ab2 .title img{
    display: block;
    width: 300px;
    margin: 0 auto;
    height: auto;
}
}

.ab2{
	width: 100%;
	height: auto;
}
.ab2 .title{
	width: 100%;
	height: auto;
}
.ab2 .title img{
    display: block;
    width: 180px;
    margin: 0 auto;
    height: auto;
}

@media (max-width:660px ) {
.ab2 .title img{
    display: block;
    width: 130px;
    margin: 0 auto;
    height: auto;
}
}


.ab2 .text{
	width: 90%;
	max-width: 1250px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #3e3a39;
	margin-top: 50px;
}
.ab2 .text p{
	font-size: 16px;
	color: #3e3a39;
	line-height: 2;
}
@media  (max-width:600px ) {
	.ab2 .text p{
	font-size: 16px;
	color: #3e3a39;
	line-height: 30px;
}
}
.ab2 .ab2-pic{
	width: 100%;
	height: auto;
}
.ab2 .ab2-pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.ab2 ul{
	width: 95%;
	max-width: 1500px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
.ab2 ul li{
	width: calc(25% - 10px);
	margin: 15px 5px;
	float: left;
	height: auto;
}
.ab2 ul li img{
	display: block;
	width: 100%;
	height: 100%;
}
@media  (max-width:800px ) {
	.ab2 ul li{
	width: calc(50% - 10px);
	margin: 15px 5px;
	float: left;
	height: auto;
}
.ab2 ul li img{
	display: block;
	width: 100%;
	height: 100%;
}
}





/*加盟*/
.join-box{
	width: 100%;
	height: auto;
	background: #efefef;
}
.join1{
	width: 100%;
	height: auto;
}
.join1 ul{
	width: 95%;
	height: auto;
	max-width: 1650px;
	margin: 0 auto;
	text-align: center;
}
.join1 ul li{
	display: inline-block;
	width: calc(20% - 30px);
	margin: 13px;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 50px 0 30px 0 !important;
	vertical-align:top;
}
.join1 ul li  .title{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.join1 ul li .title img{
	display: block;
	width: 73%;
	height: auto;
	margin: 0 auto;
}

.join1 ul li  .ico{
	width: 100%;
	height: auto;
	margin-top: 40px;
	overflow: hidden;
}
.join1 ul li .ico img{
display: block;
	width: 42%;
	height: auto;
	margin: 0 auto;
}


.join1 ul li  span{
	display: block;
	width: 15%;
	margin: 0 auto;
	height: 3px;
	background: #c9c9c9;
	margin-top: 40px;
}
.join1 ul li  .text{
width: 100%;
padding: 0 20px;
height: 168px;
margin-top: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
word-break: break-all;
}
.join1 ul li  .text p{
	font-size:16px;
	color: #3e3a39;
}


.join1 ul li:hover{
	transition: all 0.3s ease;
	box-shadow: 0px 0 13px rgba(0,0,0,0.8);
}

@media (max-width:900px ) {
	.join1 ul li{
	display: inline-block;
	width: calc(33.3% - 30px);
	margin: 13px;

}
}

@media(max-width:600px ) {
		.join1 ul li{
	display: inline-block;
	width: calc(33.3% - 15px);
	margin: 6px;
	padding: 35px 0 25px 0;
}

.join1 ul li .title img{
	width: 80%;
}
.join1 ul li  .ico{

	margin-top: 20px;
}

.join1 ul li .ico img{
	width: 50%;
}
.join1 ul li  span{
	display: block;
	width: 20%;
	margin: 0 auto;
	height: 3px;
	background: #c9c9c9;
	margin-top: 20px;
}

.join1 ul li  .text{
width: 100%;
padding: 0 10%;
height: 190px;
margin-top: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
word-break: break-all;
}
.join1 ul li  .text p{
	font-size:13px;
	color: #3e3a39;
}
}

@media(max-width:480px ) {
		.join1 ul li{
	display: inline-block;
	width: calc(50% - 12px);
	margin: 6px 4px;
}

.join1 ul li  .text{
width: 100%;
padding: 0 8%;
height: 126px;
margin-top: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
word-break: break-all;
}
.join1 ul li  .text p{
	font-size:12px;
	color: #3e3a39;
}
}
































.join2{
	width: 100%;
	height: auto;
}
.join2-c{
	width:95%;
	max-width: 1650px;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 5.5% 0;
}
.join2-c .title{
	width: 100%;
	height: auto;
}
.join2-c .title img{
	display: block;
	width: 300px;
	height: auto;
	margin: 0 auto;
}
@media  (max-width:600px ) {
	.join2-c .title img{
	display: block;
	width: 200px;
	height: auto;
	margin: 0 auto;
}
}
.join2-c .tk{
	width: 80%;
	max-width: 1050px;
	margin: 0 auto;
	margin-top: 35px;
}
.join2-c .tk .c1{
	border: none;
	width: 100%;
	height: 60px;
	margin: 20px 0;
	line-height: 60px;
	border-bottom:1px #a0a0a0 solid ;
	font-size: 18px;
	color: #3e3a39;
}

.join2-c .tk .c2{
	border: none;
	width: calc(50% - 40px);
	float: left;
	height: 60px;
	margin:20px 0;
	line-height: 60px;
	border-bottom:1px #a0a0a0 solid ;
	font-size: 18px;
	color: #3e3a39;
}
.join2-c .tk .c3{
	border: none;
	width: calc(50% - 40px);
	float: left;
	margin: 20px  0  20px 80px;
	height: 60px;
	line-height: 60px;
	border-bottom:1px #a0a0a0 solid ;
	font-size: 18px;
	color: #3e3a39;
}
.join2-c .tk .c4{
	width: 100%;
	float: left;
	margin: 20px 0 50px 0;
	padding-left: 20px;
	 font-family: "PingFangSC-Regular, sans-serif";
	   color: #3e3a39;
	height: 96px;
	float: left;
	line-height: 60px;
	border-bottom:1px #a0a0a0 solid ;
	font-size: 18px;
	color: #3e3a39;
}
.join2-c .tk .btn{
	display: block;
	width: 170px;
	height: 48px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 18px;
	background: none;
	border:1px #a0a0a0 solid ;
	line-height: 48px;
	text-align: center;
}



.join2-c .tk input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #3e3a39;
  font-family: "PingFangSC-Regular, sans-serif";
}
.join2-c .tk input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #3e3a39;
    font-family: "PingFangSC-Regular, sans-serif";
}
.join2-c .tk input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #3e3a39;
  font-family: "PingFangSC-Regular, sans-serif";
}
.join2-c .tk input::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #3e3a39;
     font-family: "PingFangSC-Regular, sans-serif";
}


.join2-c .tk textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #3e3a39;
  font-family: "PingFangSC-Regular, sans-serif";
}
.join2-c .tk textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #3e3a39;
    font-family: "PingFangSC-Regular, sans-serif";
}
.join2-c .tk textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #3e3a39;
  font-family: "PingFangSC-Regular, sans-serif";
}
.join2-c .tk textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #3e3a39;
     font-family: "PingFangSC-Regular, sans-serif";
}



@media  (max-width:600px ) {
	
	.join2-c .tk .c1{
	width: 100%;
	height: 50px;
	margin: 10px 0;
	line-height: 50px;
	font-size: 14px;

}
	.join2-c .tk .c2{
	width:100%;
	height: 50px;
	margin:10px 0;
	line-height: 50px;
	font-size: 14px;

}
.join2-c .tk .c3{
	width: 100%;
	margin: 10px  0;
	height: 50px;
	line-height: 50px;
	font-size: 14px;

}

.join2-c .tk .c4{
	width: 100%;
	margin: 10px 0 20px 0;

	   color: #3e3a39;
	height: 96px;
	line-height: 50px;
	font-size: 14px;
	color: #3e3a39;
}
.join2-c .tk .btn{
	display: block;
	width: 150px;
	height: 40px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 14px;
	background: none;
	border:1px #a0a0a0 solid ;
	line-height: 40px;
	text-align: center;
}

.join2-c{
	padding: 10% 0;
}


}




/*联系我们*/


.contact{
	widows: 100%;
	height: auto;
}
.contact-c{
	width: 90%;
	max-width: 1450px;
	margin: 0 auto;
	height: auto;
}

.contact  .c1-c-l{
	width: 40%;
  	max-width: 500px;
  	float: left;
  }  
.contact  .c1-c-l .title{
    	width: 100%;
    	height: auto;
  }  
.contact  .c1-c-l .title span{
     	display: block;
    	width: 70%;
    	height:2px;
    	background: #e60012;
    	margin: 5px 0 ;
  } 
.contact  .c1-c-l .title h4{
  font-family: " PingFangSC-Semibold, sans-serif",  "微软雅黑";
       	width: 100%;
       	font-size: 42px;
       	font-weight: 500;
       	color: #444444;
 }  
.contact  .c1-c-l .title  .pic{
	width: 100%;
	height: auto;
	margin-top: 10px;
 }   
 .contact  .c1-c-l .title  .pic img{
 	display: block;
 	width: 100%;
 	max-width: 500px;
 	height:auto;
 } 
.contact  .c1-c-l .title p{
         border-top:  1px  #dcdcdc solid;
         padding-top: 10px;
       	width: 100%;
       	font-size: 14px;
       	color: #444444;
 }  
 
 
.contact .c1-c-l-con{
 	width: 100%;
 	height: auto;
 	margin-top:30px ;
} 
.contact  .c1-c-l-con-top{
 	width: 100%;
 	overflow: hidden;
}   
.contact  .c1-c-l-con-top img{
 	width: 40px;
 	height: 40px;
 	float: left;
}   
.contact .c1-c-l-con-top  p {
 	float: left;
 	margin-left: 15px;
 	line-height: 30px;
 	font-size: 20px;
} 
.contact .c1-c-l-con ul{
    	width: 100%;
    	height: auto;
    	margin-top: 15px;
    }   
.contact .c1-c-l-con  dl{
 	width: 100%;
    	overflow: hidden;
    	font-size: 14px;
    	margin: 5px 0;
    } 
    .contact .c1-c-l-con  dt{
       	width: 70px;
       	float: left;
       	font-size: 14px;
       	color: #444444;
       	    text-align: justify;
    text-align-last: justify;
    }   
     .contact .c1-c-l-con  dd{
       	width: calc( 100% - 70px);
       	float: left;
       	font-size: 14px;
       	color: #444444;
    } 
    
.contact .c1-c-r{
	width: 55%;
	height: auto;
	float: right;
}
.contact .c1-c-r  #map{
	width: 100%;
	height: 450px;
}
.contact .c1-c-r p{
	width: 100%;
	font-size: 20px;
	text-align: center;
	margin-top: 15px;
	color: #444444;
}
@media (max-width:900px ) {
	
	.contact  .c1-c-l{
	width: 90%;
  	max-width: 500px;
  	float: left;
  }  
	
	.contact .c1-c-r{
	width: 100%;
	height: auto;
	margin-top: 40px;
}
	.contact  .c1-c-l .title h4{
  font-family: " PingFangSC-Semibold, sans-serif",  "微软雅黑";
       	width: 100%;
       	font-size: 30px;
       	font-weight: 500;
       	color: #444444;
 }  
	
}




/*家具*/
.pr-box{
	width: 100%;
	height: auto;
	background: #efefef;
}
.pr-box .fur-sort{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	height: auto;
	text-align: center;
}
.pr-box .fur-sort a{
	display: inline-block;
	color: #000000;
	font-size: 20px;
	padding: 0 5% ;
}
.pr-box .fur-sort a:hover{
	color: #C01200;
}
.pr-box .fur-sort a.cut{
	color: #C01200;
}
.pr-box  ul{
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
	height: auto;
	margin-top: 80px;
}
.pr-box  ul li{
	width: calc(25% - 30px);
	float: left;
	margin: 25px 15px ;
	height: auto;
}
.pr-box  ul li .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.pr-box  ul li .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.pr-box  ul li h6{
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #101010;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pr-box  ul li:hover img{
	transition: all 0.6s ease;
	transform: scale(1.2);
}

@media (max-width:1000px ) {
	.pr-box  ul li{
	width: calc(25% - 16px);
	float: left;
	margin: 20px 8px ;
	height: auto;
}
}
@media (max-width:720px ) {
	.pr-box  ul{
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
	height: auto;
	margin-top: 60px;
}
	
	
	.pr-box  ul li{
	width: calc(50% - 30px);
	float: left;
	margin: 20px 15px ;
	height: auto;
}
.pr-box  ul li h6{
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #101010;
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

}
@media (max-width:480px ) {
	
	.pr-box  ul li{
	width: calc(50% - 16px);
	float: left;
	margin: 20px 8px ;
	height: auto;
}
.pr-box  ul li h6{
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #101010;
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
}

.pr-box2{
	width: 100%;
	margin-top: 90px;
}
@media (max-width:1000px ) {
	.pr-box2{
	width: 100%;
	margin-top: 60px;
}
}
.pr-box .fur-d{
	width: 90%;
	max-width: 1400px;
	height: auto;
	margin: 0 auto;
    padding-top: 45px;
    overflow: hidden;
}
.pr-box .fur-d-l{
	width: 69.5%;
	height: auto;
	float: left;
}
.pr-box .fur-d-l .s2{
	width: 100%;
	height: auto;
	
}
.pr-box .fur-d-l .s2 img{
	display: block;
	width: 100%;
	height: 100%;
	
}


.pr-box .fur-d-l .s2 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000000;
}







.pr-box .fur-d-r{
	width: 25%;
	height: auto;
	float: right;
}
.pr-box .fur-d-r .title{
	width: 100%;
	height: auto;
	padding-bottom: 8%;
	border-bottom: 1px #1b1b1b solid;
}
.pr-box .fur-d-r .title h5{
	width: 100%;
	font-size: 20px;
	color: #000000;
	font-weight: 500;
}
.pr-box .fur-d-r .title h6{
	width: 100%;
	font-size: 20px;
	color: #000000;
		font-weight: 500;
}
.pr-box .fur-d-r .title p{
	display: block;
	width: 100%;
	font-size: 16px;
	color: #000000;
	margin-top: 8%;
}
.pr-box .fur-d-r .fur-j{
	width: 100%;
	height: auto;
	padding-top: 8%;
}
.pr-box .fur-d-r .fur-j p{
	width: 100%;
	color: #000000;
	font-size: 16px;
}
.pr-box .fur-d-r .fur-j  span{
	display: inline-block;
	height: auto;
	padding: 2px 5px;
		color: #000000;
	font-size: 16px;
	border: 1px #1B1B1B solid;
	margin: 12px 0;
}
.pr-box .fur-d-r .fur-j  span:last-child{
	border: none;
	padding: 0;
}
.pr-box .fur-d-r  .btn{
	display: block;
	width: 150px;
	background: #1B1B1B;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	line-height: 45px;
	margin-top: 8%;
}
.pr-box .fur-d-r  b{
	display: block;
	font-size: 10px;
	color: #282828;
	font-weight: lighter;
}

@media (max-width:1024px ) {
	.pr-box .fur-d-l{
		width: 100%;
	}
	.pr-box .fur-d-r {
		width: 100%;
		margin-top: 40px;
}
}
@media  (max-width:600px ) {
		.pr-box .fur-d{
		width: 100%;
		padding: 45px 30px 0 30px;
}
	
}