.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:99;
	background:#fff;
	border-bottom: 1px solid #f1f1f1;
}
.wrap {
	max-width:79.16666666666667rem;
	margin:0 auto;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header .logo img {
	width:4.583333333333334rem;
	display:block;
}
.header .rt {
	display:flex;
	align-items:center;
}
.naver ul {
	display:flex;
	align-items:center;
}
.naver li {
	margin-left:3.385416666666667rem;
	position:relative;
}
.naver li h3 a {
	font-size:0.8333333333333334rem;
	color:#353535;
	line-height:5.208333333333334rem;
	display:block;
}
.naver li dd a:hover,
.naver li.on h3 a,.naver li h3 a:hover {
	color:#138df5;
}
.naver li dl{
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	background: #fff;
	top: 100%;
	padding: 0 15px;
	border-radius: 6px;
	display: none;
	box-shadow: 0 6px 6px 0 rgba(80,80,80,0.1);
}
.naver li dd a{
	white-space: nowrap;
	font-size: 16px;
	line-height: 40px;
	padding: 0 20px;
	border-bottom: 1px solid #f1f1f1;
	display: block;color: #666;
}
.naver li dd:last-child a{
	border: none;
}
.header .phone {
	display:block;
	padding-left:3.28125rem;
	border-left:0.052083333333333336rem solid #353535;
	line-height:1.2;
	background:url(../images/lico1.png) no-repeat left 1.40625rem center;
	font-size:0.8333333333333334rem;
	color:#138df5;
	margin-left:1.3020833333333335rem;
}
.layout {
	padding-top:5.208333333333334rem;
}
.banner {
	overflow:hidden;
	position:relative;
	height:40.625rem;
}
.banner a{
	display: block;
	width: 100%;
	height: 100%;
}
.banner video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.spans {
	text-align:center;
}
.banner .spans {
	position:absolute;
	left:5.989583333333334rem;
	z-index:11;
	bottom:2.34375rem;
	text-align:left;
}
.spans span {
	background:#fff;
	width:0.5208333333333334rem;
	height:0.5208333333333334rem;
	border-radius:50%;
	margin:0 0.2604166666666667rem;
	opacity:1;
}
.spans span.swiper-pagination-bullet-active {
	background:#f35a0e;
}
.hpad {
	padding:2.604166666666667rem 0;
}
.hbg {
	background:#eaeaea;
}
.tit {
	text-align:center;
	margin-bottom:2.604166666666667rem;
}
.tit h3 {
	font-size:1.3541666666666667rem;
	color:#3d3d3d;
	line-height:1.6;
	padding-bottom:0.625rem;
	margin-bottom:0.625rem;
	background:url(../images/hico2.png) no-repeat center bottom;
}
.tit h6 {
	font-size:0.9375rem;
	color:#6c6c6c;
	text-transform:uppercase;
}
.hotlist {
	overflow:hidden;
}
.hotlist a {
	background:#fff;
	padding:0.78125rem;
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
}
.hotlist a .pic {
	overflow:hidden;
	height:13.75rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.hotlist a .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hotlist a .text {
	text-align:center;
	padding:1.3020833333333335rem 0;
	border-top:0.10416666666666667rem solid #e0e0e0;
}
.hotlist a .text h4 {
	font-size:1.1458333333333335rem;
	color:#000000;
	line-height:1.7;
}
.hotlist a .text p {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#000000;
	margin-top:0.2604166666666667rem;
}
.hotlist .hmore {
	margin-top:1.5625rem;
}
.hotlist .spans {
	margin-top:2.604166666666667rem;
	text-align:center;
	margin-bottom:1.5625rem;
}
.hmore {
	text-align:center;
}
.hmore a {
	display:inline-block;
	font-size:0.8333333333333334rem;
	color:#9b9b9b;
	line-height:2.2;
	position:relative;
}
.hmore a i {
	width:1.0416666666666667rem;
	height:0.052083333333333336rem;
	background:#9b9b9b;
	display:block;
	margin:0 auto;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hmore a:hover {
	color:#138df5;
}
.hmore a:hover i {
	background:#138df5;
	width:100%;
}
.caselist ul {
	display:flex;
	flex-wrap:wrap;
	a;
}
.caselist li {
	width:calc((100% - 2.3958333333333335rem)/3);
	margin:0 1.1458333333333335rem 1.1458333333333335rem 0;
}
.caselist li:nth-child(3n) {
	margin-right:0;
}
.caselist li img {
	height:16.666666666666668rem;
	width:100%;
	display:block;
	object-fit:cover;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.caselist li a {
	display:block;
	overflow:hidden;
	position:relative;
}
.caselist li p {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:2.0833333333333335rem 1.0416666666666667rem 1.0416666666666667rem;
	background:linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0));
	font-size:0.9375rem;
	color:#ffffff;
	line-height:1.6;
	transform:translateY(100%);
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.caselist li a:hover p {
	transform:translateY(0%);
}
.hotlist a:hover .pic img,.caselist li a:hover img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.1);
}
.footer {
	background:url(../images/bg1.jpg) no-repeat center/cover;
	padding:3.6458333333333335rem 0;
}
.footer .flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.0416666666666667rem 0;
}
.footer .th {
	border-bottom:0.052083333333333336rem solid rgba(201,201,201,0.5);
}
.footer .flex a {
	font-size:0.7291666666666667rem;
	line-height:2;
	color:#c9c9c9;
	display:inline-block;
}
.footer .flex ul {
	display:flex;
	align-items:center;
}
.footer .flex li i {
	margin:0 1.4583333333333335rem;
	font-size:0.7291666666666667rem;
	line-height:2;
	color:#c9c9c9;
}
.footer .fphone {
	padding-left:1.5625rem;
	background:url(../images/hico3.png) no-repeat left center;
}
.footer .flex a:hover {
	color:#fff;
}
.hotlist a:hover .text h4 {
	color:#138df5;
}
.hban {
	height:27.083333333333336rem;
}
.hsty {
	background:#fff;
}
.hsty .flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:0.052083333333333336rem solid #d1d1d1;
	padding:1.0416666666666667rem 0;
}
.hsty .tab ul {
	display:flex;
	align-items:center;
}
.hsty .tab ul li {
	margin-right:3.125rem;
}
.hsty .tab ul li a {
	font-size:1.0416666666666667rem;
	color:#585858;
	display:inline-block;
	padding:0.5208333333333334rem 0;
}
.crumbs ul {
	display:flex;
	align-items:center;
	font-size:0.7291666666666667rem;
	color:#b3b3b3;
	line-height:1.6;
	padding-left:0.7291666666666667rem;
	background:url(../images/hico4.png) no-repeat left center;
}
.crumbs ul li {
	font-size:0.7291666666666667rem;
	color:#b3b3b3;
	line-height:1.6;
	margin-left:0.5208333333333334rem;
}
.crumbs ul li a {
	font-size:0.7291666666666667rem;
	color:#b3b3b3;
	line-height:1.6;
	display: inline-block;
}
.tab2 dl {
	display:flex;
	align-items:center;
	padding:1.0416666666666667rem 0;
}
.tab2 dd {
	font-size:0.8333333333333334rem;
	color:#585858;
	line-height:1.875rem;
	margin-right:2.604166666666667rem;
}
.tab2 {
	border-bottom:0.052083333333333336rem solid #d1d1d1;
}
.productlist {
	padding:3.125rem 0;
	background:#eaeaea;
}
.productlist ul {
	display:flex;
	flex-wrap:wrap;
}
.productlist ul li {
	width:calc((100% - 6.354166666666667rem)/4);
	margin:0 2.0833333333333335rem 3.541666666666667rem 0;
}
.productlist ul li:nth-child(4n) {
	margin-right:0;
}
.pages dl {
	display:flex;
	justify-content:center;
	align-items:center;
}
.pages dd {
	margin:0 0.78125rem;
}
.pages dd a {
	font-size:0.7291666666666667rem;
	line-height:2.604166666666667rem;
	width:2.604166666666667rem;
	border-radius:50%;
	display:inline-block;
	text-align:center;
}
.pages dd a.prev,.pages dd a.next {
	border:1px solid #cccccc;
	height:2.604166666666667rem;
	background:url(../images/prev1.png) no-repeat center;
}
.pages dd a.next {
	transform:rotate(180deg);
}
.pages dd a.prev:hover,.pages dd a.next:hover {
	background:url(../images/prev1-1.png) no-repeat center #f35a0e;
	border-color:#f35a0e;
}
.pages dd.on a,.pages dd a:hover {
	background:#f35a0e;
	border-color:#f35a0e;
	color:#fff;
}
.product_detail .th h1 {
	text-align:center;
	border-bottom:0.052083333333333336rem solid #c6c6c6;
	font-size:1.25rem;
	line-height:1.6;
	color:#0496fc;
	padding:1.0416666666666667rem 0;
}
.product_detail .tb {
	display:flex;
	justify-content:space-between;
	padding:2.604166666666667rem 0;
}
.product_detail .tb .pics {
	width:50%;
	overflow:hidden;
	margin-right:3.6458333333333335rem;
	position:relative;
}
.product_detail .tb .pics img {
	width:100%;
	height:13.541666666666668rem;
	display:block;
	object-fit:contain;
}
.product_detail .tb .pics .spans {
	text-align:center;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:22;
}
.pics .spans span {
	background:#a3a3a3;
}
.pics .spans span.swiper-pagination-bullet-active {
	background:#f35a0e;
}
.product_detail .text {
	flex:1;
	font-size:0.8333333333333334rem;
	color:#000000;
	line-height:1.8;
}
.product_detail .wrap {
	max-width:62.5rem;
}
.product_detail .item {
	margin-top:2.0833333333333335rem;
}
.uti {
	display:flex;
	align-items:center;
	line-height:2.3958333333333335rem;
	border-bottom:0.052083333333333336rem solid #c6c6c6;
	font-size:1.0416666666666667rem;
	color:#000000;
	margin-bottom:1.0416666666666667rem;
}
.uti img {
	width:0.9375rem;
	margin-right:0.625rem;
	display:block;
}
.product_detail .hotlist {
	overflow:initial;
}
.product_detail .hotlist ul {
	display:flex;
	flex-wrap:wrap;
	padding-top:1.0416666666666667rem;
}
.product_detail .hotlist li {
	width:calc((100% - 7.395833333333334rem)/3);
	box-shadow:0 0 0.5208333333333334rem 0 #e8e8e8;
	margin:0 3.6458333333333335rem 1.0416666666666667rem 0;
}
.product_detail .hotlist li:nth-child(3n) {
	margin-right:0;
}
.product_detail {
	padding-bottom:3.125rem;
}
.hban .wrap {
	display:flex;
	align-items:center;
	height:100%;
}
.hban h3 {
	font-size:1.3541666666666667rem;
	color:#e5e5e5;
	line-height:1.6;
}
.hban p {
	font-size:0.8333333333333334rem;
	color:#e5e5e5;
	line-height:1.6;
}
.caselist2 {
	display:flex;
	flex-wrap:wrap;
}
.caselist2 li {
	width:calc((100% - 4.791666666666667rem)/4);
	margin:0 1.5625rem 3.125rem 0;
	border:1px solid #e0e0e0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.caselist2 li:nth-child(4n) {
	margin-right:0;
}
.caselist2 a {
	overflow:hidden;
	height:100%;
}
.caselist2 .pic {
	overflow:hidden;
}
.caselist2 .pic img {
	width:100%;
	display:block;
	height:11.979166666666668rem;
	object-fit:cover;
}
.caselist2 p {
	font-size:0.8333333333333334rem;
	color:#5a5a5a;
	line-height:1.7;
	padding:0.78125rem 0.5208333333333334rem 1.0416666666666667rem;
}
.casedetail .wrap {
	max-width:62.5rem;
}
.casedetail .th {
	padding:1.5625rem 0 0.78125rem;
	text-align:center;
	border-bottom:0.052083333333333336rem solid #dcdcdc;
	text-align:center;
}
.casedetail .th h1 {
	font-size:1.3541666666666667rem;
	color:#585858;
	line-height:1.6;
}
.casedetail .th h6 {
	font-size:0.7291666666666667rem;
	color:#909090;
	line-height:1.6;
	margin:0.4166666666666667rem 0 0;
}
.casedetail .th h6 i {
	margin:0 0.5208333333333334rem;
}
.casedetail .detail1 {
	padding:1.5625rem 0;
	font-size:0.8333333333333334rem;
	color:#5b5b5b;
	line-height:1.8;
}
.casedetail .detail1 img {
	height:auto;
	display:block;
	width:100%;
}
.flexprevnext {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.0416666666666667rem 0;
	border-top:0.052083333333333336rem solid #dcdcdc;
	border-bottom:0.052083333333333336rem solid #dcdcdc;
	margin:2.604166666666667rem 0;
	padding:1.0416666666666667rem 0;
}
.flexprevnext a {
	font-size:0.7291666666666667rem;
	color:#b2b2b2;
	max-width:48%;
	display:block;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.8;
}
.ctit {
	padding-left:0.8854166666666667rem;
	background:url(../images/hico7.png) no-repeat left center;
	font-size:0.9375rem;
	color:#585858;
	line-height:2;
	margin-bottom:1.0416666666666667rem;
}
.hotcase .caselist2 li {
	width:calc((100% - 6.875rem)/3);
	margin:0 3.385416666666667rem 1.5625rem 0;
}
.hotcase .caselist2 li:nth-child(3n) {
	margin-right:0;
}
.about .wrap {
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	padding-bottom:3.125rem;
}
.about .pic {
	flex:1;
	display:block;
	width: calc(100% - 650px);
}
.about .text {
	width:600px;
	margin-right:2.34375rem;
}
.ti {
	font-size:1.3541666666666667rem;
	color:#000000;
	line-height:2;
	position:relative;
	margin-bottom:1.4583333333333335rem;
}
.about .ti {
	color:#138df5;
}
.ti:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	width:1.4583333333333335rem;
	height:0.10416666666666667rem;
	background:#f5580b;
}
.about .text p {
	font-size:0.8333333333333334rem;
	color:#4a4a4a;
	line-height:1.8;
}
.contact .map>img {
	width:100%;
	display:block;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
}
.contact .text {
	padding:2.34375rem 0 3.385416666666667rem;
}
.contact .text h1 {
	font-size:1.3541666666666667rem;
	color:#000000;
	line-height:1.7;
}
.contact .text p {
	font-size:0.8333333333333334rem;
	color:#5c5c5c;
	line-height:1.7;
}
.form ul {
	display:flex;
	flex-wrap:wrap;
}
.form li {
	width:calc((100% - 3.75rem)/3);
	margin:0 1.8229166666666667rem 1.8229166666666667rem 0;
}
.form li:nth-child(3n) {
	margin-right:0;
}
.form li:nth-child(4) {
	width:100%;
	margin:0;
}
.form li .txt {
	width:100%;
	border:1px solid #d7d7d7;
	background:#fff;
	height:2.2395833333333335rem;
	color:#333;
	font-size:0.8333333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 1.0416666666666667rem;
}
.form li .txt1 {
	height:6.770833333333334rem;
	padding:0.5208333333333334rem 1.0416666666666667rem;
	line-height:1.6;
}
.form .btn {
	width:9.895833333333334rem;
	line-height:2.604166666666667rem;
	border-radius:2.604166666666667rem;
	border:1px solid #f96e22;
	text-align:center;
	background:#fff;
	color:#373737;
	font-size:0.9375rem;
	color:#373737;
	cursor:pointer;
	margin-top:2.0833333333333335rem;
}
.downlist li a {
	border-bottom:0.052083333333333336rem dashed #c07d7a;
	padding:1.4583333333333335rem 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.downlist li p {
	flex:1;
	font-size:1.25rem;
	color:#000000;
}
.downlist li i {
	display:inline-block;
	padding-right:2.0833333333333335rem;
	background:url(../images/hico8.png) no-repeat right center;
	font-size:0.9375rem;line-height: 2;
	color:#999999;
}
.downlist li a:hover i {
	background:url(../images/hico8-1.png) no-repeat right center;
	color:#f96e22;
}
.downlist li a:hover p {
	color:#f96e22;
}
.downlist {
	padding-bottom:3.125rem;
}
.downlist ul {
	padding-bottom:3.125rem;
}
.hban .wrap{
		background: rgba(0,0,0,0.3);
	}
	
	.crumbs ul li.on a,
	.crumbs ul li a:hover,
	.hsty .tab ul li a:hover,
	.hsty .tab ul li.on a,
	.tab2 dd.on a,
	.tab2 dd a:hover{
		color: #138df5;
	}
	
	.caselist2 .pic img{
		transition:all 0.3s;
		-ms-transition:all 0.3s;  /* IE 9 */
		-moz-transition:all 0.3s;     /* Firefox */
		-webkit-transition:all 0.3s; /* Safari 和 Chrome */
		-o-transition:all 0.3s;
	}
	
	.caselist2 .pic{
		overflow: hidden;
	}
	.caselist2 a:hover .pic img{
		transform:scale(1.1);
		-ms-transform:scale(1.1);  /* IE 9 */
		-moz-transform:scale(1.1);     /* Firefox */
		-webkit-transform:scale(1.1); /* Safari 和 Chrome */
		-o-transform:scale(1.1); 
	}
	.caselist2 a:hover p{
		color: #138df5;
	}
	.form .btn{
		transition:all 0.3s;
		-ms-transition:all 0.3s;  /* IE 9 */
		-moz-transition:all 0.3s;     /* Firefox */
		-webkit-transition:all 0.3s; /* Safari 和 Chrome */
		-o-transition:all 0.3s;
	}
	.form .btn:hover{
		background: #138df5;border-color: #138df5;color: #fff;
	}
	.form li .txt:focus{
		border-color: #138df5;
	}