.wrap{
	margin: 0 100px;
}
.hbanner{
	overflow: hidden;
}
.header .wrap{
	margin: 0;display: flex;justify-content: space-between;align-content: center;
}
.header{
	background: #fff;
	position: sticky;top: 0;
	z-index: 101;left: 0;right: 0;
	box-shadow: 0 0 8px rgba(80,80,80,0.2);
}
.header .logo{
	border-right: 1px solid #e5e5e5;width: 30%;padding-left: 70px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;padding-right: 80px;padding-top: 20px;
}

.header .logo  img{
	display: block;object-fit: contain;
}
.header .laug{
	border-left: 1px solid #e5e5e5;width: 15%;padding: 0 110px 0 80px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;padding-top: 40px;
}
.header .naver{
	width: 55%;padding-left: 132px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.header .naver ul{
	font-size: 0;
}
.header .naver li{
	display: inline-block;margin: 0 23px;position: relative;
}
.header .naver li::before{
	content: "";position: absolute;
	left: 0;right: 0;margin: 0 auto;
	bottom: 30px;z-index: 1;height: 5px;background: #e64600;display: block;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;width: 0;
}
.header .naver li.on::before,
.header .naver li:hover::before{
	width: 100%;
}
.header .naver li a{
	font-size:18px ;
	line-height: 110px;
	color: #231815;display: block;font-weight: bold;text-transform: uppercase;
}
.header .naver li.on a,
.header .naver li a:hover{
	color: #e64600;
}
.header .lags{
	position: relative;padding-bottom: 20px;
}
.header .laug h3{
	background: url(../images/qm1.png) no-repeat left center;padding-left: 40px;cursor: pointer;
}
.header .laug h3 span{
	font-size:18px ;
	line-height: 1.7;
	color: #231815;padding-right: 20px;background: url(../images/qm2.png) no-repeat right center;display: inline-block;
}
.header .laug .ndl{
	    position: absolute;
	    top: 80%;
	    left: -36px;
	    right: -36px;
	    z-index: 111;
	    background: #fff;
	    border-radius: 4px;
	    width: 130px;
	    padding: 5px 0 0;margin: 0 auto;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    box-sizing: border-box;box-shadow: 0 0 10px 0 rgba(80,80,80,0.2);display: none;
}
.header .laug .ndl dd{
	    font-size: 18px;
	    line-height: 1.7;
	    color: #202944;
	    text-align: center;
	    margin-bottom: 5px;cursor: pointer;
}
.header .laug .ndl dd:hover{
	color: #e64600;
}
.header .lags:hover .ndl{
	display: block;
}
.footer{
	background: #1a1a1a;position: relative;
}
.footer h2{
	font-size:54px ;
	line-height: 1.7;
	color: #daa38a;font-weight: bold;text-align: center;padding: 50px 0;text-transform: uppercase;
}
.footer .box{
	border-top: 1px solid rgba(255,255,255,0.16);border-bottom: 1px solid rgba(255,255,255,0.16);
}
.footer .box .wrap{
	display: flex;justify-content: space-between;
}
.footer .box .lt{
	width: 35%;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;padding: 52px 0;
}
.footer .box .lt:nth-child(2){
	width: 30%;padding: 110px 40px 42px;border-right: 1px solid rgba(255,255,255,0.16);border-left: 1px solid rgba(255,255,255,0.16);
}
.footer .box .lt dl img{
	display: block;margin: 0 auto;
}
.footer .box .lt dl h5 span{
	font-size:24px ;
	line-height: 1.7;
	color: #daa38a;padding-left: 40px;display: inline-block;
}
.footer .box .lt dl h5{
	text-align: center;margin-top: 52px;
}

.footer .box .lt dl h6{
	padding-left: 57px;font-size:16px ;
	line-height: 2.4;
	color: #5c4439;
}
.footer .box .lt dl h3{
	font-size:18px ;
	line-height: 1.6;
	color: #daa38a;padding-left: 57px;
}
.footer .box .lt1 dd{
	margin-bottom: 30px;
}
.footer .box .lt1{
	padding-left: 80px;
}
.footer .box .lt2{
	padding-left: 160px;
}
.footer .box .lt dl h4 a{
	font-size:22px ;
	line-height: 68px;
	color: #daa38a;text-transform: uppercase;padding-left: 15px;
}
.footer .box .lt dl h4{
	position: relative;
}
.footer .box .lt dl h4::before{
	content: "";width: 3px;height: 3px;position: absolute;
	left: 0;
	top: 50%;z-index: 1;margin-top: -2px;background: #e34500;border-radius: 50%;display: block;
}
.footer .copyr .wrap{
	display: flex;justify-content: space-between;align-items: center;padding: 0 80px;
}
.footer .copyr h6{
	font-size:16px ;
	line-height: 72px;
	color: #daa38a;
}
.footer .copyr .b1{
	font-size:16px ;
	line-height: 72px;
	color: #daa38a;display: block;
}
.uittop{
	position: absolute;
	right: 1%;
	top: -6%;z-index: 23;background: #0080cc;width: 50px;padding: 20px 0;border-radius: 48px;height: 94px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;cursor: pointer;
}
.uittop h4{
	font-size:14px ;
	line-height: 1.7;
	color: #fff;padding-top: 40px;background: url(../images/qm8.png) no-repeat center top;text-align: center;
}


.habout{
	padding: 80px 0 130px;
}
.tit{
	text-align: center;
}
.tit h2{
	font-size:54px ;
	line-height: 1.7;
	color: #333333;font-weight: bold;text-transform: uppercase;
}
.habout .box{
	margin-top: 30px;display: flex;justify-content: space-between;align-items: center;
}
.habout .box .img{
	width: 50%;margin: 0 auto;
}
.habout .box .img img{
	display: block;margin: 0 auto;
}
.habout .box .txt{
	width: 50%;padding-right: 160px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.habout .box .txt .del{
	font-size:20px ;
	line-height: 1.7;
	color: #333333;margin-bottom: 60px;
}
.habout .box .txt .del i{
	color: #e64600;
}
.uitbtn{
	display: block;width: 164px;border: 1px solid #7fbfe5;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;height: 46px;border-radius: 23px;padding: 2px 3px;transition:all 0.4s;
	-ms-transition:all 0.4s;  /* IE 9 */
	-moz-transition:all 0.4s;     /* Firefox */
	-webkit-transition:all 0.4s; /* Safari 和 Chrome */
	-o-transition:all 0.4s;
}
.uitbtn span{
	font-size:16px ;
	line-height:40px;padding-left: 24px;
	color: #0080cc;display: block;background: url(../images/qm55.png) no-repeat right center;
}
.uitbtn:hover{
	box-shadow: 0 0 10px 0 #f4c1ab;background: #e64600;border-color: #e64600;width: 172px;
}
.uitbtn:hover span{
	color: #fff;background: url(../images/qm55-1.png) no-repeat right center;
}


.bbanner{
	height: 700px;position: relative;
}
.bbanner img{
	width: 100%;height: 100%;display: block;object-fit: cover;
}
.bbanner .txt{
	position: absolute;
	right: 100px;
	bottom: 0;z-index: 1;width: 426px;height: 307px;background: #e64600;
}
.bbanner .txt h3{
	font-size:70px ;
	line-height: 84px;
	color: #fff;font-weight: bold;position: relative;text-transform: uppercase;font-style: italic;margin-left: -32px;margin-top: 50px;
}
.bbanner .txt h3::before{
	content: "";position: absolute;
	left: 0;
	bottom: -20px;z-index: 1;width: 106px;height: 6px;background: #fff;display: block;
}
.qmnew .hd{
	padding: 120px 0;
}
.qmnew .hd .img{
	width: 46%;float: left;
}
.qmnew .hd .img a{
	display: block;width: 100%;height: 100%;overflow: hidden;
}
.qmnew .hd .img img{
	width: 100%;display: block;object-fit: cover;height: 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;
}
.qmnew .hd .img: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); 
}
.qmnew .hd .txt{
	float: right;width: 48%;padding-right: 40px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.qmnew .hd .txt h6{
	border-bottom: 1px solid #fcf0ea;
}
.qmnew .hd .txt h6 span{
	font-size:24px ;
	line-height: 74px;
	color: #e64600;position: relative;display: inline-block;
}
.qmnew .hd .txt h6 span::before{
	content: "";position: absolute;
	left: 0;
	bottom: 0;z-index: 1;height: 1px;background: #e64600;width: 100%;
}
.qmnew .hd .txt h3{
	font-size:30px ;
	line-height: 42px;font-weight: bold;
	color: #333333;margin: 42px 0;
}
.qmnew .hd .txt p{
	font-size:18px ;
	line-height: 1.8;
	color: #999999;margin-bottom: 50px;
}
.qmnew .uitbox{
	background: #eeeeee;padding: 55px 0 80px;
}
.qmnew .uitbox ul{
	padding-bottom: 46px;
}
.uitbox li{
	float: left;margin-right: 32px;margin-bottom: 30px;width: calc((100% - 66px)/3);background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;height: 340px;
}
.uitbox li a{
	display: block;position: relative;width: 100%;height: 100%;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;padding: 10px 36px 0;transition:all 0.5s;
	-ms-transition:all 0.5s;  /* IE 9 */
	-moz-transition:all 0.5s;     /* Firefox */
	-webkit-transition:all 0.5s; /* Safari 和 Chrome */
	-o-transition:all 0.5s;
}
.uitbox li a:hover{
	transform:scale(1.04);
	-ms-transform:scale(1.04);  /* IE 9 */
	-moz-transform:scale(1.04);     /* Firefox */
	-webkit-transform:scale(1.04); /* Safari 和 Chrome */
	-o-transform:scale(1.04);
}
.uitbox li .bg{
	position: absolute;
	left: 0;right: 0;
	top: 0;z-index: 1;width: 100%;height: 100%;display: none;
}
.uitbox li:hover .mak,
.uitbox li:hover .bg{
	display: block;
}
.uitbox li .bg img{
	width: 100%;height: 100%;display: block;object-fit: cover;
}
.uitbox li .mak{
	position: absolute;
	left: 0;right: 0;
	top: 0;z-index: 1;background: rgba(0,0,0,0.5); height: 100%;display: none;
}
.uitbox li  .ts{
	position: relative;z-index: 2;
}
.uitbox li:nth-child(3n){
	margin-right: 0;
}
.uitbox h6{
	border-bottom: 1px solid #fcf0ea;
}
.uitbox h6 span{
	font-size:18px ;
	line-height: 76px;
	color: #e64600;position: relative;display: inline-block;
}
.uitbox h6 span::before{
	content: "";position: absolute;
	left: 0;
	bottom: 0;z-index: 1;height: 1px;background: #e64600;width: 100%;
}
.uitbox h3{
	font-size:22px ;
	line-height: 40px;
	color: #333333;height: 80px;overflow: hidden;margin: 46px 0;
}
.uitbox .btn{
	display: block;width: 164px;border: 1px solid #7fbfe5;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;height: 46px;border-radius: 23px;padding: 2px 3px;
}
.uitbox .btn span{
	font-size:16px ;
	line-height:40px;padding-left: 24px;
	color: #0080cc;display: block;background: url(../images/qm55.png) no-repeat right center;
}
.uitbox li a:hover h3,
.uitbox li a:hover h6 span{
	color: #fff;
}
.uitbox li a:hover h6 span::before{
	background: none;
}
.uitbox li a:hover h6 {
	border-bottom-color: rgba(255,255,255,0.4);
}
.uitbox li a:hover .btn{
	background: #e64600;border-color: #e64600;
}
.uitbox li a:hover .btn span{
	color: #fff;background: url(../images/qm55-2.png) no-repeat right center;
}
.uitpage{
	text-align: center;
}
.uitpage dl{
	display: inline-block;font-size: 0;
}
.uitpage dd{
	display: inline-block;margin: 0 4px;font-size: 14px;color: #999999;line-height: 40px;
}
.uitpage dd a{
	display: block;min-width: 40px;line-height: 40px;border-radius: 3px;
	font-size: 14px;color: #999999;text-align: center;background: #fff;
}
.uitpage dd.n1 a{
	min-width: 80px;
}
.uitpage dd.n2 a{
	min-width: 60px;
}
.uitpage dd.on a,
.uitpage dd a:hover{
	background: #333333;color: #fff;
}
.uitpage dd .t1{
	width: 40px;height: 40px;font-size: 14px;color: #333;text-align: center;border: none;background: #fff;border-radius: 3px;margin: 0 4px;
}
.uitpage dd.n3{
	margin: 0 6px 0 20px;
}
.newban{
	height: 425px;
}
.newban .wrap{
	position: relative;height: 100%;
}
.newban .uitbtn{
	position: absolute;
	right: 0;
	top: 60px;z-index: 1; border-color: #9ba3ac;
}
.newban .uitbtn span{
	color: #fff;background: url(../images/qm56.png) no-repeat right center;
}
.newban .txt{
	position: absolute;
	left: 0;
	bottom: 90px;z-index: 1; display: flex;justify-content: space-between;align-items: center;
}
.newban .txt .lt{
	width: 232px;position: relative;
}
.newban .txt .lt::before{
	content: "";position: absolute;
	right: 0;
	top: 15px;z-index: 1;height: 128px;width: 1px;background: #bbbdbe;
}
.newban .txt h6 i{
	font-size: 77px;font-weight: bold;
}
.newban .txt h6{
	font-size: 25px;line-height: 1.4;
	color: #fff;
}
.newban .txt  h1{
	width: calc(100% - 350px);padding-right: 200px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;font-size:44px ;
	line-height: 62px;
	color: #ffffff;font-weight: bold;
}
.newdel{
	padding: 77px 0 126px;
}
.newdel .padd{
	padding: 0 390px;
}
.newdel .del{
	font-size:18px ;
	line-height: 1.8;
	color: #333333;
}
.newdel .del img{
	width: 100%;display: block;margin: 0 auto;
}
.newdel .uitbtn{
	margin: 0 auto;
}
.newmore{
	padding: 60px 0 80px;background: #eeeeee;
}
.newmore .uitbox li{
	width: calc((100% - 32px)/2);margin-right: 0;
}
.newmore .uitbox li:nth-child(2){
	float: right;
}
.newmore .tit h2{
	text-transform: initial;
}
.newmore .uitbox{
	margin-top: 40px;
}

.hnew{
	padding: 86px 0 136px;
}
.hnew .uitbox{
	margin-top: 65px;
}
.hnew .uitbox li a{
	box-shadow: 0 0 20px 0 rgba(80,80,80,0.2);
}

.hadvant{
	padding: 80px 0 114px;
}
.hadvant .bds{
	margin-top: 60px;box-shadow: 0 0 20px 0 rgba(80,80,80,0.2);
}
.hadvant .bds li{
	float: left;width: 50%;border-bottom: 1px solid #efefef;position: relative;border-right: 1px solid #efefef;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;height: 224px;padding: 60px 94px 0;
}
.hadvant .bds li::before{
	content: "";width: 0;position: absolute;
	left: 0;right: 0;
	bottom: 0;z-index: 1;height: 2px;background: #e64600;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;
}
.hadvant .bds li:hover::before{
	width: 100%;
}
.hadvant .bds li:nth-child(2n){
	border-right: none;
}
.hadvant .bds li:nth-child(4),
.hadvant .bds li:nth-child(3){
	border-bottom: none;
}
.hadvant .bds li a{
	display: flex;justify-content: space-between;align-items: center;
}
.hadvant .bds li .ico{
	height: 92px;width: 190px;
}
.hadvant .bds li .ico img{
	height: 100%;display: block;object-fit: contain;
}
.hadvant .bds li .txt{
	width: calc(100% - 190px);
}
.hadvant .bds li h3{
	font-size:24px ;
	line-height: 1.7;
	color: #333333;font-weight: bold;margin-bottom: 10px;
}
.hadvant .bds li p{
	font-size:18px ;
	line-height: 1.7;
	color: #333333;
}

.hproduct{
	padding: 70px 0 50px;
}
.hproduct .ovs{
	position: relative;margin: 60px 50px 0;padding-bottom: 140px;
}
.hproduct .ovs .swippro{
	overflow: hidden;
}
.hproduct .ovs .swippro li{
	background: #fff;border-radius: 30px 0 30px 0;
}
.hproduct .ovs .swippro li .img{
	border-radius: 30px 0 30px 0;overflow: hidden;height: 420px;
}
.hproduct .ovs .swippro li .img img{
	width: 100%;height: 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;
}
.hproduct .ovs .swippro li .txt{
	padding: 20px 0 24px;
}
.hproduct .ovs .swippro li:hover .img 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); 
}
.hproduct .ovs .swippro li:hover .txt{
	/* padding-bottom: 30px; */
}
.hproduct .ovs .swippro li h4{
	font-size:26px ;
	line-height:40px;
	color: #333333;position: relative;word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;padding: 0 50px;
}
.hproduct .ovs .swippro li h4::before{
	content: "";width: 8px;height: 8px;border-radius: 50%;background: #e64600;position: absolute;
	left: 24px;
	top: 50%;z-index: 1;margin-top: -4px;
}
.hproduct .ovs .swippro li:hover{
	background: #e64600;
}
.hproduct .ovs .swippro li:hover h4::before{
	background: #fff;
}
.hproduct .ovs .swippro li:hover h4{
	color: #fff;
}
.hproduct .ovs .bs{
	position: absolute;
	left: 0;right: 0;
	bottom: 0;z-index: 1;margin: 0 auto;text-align: center;
} 
.hproduct .ovs .prev,
.hproduct .ovs .next{
	display: inline-block;width: 60px;height: 60px;background: url(../images/qm3.png) no-repeat center #fff;border-radius: 50%;vertical-align: middle;
	cursor: pointer;
}
.hproduct .ovs .prev{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);  /* IE 9 */
	-moz-transform:rotate(180deg);     /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg);
}
.hproduct .ovs .spot{
	display: inline-block;margin: 0 30px;vertical-align: middle;
}
.hproduct .ovs .spot span{
	background: #f4c1ab;opacity: 1;margin: 0 4px !important;
}
.hproduct .ovs .spot .swiper-pagination-bullet-active{
	background: #e34500;
}
.hproduct .ovs .prev:hover,
.hproduct .ovs .next:hover{
	background: url(../images/qm7.png) no-repeat center #e34500;
}



