@charset "utf-8";

*{
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a{text-decoration: none;color:#000;} 
img{max-width:100%;}
.flex{
	display: flex;
}
.flex-c{
	display: flex;
    justify-content: center;
    align-items: center;
}
.flex-Lc{
	display: flex;
    align-items: center;
}
.flex-Lt{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-L{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-Lend{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	-moz-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-end{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
body{
	max-width:1920px;
	margin:0 auto;
}
.wd1260{
	width:1260px;
	margin:0 auto;
}
.inner{
	max-width:1440px;
	margin:0 auto;
}
.header{
	background:#fff;
	position: relative;
}
.header .logo{
	float: left;
	height:92px;
	display: flex;
	  align-items: center;
}

.header-nav>ul>li{
	float: left;
	margin-left:54px;
	padding:23px 0 0;
}
.header-nav>ul>li>a{
	display: block;
	font-size:18px;
	color:#272727;
	line-height:66px;
	border-bottom:4px solid transparent;
}
.header-nav>ul>li.active>a{
	border-color:#ff7800;
	color:#ff7800;
}
.header-nav>ul>li:hover>a{
	border-color:#ff7800;
	color:#ff7800;
}
.slide-Upslide{
	width:100%;
	background:#fff;
	position: absolute;
	left: 0;
	top:100%;
	z-index:9999;
	display: none;

}
/*----导航配图----*/
.slide-xialImg{
	height:209px;
	width:466px;
	overflow: hidden;
	padding:35px;
	border:1px solid #f4f4f4;
}
.slide-xialImg img{
	width:100%;
	height:100%;
}
.slide-nav{
	width:256px;
	padding:20px 0;
	background:#fff;
	border:1px solid #f4f4f4;
}
.slide-nav ul li{
	padding:0 40px;
}
.slide-nav ul li a{
	display: block;
	line-height:50px;
	color:#636363;
	font-size:18px;
	background:url(../images/more-3.png) no-repeat right center;
}
.slide-nav ul li:hover{
	background:#f4f4f4;
}
.slide-nav ul li:hover a{
	color:#ff7800;
}

.banner .swiper-pagination{
	bottom:44px;
}
.banner .swiper-pagination .swiper-pagination-bullet{
	width:20px;
	height:20px;
	background:#c9c9c9;
	opacity:1;
	margin:0 16px;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
	background:#fff;
}

.lube-swiper .swiper-pagination{
	bottom:20px;
}
.lube-swiper .swiper-pagination .swiper-pagination-bullet{
	width:20px;
	height:20px;
	background:#c9c9c9;
	opacity:1;
	margin:0 16px;
}
.lube-swiper .swiper-pagination .swiper-pagination-bullet-active{
	background:#fff;
}
.special-title{
	padding:40px 0 0;
}
.special-title h3{
	position: relative;
	text-align: center;
	line-height:90px;
	font-size:36px;
	color:#363636;
}
.special-title h3:after{
	display: block;
	content:"";
	width:68px;
	height:2px;
	background:#ff7800;
	position: absolute;
	left: 50%;
	bottom:0;
	z-index: 99;
	 transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}
.special-text{
	padding:40px 0 50px;
}
.special-text p{
	text-align: center;
	font-size:16px;
	color:#686868;
}

.special-links{
	display: flex;
	  justify-content: center;
	  align-items: center;
}
.special-links a{
	display: inline-block;
	width:164px;
	text-align: center;
	border:1px solid #ff7800;
	font-size:20px;
	border-radius:30px;
	line-height:42px;
	color:#ff7800;
	margin:0 25px;
}
.special-links a:hover{
	color:#fff;
	background:#ff7800;
}
.backup-bg{
	height:352px;
	background:url(../images/backup-bg.jpg) no-repeat top center;
}
.backup-text{
	text-align: center;
	padding:75px 0 30px;
}
.backup-text h3{
	color:#fff;
	font-size:36px;
	line-height:60px;
}
.backup-text p{
	color:#fff;
	font-size:16px;
	line-height:20px;
}
.backup-listy ul li{
	text-align: center;
	margin:0 35px;
	color:#fff;
}
.backup-listy ul li h3{
	font-size:48px;
	line-height:56px;
}
.backup-listy ul li p{
	font-size:16px;
	line-height:26px;
}
.Honour-swiper{
	padding:40px 0 26px;
}
.Honour-swiper .swiper-container{
	width:788px;
	margin:0;
	height:481px;
}
.Honour-listy{
	width:calc(100% - 788px);
	border:1px solid #aaaaaa;
}
.Honour-listy ul li p{
	font-size:20px;
	color:#272727;
	line-height:50px;
	position: relative;
	cursor: pointer;
	padding-left:42px;
}
.Honour-listy ul{
	padding:45px 0 0 58px;
}
.Honour-listy ul li p:after{
	display: block;
	content:"";
	width:14px;
	height:14px;
	border-radius:50%;
	background:#cecece;
	position: absolute;
	left: 0;
	top:50%;
	 transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.Honour-listy ul li.active p:after{
	background:#ff7800;
}


.Honour-swiper .swiper-button-next{
	width:36px;
	height:48px;
	background:url(../images/next-2.jpg) no-repeat;
	right: 20px;
	margin-top:-24px;
	visibility: hidden;
}
.Honour-swiper .swiper-button-prev{
	width:36px;
	height:48px;
	background:url(../images/next-1.jpg) no-repeat;
	left: 20px;
	margin-top:-24px;
	visibility: hidden;
}
.Honour-swiper .swiper-container:hover .swiper-button-next,.Honour-swiper .swiper-container:hover .swiper-button-prev{
	visibility: visible;
}

.series-warps{
	height: 799px;
	background:url(../images/series-bg.jpg) no-repeat top center;
}
.series-warps.active-1{
	background:url(../images/series-bg.jpg) no-repeat top center;
}
.series-warps.active-2{
	background:url(../images/series-bg-2.jpg) no-repeat top center;
}
.series-warps.active-3{
	background:url(../images/series-bg-3.jpg) no-repeat top center;
}
.series-warps.active-4{
	background:url(../images/series-bg-4.jpg) no-repeat top center;
}
.series-warps.active-5{
	background:url(../images/series-bg-5.jpg) no-repeat top center;
}
.Honour-more{
	text-align: center;
	padding:20px 0;
}
.Honour-more a{
	display: inline-block;
	font-size: 18px;
	color:#959494;
	line-height:40px;
}
.Honour-more a:hover{
	text-decoration: underline;
}
.special-title.left h3{
	text-align: left;
	color:#fff;
}
.special-title.left h3:after{
	left: 0;
	 transform:translateX(0%);
	-ms-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-webkit-transform:translateX(0%);
	-o-transform:translateX(0%);
}

.series-trabels{
	height: 320px;
	margin-bottom:55px;
}
.series-trabels .pages{
	width:605px;
}
.series-trabels .pages h3{
	color:#fff;
	font-size:24px;
	line-height:46px;
}
.series-trabels .pages p{
	color:#fff;
	font-size:16px;
	line-height:26px;
	text-align: justify;
}

.hidenlink{display: none;}
.hidenlink.active{display: block;}

.series_click ul li{
	float: left;
	width:20%;
	position: relative;
	height:143px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.series_click ul li .Img-2{
	display: none;
}
.series_click ul li.active .Img-1{
	display: none;
}
.series_click ul li.active .Img-2{
	display: block;
}
.series_click ul li .Img-1{
	position: relative;
}
.series_click ul li .Img-1 p{
	line-height:30px;
	position: absolute;
	left: 28px;
	top:20px;
	color:#fff;
	font-size:18px;
}
.series_click ul li .Img-2{
	position: relative;
}
.series_click ul li .Img-2 p{
	line-height:30px;
	position: absolute;
	left:18px;
	top:20px;
	color:#fff;
	font-size:24px;
}
.video-warps{
	padding:30px 0 0;
	height:983px;
	background:url(../images/video-bg.jpg) no-repeat top center;
}

.special-title.white h3{
	color:#fff;
}
.franchise_video .index-1ml {
    width: 1070px;
    height:603px;
    position: relative;
    cursor: pointer;
    margin:50px auto 0;
    border-radius:30px;
    overflow: hidden;
}
.franchise_video .index-1ml span.play{
	display: block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	top:0;
	z-index: 99;
}
.franchise_video .index-1ml span.play:after{
	display: block;
	content:"";
	width:76px;
	height:76px;
	background:url(../images/play.png) no-repeat;
	position: absolute;
	left:50%;
	top:50%;
	 transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	z-index:99;
}
.franchise_video .index-1ml video {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: #000;
    display: none;
}

.video-more{
	padding:20px 0;
	text-align: center;
}
.video-more a{
	display: inline-block;
	font-size:22px;
	color:#ff7800;
	line-height: 40px;
}

.focalize-warps{
	height: 1276px;
	padding:65px 0 0;
	background:#f6f6f6 url(../images/focalize-bg.png) no-repeat top center;
}
.focalize-tops{
	background:#fff;
	border-radius:10px;
	margin-bottom:16px;
}

.brand-Img{
	height:417px;
	background:#f6f6f6 url(../images/brand-Img.jpg) no-repeat top center;
}


.brand-nr{
	height:417px;
	background:#f6f6f6;
}

.brand-nr-ul
{
padding:55px  0  25px 0 ;
margin:0 auto;
width:1451px;


}

.brand-nr li{
width:197px;
height:134px;
margin-right:10px;

float:left;
}





.focalize-walls{
	padding:56px 0 32px;
}

.focalize-swiper{
	width: 614px;
	height:416px;
}

.focalize-swiper .swiper-pagination{
	text-align: right;
	padding-right:10px;
}
.focalize-swiper .swiper-pagination .swiper-pagination-bullet{
	width:24px;
	text-align: center;
	height:24px;
	line-height:24px;
	opacity: 1;
	background:#fff;
	color:#494949;
	font-size:18px;
	border-radius: 0;
}
.focalize-swiper .swiper-pagination .swiper-pagination-bullet-active{
	color:#fff;
	background:#ff7800;
}
.focalize-swiper .swiper-slide .text{
	width:100%;
	position: absolute;
	left:0;
	bottom:0;
	z-index:999;
	background:rgba(0,0,0,0.3);
}
.focalize-swiper .swiper-slide .text p{
	color:#fff;
	line-height:50px;
	padding-left:25px;
	max-width:80%;
	font-size:20px;
	 white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.focalize-newstop{
	width:625px;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}
.focalize-newstop ul li h3{
	font-size:20px;
	color:#474747;
	line-height:40px;
	max-width:80%;
	 white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.focalize-newstop ul li p{
	font-size:14px;
	color:#979797;
	line-height:20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
}
.focalize-newstop ul li{
	height:136px;
	position: relative;
	padding:30px 105px 0 16px;
}
.focalize-newstop ul li span{
	display: inline-block;
	font-size:14px;
	color:#979797;
	position: absolute;
	right:45px;
	line-height:40px;
	top:30px;
	z-index: 9;
}
.focalize-newstop ul li:hover{
	background:#ff7800;
}
.focalize-newstop ul li:hover h3{
	color:#ffffff;
}
.focalize-newstop ul li:hover p{
	color:#ffd8b5;
}
.focalize-newstop ul li:hover span{
	color:#ffd8b5;
}
.focalize-newsbtm{
	padding-bottom: 50px;
}
.focalize-newsbtm ul{
	width:595px;
}
.focalize-newsbtm ul li a{
	display: block;
	font-size:16px;
	color:#474747;
	line-height:40px;
	padding-left:20px;
	 white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.focalize-newsbtm ul li{
	position: relative;
	padding-left:10px;
	border-bottom:1px dotted #a1a1a1;
}
.focalize-newsbtm ul li:after{
	display: block;
	content:"";
	width:8px;
	height:8px;
	background:#cecece;
	position: absolute;
	left: 10px;
	top:50%;
	margin-top:-4px;
	z-index:9;
}
.focalize-newsbtm ul li:hover a{
	color:#ff7800;
}
.focalize-newsbtm ul li:hover:after{
	background:#ff7800;
}
.focalize-btms{
	background:#fff;
	border-radius:10px;
	padding:36px 36px;
}
.focalize-listy ul li{
	float: left;
	width:207px;
	height:138px;
	position: relative;
	margin:0 10px;
	border-radius:10px;
	overflow: hidden;
}
.focalize-listy ul li .text{
  background-color: rgb(255, 120, 0,0.85);
  width: 130px;
  line-height:40px;
  text-align: center;
  border-radius:30px;
  position: absolute;
  left:50%;
  top:50%;
  font-size:22px;
  color:#fff;
  z-index:99;
 	 transform: translateY(-50%) translateX(-50%);
 	-ms-transform: translateY(-50%) translateX(-50%);
 	-moz-transform: translateY(-50%) translateX(-50%);
 	-webkit-transform: translateY(-50%) translateX(-50%);
 	-o-transform: translateY(-50%) translateX(-50%);
}
.focalize-listy ul li a{
	width:100%;
	position: absolute;
	left: 0;
	top:0;
	height:100%;
	visibility: hidden;
	font-size:18px;
	color:#fff;
	background-color: rgb(9, 46, 86,0.5);
	display: flex;
	  justify-content: center;
	  align-items: center;
}
.focalize-listy ul li:hover  .text{
	display: none;
}
.focalize-listy ul li:hover  a{
	visibility: visible;
}

.footer{
	padding:50px 0;
	background:#103762;
}
.footer .inner{
	position: relative;
}
.footer-nav{
	width:calc(100% - 270px);
}
.footer-nav ul li{
	float: left;
	width:18%;
}
.footer-nav ul li h3{
	color:#fff;
	font-size:20px;
	color:#ffffff;
	line-height:70px;
}
.footer-nav ul li p,.footer-nav ul li p a{
	display: block;
	font-size:16px;
	color:#ffffff;
	line-height:30px;
}
.footer-nav ul li p a:hover{
	text-decoration: underline;
}
.footer-nav ul li:nth-child(3){
	width:20%;
}
.footer-nav ul li:nth-child(4){
	width:25%;
}
.footer-right{
	width:270px;

}
.footer-right .text h3{
	font-size:16px;
	color:#fffefe;
	line-height:26px;
	padding-top:20px;
}
.footer-right .text p{
	font-style:italic;
	font-size:30px;
	color:#fe7800;
	line-height:36px;
}
.footer-right .Img{
	padding:20px 0 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.footer-right .Img img{
	display: inline-block;
	width: 128px;
	height:128px;
}

.copyright p{
	text-align: center;
	background:#0e3157;
	line-height:42px;
	font-size:16px;
	color:#a1a7b3;
}
.copyright a{
 
	color:#a1a7b3;
}



.banner-product{
	height:400px;
	background:url(../images/banner-product.jpg) no-repeat top center;
}

.product-slide{
	background:#e6e6e6;
}
.product-clicks ul li{
	float: left;
	width:20%;
	text-align: center;
}
.product-clicks ul li a{
	display: block;
	line-height:74px;
	font-size:20px;
	color:#222222;
}
.product-clicks ul li.active a{
	color:#fff;
	background:#ff7800;
}
.product-clicks ul li:hover a{
	color:#fff;
	background:#ff7800;
}















.crumbs-slide{
	background:#f6f6f6;
	border-bottom:1px solid #e6e6e6;
}
.crumbs-navs a{
	font-size:16px;
	display: inline-block;
	color:#959595;
	line-height:48px;
}
.crumbs-navs {
	font-size:16px;
	display: inline-block;
	color:#959595;
	line-height:48px;
}



.crumbs-navs span{
	font-size:16px;
	display: inline-block;
	color:#959595;
	line-height:48px;
}
.product-listybr ul{
	margin:0 -9px;
	padding:48px 0 0;
}
.product-listybr ul li{
	float: left;
  	background:#fff;
  	width:300px;
  	border:1px solid #dcdcdc;
  	height: 340px;
	position: relative;
	margin: 0 9px 36px;
}
.product-listybr ul li .Img{
	height:282px;
	display: flex;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
}
.product-listybr ul li .btns{
	padding:0 30px;
	border-top:1px solid #dcdcdc;
}
.product-listybr ul li .btns p{
	font-size:18px;
	color:#6b6b6b;
	line-height:56px;
	background:url(../images/more-1.png) no-repeat right center;
}
.product-listybr ul li:hover .btns p{
	color:#fff;
	background:url(../images/more-2.png) no-repeat right center;
}
.product-listybr ul li:hover .btns{
	background:#ff7800;
}
.product-listybr ul li:hover{
	border-color: #ff7800;
}

.product-warps{
	background:#f6f6f6;
}

.paging-next{
	padding:40px 0;
	display: flex;
	  justify-content: center;
	  align-items: center;
}
.paging-next span.prev-1{
	display: inline-block;
	width:28px;
	height:28px;
	background:url(../images/prev-x1.png) no-repeat center;
}
.paging-next span.prev-2{
	display: inline-block;
	width:28px;
	height:28px;
	background:url(../images/prev-x2.png) no-repeat center;
}
.paging-next span.next-1{
	display: inline-block;
	width:28px;
	height:28px;
	background:url(../images/next-x1.png) no-repeat center;
}
.paging-next span.next-2{
	display: inline-block;
	width:28px;
	height:28px;
	background:url(../images/next-x2.png) no-repeat center;
}
.paging-next span{
	display: inline-block;
	margin: 0 10px;
}
.paging-next a{
	display: inline-block;
	width:28px;
	height:28px;
	line-height:28px;
	text-align: center;
	font-size:18px;
	color:#8b8b8b;
}
.paging-next a.active{
	color:#fff;
	background:#ff7800;
	margin: 0 10px;
}

.banner-news{
	height:400px;
	background:url(../images/banner-news.jpg) no-repeat top center;
}
.banner-qyfc{
	height:400px;
	background:url(../images/banner-qyfc.jpg) no-repeat top center;
}
.banner-lxwm{
	height:400px;
	background:url(../images/banner-lxwm.jpg) no-repeat top center;
}

.banner-jj{
	height:400px;
	background:url(../images/banner-jj.jpg) no-repeat top center;
}












.product-clicks.wd16 ul li{
	width:16.66%;
}
.newslize-newstop{
	width: 600px;
	padding-right:15px;
}
.newslize-newstop ul li{
	padding:10px 0;
}
.newslize-newstop ul li .pages{
	height:90px;
}
.newslize-newstop ul li .pages h3{
	font-size:20px;
	color:#2c2c2c;
	line-height:40px;
	 white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.newslize-newstop ul li .pages p{
	font-size:14px;
	color:#959595;
	line-height: 18px;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
}
.newslize-newstop ul li .times{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.newslize-newstop ul li .times p{
	font-size:14px;
	color:#959595;
	line-height: 30px;
}
.newslize-newstop ul li .times span{
	display: inline-block;
	font-size:14px;
	color:#959595;
	background:#eaeaea;
	width:98px;
	text-align: center;
	line-height: 30px;
}
.newslize-newstop ul li:hover .times span{
	background:#ff7800;
	color:#fff;
}
.newslize-newstop ul li:hover .pages h3{
	color:#ff7800;
}
.newslize-newstop ul li+li{
	border-top:1px dashed #c8c8c8;
}

.news-swlidetp{
	background:#fff;
	padding:36px 0 36px 20px;
}





.Newsbansk{
	padding:48px 0;
}
.newslize-wallset{
	margin-top:25px;
	background:#fff;
}
.newslize-wallset ul li{
	padding:0 34px;
}
.newslize-wallset ul li a{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height:88px;
	border-bottom:1px solid #e8e8e8;
}
.newslize-wallset ul li p{
	max-width:90%;
	font-size:20px;
	color:#494949;
}
.newslize-wallset ul li span{
	font-size:20px;
	color:#494949;
}
.newslize-wallset ul li:hover{
	background:#fbf4ed;
}
.newslize-wallset ul li:hover p{
	color:#ff7800;
}