@charset "utf-8";
.head{
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.head_height{
	height: 165px;
}
.ht{
	height: 110px;
	background: #fef4f1;
}
.logo{
	display: inline-block;
	height: 72px;
}
.htr a{
	margin-left: 20px;
}
.htr1,.htr2{
	display: flex;
	align-items: center;
}
.htr2 a{
	display: flex;
	align-items: center;
}
.htr2 a img{
	display: block;
}
.htr1 a{
	line-height: 33px;
	border: 1px solid #F15929;
	display: inline-block;
	padding: 0 18px;
	border-radius: 30px;
	color: #F15929;
}
.htr1 a.active,.htr1 a:hover{
	background: #F15929;
	color: #fff;
}
.htr2 a:hover{
	color: #fff;
}
.nav li{
	position: relative;
	flex: 0;
	flex-grow: 1;
}
.nava{
	display: block;
	line-height: 55px;
	text-align: center;
}
.nav li.active .nava,.nav li:hover .nava{
	color: #F15929;
}
.navhide{
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: 10px;
	transition: .25s;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	z-index: 9;
}
.navhide a{
	font-size: 14px;
	line-height: 45px;
	color: #666;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	padding: 0 10px;
	position: relative;
	z-index: 9;
}
.navhide a:hover,.navhide a.active{
	background: #f5f5f5;
	color: #F15929;
}
.nav li:hover .navhide{
	opacity: 1;
	visibility: inherit;
	margin-top: 0;
}
.foot{
	background: #4c4e58;
	color: #fff;
}
.foot a{
	color: #fff;
}
.foot a:hover{
	color: #F15929;
}
.ft{
	padding: 60px 0;
	border-bottom: 1px solid rgba(255,255,255,.1);
}
.fb{
	padding: 25px 0;
}
.fttl{
	width: 40%;
	margin-right: 3.5%;
}
.fttra:last-child{
	margin-right: 10%;
}
.ftba{
	width: 140px;
	margin-right: 2.5%;
}
.ftba img{
	margin: 0 auto;
	max-width: 90%;
}
.fb{
	line-height: 25px;
	padding: 20px 0;
	font-size: 12px;
}
.fb a{
	color: #fff;
}
.flogo{
	display: inline-block;
	height: 60px;
}
.fbb a{
	margin: 0 5px;
}
.right{
	position: fixed;
	right: 15px;
	top: 40%;
	z-index: 99;
}
.rta{
	margin-bottom: 15px;
	position: relative;
}
.rta_a{
	width: 48px;
	height: 48px;
	border-radius: 100%;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}
.rta_a img{
	transition: .25s;
	filter: grayscale(100%);
	filter: gray;
}
.rta:hover .rta_a img{
	filter: inherit;
}
#gotop{
	display: none;
}
.rhide{
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	position: absolute;
	right: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	padding: 10px;
	background: #fff;
}
.rta:hover .rhide{
	opacity: 1;
	visibility: inherit;
	margin-right: 15px;
}
.md{
	padding: 85px 0;
}
.ititle_48{
	font-size: 48px;
}
.itopline{
	display: inline-block;
	height: 5px;
	width: 48px;
	margin-left: 15px;
}
.i1a{
	width: 25%;
}
.i1a_a{
	border: 1px solid #E6E6E6;
}
.i1abg{
	background: #f15929;
	color: #fff;
	padding: 20px;
}
.i1abg2{
	background: #f19529;
}
.i1abg3{
	background: #f27a45;
}
.i1abg4{
	background: #f1a329;
}
.i1atxt{
	padding: 30px;
	padding-bottom: 0;
}
.i1atxta{
	width: 48%;
	color: #666;
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 35px;
}
.i1atxta:hover{
	color: #F15929;
}
.i1atxta i{
	width: 6px;
	height: 6px;
	background: #F15929;
	border-radius: 100%;
	margin-right: 8px;
}
.i1atxta_p{
	position: absolute;
	top: 100%;
	left: 8px;
	font-size: 12px;
	color: #999;
}
.itopl{
	display: block;
}
.itopl i{
	display: block;
	margin-left: 0;
	margin-top: 15px;
}
.i2{
	background: url(../images/i2bg_02.jpg) no-repeat center;
	background-size: cover;
}
.i2l{
	width: 37%;
}
.i2r{
	background: #ff6829;
}
.i2la{
	width: 50%;
}
.i2la.active{
	width: 100%;
}
.i2lat h1{
	line-height: 48px;
	font-family: impact;
	font-weight: normal;
}
.i2ra{
	width: 50%;
}
.i2ra_a{
	background-size: 30% !important;
	padding: 30px;
	display: flex;
	align-items: center;
	width: 100%;
}
.i2ra i{
	width: 80px;
	height: 80px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F15929;
	margin-right: 30px;
	transition: .5s;
}
.i2ra i img{
	max-height: 62%;
}
.i2ra:hover i{
	transform:rotateY(180deg);
}
.itopmore{
	line-height: 28px;
	border: 1px solid #F15929;
	color: #F15929;
	display: inline-block;
	padding: 0 15px;
	border-radius: 26px;
}
.itopmore:hover{
	background: #F15929;
	color: #fff;
}
.i3a{
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.i3a:hover{
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.i4{
	background: #fbf9f8;
}
.i4w{
	position: relative;
	padding-left: 130px;
}
.i4l{
	width: 130px;
	height: 100%;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
}
.i4r{
	width: 100%;
}
.i4rw{
	padding: 0 45px;
	max-width: 100%;
}
.i4rw .swiper-container{
	width: 100%;
	overflow: hidden;
}
.swiper-button-next-i4,.swiper-button-prev-i4{
	width: 45px;
	height: 100%;
	top: 0;
	margin-top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .25s;
	font-size: 35px;
	background: none;
	color: #999;
}
.swiper-button-next-i4:hover,.swiper-button-prev-i4:hover{
	color: #F15929;
}
.swiper-button-next-i4{
	right: 0;
}
.swiper-button-prev-i4{
	left: 0;
}
.i4a{
	background: #fff;
	margin: 15px;
	box-shadow: 0 0 15px rgba(0,0,0,.07);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.i4a img{
	max-width: 100%;
	max-height: 100%;
	transition: .5s;
}
.i4a:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.i4a:hover img{
	transform: scale(1.1);
}
.i5w a{
	margin-right: 35px;
	margin-top: 15px;
	color: #666;
}
.i5w a:hover{
	color: #F15929;
}

.fw1{
	background: url(../images/fw1bg_02.png) no-repeat center #fbf9f8;
	background-size: 100%;
}
.fw1a{
	min-width: 32%;
}
.fw1a i{
	margin-right: 40px;
	transition: .5s;
}
.fw1a:hover i{
	transform:rotateY(180deg);
}
.ititle_60{
	font-size: 60px;
}
.fw2a{
	width: 33.33%;
}
.fw2a_a{
	box-shadow: 0 0 24px rgba(212,191,185,.24);
}
.fw2a_a:hover{
	box-shadow: 0 5px 24px rgba(212,191,185,.5);
}
.fw2atxt{
	display: flex;
	align-items: center;
	padding: 25px;
	width: 100% !important;
}

.prdmd{
	padding-top: 30px !important;
}
.prda{
	padding: 40px 0;
	border-bottom: 1px solid #E6E6E6;
	display: flex;
}
.prdaimg{
	width: 27%;
}
.prdatxt{
	margin: 0 3.5%;
}
.prdamore{
	display: flex;
	align-items: center;
	justify-content: center;
}
.prdamore span{
	line-height: 46px;
	border: 1px solid #ccc;
	color: #999;
	display: inline-block;
	padding: 0 30px;
	transition: .25s;
}
.prda:hover .prdamore span{
	background: #f15929;
	border: 1px solid #f15929;
	color: #fff;
}
.page a,.page span{
	width: 70px;
	height: 40px;
	display: flex;
	border-radius: 3px;
	align-items: center;
	justify-content: center;
	border: 1px solid #E6E6E6;
	color: #666;
	margin: 3px;
}
.page a:hover,.page a.active{
	background: #f15929;
	border: 1px solid #f15929;
	color: #fff !important;
}

.ab1r{
	width: 47%;
	margin-left: 4%;
}
.ab2{
	background: url(../images/ab2bg_02.jpg) no-repeat center;
	background-size: cover;
}
.ab2a{
	width: 23%;
}
.ab2a h1{
	font-size: 72px;
	background-image:-webkit-linear-gradient(bottom,#f0f0f0,#d8d7d8); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
}
.ab3{
	min-height: 500px;
	position: relative;
}
.ab3box{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
}
.ab3bg{
	background: #fff;
	padding: 50px 40px;
	width: 425px;
	max-width: 100%;
	box-shadow: 0 0 25px rgba(0,0,0,.07);
}
.ab3txt a{
	color: #666;
}
.ab3txt a:hover{
	color: #f15929;
	text-decoration: underline;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: .55;
    cursor: inherit;
    pointer-events: inherit;
}

@media only screen and (max-width:1599px) {
	.md{
		padding: 75px 0;
	}
	.ititle_48{
		font-size: 42px;
	}
	.ititle_60{
		font-size: 50px;
	}
	.logo{
		height: 60px;
	}
	.i1atxt{
		padding: 20px;
		padding-bottom: 0;
	}
	.i1atxta{
		width: 100%;
		margin-bottom: 20px;
	}
	.i2 .md{
		padding: 45px 0;
	}
	
	.fw1a img{
		height: 120px;
	}
	
	.prdamore span{
		line-height: 40px;
		padding: 0 20px;
		font-size: 15px;
	}
	
	.ab2a h1{
		font-size: 60px
	}
	.ab3txt{
		line-height: 40px;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.md{
		padding: 65px 0;
	}
	.ititle_48{
		font-size: 36px;
	}
	.ititle_60{
		font-size: 40px;
	}
	.ht{
		height: 90px;
	}
	.head_height{
		height: 145px;
	}
	.htr1 a{
		line-height: 28px;
		font-size: 13px;
	}
	.htr2 a img{
		height: 20px;
	}
	.flogo{
		height: 45px;
	}
	.rta{
		margin-bottom: 10px;
	}
	.rta_a{
		width: 40px;
		height: 40px;
	}
	.rta_a img{
		width: 20px;
	}
	.rhide{
		height: 40px;
	}
	.i2ra_a{
		padding: 20px;
	}
	.i2ra i{
		width: 60px;
		height: 60px;
		margin-right: 20px;
	}
	.itopline{
		width: 35px;
		height: 3px;
	}
	
	.fw1a i{
		margin-right: 25px;
	}
	.fw1a img{
		height: 90px;
	}
	.fw1a p{
		margin-top: 10px;
	}
	
	.ab2a h1{
		font-size: 50px
	}
	.ab3bg{
		padding: 35px;
	}
	.ab3txt{
		line-height: 30px;
	}
}
@media only screen and (max-width:950px) {
	.md{
		padding: 55px 0;
	}
	.ititle_48{
		font-size: 30px;
	}
	.ititle_60{
		font-size: 36px;
	}
	.i1abg{
		padding: 20px 0;
	}
	
	.fw2atxt{
		padding: 15px;
	}
	.i2ra .titleh3{
		font-size: 16px;
	}
}
@media only screen and (max-width:768px) {
	.md{
		padding: 25px 0;
	}
	.ititle_48{
		font-size: 24px;
	}
	.ititle_60{
		font-size: 24px;
	}
	.ft{
		padding: 20px 0;
	}
	.flogo{
		height: 35px;
	}
	.fttr{
		display: none;
	}
	.fttl{
		text-align: center;
		margin-right: 0;
	}
	.fttl .logo{
		height: 35px;
	}
	.ft{
		padding-bottom: 20px;
	}
	.ftb{
		text-align: center;
	}
	.ftbw{
		justify-content: space-between;
	}
	.ftba{
		font-size: 12px;
		width: 22%;
		margin: 0;
	}
	.fb{
		padding: 12px 0;
	}
	.rta{
		margin-bottom: 8px;
	}
	.rta_a{
		width: 30px;
		height: 30px;
	}
	.rta_a img{
		width: 15px;
	}
	.rhide{
		min-height: 30px;
		width: 120px;
		padding: 5px;
	}
	.itopline{
		width: 25px;
		height: 2px;
	}
	.i1a{
		width: 50%;
	}
	.i1a_a{
		min-height: 100%;
	}
	.i1a:first-child .i1atxta:first-child{
		margin-bottom: 20px;
	}
	.i1abg p{
		font-size: 12px;
	}
	.i1abg h2{
		font-size: 16px;
	}
	.i1atxt{
		padding: 15px 10px;
	}
	.i1atxta{
		width: 100%;
		margin-bottom: 0;
		padding: 3px 0;
	}
	.i2lat h1{
		line-height: 24px;
	}
	.i2la{
		width: 100%;
		text-align: center;
	}
	.i2lat {
		justify-content: center;
	}
	.i2r{
		padding: 10px 0 !important;
	}
	.i2ra{
		width: 50%;
	}
	.i2ra_a{
		padding: 10px;
	}
	.i2ra i{
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	.i2ratxt{
		font-size: 12px;
		line-height: 25px;
	}
	.itopmore{
		line-height: 26px;
		font-size: 12px;
		padding: 0 12px;
	}
	.i4rw{
		padding: 0 30px;
	}
	.swiper-button-next-i4, .swiper-button-prev-i4{
		width: 35px;
		font-size: 20px;
	}
	.i4a{
		margin: 8px;
		box-shadow: 0 0 8px rgba(0,0,0,.1);
	}
	.i4r{
		margin-left: -15px !important;
		margin-right: -15px !important;
		width: auto !important;
	}
	.i4a img{
		max-width: 100%;
		max-height: 100%;
	}
	.i4l{
		width: 100%;
		position: static;
		justify-content: center;
	}
	.i4w{
		padding-left: 0;
		padding: 10px 0;
	}
	.i5w a{
		font-size: 14px;
		margin-right: 20px;
		margin-top: 10px;
	}
	.itop {
		display: block;
		text-align: center;
	}
	.itopmore{
		margin-top: 15px;
	}
	.itopl {
		text-align: center;
	}
	.i1abg{
		padding: 12px 0;
	}
	.itopl i{
		margin: 15px auto 0 auto;
	}
	.fw1w {
		display: block;
	}
	.fw1a{
		width: 100%;
	}
	.fw1a i{
		margin: 0 10% 0 5%;
	}
	.fw1a i img{
		height: 80px;
	}
	.fw1a .titleh3{
		font-size: 15px;
	}
	.fw2a{
		width: 50%;
	}
	.i2ra .titleh3{
		font-size: 12px;
	}
	.fw2atxt{
		padding: 10px;
	}
	
	.page a, .page span{
		font-size: 12px;
		width: 50px;
		height: 25px;
		margin: 3px;
	}
	
	.prdmd{
		padding-top: 10px !important;
	}
	.prda{
		display: block;
		padding: 15px 0;
	}
	.prdaimg{
		width: 100%;
	}
	.prdatxt{
		margin: 15px 0;
	}
	.prdamore{
		justify-content: flex-start;
	}
	.prdamore span{
		font-size: 12px;
		line-height: 30px;
	}
	
	.ab1ltxt {
		font-size: 14px;
	}
	.ab2a{
		width: 48%;
		text-align: center;
	}
	.ab2a h1{
		font-size: 40px;
	}
	.ab3{
		height: auto !important;
	}
	.ab3 iframe{
		height: 250px !important;
	}
	.ab3box{
		position: static;
	}
	.ab3bg{
		padding: 25px;
		margin: 15px 0;
	}
	
}
@media only screen and (max-width:640px) {
    .i1atxt {
    padding: 15px 5px;
}
}

.xw_xq .b_t{font-size:22px; line-height:32px; font-weight:bold; color:#000; margin-bottom:20px;}
.xw_xq .x_x{padding-bottom:20px; border-bottom:1px solid #eee; margin-bottom:35px;}
.xw_xq .x_x span{margin-right:20px; display:inline-block;}
.xw_xq .n_r{line-height:30px;}
.xw_xq .n_r strong{font-size:18px; color:#000; line-height:28px;}
.xw_xq .n_r img{max-width:100%; height:auto;}
.xw_xq .f_y{margin-top:40px; padding-top:30px; border-top:1px solid #eee; color:#999; line-height:32px;}
@media only screen and (max-width:1100px){
	.xw_xq .b_t{font-size:20px; line-height:30px; margin-bottom:15px;}
	.xw_xq .x_x{margin-bottom:30px;}
	.xw_xq .n_r{line-height:28px;}
	.xw_xq .f_y{margin-top:30px; padding-top:25px;}
}
@media only screen and (max-width:640px){
	.xw_xq .b_t{font-size:20px; line-height:30px;}
	.xw_xq .x_x{margin-bottom:20px;}
	.xw_xq .x_x .y_c{margin-top:5px;}
	.xw_xq .x_x .y_c a{margin:0 7px 0 0;}
}

.cp_lb ul{margin:0 -10px;}
.cp_lb ul li{width:calc(20% - 20px); margin:0 10px 20px; padding:5px; border:1px solid #eee; position:relative;}
.cp_lb .t_p{overflow:hidden;}
.cp_lb .t_p img{width:100%; height:auto; display:block;
	transition:all 1s;
	-webkit-transition:all 1s;}
.cp_lb ul li:hover .t_p img{transform:scale(1.05);
	-webkit-transform:scale(1.05);}
.cp_lb .w_z{width:calc(100% - 10px); padding:7px 0; font-size:15px; line-height:28px; text-align:center; color:#fff; background-color:rgba(0,0,0,.7); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:absolute; bottom:5px; left:5px;}
@media only screen and (max-width:1100px){
.cp_lb ul li{width:calc(50% - 20px);}
.cp_lb .w_z{font-size:14px;}
}
@media only screen and (max-width:768px){
.cp_lb ul{margin:0 -5px;}
.cp_lb ul li{width:calc(50% - 10px); margin:0 5px 10px;}
.cp_lb .w_z{font-size:13px; padding:5px;}
}

.ny_lx{width:100%; padding:80px 0; overflow:hidden;display: flex;justify-content: space-between;}
.ny_lx .row{margin:0; justify-content:space-between;}
.ny_lx .b_t{margin-bottom:35px;}
.ny_lx .b_t h3{font-size:26px; font-weight:bold; color:#000; line-height:36px; margin-bottom:5px;}
.ny_lx .b_t p{color:#aaa; line-height:26px;}
.ny_lx .lx_nr{width:400px;}
.ny_lx .lx_nr .x_b{font-size:16px; color:#999; margin-bottom:5px;}
.ny_lx .lx_nr .n_r{line-height:32px;}
.ny_lx .lx_nr .x_x strong{font-size:30px; color:#F15929; display:block; margin-bottom:10px;}
.ny_lx .lx_nr .w_m{width:120px; text-align:center; margin-top:15px;}
.ny_lx .lx_nr .w_m img{width:100%; height:auto; border:1px solid #eee;}
.ny_lx .lx_nr .w_m p{margin-top:5px; line-height:18px;}
.ny_lx .lx_bd{width:calc(100% - 460px);}
.ny_lx .lx_bd .b_d ul{margin:0 -10px;}
.ny_lx .lx_bd .b_d ul li{width:calc(50% - 20px); margin:0 10px 20px; position:relative;}
.ny_lx .lx_bd .b_d ul li.q_b{width:calc(100% - 20px);}
.ny_lx .lx_bd .b_d input{width:100%; height:56px; background-color:#f7f7f7; border-radius:3px; padding:0 15px; line-height:56px; color:#333; display:block;}
.ny_lx .lx_bd .b_d input::placeholder{color:#999;}
.ny_lx .lx_bd .b_d textarea{width:100%; height:134px; background-color:#f7f7f7; border-radius:3px; padding:15px; line-height:26px; color:#333; resize:none; display:block;}
.ny_lx .lx_bd .b_d textarea::placeholder{color:#999;}
.ny_lx .lx_bd .b_d button{width:140px; height:46px; border-radius:3px; background-color:#F15929; font-size:15px; line-height:46px; color:#fff; margin-top:20px; margin-right:15px; outline:none;
	transition:all .5s;
	-webkit-transition:all .5s;}
.ny_lx .lx_bd .b_d button:hover{background-color:#accd26;}
.ny_lx .lx_bd .b_d button.c_z{background-color:#888;}
.ny_lx .lx_bd .b_d button.c_z:hover{background-color:#accd26;}
.ny_lx .lx_bd .e_j{width:100%; padding:20px; position:absolute; top:61px; left:0; background-color:#fff; box-shadow:0 10px 10px rgba(0,0,0,.05); z-index:99; display:none;}
.ny_lx .lx_bd .e_j span{display:block; line-height:36px; cursor:pointer;}
.ny_lx .map{width:100%; height:400px; margin-top:50px; background-position:center; background-repeat:no-repeat;}
@media only screen and (max-width:1100px){
	.ny_lx{padding:60px 0;}
	.ny_lx .b_t{margin-bottom:30px;}
	.ny_lx .b_t h3{font-size:20px; line-height:28px;}
	.ny_lx .b_t p{color:#aaa; line-height:24px;}
	.ny_lx .lx_nr{width:360px;}
	.ny_lx .lx_nr .x_x strong{font-size:28px; margin-bottom:15px;}
	.ny_lx .lx_bd{width:calc(100% - 390px);}
	.ny_lx .lx_bd .b_d ul li{position:relative;}
	.ny_lx .lx_bd .b_d input{height:53px; line-height:52px;}
	.ny_lx .lx_bd .b_d textarea{line-height:24px;}
	.ny_lx .lx_bd .b_d button{width:120px; height:40px; line-height:40px; margin-top:15px;}
	.ny_lx .map{height:300px; margin-top:40px;}
}
@media only screen and (max-width:768px){
	.ny_lx{padding:40px 0;flex-wrap:wrap;}
	.ny_lx .b_t{margin-bottom:15px;}
	.ny_lx .b_t h3{font-size:18px; line-height:26px;}
	.ny_lx .lx_nr{width:100%; margin-bottom:35px;}
	.ny_lx .lx_nr .x_x ul li{margin-top:20px; font-size:14px; line-height:26px;}
	.ny_lx .lx_bd{width:100%;}
	.ny_lx .lx_bd .b_d ul li{width:100%;}
	.ny_lx .lx_bd .b_d input{height:53px; line-height:52px;}
	.ny_lx .lx_bd .b_d textarea{line-height:24px;}
	.ny_lx .lx_bd .b_d button{width:120px; height:38px; line-height:38px; margin-top:15px;}
	.ny_lx .map{height:200px; margin-top:35px;}
}
.nynr .i3l{width: 100%;}
.nynr .i3w{flex-wrap: wrap;}
.nynr .i3w a{ margin: 10px 15px;}
@media only screen and (max-width:768px){
 .nynr .i3w a{ margin: 0px;}   
}

.pc_kf{width:56px; position:fixed; right:5px; bottom:5%; z-index:99999; display:none;}
.pc_kf .nr{width:56px; height:56px; border-radius:5px; font-size:18px; text-align:center; line-height:56px; background-color:#ff6829; margin-bottom:4px; position:relative;
transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .nr:hover{background-color:#ff6829;}
.pc_kf .tel{width:160px; background-color:#ff6829; font-size:18px; line-height:56px; color:#fff; position:absolute; top:0; right:-160px; opacity:0;}
.pc_kf .nr:hover .tel{right:60px; opacity:1;
transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .ewm{width:130px; padding:10px; background-color:#ff6829; position:absolute; bottom:0; right:-180px; opacity:0;}
.pc_kf .ewm img{width:100%; height:auto; display:block;}
.pc_kf .nr:hover .ewm{right:60px; opacity:1;
transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .nr a{display:block;}
.pc_kf .nr i{color:#fff;}
.pc_kf .nr i.icon-aui-icon-qq{font-size:30px;}
.pc_kf .fh{width:56px; height:56px; border-radius:5px; background-color:#000; text-align:center; line-height:56px; color:#fff; cursor:pointer;
transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .fh:hover{background-color:#ff6829;}
.pc_kf .fh i{font-size:30px; font-weight:bold;}
@media only screen and (max-width:1100px){
.pc_kf{width:44px;}
.pc_kf .nr{width:44px; height:44px; border-radius:3px; font-size:16px; line-height:44px;}
.pc_kf .tel{width:140px; font-size:16px; line-height:44px; right:-150px;}
.pc_kf .nr:hover .tel{right:50px;}
.pc_kf .ewm{width:110px; padding:5px; right:-120px;}
.pc_kf .nr:hover .ewm{right:50px;}
.pc_kf .nr i{font-size:20px;}
.pc_kf .nr i.icon-aui-icon-qq{font-size:28px;}
.pc_kf .fh{width:44px; height:44px; border-radius:3px; line-height:44px;}
.pc_kf .fh i{font-size:28px;}
}
@media only screen and (max-width:768px){
.right{display:none;}
.pc_kf{width:100%; right:0; top:auto; margin-top:0; bottom:0; display:block;}
.pc_kf .nr{width:25%; float:left; border-radius:0; padding:0; border-right:0; margin-bottom:0;}
.pc_kf .nr:first-child{border-left:0;}
.pc_kf .nr:hover{background-color:#ff6829;}
.pc_kf .nr p{display:none;}
.pc_kf .nr .ewm{display:none;}
.pc_kf .tel{display:none;}
.pc_kf .fh{width:25%; float:left; border-radius:0; background-color:#ff6829; padding:0; border-right:0; border-bottom:0;}
.pc_kf .fh:hover{background-color:#ff6829;}
.foot{padding-bottom:50px;}
}

.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}
.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.e_m .n_r img{width:100%; height:auto; display:block;}
.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}
@media only screen and (max-width:768px){
.e_m .n_r{width:300px; padding:15px;}
.e_m .n_r p{font-size:18px;}
}