/* contact */
.fcontact {
	padding: 65px 0 85px;
}
.fcontact .list {
	background: url(../images/fimg1.png) no-repeat center/cover;
	box-shadow: 0 0 8px 0 rgba(80,80,80,0.1);
}
.fcontact .list ul {
	display : flex ;
	flex-wrap : wrap;
	justify-content : space-between;
}
.fcontact .list ul li {
	width: 25%;
	border-right: 1px solid #eeeeee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 32px 30px 42px;
	display : flex ;
	flex-wrap : wrap;
	justify-content : space-between;
}
.fcontact .list ul li:last-child {
	border-right: none;
}
.fcontact .list ul li .ico {
	width: 90px;
	height: 90px;
	position: relative;
}
.fcontact .list ul li .ico img {
	position: absolute;
	left: 0;right: 0;bottom: 0;
	margin: auto;top: 0;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.fcontact .list ul li .txt {
	width: calc(100% - 110px);
	margin-top: 32px;
}
.fcontact .list ul li .txt p {
	font-size: 18px;
	line-height: 26px;
	color: #999999;
}
.fcontact .list ul li .txt h2 {
	margin-top: 10px;
	font-size: 36px;
	line-height: 40px;
	color: #333333;
	white-space:nowrap;
}
.fcontact .list ul li .txt h5 {
	margin-top: 14px;
	font-size: 18px;
	line-height: 1.2;
	color: #0080cc;
}
.fcontact .list ul li .txt h6 {
	margin-top: 10px;
	font-size: 20px;
	line-height: 1.8;
	color: #333333;
	white-space:nowrap
}
.fcontact .fditu {
	position: relative;
}
.fcontact .fditu .map {
	height: 850px;
	margin-top: 60px;
}
.fcontact .fditu .maplst {
	position: absolute;
	z-index: 11;
	bottom: 48px;
	left: 85px;
	right: 85px;
	background: #ffffff;
}
.fcontact .fditu .maplst ul {
	display : flex ;
	flex-wrap : wrap;
	justify-content : space-between;
	align-items: center;
}
.fcontact .fditu .maplst ul li {
	width: 50%;cursor: pointer;
}
.fcontact .fditu .maplst ul li {
	padding: 25px 55px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 24px;
	line-height: 1.8;
	color: #333333;
}
.fcontact .fditu .maplst ul li:nth-child(2n) {
	padding: 25px 40px 30px;
}
.fcontact .fditu .maplst ul li.on {
	background: #e64600;
	color: #ffffff;
}
.fcontact .map .anchorBL {
	display: none;
}

/* 产品中心 */
.fprodpage {
	background: #fff;
	border-bottom: 1px solid #f29f7a;
}
.fprodpage ul {
	overflow-x: scroll;
	white-space: nowrap;
	overflow-y: hidden;
	font-size: 0;
}
.fprodpage ul li {
	display: inline-block;
	position: relative;
}
.fprodpage ul li a {
	display: block;
	font-size: 20px;
	line-height: 104px;
	color: #333333;
	padding: 0 23px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	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;
}
.fprodpage ul li.on a,
.fprodpage ul li a:hover {
	color: #e64600;
	font-weight: 600;
}
.fprodpage ul li::before {
	position: absolute;
	left: 0;right: 0;
	margin: 0 auto;
	z-index: 1;
	content: "";
	bottom: -1px;
	height: 5px;
	background: #e64600;
	width: 0;
	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;
}
.fprodpage ul li:hover::before,
.fprodpage ul li.on::before {
	width: 100%;
}
.fproduct {
	background: #eeeeee;
	padding: 70px 0 75px;
}
.fproduct .list ul {
	display : flex ;
	flex-wrap : wrap;
	justify-content : space-between;
}
.fproduct .list ul li {
	width: calc((100% - 1px)/2);
	margin-bottom: 10px;
	background: #ffffff;
}
.fproduct .list ul li a {
	display: block;
	padding: 68px 85px 46px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	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;
}
.fproduct .list ul li a:hover {
	background: #e64600;
} 
.fproduct .list ul li .imgs {
	height: 384px;
	overflow: hidden;
}
.fproduct .list ul li .imgs img {
	display: block;
	width: 100%;
	height: 100%;
	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;
}
.fproduct .list ul li:hover .imgs 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); 
}
.fproduct .list ul li .txt {
	display : flex ;
	flex-wrap : wrap;
	justify-content : space-between;
	margin-top: 30px;
}
.fproduct .list ul li .txt h2 {
	width: calc(100% - 200px);
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size: 28px;
	line-height: 48px;
	color: #333333;
	font-weight: bold;
	position: relative;
	padding-left: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	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;
}
.fproduct .list ul li:hover .txt h2 {
	color: #ffffff;
}
.fproduct .list ul li .txt h2::before {
	position: absolute;
	left: 0;content: "";
	top: 20px;z-index: 1;
	width: 8px;height: 8px;
	border-radius: 50%;
	background: #e64600;
	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;
}
.fproduct .list ul li:hover .txt h2::before {
	background: #ffffff;
}
.fmore {
	border: 1px solid #7ebee4;
	border-radius: 26px;
	width: 165px;
	padding: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display : flex ;
	flex-wrap : wrap;
	background: #ffffff;
	justify-content : space-between;
	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;
}
.fproduct .list ul li:hover .fmore {
	border-color: #ffffff;
}
.fmore h6 {
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 40px;
	color: #0080cc;
	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;
}
.fmore .next {
	height: 40px;
	width: 40px;
	background: url(../images/qm55.png) no-repeat center/cover;
	border-radius: 50%;
	overflow: hidden;
}
.fproduct .list ul li:hover .fmore h6 {
	color: #e64600;
}
.fproduct .list ul li:hover .fmore .next {
	background: url(../images/qm55-2.png) no-repeat center/cover;
}


