@charset "utf-8";

/* CSS Document */







/*-----whole-----*/



html {

	font-size: 100%;

}

body {

	position: relative;

	right: 0px;

	transition: all .3s ease .2s;

	-webkit-transition: all .3s ease .2s;

	-moz-transition: all .3s ease .2s;

}

.Header-wrapper, .Container-wrapper, .Footer-wrapper, .container, .banner-container, .index-container {

	position: relative;

	left: 0px;

	width: 100%;

	height: auto;

}
	

.contain {

    
	padding:10px 3.125% 1px;	
	margin: 0 auto;
	position: relative;

}

/*clearfix*/



.clearfix {

*zoom:1

}

.clearfix:before,  .clearfix:after {

	display: table;

	content: ""

}

.clearfix:after {

	clear: both

}

/*初始化按钮*/



.btn {

	display: inline-block;

	text-align: center;

	padding: 0px;

	border: 0px;

	margin: 0px;

	position: relative;

	cursor: pointer;

}

.btn span {

	display: inline-block;

}

/*通用img*/



img.rollover {

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

	filter: Alpha(opacity=0);

	z-index: 2;

}

input.text {

	display: block;

	width: 100%;

	height: 100%;

	border: 0px;

	background: none;

}

.red,  .Fnav dd a:hover,  .iNews-list a:hover,  .iNews-1st:hover .name,  .page-locate a:last-child,  .page-locate a:hover,  .news-nav a:hover,  .nIr-Hnews:hover .name {

	color: #b60005;

}

/*--- Header ---*/



.Header-wrapper {

	z-index: 99;

}

.Header-wrapper img{

	vertical-align: middle;
	
}

}

.Header-wrapper .Header-cl {

	height: 110px;

	position: relative;

}

.header-container {

	padding: 0 3.125%;

	width: 100%;

	height: 110px;

	background: rgba(255,255,255,1);

	box-shadow: 0px 4px 5px rgba(9,2,4,.17);

	position: fixed;

	top: 0px;

	left: 0px;

	z-index: 99;

}

/*logo*/



.Hlogo {

	vertical-align: top;

	height: 110px;

	line-height: 110px;

	font-size: 0px;

	float: left;

	overflow: hidden;

}

.Hlogot {

	display: none;

	height: 110px;

	line-height: 110px;

	font-size: 0px;

	float: left;

	overflow: hidden;

}

.header-container.act .Hlogo {

	display: none;

}

.header-container.act .Hlogot {

	display: block;

}

.header-container.act {

	box-shadow: 0 0 0 #fff;

	color: #fff;

	background: none;

}

.header-container.act .Htel {

	color: #fff;/*background:url(../images/icon-tel2.png) no-repeat left center;*/

}

/*.header-container.act .Hct{background:url(../images/qq2.png) no-repeat center;}*/

@media screen and (max-width:1024px) and (min-width:641px){
	.Header-wrapper img{

	vertical-align: middle;
	
}


}





.Hct {

	display: block;

	line-height: 110px;

	width: 22px;

	height: 100%;

	background: url(../images/qq.png) no-repeat center center;

	float: right;

}

.Htel {

	display: block;

	padding: 0 0 0 26px;

	line-height: 110px;

	font-size: 20px;

	font-weight: lighter;

	color: #e00007;

	background: url(../images/icon-tel.png) no-repeat left center;

	float: right;

margin:0 .15rem 0 0;

	position: relative;

	

}

.Hnav {

	float: right;

margin:0 .5rem 0 0;

}

.Hnav a {

	display: block;

	width: 94px;

	height: 110px;

	line-height: 70px;

	text-align: center;

	font-size: 20px;

	font-weight: lighter;

	position: relative;

	overflow: hidden;

	float: left;

margin:0 0 0 .1rem;

	transition: none;

	-webkit-transition: none !important;

}

.Hnav a:first-child {

	margin: 0px;

}

/*.Hnav a i{content:"";display:block;width:100%;height:3px;background:#e00007;position:absolute;left:50%;bottom:-3px;transition:all .1s linear;-webkit-transition:all .1s linear;}*/



.Hnav a .box {

	display: inline-block;

	height: 25px;

	line-height: 25px;

	position: relative;

	overflow: hidden;

	top: 25.5px;

}

.Hnav a .box span {

	position: relative;

	top: 0px;

}

.Hnav a.cur,  .Hnav a:hover {

	color: #e00007;

}

.Hnav a.cur .box span,  .Hnav a:hover .box span {

	top: -25px;

}

.Hnav a.cur i,  .Hnav a:hover i {

	bottom: 0px;

}

.Header-wrapper.on .Hnav {

	display: block !important;

}

.footer{

	display: block;

	padding-top:40px;

	padding-bottom:40px;

	background:#000;	

}

.footer .inner{

	width: 1280px;
	margin:0 auto;	

}

.footer .fo0{

	display:none;	

}

.footer .fo1{

	float:left;

	width:250px;

	margin-left:40px;

	padding-top:10px;

}

.footer .fo1 .lay_qr{

	width:108px;

	text-align:center;

	margin-bottom:16px;

}

.footer .fo1 .lay_qr .qr{

	display:block;

	width:108px;		

}

.footer .fo1 .lay_qr .p{

	font-size:12px;

	line-height:32px;

	color:#efefef;

	text-align:center;

}

.footer .fo1 .lay_infos{

	font-size:12px;

	line-height:20px;

	color:#9fa0a0;

}

.footer .fo2{

	float:left;

	margin-left:90px;

}

.footer .fo2 .tit{

	font-size:18px;

	line-height:40px;

	color:#dcdddd;

	margin-bottom:12px;	

}

.footer .fo2 .con{

	font-size:12px;

	line-height:22px;

	color:#efefef;

}

.footer .fo2 .con strong{

	font-weight:normal;

	font-size:14px;	

}

.footer .fo3{

	float:left;

	margin-left:120px;

	width:100px;

}

.footer .fo4{

	float:right;	

}

.footer .fo3 .tit,.footer .fo4 .tit{

	font-size:18px;

	line-height:40px;

	color:#9fa0a0;

	margin-bottom:14px;

}

.footer .fo3 .con p{

	font-size:14px;

	line-height:24px;

	color:#9fa0a0;	

}

.footer .fo3 .con p a,.footer .fo4 .con p a{

	display:inline-block;

	vertical-align:top;

	font-size:14px;

	line-height:24px;

	color:#9fa0a0;

	max-width:100%;

	overflow:hidden;

	text-overflow:ellipsis;	

	white-space:nowrap;

	transition:all .3s;

}

.footer .fo3 .con p a:hover,.footer .fo4 .con p a:hover{

	color:#efefef;	

}

.footer .fo4 .con{

	margin-left:-28px;	

}

.footer .fo4 .con .chd{

	float:left;

	margin-left:28px;

	width:140px;	

}

@media screen and (max-width:1024px) and (min-width:641px){

	.footer{

		padding-top:40px;

		padding-bottom:40px;

		background:#000;	

	}

	.footer .inner{

		width:auto;

		margin:0 auto;

		text-align:center;	

	}

	.footer .fo0{

		display:block;	

		margin:0 auto 26px;

	}

	.footer .fo0 .tit{

		font-size:12px;

		line-height:18px;

		padding-bottom:8px;

		color:#fff;

	}

	.footer .fo0 .line{

		margin: 0 auto 12px;

		width: 5px;

		height: 1px;

		background: #fff;

	}	

	.footer .fo0 .p{

		font-size: 20px;

		line-height: 36px;

		color: #fff;

	}

	.footer .fo1{

		float:none;

		width:auto;

		margin:0 auto;

		padding-top:10px;

	}

	.footer .fo1 .lay_qr{

		width:108px;

		text-align:center;

		margin:0 auto 16px;

	}

	.footer .fo1 .lay_qr .qr{

		display:block;

		width:108px;		

	}

	.footer .fo1 .lay_qr .p{

		font-size:12px;

		line-height:32px;

		color:#efefef;

		text-align:center;

	}

	.footer .fo1 .lay_infos{

		font-size:14px;

		line-height:24px;

		color:#9fa0a0;

	}

	.footer .fo2{

		display:none;

	}

	.footer .fo3{

		display:none;

	}

	.footer .fo4{

		display:none;

	}

}

@media screen and (max-width:640px){

	.footer{

		padding-top:30px;

		padding-bottom:30px;

		background:#000;	

	}

	.footer .inner{

		width:auto;

		margin:0 auto;

		text-align:center;	

	}

	.footer .fo0{

		display:block;	

		margin:0 auto 18px;

	}

	.footer .fo0 .tit{

		font-size:12px;

		line-height:18px;

		padding-bottom:8px;

		color:#fff;

	}

	.footer .fo0 .line{

		margin: 0 auto 12px;

		width: 5px;

		height: 1px;

		background: #fff;

	}

	.footer .fo0 .p{

		font-size: 16px;

		font-weight:normal;

		line-height: 26px;

		color: #fff;

	}

	.footer .fo1{

		float:none;

		width:auto;

		margin:0 auto;

		padding-top:10px;

	}

	.footer .fo1 .lay_qr{

		width:108px;

		text-align:center;

		margin:0 auto 16px;

	}

	.footer .fo1 .lay_qr .qr{

		display:block;

		width:108px;		

	}

	.footer .fo1 .lay_qr .p{

		font-size:12px;

		line-height:32px;

		color:#efefef;

		text-align:center;

	}

	.footer .fo1 .lay_infos{

		font-size:12px;

		line-height:20px;

		color:#9fa0a0;

	}

	.footer .fo2{

		display:none;

	}

	.footer .fo3{

		display:none;

	}

	.footer .fo4{

		display:none;

	}

}

/*--- Banner ---*/



.bnr-img,  #index-bnr .bg,  #index-bnr .con,  .bnr-img .iBnr-con {

	display: block;

	width: 100%;

	height: auto;
	background-color: transparent !important;

	background-position: center center !important;

	background-repeat: no-repeat !important;

	background-size: cover !important;

	position: relative;

}

#index-bnr .bnr-img {

	height: 680px;

	overflow: hidden;

	background-size: cover;

	background-position: center;

}

#index-web-bnr .swiper-pagination,  #index-bnr .swiper-pagination {

	bottom: 3.235294117647059% !important;

}

#index-web-bnr .swiper-pagination-bullet,  #index-bnr .swiper-pagination-bullet {

	width: 52px;

	height: 3px;

	border: 1px solid #000;

	border-radius: 0px;

	opacity: .5;

	margin: 0 1px;

}

#index-web-bnr .swiper-pagination-bullet-active,  #index-bnr .swiper-pagination-bullet-active {

	background: #b60005;

	border-color: #b60005;

	opacity: 1;

}

#index-web-bnr .swiper-pagination-bullet {

	width: 30px;

}

#index-web-bnr {

	display: none;

}

.bnr-img .iBnr-con {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0px;

	left: 0px;

}

.iBnr-con.z1 {

	z-index: 1;

}

.iBnr-con.z2 {

	z-index: 2;

}

.iBnr-con.z3 {

	z-index: 3;

}

.iBnr-con.z4 {

	z-index: 4;

}

.iBnr-con.z5 {

	z-index: 5;

}

/*aniamte*/







/*iBnr1*/



.iBnr-1 .iBnr-con {

	transition: all 3s linear .2s;

	-webkit-transition: all 3s linear .2s;

	opacity: 0;

}

.iBnr-1 .iBnr-con.z4,  .iBnr-1 .iBnr-con.z5 {

	transition: all 1s ease-in-out;

	-webkit-transition: all 1s ease-in-out;

}

.iBnr-1 .iBnr-con.z2 {

	transition-delay: .6s;

	-webkit-transition-delay: .6s;

}

.iBnr-1 .iBnr-con.z3 {

	transition-delay: 1.2s;

	-webkit-transition-delay: 1.2s;

}

.iBnr-1 .iBnr-con.z4 {

	transition-delay: 1.4s;

	-webkit-transition-delay: 1.4s;

}

.iBnr-1 .iBnr-con.z5 {

	transition-delay: 1.6s;

	-webkit-transition-delay: 1.6s;

}

.iBnr-1 .iBnr-con.z4,  .iBnr-1 .iBnr-con.z5 {

	transform: translateY(30px);

	-webkit-transform: translateY(30px);

}

#index-bnr .swiper-slide.swiper-slide-active .iBnr-con {

	transform: translate(0, 0) scale(1);

	-webkit-transform: translate(0, 0) scale(1);

	opacity: 1;

}

/*iBnr2*/



.iBnr-2 .iBnr-con.z1,  .iBnr-2 .iBnr-con.z2,  .iBnr-2 .iBnr-con.z3,  .iBnr-2 .iBnr-con.z4 {

	transition: all .4s ease-in-out .2s;

	-webkit-transition: all .4s ease-in-out .2s;

	opacity: 0;

}

.iBnr-2 .iBnr-con.z1 {

	transform: translateX(-100px);

	-webkit-transform: translateX(-100px);

}

.iBnr-2 .iBnr-con.z2 {

	transform: translateX(100px);

	-webkit-transform: translateX(100px);

}

.iBnr-2 .iBnr-con.z3,  .iBnr-2 .iBnr-con.z4 {

	transform: scale(.8);

	-webkit-transform: scale(.8);

}

/*iBnr3*/



.iBnr-3 .iBnr-con.z1,  .iBnr-3 .iBnr-con.z2,  .iBnr-3 .iBnr-con.z3,  .iBnr-3 .iBnr-con.z4 {

	transition: all .6s ease-in-out .2s;

	-webkit-transition: all .6s ease-in-out .2s;

	opacity: 0;

}

.iBnr-3 .iBnr-con.z1 {

	transform: translateY(100px);

	-webkit-transform: translateY(100px);

}

.iBnr-3 .iBnr-con.z2 {

	transition-delay: .8s;

	-webkit-transition-delay: .8s;

}

.iBnr-3 .iBnr-con.z2,  .iBnr-3 .iBnr-con.z3,  .iBnr-3 .iBnr-con.z4 {

	transform: translateX(-50px);

	-webkit-transform: translateX(-50px);

}

.iBnr-3 .iBnr-con.z3 {

	transition-delay: 1.6s;

	-webkit-transition-delay: 1.6s;

}

.iBnr-3 .iBnr-con.z4 {

	transition-delay: 1.8s;

	-webkit-transition-delay: 1.8s;

}