/* 产品中心2 */
.fprodlst {
	padding: 65px 0 130px;
	background: #eeeeee;
}
.fprodlst .list ul {
	display : flex ;
	flex-wrap : wrap;
}
.fprodlst .list ul li {
	width: calc((100% - 42px)/3);
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
}
.fprodlst .list ul li:nth-child(3n) {
	margin-right: 0;
}
.fprodlst .list ul li a {
	display: block;
	background: #fbfbfb;
	padding: 26px 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height: 320px;
}
.fprodlst .list ul li img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fprodlst .list ul li .fanda {
	background: rgba(230,70,0,0.7);
	position: absolute;
	z-index: 1;
	top: 26px;
	bottom: 26px;
	left: 24px;
	right: 24px;
	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;
	opacity: 0;
}
.fprodlst .list ul li.on .fanda,
.fprodlst .list ul li:hover .fanda {
	opacity: 1;
}
.fprodlst .list ul li .fanda .ic {
	position: absolute;
	left: 0;right: 0;
	margin: 0 auto;
	height: 50px;
	width: 50px;
	background: url(../images/qm27.png) no-repeat center/cover;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
}
.fprodlst .list ul li .fanda i {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%);
	height: 1px;
	background: #fff;
	width: 32%;
}
.fprodlst .list ul li .fanda .i1 {
	left: 0;
}
.fprodlst .list ul li .fanda .i2 {
	right: 0;
}
.fclosebj {
	position: fixed;
	left: 0;right: 0;
	top: 0;z-index: 111;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	display: none;
}
.fprodse {
	position: fixed;
	left: 0;right: 0;
	margin: 0 auto;
	top: 50%;z-index: 120;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
	background: #fff;
	width: 1300px;
	display: none;
	padding: 52px 55px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fprodse .imgs {
	overflow: hidden;
}
.fprodse .imgs img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fprodse .fclose {
	margin: 36px auto 0;
} 
.fclose {
	display: block;
	border-radius: 26px;
	overflow: hidden;
	font-size: 18px;
	line-height: 44px;
	color: #e64600;
	text-align: center;
	width: 134px;
	border: 1px solid #e64600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	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;
}
.fclose:hover {
	color: #ffffff;
	background: #e64600;
}


/* 关于 */
.fabtext {
	padding: 100px 0 105px;
}
.fabtext .imgs {
	float: right;
	width: 49%;
}
.fabtext .imgs img {
	display: block;
	width: 100%;
}
.fabtext .text {
	float: left;
	width: 51%;
	margin-top: 86px;
}
.fabtext .text h3 {
	font-size: 32px;
	line-height: 60px;
	color: #333333;
	text-transform: uppercase;
	font-weight: bold;
}
.fabtext .text p {
	margin-top: 40px;
	font-size:20px;
	line-height: 1.4;
	color: #333333;
}
.fabtext .text p i {
	display: inline-block;
	color: #e64600;
}
.fabout {
	display : flex ;
	flex-wrap : wrap;
	justify-content : space-between;
	background: #e64600;
}
.fabout .imgs {
	width: 50%;
	overflow: hidden;
}
.fabout .imgs img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fabout .rts {
	width: 49%;
	padding: 10px 70px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fabout .rts li {
	padding: 90px 0 55px;
}
.fabout .rts li:first-child {
	border-bottom: 1px solid rgba(255,255,255,0.37);
}
.fabout .rts li h6 i {
	display: block;
	padding-left: 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-size:20px ;
	line-height: 1.2;
	color: #ffffff;
	position: relative;
}
.fabout .rts li h6 i::before {
	position: absolute;
	left: 0;right: 0;
	top: 10px;z-index: 1;
	content: "";
	width: 17px;
	height: 1px;
	background: #ffffff;
}
.fabout .rts li h3 {
	margin-top: 24px;
	font-size: 32px;
	line-height: 40px;
	color: #ffffff;
	font-weight: bold;
	min-height: 80px;
	overflow: hidden;
}

.faboutour {
	padding: 60px 0 100px;
}
.ftlt {
	text-align: center;
}
.ftlt h2 {
	font-size: 42px;
	line-height: 1.2;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
}
.faboutour .our {
	margin-top: 55px;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	display : flex ;
	flex-wrap : wrap;
	justify-content : space-between;
}
.faboutour .our .flt {
	width: 50%;
}
.faboutour .our .flt ul {
	display : flex ;
	flex-wrap : wrap;
	justify-content : space-between;
}
.faboutour .our .flt li {
	width: 50%;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.faboutour .our .flt li:nth-child(1),
.faboutour .our .flt li:nth-child(2) {
	border-top: none;
}
.faboutour .our .flt li a {
	padding: 30px 20px 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
.faboutour .our .flt li .icon {
	height: 120px;
	position: relative;
}
.faboutour .our .flt li .icon img {
	position: absolute;
	left: 0;right: 0;
	margin: 0 auto;
	max-height: 70%;
	max-width: 70%;
	display: block;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
}
.faboutour .our .flt li .txt {
	text-align: center;
	margin-top: 16px;
}
.faboutour .our .flt li .txt h4 {
	font-size: 24px;
	line-height: 30px;
	color: #333333;
	height: 60px;
	overflow: hidden;
	font-weight: bold;
}
.faboutour .our .flt li .txt p {
	margin-top: 10px;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	height: 40px;
	overflow: hidden;
}
.faboutour .our .frt {
	width: 50%;
	padding: 80px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.ftit {
	text-align: center;
}
.ftit h3 {
	font-size: 26px;
	line-height: 36px;
	color: #333333;
	font-weight: bold;
}
.faboutour .our .frt .list ul {
	display : flex ;
	flex-wrap : wrap;
	justify-content : center;
	margin-top: 60px;
}
.faboutour .our .frt .list ul li {
	margin: 0 22px;
}
.faboutour .our .frt .list ul li .ico {
	width: 186px;
	height: 263px;
	overflow: hidden;
	box-shadow: 0 0 20px 0 rgba(80,80,80,0.1);
}
.faboutour .our .frt .list ul li .ico img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.faboutour .our .frt .list ul li h5 {
	text-align: center;
	margin-top: 40px;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	text-transform: uppercase;
}
.fabhong {
	margin-top: 60px;
	padding: 90px 0;
}
.fhongsw {
	overflow: hidden;
}
.fhongsw li {
	height:354px;
}
.fhongsw li a{
	display: block;height: 100%;overflow: hidden;
}
.fhongsw 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); 
}
.fhongsw li img{
	height: 100%;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;
}
.fhongsw .swiper_spot {
	margin: 40px auto 0;
	text-align: center;
}
.fhongsw .swiper_spot span {
	margin: 0 3px;
	background: rgba(227,69,0,0.16);
	height: 9px;
	width: 9px;
	opacity: 1;
}
.fhongsw .swiper_spot span.swiper-pagination-bullet-active {
	background: rgba(227,69,0,1);
	height: 11px;
	width: 11px;
	
}


.hbanner{
	height: 960px;position: relative;overflow: hidden;
}
.hbanner li{
	height: 960px;position: relative;
}
.hbanner li img{
	width: 100%;height: 100%;display: block;object-fit: cover;
}
.hbanner .text{
	position: absolute;
	right: 0;
	bottom: 0;z-index: 1;width: 705px;border-radius: 20px 0 0 0;height: 306px;background: #e56026;padding: 40px 0 0 0;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;padding-left: 44px;
}
.hbanner .text .tx{
	position: relative;padding-left: 34px;
}
.hbanner .text .tx::before{
	content: "";position: absolute;
	left: 0;margin-top: -42px;
	top: 50%;z-index: 1;width: 4px;background: #fff;height: 86px;display: block;
}
.hbanner .text h2{
	font-size:40px ;
	line-height: 1.2;
	color: #fff;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hbanner .text h4{
	font-size:32px ;
	line-height: 1.2;
	color: #fff;text-transform: uppercase;word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hbanner .prev,
.hbanner .next{
	position: absolute;
	right: 20px;
	top: 50%;z-index: 1;margin-top: -30px;
    width: 60px;
    height: 60px;
    background: url(../images/qm3.png) no-repeat center #fff;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;box-shadow:  0 0 20px 0 rgba(80,80,80,0.2);
}
.hbanner .prev{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);  /* IE 9 */
	-moz-transform:rotate(180deg);     /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg);left: 20px;
}
.hbanner .prev:hover,
.hbanner .next:hover{
    background: url(../images/qm7.png) no-repeat center #e34500;
}
.hbanner .spans{
	position: absolute;
	right: 380px;color: #fff;left: auto;width: 150px;
	bottom: 30px;z-index: 1;left: auto;text-align: center;
}
.hbanner .spans .line{
	background: rgba(255,255,255,0.5);
	height: 4px;border-radius: 3px;
}
.hbanner .spans .line span{
	height: 100%;display: block;
	background: #fff;width: 0;
	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;
}
.hbanner .spans span{
	font-size: 22px;color: #fff;
}
.hbanner .spans span.swiper-pagination-current{
	font-size: 50px;
}