/*



.bnr-img .bg,



.bnr-img .con{height:100% !important;position:absolute !important;top:0px;left:0px;}



.bnr-img .con{z-index:2;}



.bnr-img .box{width:1200px;color:#fff;position:absolute;left:50%;margin-left:-600px;z-index:5;}



.bnr-img .t1{font:bold 62px/85px "方正兰亭超细黑简体"}



.bnr-img .t1 span{line-height:50px;font-size:50px;font-family:'微软雅黑';color:#c40008;vertical-align:top;position:relative;top:-20px;}



.bnr-img .t2{font:bold 50px/61px "方正兰亭粗黑简体";color:#ff000b;margin:0 0 10px;}



.bnr-img .t3{font:bold 26px/46px "方正兰亭超细黑简体"}



*/







/*animate



#index-bnr .bg,



#index-bnr .t1,



#index-bnr .t2,



#index-bnr .t3,



.iBnr-4 .con{transition:all .6s ease-in-out .4s;-webkit-transition:all .6s ease-in-out .4s;}







#index-bnr .t2,



#index-bnr .iBnr-3 .t1,



#index-bnr .iBnr-4 .t1{transition-delay:.6s;-webkit-transition-delay:.6s;}







#index-bnr .t3,



#index-bnr .iBnr-3 .t2,



#index-bnr .iBnr-4 .t2{transition-delay:.8s;-webkit-transition-delay:.8s;}







#index-bnr .iBnr-3 .t3,



#index-bnr .iBnr-4 .t3{transition-delay:1s;-webkit-transition-delay:1s;}







#index-bnr .bg,



#index-bnr .t1,



#index-bnr .t2,



#index-bnr .t3,



.iBnr-4 .con{opacity:0;}







.iBnr-1 .bg{transform:translateX(100px);-webkit-transform:translateX(100px);}







.iBnr-2 .t1,



.iBnr-2 .t2,



.iBnr-2 .t3{transform:translateX(-50px);-webkit-transform:translateX(-50px);}







.iBnr-1 .t1,



.iBnr-1 .t2,



.iBnr-1 .t3{transform:translateY(50px);-webkit-transform:translateY(50px);}







.iBnr-2 .bg{transform:translateY(-100px);-webkit-transform:translateY(-100px);}







.iBnr-3 .bg{transform:translate(-70px,-70px);-webkit-transform:translate(-70px,-70px);}







.iBnr-4 .con{transform:translate(70px,-20px);-webkit-transform:translate(70px,-20px);}







#index-bnr .swiper-slide.swiper-slide-active .bnr-img .bg,



#index-bnr .swiper-slide.swiper-slide-active .bnr-img .t1,



#index-bnr .swiper-slide.swiper-slide-active .bnr-img .t2,



#index-bnr .swiper-slide.swiper-slide-active .bnr-img .t3,



#index-bnr .swiper-slide.swiper-slide-active .bnr-img .con{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}*/











/*iBnr1*/



.iBnr-1 .box {

	top: 33.67647058823529%;

}

/*iBnr-2*/



.iBnr-2 .box {

	top: 33.67647058823529%;

}

/*iBnr-3*/



.iBnr-3 .box {

	top: 36.47058823529412%;

}

/*iBnr-4*/



.iBnr-4 .box {

	top: 36.17647058823529%;

}

.iBnr-4 .box .block {

	width: 575px;

	float: right;

}

#index-bnr .iBnr-4 .box .t1 {

	font-size: 55.31px;

	line-height: 77px;

	color: #5a5a5a;

}

#index-bnr .iBnr-4 .box .t3 {

	color: #5a5a5a;

}

/*bnr*/



.bnr-img.page-bnr {

	height: 400px;

}

.web-banner {

	display: none;

}

/*--- Container ---*/







/*当前位置*/



.page-locate {

padding:.2rem 0;

	line-height: 20px;

	color: #666666;

	border-top: 1px solid #f1f1f1;

}

.page-locate .type {

	padding: 0 0 0 28px;

	background: url(../images/icon-home.png) no-repeat left 1px;

}

.p-title h1 {

	text-align: center;

	font-size: 24px;

	line-height: 50px;

	font-weight: normal;

}

.p-title i {

	display: block;

	width: 37px;

	height: 2px;

	background: #e00007;

margin:.1rem auto 0;

}

.p-rtn-btn {

	display: block;

	width: 232px;

	line-height: 44px;

	font-size: 16px;

	color: #e60012;

	border: 2px solid #df0000;

}

.p-rtn-btn span {

	padding: 0 0 0 42px;

	background: url(../images/icon-rtn.png) no-repeat left center;

}

.p-rtn-btn:hover {

	color: #fff;

	background: #df0000;

}

.p-rtn-btn:hover span {

	padding: 0px;

	background-position: -100px center;

}

/*-- 首页 --*/



.I-title {

	text-align: center;

}

.I-title .t1 {

	line-height: 45px;

	font-size: 40px;

	color: #666666;

	text-transform: uppercase;

}

.I-title .t2 {

	line-height: 41px;

	font-size: 24px;

}

.I-title .split {

	display: block;

	width: 37px;

	height: 2px;

	background: #e00007;

margin:.25rem auto .2rem;

}

.I-title .t3 {

	width: 825px;

	line-height: 24px;

	color: #666666;

	margin: 0 auto;

}

.I-more.btn {

	width: 232px;

	line-height: 44px;

	font-size: 16px;

	color: #e60012;

	border: 2px solid #df0000;

}

.I-more.btn span {

	padding: 0 38px 0 0;

	background: url(../images/icon-go.png) no-repeat right center;

}

.I-more.btn:hover {

	color: #fff;

	background: #df0000;

}

.I-more.btn:hover span {

	padding: 0px;

	background-position: 200px center;

}

/*产品中心*/



.index-pro {

padding:.37rem 0 .57rem;

	color: #fff;

	text-align: center;

	background: #e84558;

}

.index-pro li {/**/

	width: 25%;

	position: relative;

	float: left;

}

.index-pro li .type {

	line-height: 37px;

	font-size: 24px;

	margin: 16px 0 0;

}

.index-pro li .list {

	line-height: 30px;

	margin: 15px 0 0;

	color: #fff;

}

.index-pro li .list a {

	display: block;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

}

.index-pro li:before {

	content: "";

	display: block;

	width: 1px;

	height: 249px;

	background: rgba(255,255,255,.2);

	position: absolute;

	left: 0px;

top:.05rem;

}

.index-pro li:first-child:before {

	display: none;

}

.index-pro li .list a:hover {

	transform: translateY(-5px);

	-webkit-transform: translateY(-5px);

}

/*最新案例*/



.index-case {

padding:.74rem 0 0;

}

.index-case .I-title {

margin:0 0 .44rem;

}

.iCase-list li {

	text-align: center;

	float: left;

}

.iCase-list li.w1 {

	width: 19.79167%;

}

.iCase-list li.w2 {

	width: 20.83333%;

}

.iCase-list li.w3 {

	width: 39.58333%;

}

.iCase-box {

	display: block;

	position: relative;

	overflow: hidden;

}

.iCase-box>img {

	width: 100%;

	object-fit: cover;

}

.iCase-block {

	width: 100%;

	height: 100%;

	color: #fff;

	background: rgba(182,0,5,.85);

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.iCase-block .iCase-con {

	display: table;

	width: 100%;

	height: 100%;

}

.iCase-con .iCase-cell {

	display: table-cell;

	vertical-align: middle;

}

.iCase-block .t1 {

	padding: 0 5px;

	line-height: 25px;

	font-size: 18px;

}

.iCase-block .t2 {

	padding: 0 5px;

	line-height: 37px;

	font-size: 28px;

margin:.15rem 0 0;

}

.iCase-block .more {

	display: block;

	width: 33px;

	height: 34px;

	background: url(../images/icon-see.png) no-repeat center center;

margin:.24rem auto 0;

}

.iCase-box:hover .iCase-block {

	opacity: 1;

}

.iCase-more {

padding:.52rem 0 .5rem;

	text-align: center;

	}

.iCase-list .l1 .iCase-box:first-child img,  .iCase-list .l7 .iCase-box:first-child img,  .iCase-list .l8 .iCase-box:first-child img {

	height: 2.4rem;

}

.iCase-list .l1 .iCase-box:last-child img,  .iCase-list .l7 .iCase-box:last-child img,  .iCase-list .l8 .iCase-box:last-child img {

	height: 2.45rem;

}

.iCase-list .l2 img,  .iCase-list .l3 img,  .iCase-list .l4 img,  .iCase-list .l5 img,  .iCase-list .l6 img {

	height: 4.85rem;

}

/*关于我们*/



.index-abUs {

padding:.75rem 0 .78rem;

	text-align: center;

}

.index-abUs .con1 {

	line-height: 50px;

	font-size: 36px;

margin:.2rem auto 0;

}

.index-abUs .con2 {

	font-size: 18px;

	width: 900px;

	line-height: 36px;

	margin: 12px auto 0;

}

.index-abUs ul {

	font-size: 0px;

margin:.4rem 0 0;

}

.index-abUs ul li {

	display: inline-block;

	margin: 0 39px;

}

.index-abUs ul li .num {

	line-height: 76px;
	text-align: center;
	font-size: 80px;

	color: #444444;

	font-family: 'DINCond-Bold';

}

.index-abUs ul li .con {

	line-height: 29px;

	font-size: 16px;

	margin: 10px 0 0;

}

.index-abUs .I-more {

margin:.65rem auto 0;

}

/*广告*/



.index-more {

	padding: 1.97rem 0 2.33rem;

	text-align: center;

	color: #fff;

	background-repeat: no-repeat !important;

	background-size: cover !important;

	background-position: center center !important;

	background-attachment: fixed !important;

}

.index-more .t1 {

	line-height: 65px;

	font-size: 48px;

}

.index-more .t2 {

	line-height: 33px;

	font-size: 18px;

}

.index-more .split {

	display: block;

	width: 37px;

	height: 2px;

	background: #fff;

margin:.4rem auto .25rem;

}

/*我们的客户*/



.index-customer {

padding:.74rem 0 .87rem;

}

.iCust-swiper {

	position: relative;

margin:.21rem 0 0;

}

.iCust-list li {

padding:.15rem 0;

}

.iCust-box {

	display: block;

	height: 80px;

	line-height: 78px;

	text-align: center;/*border:1px solid #e5e5e5;*/

	position: relative;

	font-size: 0px;

}

.iCust-box img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

/*.iCust-box:hover img{opacity:0;}



.iCust-box:hover img.rollover{transform:matrix(1.1, 0, 0, 1.1, 0, 0);opacity:1;}*/







.indexCustSwiper-prev,  .indexCustSwiper-next {

	display: none;

	width: 39px;

	height: 100%;

	position: absolute;

	top: 0px;

	z-index: 2;

}

.indexCustSwiper-prev {

left:-.8rem;

	background: url(../images/swiper1-l.png) no-repeat center center;

}

.indexCustSwiper-next {

right:-.8rem;

	background: url(../images/swiper1-r.png) no-repeat center center;

}

.indexCustSwiper-prev:hover {

	background-image: url(../images/swiper1-l2.png);

}

.indexCustSwiper-next:hover {

	background-image: url(../images/swiper1-r2.png);

}

 @media all and (max-width:1330px) {

.indexCustSwiper-prev {

	left: 0px;

}

.indexCustSwiper-next {

	right: 0px;

}

}

/*动态*/

.index-news {

padding:.45rem 0 .5rem;

}

.iNews-wrap {

margin:.35rem 0 0;

}

.iNews-wrap li {

	width: 30.83333%;

	float: left;

	margin: 0 0 0 3.75%;

}

.iNews-wrap li:first-child {

	margin: 0px;

}

.iNews-1st {

	display: block;

padding:0 0 .27rem;

	border-bottom: 1px solid #eeeeee;

}

.iNews-1st img {

	width: 100%;

	height: 310px;

	object-fit: cover;

}

.iNews-1st .date {

	line-height: 29px;

	color: #888888;

	margin: 6px 0 0;

}
.iNews-wrap P {

	line-height: 28px;

	height: 84px;

	font-size: 14px;

	color: #666;

	margin: 5px 0 0;

}

.iNews-1st .name {

	line-height: 28px;

	height: 28px;

	font-size: 20px;

	color: #000000;

	margin: 5px 0 0;

}
.com-img .name {

	line-height: 28px;

	height: 28px;

	font-size: 20px;

	color: #000000;

	margin: 5px 0 0;

}

.iNews-list {

	margin: 20px 0 0;

}

.iNews-list a {

	display: block;

	padding: 0 0 0 20px;

	line-height: 35px;

	font-size: 16px;

	color: #444444;

	background: url(../images/icon-l1.png) no-repeat 3px center;

}

.iNews-list a:hover {

	background-image: url(../images/icon-l1-2.png)

}

/*-- 案例 --*/



.case-container {

padding:.49rem 0 .97rem;

}

.case-container .pagination {

margin:.72rem 0 0;

}

/*选择*/



.case-sel {

	width: 200px;

	position: relative;

	margin: 0 0 0 6px;

	z-index: 2;

}

.case-sel:first-child .cSel-cur {

	background: #898989;

}

.case-sel .cSel-cur {

	padding: 0 35px 0 23px;

	height: 45px;

	line-height: 45px;

	font-size: 18px;

	color: #fff;

	border-radius: 2px;

	background: #d6000f;

	cursor: pointer;

}

.cSel-cur:after {

	content: "";

	display: block;

	width: 15px;

	height: 8px;

	background: url(../images/icon-dd1.png) no-repeat center center;

	position: absolute;

	right: 18px;

	top: 20px;

	z-index: 2;

	cursor: pointer;

}

.case-sel .cSel-list {

	padding: 5px 0;

	width: 100%;

	background: #e9eaea;

	position: absolute;

	top: 45px;

	left: 0px;

	display: none;

}

.cSel-list a {

	display: block;

	height: 45px;

	line-height: 45px;

	padding: 0 10px 0 23px;

}

.cSel-cur.cur:after {

	transform: rotate(-180deg);

	-webkit-transform: rotate(-180deg);

}

.cSel-list a:hover {

	color: #fff;

	background: #d6000f;

}

/*列表*/



.case-list {

	width: 103.5%;

margin:.28rem 0 0 -3.5%;

}

.case-list li {

	width: 33.333%;

padding:.17rem 0 0 3.5%;

	float: left;

}

.case-list li .com-img .ofH {

	height: 233px;

	overflow: hidden;

}

.case-list li .com-img .ofH img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.case-list li img,  .aCase-swiper .swiper-slide img {

	width: 100%;

}

.case-list li .name,  .aCase-swiper .swiper-slide .name {

	line-height: 26px;

	font-size: 16px;

	color: #000;

margin:.15rem 0 0;

}

.case-list li .con,  .aCase-swiper .swiper-slide .con {

	line-height: 22px;

	color: #666666;

}

/*详情*/



.cInfo-close {

	display: block;

	width: 22px;

	height: 100%;

	background: url(../images/icon-close.png) no-repeat center center;

	float: right;

}

.caseInfo-container {

padding:1.52rem 0 .67rem;

	background: #ededed;

}

.caseInfo-wrap {
    padding-top: 30px;
	padding-left: 3.125%;
	padding-right: 3.125%;
	color: #000;

	margin: 0 auto;

}

.caseInfo-name {

	text-align: center;

	line-height: 46px;

	font-size: 32px;

}

.caseInfo-con {

	line-height: 32px;

	position: relative;

	overflow: hidden;

	margin: 15px 0 0;

}

.caseInfo-con img {

	max-width: 100%;

}

 @media all and (max-width:1050px) {

.caseInfo-wrap {

	width: 100%;

	padding: 0 4%;

}

}

.caseInfo-rtn.p-rtn-btn {

margin:.65rem auto 0;

}

body.cIalbum-open {

	right: 690px;

}

/*.cInfo-album{zoom:1;-webkit-transform:perspective(600px) rotateY(90deg);-moz-transform:perspective(600px) rotateY(90deg);-ms-transform:perspective(600px) rotateY(90deg);transform: perspective(600px) rotateY(90deg);-webkit-transform-origin:left center 0;-moz-transform-origin:left center 0;-ms-transform-origin:left center 0;transform-origin:left center 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s;-ms-transition:all .3s ease .2s;transition:all .3s ease .2s;}



body.cIalbum-open .cInfo-album{width:690px;-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);-ms-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);}*/



body.cIalbum-open .cInfo-album {

	right: 0px;

}

/*图册框架*/



.cInfo-album {

	width: 690px;

	height: 100%;

	background: #fff;

	position: fixed;

	top: 0px;

	right: -690px;

	z-index: 100;

	transition: all .3s ease .2s;

	-webkit-transition: all .3s ease .2s;

	-moz-transition: all .3s ease .2s

}

.cIalbum-top {

	height: 80px;

	background: #b70005;

}

.cIalbum-top .btn {

	line-height: 33px;

	font-size: 18px;

	color: #fff;

	position: relative;

	left: 48px;

	top: 23px;

}

.cIalbum-top .btn span {

	padding: 0 0 0 47px;

	background: url(../images/icon-rtn2.png) no-repeat left center;

}

.cIalbum-wrap {

	height: 100%;

margin:.6rem 0 0;

}

.cIalbum-wrap .swiper-slide {

	width: 100% !important;

	height: auto;

}

/*图册列表 */



.cIalbum-swiper {

	width: 582px;

	height: 744px;

	margin: 0 auto 0;

}

.cIalbum-swiper img {

	width: 100%;

}

.cIalbum-swiper .swiper-pagination {

	width: 100.572737686139748% !important;

	position: relative;

	bottom: 0px !important;

	margin: 0 0 0 -0.572737686139748% !important;

}

.cIalbum-swiper .swiper-pagination .swiper-pagination-bullet {

	display: block;

	width: 25%;

	height: 94px;

	padding: 4px 0 0 .572737686139748%;

	border-radius: 0px;

	background: none;

	opacity: 1;

	position: relative;

	margin: 0px !important;

	float: left;

	cursor: pointer;

}

.cIalbum-swiper .swiper-pagination .swiper-pagination-bullet .pr:after {

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	background: rgba(214,0,15,.8);

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.cIalbum-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active .pr:after {

	opacity: 1;

}

/*相关案例*/



.aCase-container {

padding:.67rem 0 1.02rem;

}

.aCase-swiper {

	position: relative;

margin:.46rem 0 0;

}

.aCaseSwiper-prev,  .aCaseSwiper-next {

	display: block;

	width: 53px;

	height: 53px;

	position: absolute;

	top: 30.53691275167785%;

	z-index: 2;

}

.aCaseSwiper-prev {

	left: -1.04rem;

	background: url(../images/swiper2-l.png) no-repeat center center;

}

.aCaseSwiper-next {

	right: -1.04rem;

	background: url(../images/swiper2-r.png) no-repeat center center;

}

.aCaseSwiper-prev:hover {

	background-image: url(../images/swiper2-l2.png);

}

.aCaseSwiper-next:hover {

	background-image: url(../images/swiper2-r2.png);

}

 @media all and (max-width:1380px) {

.aCaseSwiper-prev {

	left: 0px

}

.aCaseSwiper-next {

	right: 0px;

}

}

/*右侧悬浮*/



.cInfo-float {

	text-align: center;

	position: fixed;

	top: 410px;

	right: 0px;

	z-index: 99;

}

.cInfo-float .go-album {

	display: block;

	width: 50px;

	height: 51px;

	line-height: 18px;

	color: #fff;

	background: #e41f25;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

	padding: 7px 10px 0;

}

.cInfo-float .go-prev,  .cInfo-float .go-next {

	display: block;

	width: 50px;

	font-size: 0px;

	background: #fff;

	border: 1px solid #e5e5e5;

}

.cInfo-float .go-prev {

	border-top: 0px;

	border-bottom: 0px;

}

.cInfo-float .go-next {

	border-top: 0px;

	border-bottom-left-radius: 3px;

	border-bottom-right-radius: 3px;

}

.cInfo-float .go-prev:after,  .cInfo-float .go-next:after {

	content: "";

	display: inline-block;

	width: 100%;

	height: 49px;

}

.cInfo-float .go-prev:after {

	background: url(../images/icon-prev.png) no-repeat left center;

}

.cInfo-float .go-next:after {

	background: url(../images/icon-next.png) no-repeat right center;

}

.cInfo-float .go-prev:hover,  .cInfo-float .go-next:hover {

	background: #e41f25;

	border-color: #e41f25;

}

.cInfo-float .go-prev:hover:after {

	background-position: right center;

}

.cInfo-float .go-next:hover:after {

	background-position: left center;

}

/*-- 服务 --*/



.srv-stage {

	font-size: 18px;

	background-repeat: no-repeat !important;

	background-size: cover !important;

	background-position: center center !important;

	position: relative;

	overflow: hidden;

	position: relative;

}

.srv-stage .s-title {

	line-height: 46px;

	font-size: 36px;

	color: #fff;

}

.srv-stage .s-con {

	line-height: 28px;

	color: #e4e4e4;

	margin: 20px 0 0;

}

.srv-stage .s-list {

	line-height: 36px;

	color: #fffefe;

	margin: 37px 0 0;

}

.srv-stage .srv-box {

	width: 530px;

	position: relative;

	z-index: 2;

}

.srv-stage .srv-web {

	padding: 0 4%;

	text-align: center;

	display: none;

	margin: 4% 0 0;

}

.srv-stage .srv-web img {

	width: 80%;

}

.srv-stage .srv-bg {

	width: 100%;

	height: 100%;

	background-repeat: no-repeat !important;

	background-size: cover !important;

	background-position: center center !important;

	position: absolute;

	top: 0px;

	left: 0px;

}

.srv-stage .s-list.s-list2,  .srv-stage .s-title.s-title2 {

	color: #333333;

}

.srv-stage .s-con.s-con2 {

	color: #666666;

}

.srv-stage.s1 {

	background: #010101;

}

.srv-stage.s2 {

	background: #eff1f2;

}

.srv-stage.s3 {

	background: #a4a2a6;

}

.srv-stage.s4 {

	background: #394b59;

}

.srv-stage.s1 .contain {

	padding: 1.75rem 0 1.61rem;

}

.srv-stage.s2 .contain {

	padding: 1.89rem 0 1.83rem;

}

.srv-stage.s3 .contain {

	padding: 1.76rem 0 1.61rem;

}

.srv-stage.s4 .contain {

	padding: 1.67rem 0 2.1rem;

}

.srv-stage .srv-bg,  .srv-stage .s-title,  .srv-stage .s-con,  .srv-stage .s-list {

	transition: all .6s ease-in-out .4s;

	-webkit-transition: all .6s ease-in-out .4s;

	opacity: 0;

}

.srv-stage.s1 .srv-bg,  .srv-stage.s4 .srv-bg {

	transform: translateY(200px);

	-webkit-transform: translateY(200px);

}

.srv-stage.s2 .srv-bg {

	transform: translate(50px, -100px);

	-webkit-transform: translate(50px, -100px);

}

.srv-stage.s3 .srv-bg {

	transform: translate(-50px, -100px);

	-webkit-transform: translate(-50px, -100px);

}

.srv-stage .s-title,  .srv-stage .s-con,  .srv-stage .s-list {

	transform: translateX(50px);

	-webkit-transform: translateX(50px);

}

.srv-stage .s-title {

	transition-delay: .6s;

	-webkit-transition-delay: .6s;

}

.srv-stage .s-con {

	transition-delay: .8s;

	-webkit-transition-delay: .8s;

}

.srv-stage .s-list {

	transition-delay: 1s;

	-webkit-transition-delay: 1s;

}

.srv-stage.active .srv-bg,  .srv-stage.active .s-title,  .srv-stage.active .s-con,  .srv-stage.active .s-list {

	transform: translate(0);

	-webkit-transform: translate(0);

	opacity: 1;

}

/*-- 新闻 --*/







/*列表*/



.news-container {

padding:1.49rem 0 .93rem;

}

.news-nav {

	background: #f0f0f0;

	border-radius: 2px;

}

.news-nav a {

	display: block;

	width: 100%;

	line-height: 60px;

	text-align: center;

	font-size: 16px;

	color: #333;

	border-radius: 2px;

	position: relative;

	float: left;

}

.news-nav a:before {

	content: "";

	display: block;

	width: 1px;

	height: 14px;

	background: #cfcfcf;

	position: absolute;

	top: 15px;

	left: 0px;

}

.news-nav a:hover {

	color: #fff;

}

.news-nav a:first-child:before {

	display: none;

}

.news-nav a.cur {

	color: #fff;

	background: #d6000f;

}

.news-nav a.cur + a:before {

	display: none;

}

.news-list {

	margin: 5px 0 0;

}

.news-list li {

padding:.42rem 0;

	border-top: 1px solid #eeeeee;

	overflow: hidden;

}

.news-list li:first-child {

	border-top: 0px;

}

.nlist-img {

	width: 35.8333%;

	overflow: hidden;

	float: left;

}

.nlist-img img {

	width: 100%;

	height: 270px;

	object-fit: cover;

}

.nlist-box {

	width: 60%;

	padding: 7px 0 0;

	float: right;

}

.nlist-box .date {

	line-height: 20px;

	font-size: 16px;

	color: #666666;

}

.nlist-box .name {

	line-height: 33px;

	font-size: 22px;

	color: #000000;

	margin: 25px 0 0;

}

.nlist-box .con {

	line-height: 28px;

	height: 56px;

	color: #333333;

	margin: 20px 0 0;

}

.nlist-box .more {

	display: inline-block;

	line-height: 23px;

	font-size: 16px;

	color: #e00007;

	text-decoration: underline;

	margin: 70px 0 0;

}

.news-list li a:hover .nlist-box .name {

	color: #d6000f;

}

.news-container .pagination {

	text-align: left;

}

/*详细*/



.nInfo-container {

}

.nInfo-left {

padding:153px .38rem 102px 0;

	width: 75.8333%;

	min-height: 800px;

	border-right: 1px solid #dedede;

	float: left;

}

.nInfo-left a {

	color: #e60008;

}

.nInfo-left a:hover {

	text-decoration: underline

}

.nInfo-name {

	line-height: 45px;

	text-align: center;

	font-size: 32px;

	color: #000000;

	font-weight: normal;

}

.nInfo-ab {

	text-align: center;

	line-height: 24px;

	color: #333;

	margin: 10px 0 0;

}

.nInfo-ab span {

	display: inline-block;

	margin: 0 8px;

}

.nInfo-con {

	padding: 21px 0 0;

	line-height: 32px;

	color: #333333;

	border-top: 1px solid #e5e5e5;

	position: relative;

	overflow: hidden;

	margin: 21px 0 0;

}

.nInfo-con img {

	max-width: 100%;

}

.nInfo-action {

margin:.72rem 0 0;

}

.nInfo-share a {

	display: inline-block !important;

	margin: 0 20px 0 0 !important;

	width: 41px !important;

	height: 41px !important;

}

.nInfo-action .p-rtn-btn {

	float: right;

}

.nInfo-share .bds_weixin {

	background: url(../images/nshare-1.png) no-repeat center !important;

}

.nInfo-share .bds_weixin:hover {

	background-image: url(../images/nshare-11.png) !important;

}

.nInfo-share .bds_tsina {

	background: url(../images/nshare-2.png) no-repeat center !important;

}

.nInfo-share .bds_tsina:hover {

	background-image: url(../images/nshare-21.png) !important;

}

.nInfo-share .bds_more {

	background: url(../images/nshare-3.png) no-repeat center !important;

}

.nInfo-share .bds_more:hover {

	background-image: url(../images/nshare-31.png) !important;

}

/*右侧*/



.nInfo-right {

	width: 240px;

	float: right;

	margin: 148px 0 0;

}

.nInfo-right .nIr-type {

	padding: 0 0 15px;

	line-height: 34px;

	font-size: 20px;

	color: #000;

	border-bottom: 1px solid #cfcfcf;

}

.nInfo-right .nIr-Hnews {

	display: block;

	padding: 10px 0;

	line-height: 24px;

	border-bottom: 1px solid #cfcfcf;

}

.nInfo-right .nIr-Hnews:hover,  .footer-flink ul li a:hover {

	color: #e00007;

}

.nIr-Hnews .name {

	color: #000000;

}

.nIr-Hnews .con {

	height: 48px;

	color: #666666;

	margin: 10px 0 0;

}

.nIr-Hwords {

	width: 243px;

	overflow: hidden;

	margin: 30px 0 0 -3px;

}

.nIr-Hwords li {

	padding: 3px;

	float: left;

}

.nIr-Hwords li a {

	display: block;

	padding: 0 10px;

	min-width: 66px;

	text-align: center;

	line-height: 32px;

	color: #666666;

	background: #eaeaea;

}

.nIr-Hwords li a:hover {

	color: #fff;

	background: #b60005;

}

/*-- 联系我们 --*/







.contact-us {

padding:.55rem 0px 1.22rem;

}

.ctUs-wrap {

	position: relative;

margin:.57rem auto 0;

}

.ctUs-form {

	width: 50.5%;

	float: left;

}

.ctUs-form .text {

	width: 100%;

padding:0 .2rem;

	height: 50px;

	line-height: 48px;

	color: #666666;

	border: 1px solid #dcdcdc;

	margin: 20px 0 0;

}

.ctUs-form .text:first-child {

	margin: 0px;

}

.ctUs-form textarea.text {

	height: 215px;

	resize: none;

}

.ctUs-form .btn.sub-btn {

	padding: 0 32px 0 0;

	width: 183px;

	height: 45px;

	line-height: 45px;

	font-size: 18px;

	color: #fff;

	background: #e00007 url(../images/icon-go2.png) no-repeat 124px center;

margin:.43rem 0 0;

}

.ctUs-box {

	padding: 0 0 30px 51px;

	width: 427px;

	background: #e9eaea;

	border-left: 2px solid #e00007;

	position: absolute;

	right: 0px;

	top: 0px;

}

.ctUs-box .ctUs-block {

	width: 374px;

	padding: 34px 20px 33px 82px;

	line-height: 24px;

	font-size: 16px;

	color: #333;

	border-top: 1px solid #d2d2d2;

}

.ctUs-block.adr {

	padding: 24px 20px 43px 82px;

	border-top: 0px;

	background: url(../images/ctus-1.png) no-repeat left 28px;

}

.ctUs-block.mail {

	background: url(../images/ctus-2.png) no-repeat left 38px;

}

.ctUs-block.tel {

	padding: 44px 20px 23px 82px;

	background: url(../images/ctus-3.png) no-repeat left 48px;

}

/*-- 关于我们 --*/



.com-culture .I-title .t3,  .com-srv .I-title .t3 {

	color: #cdcdcd;

	font-size: 18px;

	line-height: 28px;

}

.com-srv .I-title .t3 {

	color: #666;

}

/*公司简介*/



.com-pro {

padding:.8rem 4% 1.05rem;

	text-align: center;

	color: #333;

}

.com-pro .title {

	line-height: 48px;

	font-size: 36px;

}

.com-pro .con {

	width: 1010px;

	line-height: 26px;

	margin: 15px auto 0;

}

.com-pro .con p {

margin:.26rem 0 0;

}

.com-pro .con p:first-child {

	margin: 0px;

}

.cPro-data {

	font-size: 0px;

margin:.61rem 0 0;

}

.cPro-data li {

	display: inline-block;

	margin: 0 34px;

}

.cPro-data li .num {

	font: 80px/70px 'DINCond-Bold';

	color: #444;

}

.cPro-data li .type {

	line-height: 25px;

	font-size: 16px;

	margin: 15px 0 0;

}

/*企业文化*/



.com-culture {

padding:.9rem 0 1rem;

	text-align: center;

	background: url(../images/ccul-bg.jpg) no-repeat center center / cover fixed;

}

.com-culture .I-title .t1 {

	color: #fff;

}

.com-culture .I-title .split {

	background: #ffffff;

}

.cCul-list {

margin:.46rem 0 0;

}

.cCul-list li {

	width: 33.3333%;

padding:0 .75rem;

	float: left;

}

.cCul-list .cCul-icon {

	width: 140px;

	height: 140px;

	line-height: 136px;

	font-size: 0px;

	border: 2px solid #d6030a;

	border-radius: 100%;

	position: relative;

	overflow: hidden;

	margin: 0 auto;

}

.cCul-icon img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.cCul-icon img.rollover {

	z-index: 2;

}

.cCul-list .type {

	line-height: 35px;

	font-size: 24px;

	color: #fff;

	margin: 28px 0 0;

}

.cCul-list .con {

	line-height: 26px;

	color: #cccccc;

	margin: 10px 0 0;

}

.cCul-list .cCul-icon:after {

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	border-radius: 100%;

	background: #e00007;

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 0;

}

.cCul-list li:hover .cCul-icon img {

	opacity: 0;

	filter: alpha(opacity=0);

}

.cCul-list li:hover .cCul-icon img.rollover {

	opacity: 1;

	filter: alpha(opacity=100);

	transition-delay: .2s;

	-webkit-transition-delay: .2s;

}

.cCul-list li:hover .cCul-icon:after {

	-webkit-animation: flipInY2 1s .1s ease both;

	-moz-animation: flipInY2 1s .1s ease both;

}

 @-webkit-keyframes flipInY2 {

 0% {

-webkit-transform:perspective(400px) rotateY(90deg);

opacity:0

}

 40% {

-webkit-transform:perspective(400px) rotateY(-5deg)

}

 70% {

-webkit-transform:perspective(400px) rotateY(5deg)

}

 100% {

-webkit-transform:perspective(400px) rotateY(0deg);

opacity:1

}

}

 @-moz-keyframes flipInY2 {

 0% {

-moz-transform:perspective(400px) rotateY(90deg);

opacity:0

}

 40% {

-moz-transform:perspective(400px) rotateY(-5deg)

}

 70% {

-moz-transform:perspective(400px) rotateY(5deg)

}

 100% {

-moz-transform:perspective(400px) rotateY(0deg);

opacity:1

}

}

/*服务流程*/



.com-srv {

padding:.79rem 0 1.04rem;

}

.cSrv-box {

	text-align: center;

margin:.5rem 0 0;

}

.cSrv-box img {

	max-width: 100%;

}

.com-orn img {

	max-width: 100%;

}

.com-orn .comOrn-web {

	display: none;

}
.kehu {

	margin: 10px auto;

}

/*右侧悬浮分享*/



.float-right-box {

	width: 250px;

	position: fixed;

	right: 0;

	top: 50%;

	margin-top: -127px;

	background-color: #000;

	z-index: 1000;

	transition: width 0.3s ease 0s;

}

.float-right-box.on {

	width: 50px;

}

.float-right-box .top-list {

	width: 100%;

}

.float-right-box .top-list ul {

	width: 100%;

}

.float-right-box .top-list li {

	width: 100%;

	position: relative;

	border-bottom: 1px solid #3b3b3b;

	transition: background 0.3s ease 0s;

	height: 50px;

}

.float-right-box .top-list a {

	display: block;

	width: 100%;

}

.float-right-box .top-list .ico {

	display: inline-block;

	width: 49px;

	height: 49px;

	position: absolute;

	right: 0;

	top: 0;

	transition: background 0.3s ease 0s;

	z-index: 2;

}

.float-right-box .top-list .ico1 {

	background: url(../images/fr-1.png) no-repeat center #000;

}

.float-right-box .top-list .ico2 {

	background: url(../images/fr-2.png) no-repeat center #000;

}

.float-right-box .top-list .ico3 {

	background: url(../images/fr-3.png) no-repeat center #000;

}

.float-right-box .top-list .ico4 {

	background: url(../images/fr-4.png) no-repeat center #000;

}

.float-right-box .top-list .stt {

	display: inline-block;

	font-size: 14px;

	line-height: 50px;

	color: #fff;

	transition: color 0.3s ease 0s;

	position: absolute;

	left: 28px;

	top: 0;

	z-index: 1;

	width: 222px;

}

.float-right-box .top-list li:hover .stt {

	color: #15191e;

}

.float-right-box .top-list li:hover .ico1 {

	background: url(../images/fr-1-2.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico2 {

	background: url(../images/fr-2-2.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico3 {

	background: url(../images/fr-3-2.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover .ico4 {

	background: url(../images/fr-4-2.png) no-repeat center #fff;

}

.float-right-box .top-list li:hover {

	background-color: #fff;

}

.float-right-box .top-list .return-webtop .stt {

	font-family: "Arial";

	font-weight: bold;

}

.float-right-box .bot-share {

	position: relative;

	height: 50px;

}

.float-right-box .bot-share a {

	display: inline-block;

	width: 50px;

	height: 50px;

	float: left;

	transition: background 0.3s ease 0s;

	margin: 0;

	padding: 0;

}

.float-right-box .bot-share .share {

	width: 200px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1;

}

.float-right-box .bot-share .sina {

	background: url(../images/frs-1.png) no-repeat center;

}

.float-right-box .bot-share .wx {

	background: url(../images/frs-2.png) no-repeat center;

}

.bd_weixin_popup {

	height: 310px !important;

}

.float-right-box .bot-share .tx {

	background: url(../images/frs-3.png) no-repeat center;

}

.float-right-box .bot-share .more {

	background: url(../images/frs-4.png) no-repeat center;

}

.float-right-box .bot-share a:hover {

	background-color: #525354;

}

.float-right-box .bot-share .share-ico {

	background: url(../images/fr-5.png) no-repeat center #000;

	width: 50px;

	height: 50px;

	display: inline-block;

	cursor: pointer;

	z-index: 2;

	position: relative;

}

/*-----浮动右侧客服-----*/



.float_qq {

	position: fixed;

	top: 200px;

	right: 0;

	width: 50px;

	height: 203px;

	z-index: 200;

}

.float_qq li {

	width: auto;

	height: 50px;

	z-index: 20;

}

.float_qq li.float_qq1, .float_qq li.float_qq4 {

	position: absolute;

	left: 0;

	width: 62px;

}

.float_qq li.float_qq1 {

	top: 0;

}

.float_qq li.float_qq2 {

	position: absolute;

	top: 51px;

	left: 0;

	width: 126px;

}

.float_qq li.float_qq3 {

	position: absolute;

	top: 102px;

	left: 0;

	width: 172px;

}

.float_qq li.float_qq4 {

	top: 153px;

}

.float_qq4 {

	position: absolute;

	top: 153px;

	left: 0;

}

.float_qq li a {

	display: block;

	font-family: "Microsoft Yahei";

	color: #FFF;

	font-size: 14px;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	background-color: #000;

	opacity: 0.8;

	border-radius: 6px;

}

.float_qq li a img {

	display: block;

	float: left;

	vertical-align: middle;

	width: 24px;

	height: 24px;

	margin: 12px 12px 14px 14px;

}

.float_qq li a:hover {

	background-color: #000;

	opacity: 1;

}

.float_shwx {

	position: absolute;

	top: -155px;

	left: -200px;

	width: 216px;

	height: 216px;

	padding-bottom: 9px;

	display: none;

}

.float_shwx img {

	display: block;

	padding: 14px;

	background-color: #FFF;

	width: 188px;

	height: 188px;

}

.float_qq li:hover .float_shwx {

	display: block;

}

.proInfo-container {

}

.proInfo-wrap {

	padding: 41px 0 43px;

	border-bottom: 1px solid #e5e5e5;

	position: relative;

}

.proInfo-split {

	display: block;

	width: 1px;

	height: 100%;

	background: #dedede;

	position: absolute;

	top: 0px;

	right: 24.16666666666667%;

}

.proInfo-box {

	width: 72.66666666666667%;

	float: left;

}

.pInfo-title {

	padding: 22px 0;

	border-bottom: 1px solid #e5e5e5;

}

.pInfo-title span {

	display: block;

	padding: 0 0 0 10px;

	height: 18px;

	line-height: 18px;

	font-size: 20px;

	font-weight: lighter;

	color: #000;

	border-left: 2px solid #e00007;

}

.pInfo-con {

	padding: 20px 0 21px;

	line-height: 32px;

	font-weight: lighter;

	border-bottom: 1px solid #e5e5e5;

	position: relative;

	overflow: hidden;

}

.pInfo-img {

	position: relative;

	overflow: hidden;

	margin: 45px 0 0;

}

.pInfo-img img {

	max-width: 100%;

}

.proInfo-nav {

	width: 20%;

	position: relative;

	float: right;

}

.pInfoNav-cur {

	text-align: center;

	height: 50px;

	line-height: 50px;

	border: 1px solid #ccc;

	background: url(../images/h-dd4.png) no-repeat 4% center;

	cursor: pointer;

	display: none;

}

.pInfoNav-rtn {

	width: 92%;

	height: 45px;

	line-height: 45px;

	border: 1px solid #ccc;

	margin: 1rem auto 0;

	display: none;

}

.pInfoNav-box {

}

.pInfoNav-box dl {

	padding: 5px 0 10px;

	border-bottom: 1px solid #e5e5e5;

}

.pInfoNav-box dl dt {

	line-height: 45px;

	font-size: 18px;

	font-weight: lighter;

	color: #000;

}

.pInfoNav-box dl dd {

	display: none;

}

.pInfoNav-box dd a {

	display: block;

	padding: 5px 0;

	line-height: 26px;

	font-size: 16px;

	color: #666666;

	font-weight: lighter;

}

.nSrch-hot {

	padding: 10px 0;

}

.nSrch-hot b {

	font-size: 16px;

}

.nSrch-hot ul {

	display: inline-block;

	width: auto;

}

.nSrch-hot ul li {

	display: inline-block;

	padding: 5px 0;

	margin: 0 10px 0 0;

}

.ct-rel .I-title {

	position: absolute;

	margin-left: -412.5px;

	left: 50%;

	top: 50%;

	margin-top: -61px;

}

.ct-rel .I-title .t1 {

	color: #fff;

}

.ct-rel .I-title .t3 {

	color: #fff;

}

/* 滑动块 */



.hc-ul {

	margin: 0 auto;

	padding: 0;

}

.hc-ul {

	background: #f1f1f1;

	height: 60px;

	position: relative;

	z-index: 9;

}

.hc-ul li {

	float: left;

	width: 16.6666666666%;

	text-align: center;

	cursor: pointer;

	height: 60px;

	line-height: 60px;

	position: relative;

	z-index: 999;

	list-style-type: none;

}

.hc-ul .curBlock {

	left: 0;

	background-color: #e00007;

	position: absolute;

	transition: left;

	top: 0px;

	height: 100%;

}

.hc-ul li a.cur {

	color: #fff;

	background: #e00007;

}

.flipbox {

	border-top: 1px dashed #eee;

	padding-top: 20px;

}

.pageflip {

	float: left;

	width: 60%;

}

.pageflip span {

	color: #333;

}

.pageflip a {

	color: #666;

}

.pageflip .flip_next {

	margin-top: 10px;

}

.pageflip a:hover {

	color: #df0000;

}

.nInfo-share {

	margin-top: 40px;

}

.ftmsg {

	text-align: center;

}

 @media all and (max-width:640px) {

.case-list li .com-img .ofH {

	height: auto;

}

.hc-ul li {

	width: 33.3333333333333%;

}

}