/* 关于Vertech页面 */
sup {
	position: relative;
	top: 3px;
}

.dingweiClass {
	display: inline-block;
	/* width: 1px; */
	/* height: 1px; */
	/* background: red; */
	position: relative;
	top: -200px;
  /* top: -100px; 这里可以设任意高度 对应锚点最后离窗口顶端的距离 */
  left: 0;
}
.titl{
padding-bottom:70px;
padding-left:100px;
}
.banner {
	width: 100%;
}
.banner img {
	width: 100%;
}
.page-contanier-info2 {
	margin: 0 auto;
	width: 85%;
}
.page-navbox1 {
	width: 100%;
	line-height: 60px;
	margin:0 auto;
}
/* 选中得按钮 */
.page-nav1 {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-around;
  border-bottom: none;
  width: 80%;
  margin: 0 auto;
  padding: 100px 0px 70px 0px;
}
.page-nav1 .chooseOther {
	width: 180px;
}
.page-nav1 .choose {
	display: inline-block;
	background:#082e54;
	color: white;
	width:180px;
	height:50px;
	line-height: 50px;
	padding: 0px 10px;
	text-align: center;
	border: none;
	font-size: 18px;
}
/* 未选中得按钮 */
.page-nav1 .noChoose {
	display: inline-block;
	background:#cdcdcd;
	color: #333333;
	width:180px;
	height:50px;
	line-height: 50px;
	padding: 0px 10px;
	text-align: center;
	border: none;
	font-size: 18px;
}
/* 下方的内容 */
.page-contanier1 {
	
}
.page-contanier-info2 .page-contanier-info-title {
	margin-top: -50px;
}
.page-contanier-info2 .page-contanier-info-titleFont {
	font-size: 24px;
	/* margin-bottom: 50px; */
	font-weight: 400;
	text-align: left;
	display: inline-block;
    padding-bottom: 25px;
}
/* 关于Vartech */
.aboutVartech {
	width: 100%;
	position: relative;
	margin-bottom: 50px;
	background: url(../images/lip/1.png) no-repeat;
	background-size: cover;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 50px 50px;
	color: white;
}
.aboutVartechLeft {
	width: 50%;
}
.aboutVartechLeft p{
	font-size: 24px;
	letter-spacing: 2px;
	width: 80%;
	margin-top: 50px;
	line-height: 40px;
	font-style: italic;
}
.aboutVartechLeft img{
	width: 140px;
	margin-top: 0;
}
.aboutVartechRight {
	width: 50%;
	padding-bottom: 20px;
}
.aboutVartechRight p:nth-child(1){
	font-size: 24px;
	padding-top: 50px;
}
.aboutVartechRight p:nth-child(2){
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 2px;
	display: inline-block;
}
.aboutVartechBtn{
	display: inline-block;
	padding: 0px 20px;
	margin-top: 20px;
	color: white;
	border: 2px solid white;
	font-size: 20px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	position: relative;
	left: 0;
}
.aboutVartechBtn:hover{
	color: white;
}


/* 关于vartech下方的图片 */
.aboutVartechImg {
	display: flex;
    width: 100%;
    position: relative;
    justify-content: flex-start;
    padding: 20px;
    align-items: flex-end;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 50px;
	color: white;
	padding-bottom: 160px;
	padding-top: 100px;
}
.lookVartechProductTop {
	width: 50%;
	padding-left: 45px;
	padding-bottom: 100px;
}
.lookVartechProductTop p:nth-child(1) {
	font-size: 20px;
	letter-spacing: 2px;
	color: #009dd9;
}
.lookVartechProductTop p:nth-child(2) {
	font-size: 16px;
	letter-spacing: 2px;
	color: #333333;
	line-height: 30px;
}
.lookVartechProduct {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60%;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/lip/beijing1.png) no-repeat;
	background-size: cover;
	padding: 20px 0px 20px 150px;
	/* padding-left: 150px; */
}
.lookVartechProductLeft img {
	width: 130px;
	margin-right: 30px;
}
.lookVartechProductRight p:nth-child(1){
	font-size: 18px;
	letter-spacing: 4px;
	line-height: 40px;
}
.lookVartechProductRight p:nth-child(2){
	line-height: 25px;
	letter-spacing: 3px;
}
.lookVartechProduct a{
	display: inline-block;
	padding: 0px 20px;
	color: white;
	border: 2px solid white;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin-top: 20px;
}


/* 手机端 */
.aboutPhone {
	display: none;
}
/* 应用案例手机端 */
.applicationCase {
	display: none;
}
.applicationCasePc {
	display: flex;
	width: 100%;
	justify-content: space-between;
	
} 
.applicationCasePcContent {
	width: 50%;
	/* padding: 0 20px; */
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	flex-direction: column;
	background: #f2f2f2;
    padding: 0 20px;
}
.applicationCasePcImg {
	width: 50%;
	/* padding: 0 20px; */
	position: relative;
}
.applicationCasePcImgWeb {
	width: 100%;
}
.applicationCasePcImgText {
	width: 100%;
	text-align: center;
	background: #f2f2f2;
	color: #333333;
	font-size: 14px;
	/* padding: 0 10px; */
	line-height: 40px;
	position: relative;
}
.applicationCasePcImgLeft {
	position: absolute;
    /* top: -40px; */
    right: 20px;
    display: inline-block;
    width: 175px;
    height: 40px;
    line-height: 40px;
    background: #2287C8;
    font-size: 14px;
    color: white;
    margin: 0 auto;
    /* margin-bottom: 25px; */
    text-align: center;
    bottom: 0;
}
.applicationCasePcImgRight {
	position: absolute;
    /* top: -40px; */
    right: 0;
    display: inline-block;
    width: 175px;
    height: 40px;
    line-height: 40px;
    background: #2287C8;
    font-size: 14px;
    color: white;
    margin: 0 auto;
    /* margin-bottom: 25px; */
    text-align: center;
    bottom: 0;
}
.contentText {
	/* width: 90%; */
	/* margin: 0 auto; */
	color: #333333;
	font-size: 14px;
	/* padding: 0 10px; */
	line-height: 20px;
	margin-top: 40px;
}
.applicationCasePcContentTitle {
	width: 90%;
	margin: 0 auto;
	color: #999999;
	font-size: 14px;
	/* padding: 0 10px; */
	line-height: 60px;
	text-align: right;
}
/* 常见问题 */
.questionConent {
	display: flex;
	flex-wrap: nowrap;
	padding: 25px 10px;
	background: #f2f2f2;
	width: 100%;
	/* background: red; */
	padding-bottom: 0;
}
.questionConentPhone {
	display: inline-block;
}
.displayBtn {
	display: none;
}
.questionConent div {
	width: 100%;
	padding: 0 20px;
}
.questionConent .question {
	padding-left: 15px;
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	margin-bottom: 5px;
}
.questionConent .questionAnswer {
	padding: 20px 0px;
	padding-left: 15px;
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	width: 100%;
	background: #e5e5e5;
	margin-bottom: 25px;
}
/* 查看更多 */
.lookMore {
	text-align: center;
}
.lookMore img {
	width: 250px;
	height: 250px;
}
.lookMore div {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 85px;
	font-size: 15px;
	line-height: 15px;
	color: #009dd9;
}


@media screen and (max-width: 786px){
	.mynav{
		position: relative;
		top: 0px;
		left: -15px;
		width: 110%;
		z-index: 8;
		background: white;
	}
	.page-nav1 {
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 1px solid #cdcdcd;
		padding: 0;
		margin: 0;
		margin-bottom: 20px;
	}
	.page-nav1 .chooseOther {
		width: 80%;
	}
	.page-nav1 .choose {
		display: inline-block;
		background: white;
		color: #107cc1;
		width: auto;
		height: 60px;
		line-height: 60px;
		padding: 0px 10px;
		text-align: center;
		border-bottom: 2px solid #107cc1;
		font-size: 14px;
	}
	/* 未选中得按钮 */
	.page-nav1 .noChoose {
		display: inline-block;
		background: white;
		color: #999999;
		width: auto;
		height: 60px;
		line-height: 60px;
		padding: 0px 10px;
		text-align: center;
		font-size: 14px;
	}
	/* 下方的内容 */
	.page-contanier-info2 {
		
	}
	.page-contanier-info2 .page-contanier-info-title {
		margin-top: -60px;
    /* margin-bottom: -20px; */
	}
	.page-contanier-info2 .page-contanier-info-titleFont {
		font-size: 18px;
		margin-bottom: 0px;
		font-weight: 400;
		text-align: center;
		width: 100%;
		/* padding: 25px; */
		display: inline-block;
		padding-bottom: 0;
	}
	/* 关于Vartech */

	.aboutVartech {
		width: 100%;
		position: relative;
		margin-bottom: 25px;
		background: url(../images/lip/1.png) no-repeat;
		background-size: cover;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		padding: 0px 10px;
		color: white;
		padding-bottom: 20px;
	}
	.aboutVartechLeft {
		width: 45%;
	}
	.aboutVartechLeft p{
		font-size: 12px;
		letter-spacing: 4px;
		width: 150%;
		margin-left: -40px;
		margin-top: -15px;
		line-height: 15px;
		font-style: italic;
		transform: scale(0.6);
	}
	.aboutVartechLeft img{
		width: 70px;
		margin-top: -20px;
	}
	.aboutVartechRight {
		width: 55%;
		padding-bottom: 0px;
	}
	.aboutVartechRight p:nth-child(1){
		font-size: 12px;
		padding-top: 0px;
		line-height: 20px;
		transform: scale(0.6);
		width: 140%;
		margin-left: -20px;
		margin-top: 10px;
		padding-top: 20px;
	}
	.aboutVartechRight p:nth-child(2){
		font-size: 10px;
		line-height: 15px;
		letter-spacing: 2px;
		width: 140%;
		margin-left: -20px;
		margin-top: -20px;
		/* display: none; */
		transform: scale(0.6);
	}
	.aboutVartechBtn{
		display: inline-block;
		padding: 0px 10px;
		border: 1px solid white;
		color: white;
		font-size: 10px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		position: absolute;
		left: 40%;
		bottom: 10px;
		width: 210px;
		margin-top: 10px;
		transform: scale(0.6);
	}

	/* 关于vartech下方的第二和第三 */
	.aboutVartechImg {
		display: none;
		/* width: 100%;
		display: inline-block;
		margin-bottom: 100px; */
	}
	/* 手机端 */
	.aboutPhone {
		display: block;
		width: 100%;
	}
	.firstPhone {
		width: 100%;
		background: #f2f2f2;
		margin-bottom: 25px;
	}
	.firstPhoneImg {
		width: 100%;
		margin-bottom: 10px;
	}
	.firstPhoneBox {
		width: 100%;
		padding: 0 10px;
	}
	.firstPhoneContent {
		margin-bottom: 25px;
	}
	.firstPhoneContent p:nth-child(1){
		color: #009DD9;
		font-size: 14px;
		/* margin-bottom: 15px; */
	}
	.firstPhoneContent p:nth-child(2){
		color: #333333;
		font-size: 13px;
		line-height: 20px;
	}
	.firstPhonetechnology {
		margin-bottom: 20px;
	}
	.firstPhonetechnology p:nth-child(1) {
		color: #009DD9;
		font-size: 14px;
		/* margin-bottom: 15px; */
	}
	.firstPhonetechnologyContent {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.firstPhonetechnologyContent div {
		line-height: 20px;
	}
	.firstPhonetechnologyContent div span {
		font-size: 13px;
		color: #333333;
		vertical-align: middle;
	}
	.firstPhonetechnologyContent div img {
		width: 20px;
		height: 20px;
		margin-right: 5px;
		vertical-align: middle;
	}
	.firstPhoneFoot {
		width: 100%;
		height: 130px;
		background: #cdcdcd;
		display: flex;
	}
	.firstPhoneFoot img {
		width: 118px;
		height: 130px;
	}
	.firstPhoneFoot div {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
	}
	.firstPhoneFoot div p:nth-child(1){
		font-size: 16px;
		color: #333333;
		line-height: 20px;
	}
	.firstPhoneFoot div a{
		display: inline-block;
		height: 20px;
		width: 130px;
		margin-top: 10px;
    	line-height: 20px;
		padding: 0px 10px;
		text-align: center;
		font-size: 13px;
		color: white;
		/* background: #009DD9; */
		border: 1px solid white;
	}
	.applicationCasePc {
		display: none;
	}
	/* 应用案例电脑端 */
	.applicationCase {
		display: inline-block;
		width: 100%;
	}
	/* .applicationCaseImgWeb {
		display: none;
	} */
	.applicationCaseImgPhone {
		display: block;
		width: 100%;
	}
	.applicationCasePhone {
		display: block;
		width: 100%;
		background: #0d2e68;
		color: white;
		line-height: 20px;
		font-size: 14px;
		padding: 15px 10px;
	}
	.applicationCaseText {
		font-size: 14px;
		color: #333333;
		line-height: 20px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.applicationCaseTextTitle {
		font-size: 14px;
		color: #999999;
		width: 100%;
		text-align: right;
		margin-bottom: 10px;
	}
	.applicationCase div:last-child {
		text-align: center;
	}
	.applicationCase a {
		display: inline-block;
		width: 175px;
		height: 40px;
		line-height: 40px;
		background: #e5e5e5;
		font-size: 14px;
		color: #333333;
		margin: 0 auto;
		margin-bottom: 25px;
		text-align: center;
	}
	/* 常见问题 */
	.questionConent {
		display: flex;
		flex-wrap: wrap;
		padding: 20px 20px;
		background: #f2f2f2;
		width: 100%;
		/* background: red; */
		padding-bottom: 0;
	}
	.questionConentPhone {
		display: none;
	}
	/* 展开按钮 */
	.displayBtn {
		display: inline-block;
		color: #999999;
		font-size: 14px;
		margin: 0 auto;
		margin-top: -20px;
	}
	.xiangxia {
		transform: rotate(90deg);
		display: inline-block;
		margin-left: 5px;
	}
	.questionConent div {
		width: 100%;
		padding: 0 10px;
	}
	.questionConent .question {
		padding-left: 10px;
		font-size: 14px;
		color: #333333;
		line-height: 20px;
		margin-bottom: 10px;
		
	}
	.questionConent .questionAnswer {
		padding: 15px 0;
		padding-left: 10px;
		font-size: 14px;
		color: #666666;
		line-height: 20px;
		width: 100%;
		background: #e5e5e5;
		margin-bottom: 20px;
	}
	/* 查看更多 */
	.lookMore {
		text-align: center;
	}
	.lookMore img {
		width: 100px;
		height: 100px;
	}
	.lookMore div {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 50px;
		font-size: 14px;
		line-height: 15px;
		color: #009dd9;
	}
}


.page-banner-app {
	display: none;
}
/**/
.mb_banner{display: none;}
@media (max-width:768px) {
.mb_banner{display: block;}
.pc_banner{display: none;}
}
.btn{text-align:center;}
.btn a{
	display: inline-block;
    padding: 0 54px;
    line-height: 52px;
    font-size: 18px;
    background-color: #009DD9;
    color: #fff;
	margin-bottom:35px;
}
/*  */
.page-navbox {
	line-height: 60px;
	border-bottom: 1px solid #eee;
}

/*  */
.page-nav-path {
	float: left;
	height: 60px;
	overflow: hidden;
}
.page-nav-path i {
	font-size: 24px;
}
.page-nav-path b {
	font-weight: normal;
	font-family: simsun;
}
.page-nav-path span {
	color: #777;
}
.page-nav {
	font-size: 0;
	height: 60px;
	overflow: hidden;
	text-align: center;
}
.page-nav a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	margin-left: 30px;
	transition: all .3s;
}
.page-nav a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 2px;
	background-color: #009dd9;
	transition: all .3s;
}
.page-nav a:hover {
	color: #009dd9;
}
.page-nav a:hover:after {
	width: 100%;
}
.page-nav a.on {
	color: #009dd9;
}
.page-nav a.on:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #009dd9;
	transition: all .3s;
}
.car_icon_list{/*padding:10px 0;*/}
.car_icon_list ul{text-align: center; font-size: 12px;}
.car_icon_list ul li{width: 90px; float: left; padding: 0 10px;}
.car_icon_list ul li img{height:25px;width:auto; display: block;margin: 0 auto;}
.car_icon_list ul li p{padding:2px;}
.car_icon_list pre{white-space: pre-wrap;line-height:20px;}

.car_icon_list ol {
	list-style: inherit;
	padding-left: 18px;
}
.car_icon_list ol li {
	line-height: 26px;
	list-style: initial;
	padding-bottom: 5px;
}
.car_icon_list p{
    padding:0 !important;
}
.car_icon_list ol li>strong {
	padding-right: 10px;
}

@media (max-width:768px) {
	.page-navbox {
		line-height: 45px;
	}
	.page-nav-path {
		height: 45px;
	}
	.page-nav {
		height: auto;
	}
	.page-nav {
		float: inherit;
		width: 100%;
	}
	.page-nav a {
		margin-left: 0;
		margin-right: 6px;
		font-size: 14px;
	}
}

/* page-banner */
.page-banner {
	position: relative;
}
.page-banner img {
	width: 100%;
}
.page-banner-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25%;
	margin-top: -60px;
	color: #fff;
	width: 50%;
	height: 120px;
	text-align: center;
	display: none;
}
.page-banner-txt h3 {
	font-size: 48px;
}
.page-banner-txt span {
	display: block;
	margin: 20px auto 35px;
	width: 40px;
	height: 1px;
	background-color: #fff;
}
.page-banner-txt p {
	font-size: 18px;
	line-height: 1.8;
}

/* 门店查询 */
.page-shop-box {
	padding-top: 30px;
	padding-bottom: 10px;
}
.page-shop-select {
	margin: 15px -15px 0;
}
.page-shop-select ul li {
	float: left;
	width: 25%;
	padding: 0 15px;
	font-size: 16px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.page-shop-select1 ul li {
	width: 33.33%;
}
.page-shop-select ul li select {
	width: 100%;
	font-size: 14px;
	border: none;
	padding: 15px 0;
	border-bottom: 2px solid #666;
}
.page-shop-select ul li select option {
	line-height: 35px;
	width: 100%;
}
@media (max-width:768px) {
	.page-shop-select ul li {
		width: 50%;
	}
	.page-shop-select1 ul li {
		width: 33.33%;
	}
}

/*  */
.page-shop-info {
	float: left;
	width: 30%;
	position:relative;
	/*left: 70%;*/
}

.page-shop-infoLIst{

	padding-bottom: 52px;

}
.page-shop-infoLIst li {
	padding: 15px 40px;
	border: 1px solid #eee;
	border-bottom: 1px solid transparent;
}
.page-shop-infoLIst li>h3 {
	position: relative;
	padding-bottom: 5px;    
	font-size: 14px;
    font-weight: bold;
}
.page-shop-infoLIst li>h3 span {
	position: absolute;
	top: 3px;
	left: -24px;
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	background-color: #0086B3;
	color: #fff;
}
.page-shop-infoLIst li>p {
	color: #777;
}
.page-shop-infoLIst li>p>img {
	height: 120px;
}
.page-shop-star {
	padding: 5px 0;
	color: #999;
}
.page-shop-star i.lightstar {
	color: #009dd9;
	font-size: 16px;
}
.page-shop-infoLIst li .page-shop-address {
	overflow: hidden;
}
.page-shop-infoLIst li .page-shop-address img {
	margin-top: 15px;
	width: 100%;
	display: none;
}

/* .page-shop-infoLIst li:first-child .page-shop-address img{height: auto;} */
.page-shop-infoLIst li .page-shop-address h3 {
	line-height: 35px;
}
.page-shop-infoLIst li.online {
	border: 1px solid #009DD9;
}
.page-shop-infoLIst li.online .page-shop-address img {
	width: 100%;
	display: block;
}
.page-shop-next {
	border: 1px solid #eee;
	width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    background: #fff;
}
.page-shop-next ul li {
	float: left;
	width: 50%;
	padding: 15px;
	font-size: 16px;
	cursor: pointer;
}
.page-shop-next ul li:last-child {
	text-align: right;
}
.page-shop-next ul li:last-child a {
	color: #009DD9;
}
.page-shop-map {
	float: left;
	width: 70%;
	height: 400px;
	position: relative;
	/*right: 30%;*/
}
.page-shop-map #map {
	height: 100% !important;
}

.page-shop-distributor {
	float: none;
	width: 100%;
}
.page-shop-distributor .page-shop-infoLIst li {
	border-bottom: 1px solid #eee;
	width: 33.3334%;
	float: left;
	min-height: 100px;
}
.page-shop-distributor .page-shop-infoLIst li.online {
	border: 1px solid #009DD9;
}
@media (max-width:991px) {
	.page-shop-distributor .page-shop-infoLIst li {
		width: 50%;
	}
}
@media (max-width:768px) {
	.page-shop-info {
		width: 100%;
		right: 0;
		left:0;
	}
	.page-shop-map {
		width: 100%;
		margin: 15px 0;
		left: 0;
		height: 190px;
	}
	.page-shop-distributor .page-shop-infoLIst li {
		width: 100%;
		min-height: inherit;
	}
}


/* 门店详情 */
.page-shop-show-bg {
	background-color: #f3f3f3;
}
.page-shop-title {
	padding: 15px 0 10px;
}
.page-shop-title h3 {
	font-size: 32px;
}
.page-shop-notice {
	background-color: #FFF;
	padding: 15px;
	color: #777;
}
.page-shop-notice a {
	color: #333;
}
.page-shop-showaway {
	line-height: 40px;
	text-align: right;
}
.page-shop-showaway a {
	position: relative;
	display: block;
	padding-right: 15px;
	color: #009DD9;
}
.page-shop-showaway a:before {
	position: absolute;
	top: 15px;
	right: 0;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #009DD9;
}
.page-shop-swiper .swiper-pagination {
	z-index: -1;
}
.page-shop-showcontent {
	padding: 25px 30px;
	background-color: #fff;
}
.page-shop-showcontent ul {
	/* padding-bottom: 20px; */
}
.page-shop-showcontent ul li {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 20px;
	background-size: 26px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.8;
}
.page-shop-showcontent ul li:nth-child(1) {
	background-image: url(../images/store_icon01.png);
}
.page-shop-showcontent ul li:nth-child(2) {
	background-image: url(../images/store_icon02.png);
}
.page-shop-showcontent ul li:nth-child(3) {
	background-image: url(../images/store_icon03.png);
}
.page-shop-showcontent ul li:nth-child(4) {
	background-image: url(../images/store_icon04.png);
}
.page-shop-showcontent hr {
	margin: 20px 0;
}
.page-shop-showcontent p {
	line-height: 26px;
	/* color: #777; */
	font-size: 14px;
}
.page-shop-comments {
	background-color: #fff;
	border-top: 3px solid #0d2e68;
	clear: both;
}
.page-shop-comments-po {
	padding: 25px 10px 15px;
}
.page-shop-comments-po input {
	float: left;
	display: block;
	padding: 0 10px;
	line-height: 38px;
	border: 1px solid #eee;
	background-color: #f6f6f6;
}
.username {
	width: 20%;
	padding-right: 10px;
}
.username input {
	width: 100%;
}
#usercontent {
	width: 80%;
}
.page-shop-comments-form button {
	margin-bottom: 15px;
	display: block;
	width: 120px;
	line-height: 40px;
	background-color: #009DD9;
	color: #fff;
	margin-right: 10px;
	cursor: pointer;
}
.page-shop-comments-list {
	padding-bottom: 40px;
	background-color: #fff;
	border-top: 1px solid #eee;
}
.page-shop-comments-list>h3 {
	font-size: 24px;
	padding: 25px 30px;
}
.page-shop-comments-list>h3 span {
	font-size: 12px;
}
.page-shop-comments-list>h3 b {
	color: #009DD9;
}
.page-shop-comments-user {
	padding: 0 30px;
	border-top: 1px solid #eee;
}
.page-shop-comments-user li {
	padding: 25px  0;
	border-bottom: 1px solid #eee;
}
.page-shop-comments-user li h3 {
	font-size: 22px;
}
.page-shop-comments-user li h4 {
	padding: 15px 0;
	font-size: 14px;
	color: #777;
}
.page-shop-comments-user li h4 span {
	cursor: pointer;
}
.page-shop-comments-user li h4 span i {
	font-size: 20px;
}
.page-shop-comments-user li h4 span b {
	font-family: arial;
	font-weight: normal;
}
.page-shop-comments-user li p {
	color: #666;
}
.page-shop-comments-more {
	text-align: center;
	padding: 30px 0;
}
.page-shop-comments-more button {
	background-color: #009DD9;
	color: #fff;
	padding: 0 20px;
	line-height: 38px;
	cursor: pointer;
}
@media (max-width:1200px) {
	.page-shop-showcontent ul li {
		float: left;
		width: 50%;
		margin-bottom: 15px;
		text-align: left;
		font-size: 18px;
	}
	.page-shop-showcontent ul li:last-child {
		/* text-align: inherit;
		font-size: 26px;
		font-family: arial; */
	}
}
@media (max-width:940px) {
	.page-shop-notice {
		width: 100%;
		margin-top: 15px;
	}
	.page-shop-showcontent p {
		line-height: 26px;
		font-size: 18px;
	}
}
@media (max-width:768px) {
	.page-shop-showcontent ul li {
		width: 100%;
	}
	.page-shop-showcontent ul li span {
		display: block;
	}
	.page-shop-showcontent,
	.page-shop-comments-list>h3 {
		padding: 25px 0;
	}
	.username {
		width: 50%;
		padding-right: 10px;
	}
	#usercontent {
		width: 50%;
	}
}

/* 选油助手*/
.page-query-box {
	position: relative;
	height: auto !important;
}
.page-query {
	position: relative;
	top: 0px;
	left: 0;
	width: 100%;
	padding: 70px 120px;
	background-color: #fff;
}
.page-query>h3 {
	padding-bottom: 1px;
	font-size: 24px;
	text-align: center;
	color: #009DD9;
}
	.page-query > h2 {
		padding-bottom: 10px;
		font-size: 28px;
		text-align: center;
		color: #009DD9;
	}
.page-query img {
	display: block;
	max-width: 100%;
    margin: 0 auto;
}
.page-query ul li {
	position: relative;
	float: left;
	width: 25%;
	padding: 15px 35px;
	text-align: center;
}
.page-query ul li>span {
	position: absolute;
	right: -15px;
	top: 50%;
	display: block;
	margin-top: -62px;
	height: 44px;
}
.page-query ul li span img {
	max-width: 100%;
}
.page-query ul li img {
	width: 100%;
}
.page-query-text {
	position: relative;
}
.page-query-text span {
	position: absolute;
	top: 13px;
	left: 0;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	border: 1px dashed #5e6971;
	color: #5e6971;
}
.page-query-text p {
	padding-left: 40px;
	text-align: left;
	font-size: 13px;
	padding-top: 10px;
	color: #5e6971;
}
@media (max-width:940px) {
	.page-query ul li>span {
		display: none;
	}
	.page-query {
		top: -60px;
		padding: 20px 60px;
	}
	.page-query ul li {
		float: left;
		width: 50%;
		padding: 15px 45px;
		text-align: center;
	}
	.page-query-text p {
		padding-top: 50px;
		padding-left: 0;
	}
}
@media (max-width:768px) {
	.page-query-box {
		padding: 0;
	}
	.page-query {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
		padding: 15px 0;
	}
	.page-query>h3 {
		padding-bottom: 1px;
		font-size: 18px;
	}
	.page-query ul li {
		float: left;
		width: 100%;
		padding: 15px 25px;
		text-align: center;
	}
}

/* 助手-1 */
.page-search-product, .page-search-tag {
	position: relative;
	max-width: 700px;
	margin: 0 auto;
}
.page-search-product input {
	width: 100%;
	padding: 0 25px;
	font-size: 20px;
	border-radius: 60px;
	background-color: #f7f7f7;
	line-height: 60px;
}
.page-search-product button {
	position: absolute;
	top: 15px;
	right: 15px;
	background: none;
}
.page-search-product button i {
	font-size: 30px;
}
.page-search-tag {
	font-size: 0;
}
.page-search-tag a {
	display: inline-block;
	padding: 15px 10px;
	font-size: 14px;
}
.page-search-tag a:hover {
	color: #009DD9;
}

/*  */
.page-choose-car {
	padding: 60px 0;
}
.page-choose-search {
	float: left;
	width: 30%;
	border: 1px solid #ccc;
	line-height: 60px;
	margin-top: 10px;
}
.page-choose-search input {
	float: left;
	display: block;
	width: 65%;
	line-height: 60px;
	padding: 0 15px;
	font-size: 18px;
}
.page-choose-search-rel {
	float: left;
	width: 35%;
	border-right: 1px solid #ccc;
	padding: 0 10px;
}
.page-choose-search-rel img {
	max-width: 100%;
}
.page-choose-search-rel a {
	margin-left: 10px;
	padding: 2px 8px;
	background-color: #ddd;
	color: #666;
	border-radius: 20px;
	white-space: nowrap;
}
.page-choose-process {
	float: left;
	width: 70%;
}
.page-choose-process ul li {
	float: left;
	width: 25%;
	text-align: right;
}
.page-choose-process ul li h3 {
	padding: 8px 0;
	color: #777;
	font-size: 18px;
}
.page-choose-process-ico {
	position: relative;
}
.page-choose-process-ico span {
	float: right;
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 60px;
	text-align: center;
	background-color: #ccc;
	border: 6px solid #fff;
	box-sizing: content-box;
}
.page-choose-process-ico i {
	color: #fff;
	font-size: 30px;
}
.page-choose-process-ico:before {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
	display: block;
	content: '';
	margin-top: -1px;
	width: 100%;
	height: 2px;
	background-color: #eee;
}
.page-choose-process ul li:first-child .page-choose-process-ico:before {
	display: none;
}
.page-choose-process-on h3 {
	color: #333 !important;
}
.page-choose-process-on .page-choose-process-ico span {
	background-color: #0D2E68;
	color: #fff;
}
.page-choose-process-on .page-choose-process-ico:before {
	background-color: #0D2E68;
}
@media (max-width:1200px) {
	.page-choose-search {
		float: inherit;
		margin: 0 auto 25px;
		width: 50%;
	}
	.page-choose-process {
		width: 100%;
	}
	.page-choose-process ul li {
		float: left;
		width: 25%;
		text-align: center;
	}
	.page-choose-process ul li h3 {
		padding: 8px 0;
		color: #777;
		font-size: 18px;
	}
	.page-choose-process-ico {
		position: relative;
	}
	.page-choose-process-ico span {
		float: inherit;
		margin: 0 auto;
	}
	.page-choose-process-ico:before {
		position: absolute;
		top: 50%;
		left: -50%;
		z-index: -1;
		display: block;
		content: '';
		margin-top: -1px;
		width: 100%;
		height: 2px;
		background-color: #eee;
	}
}
@media (max-width:768px) {
	.page-choose-process-ico span {
		float: inherit;
		margin: 0 auto;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 60px;
	}
	.page-choose-process-ico i {
		font-size: 20px;
	}
	.page-choose-process ul li h3 {
		font-size: 14px;
	}
	.page-choose-search-rel {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #ccc;
	}
	.page-choose-search input {
		width: 100%;
		line-height: 60px;
	}
	.page-choose-search {
		float: inherit;
		margin: 0 auto 25px;
		width: 100%;
	}
}
.page-choose-results {
	padding-bottom: 40px;
}
.page-choose-results-list-car {
	padding: 25px;
	margin-bottom: 25px;
	border-top: 3px solid #0d2e68;
	background-color: #f7f7f7;
}
.page-choose-results-list-car>h3 {
	font-size: 22px;
	color: #009dd9;
	margin-bottom: 15px;
}
.page-choose-results-list-car ul {
	margin: 0 -15px;
}
.page-choose-results-list-car ul li {
	float: left;
	width: 12.5%;
	padding: 15px;
	text-align: center;
}
.page-choose-results-list-car ul li a {
	display: block;
	padding: 0 15px;
	line-height: 38px;
	border: 1px solid #666;
	border-radius: 4px;
	font-size: 16px;
}
.page-choose-results-list-car ul li a:hover {
	color: #009DD9;
	border: 1px solid #009DD9;
}
@media (max-width:768px) {
	.page-choose-results-list-car ul li {
		float: left;
		width: 20%;
		padding: 10px;
		text-align: center;
	}
}
@media (max-width:640px) {
	.page-choose-results-list-car ul li {
		float: left;
		width: 33.33%;
	}
}

/* 助手 */
.page-assistant-title {
	padding: 40px 0;
}
.page-assistant-title h3 {
	font-size: 18px;
}
.page-assistant-title h3 span {
	font-size: 14px;
}
a.push-qaq {
	display: inline-block;
	padding: 0 20px;
	margin-left: 10px;
	line-height: 38px;
	background-color: #009DD9;
	color: #fff;
	font-size: 16px;
}
.page-assistant-search input {
	padding: 0 15px;
	line-height: 38px;
	border: 1px solid #eee;
}
.page-assistant-content {
	padding: 45px;
	margin-bottom: 45px;
	background-color: #f5f5f5;
	border-top: 3px solid #0D2E68;
}
.page-assistant-content-left {
	float: left;
	width: 30%;
	text-align: center;
	padding-right: 40px;
}
.page-assistant-content-left img {
	display: block;
	margin: 0 auto;
}
.page-assistant-content-left a {
	margin: 15px auto;
	display: block;
	font-size: 18px;
	line-height: 40px;
	border-radius: 40px;
	border: 1px solid #009DD9;
	color: #009DD9;
}
.page-assistant-content-right {
	float: left;
	width: 70%;
	padding-right: 40px;
}
.page-assistant-content-right h3 {
	font-size: 24px;
	padding-bottom: 15px;
}
.page-assistant-content-show p {
	line-height: 26px;
}
.window-push-qaq {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	display: none;
}
.window-push-box {
	position: relative;
	max-width: 1200px;
	padding: 60px;
	margin: 0 auto;
	background-color: #fff;
	margin-top: 60px;
}
.window-push-box>h3 {
	color: #009DD9;
	font-size: 24px;
	text-align: center;
}
.window-push-box>p {
	text-align: center;
	font-size: 14px;
	color: #777;
	padding-bottom: 15px;
}
.window-push-close {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1;
	width: 35px;
	height: 35px;
	line-height: 28px;
	border-radius: 40px;
	text-align: center;
	border: 1px  solid #009DD9;
	color: #009DD9;
	font-size: 36px;
	transform: rotate(45deg);
	cursor: pointer;
}
.window-push-form {
	margin: 0 -15px;
}
.window-push-form .inputgrounp {
	float: left;
	width: 50%;
	padding: 0  15px 15px;
}
.window-push-form .inputgrounp h3 {
	padding-bottom: 15px;
}
.window-push-form .inputgrounp input {
	width: 100%;
	line-height: 38px;
	background-color: #eee;
	padding: 0 15px;
}
#window-push-form .textareagrounp h3 {
	padding-bottom: 15px;
}
#window-push-form .textareagrounp h3 em {
	color: red;
}
#window-push-form .textareagrounp textarea {
	width: 100%;
	padding: 15px;
	background-color: #eee;
	border: none;
}
#window-push-form .buttongrounp {
	font-size: 0;
	text-align: center;
}
#window-push-form .buttongrounp button {
	display: inline-block;
	padding: 0 20px;
	line-height: 38px;
	margin: 15px 15px 0 15px;
}
#window-push-form .buttongrounp button:first-child {
	background-color: #009DD9;
	color: #fff;
}
@media (max-width:940px) {
	.page-assistant-search {
		width: 100%;
		padding-top: 15px;
	}
	.page-assistant-search input {
		width: 100%;
	}
}
@media (max-width:768px) {
	.page-assistant-content {
		padding: 15px;
	}
	.page-assistant-content-left {
		width: 100%;
		padding-right: 0;
	}
	.page-assistant-content-right {
		width: 100%;
		padding-right: 0;
	}
	.window-push-close {
		top: 5px;
		right: 5px;
	}
	.window-push-box {
		padding: 20px;
		margin-top: 0;
	}
	.window-push-box>h3 {
		font-size: 18px;
	}
	.window-push-form .inputgrounp {
		width: 100%;
	}
	.window-push-form .inputgrounp h3 {
		padding-bottom: 5px;
	}
}

/* 产品 */
.page-product-left {
	float: left;
	width: 24%;
	padding: 40px 0;
}
#page-product-left {
	width: 24%;
}
.page-product-left>h3 {
	padding: 15px 30px;
	background-image: url(../images/page-pronav-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 24px;
	color: #fff;
       
}
.page-product-left>h3 span {
	padding-top: 5px;
	font-size: 20px;
}

/* 菜單 */
.sidebar-nav {
	width: 100%;
	border: 1px solid #c2e4ff;
	border-top: 0;
}
.sidebar-nav>li {
	border-bottom: 1px solid #eee;
	transition: .3s ease-in-out;
}
.sidebar-nav>li>a {
	display: block;
	width: 100%;
	line-height: 40px;
	background-color: #f4f9fd;
	padding: 15px 30px;
	font-size: 20px;
	color: #666;
	transition: .3s ease-in-out;
}
.sidebar-nav>li>a i {
	display: block;
	transition: all .3s;
	font-size: 30px;
}

/*二级*/
.sidebar-subnav {
	display: none;
}
.sidebar-subnav li {
	font-size: 14px;
	background-color: #f4f9fd;
	cursor: pointer;
}
.sidebar-subnav li a {
	display: block;
	padding: 10px 15px 10px 30px;
	color: #666;
}
.sidebar-subnav li ul {
	padding-left: 15px;
}

/*状态*/
.sidebar-nav-active {
	display: block;
}

/* ./ */
.page-product-qkbtn {
	margin: 5px -1%;
	display: none;
}
.page-product-qkbtn a {
	float: left;
	display: block;
	width: 48%;
	line-height: 38px;
	text-align: center;
	margin: 0 1%;
	background-color: #009DD9;
	color: #fff;
}

/*  */
.page-product-left-faq>h3 {
	padding: 12px 0;
	text-align: center;
	background-color: #0D2E68;
	color: #fff;
	font-size: 14px;
}
.page-product-left-faq>h3>a {
	color: #fff;
}
.page-product-left-faq ul {
	padding-top: 10px;
}
.page-product-left-faq ul li {
	margin-bottom: 15px;
	background-color: #edf2f7;
}
.page-product-left-faq ul li img {
	width: 100%;
}
.page-product-left-faq ul li h3 {
	padding: 15px 0 10px;
}
.page-product-left-faq ul li a {
	color: #666;
	line-height: 26px;
	padding: 2px 0;
}
.page-product-left-faq ul li a:hover {
	color: #009DD9;
}
.page-product-right {
	float: right;
	width: 76%;
	padding: 40px 0 50px 50px;
}
.page-product-center {
	padding: 40px 0 0px 0px;
}
.page-product-right .page-nav-path {
	float: none !important;
	width: 100%;
	text-align: right;
	height: auto;
	padding-bottom: 5px;
}
.page-product-type {
	background-color: #f2f2f2;
	padding-bottom: 50px;
	margin-bottom: 10px;
}
.page-product-type>h1 {
	padding: 30px 0 40px 30px;
	text-align: left;
	font-size: 24px;
    position:relative;
}
.page-product-type>h1::after {
	content: '';
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: 95%;
    height: 2px;
    background-color: #0d2e68;
}
.page-product-type ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: distribute;
	justify-content: flex-start;
}
.page-product-type ul li {
	float: left;
	width: 33.33%;
	padding: 25px;
	min-height: 130px;
	overflow: hidden;
	border-right: 3px solid #fff;
}
.total_count{
font-size:20px;
}
.prev_disabled {
    font-size: 20px;
}
.page_list_current {
    font-size: 20px;
}
.page_link {
    font-size: 20px;
}
.next_able {
    font-size: 20px;
}

.page-product-type ul li:nth-child(3n) {
    border-right: none;
}
.page-product-type-img {
	float: left;
	width: 20%;
}
.page-product-type-img img {
	width: 100%;
}
.page-product-type-txt {
	float: left;
	padding-left: 15px;
	width: 80%;
}
.page-product-type-txt h3 {
	font-size: 20px;
	padding-bottom: 10px;
/*	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;*/
}
.page-product-type-txt p {
	font-size: 16px;
	color: #666666;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: none;
}
.page-product-type-txt .page-product-type-txt-div {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.page-product-type ul li:hover .page-product-type-txt h3 {
	text-decoration: underline;
}
.page-comproblem {
	padding: 60px 0;
	background-color: #f2f2f2;
}
.page-comproblem .container-com>h3 {
	padding-bottom: 15px;
	font-size: 24px;
}
.page-comproblem .container-com>h3 a {
	margin-top: 15px;
	font-size: 14px;
	color: #009DD9;
}
.page-comproblem-list {
	margin: 0 -25px;
	padding-bottom: 70px;
}
.page-comproblem-list li {
	float: left;
	width: 33.33%;
	padding: 0 25px 10px;
}
.page-comproblem-content {
	background-color: #fff;
	transition: all .3s;
}
.page-comproblem-content img {
	width: 100%;
}
.page-comproblem-content .page-comproblem-content-text {
	background-color: #f2f2f2;
	padding:0 25px 25px 25px;
}
.page-comproblem-content .page-comproblem-content-text.bg-fff {
	background-color: #ffffff;
}
.page-comproblem-content .page-comproblem-content-text.padding0 {
	padding-left: 0;
	padding-right: 0;
	min-height: inherit;
	background-color: #ffffff;
}

.page-comproblem-content h3 {
	font-size: 20px;
	padding: 20px 0 8px;
}
.page-comproblem-content a {
	display: block;
	color: #555555;
	font-size: 14px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height:30px;
}


.page-comproblem-content a:hover {
	color: #009DD9;
}
.page-comproblem-list li .page-comproblem-content:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}


@media (max-width:1600px) {
	.sidebar-nav>li>a {
		padding: 15px 25px;
	}
}
@media (max-width:1400px) {
	.page-product-type ul li {
		width: 50%;
		min-height: auto;
	}
	.page-comproblem-list {
		margin: 0 -15px;
		padding-bottom: 20px;
	}
	.page-comproblem-list li {
		padding: 0 15px 10px;
	}
}
@media (max-width:940px) {
	.sidebar-nav>li>a {
		line-height: 35px;
		padding: 10px;
		font-size: 16px;
	}
	.page-product-type>h1 {
		padding: 20px 0;
		font-size: 22px;
	}
	.page-product-type ul li {
		width: 50%;
		padding: 15px 25px;
	}
}
@media (max-width:768px) {
	#page-product-left {
		width: 100%;
	}
	.page-comproblem-list {
		margin: 0 -15px;
	}
    .page-product-left {
        width: 100%;
        padding: 5px 0 15px 0;
    }
	.page-product-left-faq {
		display: none;
	}
	.page-product-right {
		width: 100%;
		padding: 0 0 20px 0;
	}
	.page-product-type ul li {
		width: 100%;
		padding: 15px;
	}
	.page-comproblem-list li {
		width: 100%;
		padding: 0 15px 15px;
	}
	.page-comproblem-content a {
		height: auto;
	}
	.page-comproblem-list {
		padding-bottom: 0;
	}
}

/* 產品詳情 */
.page-product-showcontent {
    background-color: #edf2f7;
    padding: 25px 40px;
    margin-bottom: 25px;
}
.page-product-showcontent h1 {
	margin-bottom: 15px;
	font-weight: bold;
    font-size:24px;
}
.page-product-showcontent h1 span {
	font-size: 24px;
}
.page-product-showcontent h3 {
	color: #009DD9;
	font-size: 20px;
	margin: 10px 0;
	/*font-weight:bold;*/
}
.page-product-showcontent img {
	max-width: 100%;
}
.page-product-showcontent p {
	line-height: 26px;
	padding-bottom: 20px;
}
.page-product-showlist>li {
	padding: 25px;
	background-color: #edf2f7;
	margin-bottom: 25px;
}
.page-product-showimg {
	float: left;
	width: 30%;
	text-align: center;
}
.page-product-showimg img {
	max-width: 100%;
	margin: 0 auto;
}
.page-product-showtxt {
	float: left;
	width: 70%;
	padding-left: 35px;
}

/* .page-product-showtxt h3{font-size: 20px; margin-bottom: 25px;}

.page-product-showtxt dl dt{font-size: 18px; color: #009DD9; padding-bottom: 10px;}

.page-product-showtxt dl dd{position: relative; padding-left: 0px; line-height: 24px;}

.page-product-showtxt dl dd:before{position: absolute; top: 10px; left: 0; content: ''; display: block; width: 5px; height: 5px; border-radius: 5px; } */
.page-product-showTab ul li {
	float: left;
	width: 25%;
	padding: 0 10px;
	text-align: center;
}
.page-product-showTab ul li a {
	display: block;
	width: 100%;
	padding: 0 5px;
	line-height: 38px;
	background-color: #ddd;
	color: #444;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.page-product-showTab ul li.active a {
	color: #fff;
	background-color: #0d2e68;
}
.page-product-showTab-box {
	padding: 15px 10px;
	line-height: 24px;
}

/*新版产品详情*/
.page-product-showlist-news>li {
	padding: 30px 40px;
	margin-bottom: 20px;
}
.page-product-showlist-news .page-product-title1 {
	padding-left: 0;
	margin-bottom: 15px;
}
.page-product-showlist-news .page-product-showTab {
	margin-top: 30px;
}
.page-product-showlist-news .page-product-showtxt {
	width: 100%;
	padding-left: 0;
}
.page-product-showlist-news .page-product-showTab {
	/*border-top: 1px solid #cbccd0;*/
	border-left: 1px solid #cbccd0;
	/*border-right: 1px solid #cbccd0;*/
	/*background-color: #fff;*/
}
.page-product-showlist-news .page-product-showTab-list {
	border: 1px solid #cbccd0;
	background-color: #fff;
    margin-top:-2px;
}
.page-product-showlist-news .page-product-showTab ul,
.page-product-showlist-news .page-product-showTab ul li,
.page-product-showlist-news .page-product-showTab ul li a {
	touch-action: auto;
}
.page-product-showlist-news .page-product-showTab ul li {
	padding: 0;
	width: 260px;
	margin-left: 1px;
}
.page-product-showlist-news .page-product-showTab ul li a {
	/*border-bottom: 1px solid #cbccd0;
	border-right: 1px solid #cbccd0;
	border-left: 1px solid #cbccd0;*/
	line-height: 48px;
	background-color: #999;
	color: #fff;
	position: relative;
}
.page-product-showlist-news .page-product-showTab ul li.active a {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}
.page-product-showlist-news .page-product-showTab ul li.active a::after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #008fd8;
}
.page-product-showlist-news .page-product-showTab-box {
	line-height: 24px;
	opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    padding: 0;
}
.page-product-showlist-news .page-product-showTab-box .swiper-container {
	width: 100%;
}
.page-product-showlist-news .page-product-showTab-box.active {
	opacity: 1;
	visibility: visible;
	height: auto;
    width:100%;
}
.page-product-showlist-news .page-product-showTab-box::after {
	content: '';
	clear: both;
	display: block;
}
.page-product-showlist-news .page-product-showtext {
	width: 69%;
	float: right;
	font-size: 14px;
	line-height: 26px;
	padding: 30px 30px 30px 0;
}
.page-product-showlist-news .page-product-showtext ul,
.page-product-showlist-news .page-product-showtext ul>li {
	list-style:disc;
}
.page-product-showlist-news .page-product-showtext ul {
	padding-left: 18px;
}
.page-product-showlist-news .page-product-showTab-box .page-product-showimg {
	width: 27%;
	padding: 30px 0 30px 30px;
}
.page-product-showlist-news .page-product-showTab-box.one .page-product-showimg {
	width: 27%;
}
.page-product-showlist-news .page-product-showTab-box.one .page-product-showtext {
	width: 69%;
}

@media (max-width:960px) {
	.page-product-showTab ul li {
		width: 50%;
		margin-bottom: 10px;
	}
}
@media (max-width:768px) {
	.page-product-showcontent h1 {
		font-size: 20px;
	}
	.page-product-showcontent h1 span {
		font-size: 16px;
	}
	.page-product-showimg {
		width: 100%;
		padding: 25px 0;
	}
	.page-product-showimg img {
		max-width: 50%;
	}
	.page-product-showtxt {
		width: 100%;
		padding-left: 0;
	}
	.page-product-showTab ul li {
		padding: 0 5px;
	}
	.page-product-showTab-box {
		padding: 5px;
		text-align: justify;
	}

	.page-product-showlist-news>li.one .page-product-showimg,
.page-product-showlist-news>li.one .page-product-showtext {
	width: 100%;
}
}

/* 联系我们 */
.page-contact-address>ul {
	margin: 0 -40px;
    margin-top:30px;
}
.page-contact-address>ul>li {
	float: left;
	width: 50%;
	padding: 35px 40px;
}
.page-contact-address-sale {
	padding-bottom: 70px;
	border-bottom: 6px solid #f1f1f1;
	height: 240px;
}
.page-contact-address-sale h3 {
	font-size: 24px;
	color: #009DD9;
	margin-bottom: 35px;
}
.page-contact-address-sale p {
	font-size: 18px;
	color: #666;
	margin-bottom: 5px;
}

.page-contact-wxpic {
	padding: 15px 0 30px;
}
.page-contact-wxpic ul {
	margin: 0 -15px;
}
.page-contact-wxpic ul li {
	float: left;
	width: 12.5%;
	padding: 15px;
	text-align: center;
}
.page-contact-wxpic ul li img {
	width: 100%;
	border: 10px solid #f4f4f4;
}
.page-contact-wxpic ul li p {
	line-height: 35px;
}
.page-contact-form {
	padding: 60px 0;
	background-color: #f2f2f2;
	text-align: center;
}
.page-contact-form .container-page>h3 {
	font-size: 24px;
	padding-bottom: 20px;
}
.page-contact-form .container-page>p {
	color: #666666;
	font-size: 18px;
	padding-bottom: 50px;
}

.page-contact-form .wpcf7-form {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.page-contact-form .page-contact-inputbox {
	margin-left: -30px;
	margin-right: -30px;
}
/* 成为经销商页面css样式 */
.page-contact-form_1 {
		padding: 0px 0;
		background-color: #ffffff;
		text-align: center;
	}
	.h3 {
		font-size: 24px;
		padding: 45px 0 30px;
		text-align: center;
		color: #333333;
	}
	.text1 {
		width:80%;
		text-align:center;
		margin: 0 auto;
	   line-height: 30px;
		padding-top:0px;
		padding-bottom:30px;
		font-size:16px;
		letter-spacing: 4px;
		color: #333333;
		font-weight: normal;
	}
	.text1 span {
		font-size:16px;
		color: #333333;
	}
	.business-page {
	   width: 100%;
	}
	.business-page li:first-child {
		margin-left:0px;
	}
	.business-page li {
		float:left;
		margin-right: 0px;
		width:23%;
	}
	.business-page li:last-child {
		margin-right: 0px;
	}
	.business-page-service {
		width:100%;
		display:flex;
		justify-content:space-between;
	}
	.business-content {
		position:relative;
		width:100%
	}
	.img1 {
		width:100%;
		height:auto;
		margin-bottom:45px;
	}
	.business-page-service-text {
		font-size:20px;
		color: #ffffff;
		width: 100%;
		height: 30%;
		background-color: rgba(0, 28, 112, 0.7);
		position: absolute;
		top: 25%;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	/* 商务合作的输入框 */
	.page-contact-inputbox1 {
		width: 90%;
		padding-top: 100px;
		background: url(/wp-content/themes/xfl/images/sw/5.png);
		background-size:100% 100%;
		margin:0 auto;
		padding-bottom: 50px;
		padding-left: 100px;
		padding-right: 100px;
	}
	.page-contact-inputbox1 p {
		text-align:center;
	}
	.page-contact-textarea1 {
		width:100%;
		margin:0 auto;
		margin-bottom:0px;
		padding-left:30px;
		padding-right:30px;
/* 		padding-right: 200px; */
	}
	.page-contact-textarea1 textarea {
		padding: 12px 12px;
		width:100%;
		height:172px;
		font-size:16px;
		margin-bottom: 70px;
	}
@media screen and (max-width: 786px){
	.container-page {
		max-width: 100%;
		margin: 0 auto;
/* 		padding: 0 200px; */
	}
	.page-nav-path {
		display:block;
		height: auto;
	}
	.page-contact-form_1 {
		padding: 0 0;
		background-color: #ffffff;
		text-align: center;
	}
	.h3 {
		font-size: 22px;
		padding-bottom: 15px;
		padding-top:15px;
	}
	.text1 {
		width:100%;
		font-size:15px;
		text-align:left;
		margin: 0 auto;
	   line-height: 30px;
		padding-top:0px;
		padding-bottom: 30px;
		letter-spacing: 3px;
		color: #333333;
	}
	.text1 span {
		font-size:15px;
	}
	.business-page {
		margin-left: auto;
	   margin-right: auto;
	   width: 100%;
		margin-bottom:20px;
		height:10%;
	}
	.business-page li:first-child {
		margin-left:0;
	}
	.business-page li {
		float: left;
		margin-bottom: 20px;
		margin-right: 0;
		width: 48%;
		height:auto;
	}
	.business-page li:last-child {
		margin-right: 0px;
	}
	.business-page-service {
		height: 100%;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.business-content {
		position:relative;
		width: 100%;
    	height: auto;
	}
	.img1 {
		width:100%;
		/* height:100%; */
		/* position:absolute; */
		top:0;
		left:0;
		margin: 0;
	}
	.business-page-service-text {
		font-size: 14px;
		padding:0;
		color: #ffffff;
		width: 100%;
		height: 28px;
		line-height: 28px;
		background-color: rgba(0, 28, 112, 0.7);
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
	}
	/* 商务合作的输入框 */
	.page-contact-inputbox1 {
		width: 90%;
		padding-top: 25px;
		background: #ffffff;
		margin:0 auto;
		padding-bottom: 0px;
		padding-left:0;
		padding-right: 0;
	}
	.page-contact-textarea1 {
		width:100%;
		margin:0 auto;
		margin-bottom:20px;
		padding-left:0px;
		padding-right:0px;
	}
	.page-contact-textarea1 textarea {
		padding: 12px 12px;
		width:100%;
		height:60px;
		font-size:16px;
		margin-bottom: 0px;
	}
	.wpcf7-submit {
		width:80%;
    	padding: 0 0px;
	}
	.business-tabcont{
		width: 100% !important;
		padding: 0 5% 30px !important;
	}
}
/* .page-contact-form_1 .container-page>p {
	color: #666666;
	font-size: 18px;
	padding-bottom: 50px;
} */

/* .page-contact-form_1 .wpcf7-form {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
} */
.page-contact-form_1 .page-contact-inputbox {
	margin-left: -30px;
	margin-right: -30px;
}

.page-contact-input {
	float: left;
	width: 50%;
	padding: 0 30px 30px;
}
.page-contact-input input,
.page-contact-input select {
	width: 100%;
	padding: 0 12px;
	line-height: 60px;
	background-color: #fff;
	border: 1px solid #bebebe;
	font-size: 16px;
	height: 40px;
}
.page-contact-textarea {
	padding: 0 0 30px 0;
}
.page-contact-textarea textarea {
	padding: 20px;
	width: 100%;
	height: 220px;
	font-size: 16px;
	border: 1px solid transparent;
}
.page-contact-textarea textarea::placeholder {
	font-size: 16px;
	color: #999999;
}
.page-contact-input input::placeholder {
	font-size: 16px;
	color: #999999;
}
.page-contact-textarea textarea:focus, .page-contact-input input:focus {
	border: 1px solid #009DD9;
}
.wpcf7-submit {
	padding: 0 63px;
	line-height: 52px;
	background-color: #009DD9;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
@media (max-width:768px) {
	.page-contact-address>ul>li {
		width: 100%;
		padding: 25px;
	}
	.page-contact-wxpic ul li {
		width: 33.33%;
		padding: 10px;
	}
	.page-contact-input, .page-contact-textarea {
		width: 100%;
		padding: 0 0 15px;
	}
}

/* news */
.page-news-list li {
	padding: 50px 10px;
	border-top: 1px solid #eee;
}
.page-news-list li:hover {
	box-shadow: 0 0 20px #ddd;
}
.page-news-img {
	float: left;
	width: 30%;
	overflow: hidden;
	max-height: 220px;
}
@media (max-width:1440px) {
	.page-news-img {
		max-height: 160px;
	}
}
@media (max-width:1366px) {
	.page-news-img {
		max-height: 150px;
	}
}
@media (max-width:1280px) {
	.page-news-img {
		max-height: 170px;
	}
}
@media (max-width:768px) {
	.page-news-img {
		max-height: inherit;
	}
}
.page-news-img img {
	width: 100%;
	transition: all .3s;
}
.page-news-content {
	float: left;
	width: 70%;
	padding-left: 40px;
}
.page-news-content h3 {
	font-size: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: all .3s;
		width:90%;
}
.page-news-content span {
	display: block;
	padding: 10px 0 15px;
	color: #777;
	font-size: 14px;
}
.page-news-content p {
	font-size: 14px;
	color: #555555;	
	line-height:26px;
}
.page-news-list li a:hover .page-news-img img {
	transform: scale(1.1);
}
.page-news-list li a:hover .page-news-content h3 {
	text-decoration: underline;
	color: #009DD9;
}
@media (max-width:768px) {
	.page-news-img {
		width: 100%;
		margin-bottom: 15px;
	}
	.page-news-content {
		width: 100%;
		padding-left: 0 !important;
	}
}
.page-product-try .swiper-wrapper {
	padding-bottom: 30px;
}
.page-product-try .swiper-slide {
	padding-bottom: 50px;
}
.page-product-trybox {
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	background-color: #eee;
}
.page-product-trybox img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}
.page-product-trywhat {
	position: absolute;
	top: 75%;
	left: 5%;
	width: 90%;
	padding: 15px 20px;
	background-color: #fff;
	border-bottom: 3px solid #009DD9;
}
.page-product-trywhat h3 {
	font-size: 20px;
	padding-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.page-product-trywhat p {
	font-size: 14px;
	line-height: 24px;
	color: #555555;
	overflow: hidden;
}
.page-product-trybox:hover .page-product-trywhat h3 {
	text-decoration: underline;
	color: #009DD9;
}
.page-adbox img {
	width: 100%;
}
.page-news-goback {
	float: right;
	font-size: 0;
	height: 60px;
	overflow: hidden;
}
.page-news-goback a i {
	vertical-align: middle;
	color: #009DD9;
}
.page-news-goback a {
	font-size: 14px;
	color: #009DD9;
}
.page-news-showtitle {
	border-bottom: 1px solid #eee;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.page-news-showtitle h3 {
	font-size: 24px;
}
.page-news-showtitle p {
	font-size: 14px;
	color: #a3a3a3;
	padding: 20px 0;
}
.page-news-showtitle p span {
	margin-right: 25px;
}
.page-news-showtitle p span:last-child {
	margin-left: 25px;
}
.page-news-showtitle p span em {
	font-style: inherit;
}
.page-news-showcontent {
	padding-bottom: 40px;
	margin-bottom: 35px;
	border-bottom: 1px solid #eee;
	/*font-size: 16px;*/
}
.page-news-showcontent p {
	line-height: 1.6;
}
.page-news-showcontent img {
	max-width: 100% !important;
	height: auto !important;
	margin-top: 25px;
	margin-bottom: 25px;
}
.page-next li {
	float: left;
	width: 50%;
	font-size: 18px;
}
.page-next li:last-child {
	text-align: right;
}
.page-next li a {
	float: left;
	width: 80%;
	padding-left: 5px;
	display: block;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	/*color: #a3a3a3;*/
}
.page-next li a:hover {
	color: #009dd9;
	text-decoration: underline;
}
.page-news-aboutbox .swiper-wrapper {
	padding-bottom: 60px;
}
.page-news-about img {
	width: 100%;
}
.page-news-about p {
	padding: 20px 0 10px;
	font-size: 16px;
	color: #777;
	font-family: arial;
}
.page-news-about h3 {
	font-size: 20px;
	    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.page-news-about div {
	max-height:260px;
	overflow:hidden;
}
.site-videoimg .site-video-img {
	height:250px;
	line-height: 250px;
	overflow:hidden;
}
.site-videoimg .site-video-img img {
	width: 100%;
}
.page-news-about:hover h3 {
	color: #009DD9;
	text-decoration: underline;
}
@media (max-width:768px) {
	.page-next li {
		width: 100%;
		text-align: left !important;
		padding-bottom: 15px;
	}
	.page-adbox {
		display: none;
	}
}
.page-fqa {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
}

/* 網站地图 */
.site-map {
	margin-bottom: 35px;
	padding-top: 35px;
}
.site-map-left {
	float: left;
	width: 100%;
}
.site-map-left h3 {
	padding: 15px 0;
	margin-bottom: 15px;
	font-size: 22px;
	border-bottom: 2px solid #333;
	font-weight: bold;
}
.site-map-nav dl {
	float: left;
	width: 20%;
	padding-right: 15px;
}
.site-map-nav dl:nth-child(3) {
	width: 40%;
}
.site-map-nav dl:nth-child(3) dd {
	float: left;
	width: 50%;
}
.site-map-set-nav ul {
	float: left;
	width: 50%;
}
.site-map-nav dl dt,
.site-map-set-nav h3 {
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}
.site-map-nav dl dd a,
.site-map-set-nav li a {
	position: relative;
	padding-left: 12px;
	line-height: 26px !important;
	color: #777 !important;
	font-size: 14px !important;
	font-weight: 300 !important;
}
.site-map-nav dl dd a:before,
.site-map-set-nav li a:before {
	position: absolute;
	top: 8px;
	left: 0;
	z-index: 1;
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #777;
}
.site-map-right {
	float: left;
	width: 25%;
}
.site-map-right h3 {
	padding: 15px 0;
	margin-bottom: 15px;
	font-size: 22px;
	border-bottom: 2px solid #333;
	font-weight: bold;
}
.site-map-right ul li a {
	line-height: 34px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.site-map-set {
	margin: 0 -25px;
	margin-bottom: 35px;
}
.site-map-set dl {
	float: left;
	width: 25%;
	padding: 0 25px;
}
.site-map-set dl dt {
	padding: 15px 0;
	margin-bottom: 15px;
	font-size: 22px;
	border-bottom: 2px solid #333;
	font-weight: bold;
}
.site-map-set dl dd a {
	line-height: 34px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.site-map-nav dl dd a:hover, .site-map-right ul li a:hover, .site-map-set dl dd a:hover {
	color: #009DD9;
}
@media (max-width:768px) {
	.site-map-left {
		width: 100%;
		padding-right: 0;
	}
	.site-map-nav dl {
		width: 50%;
		padding-right: 0;
		padding-bottom: 30px;
	}
	.site-map-right {
		width: 100%;
	}
	.site-map-set dl {
		float: left;
		width: 100%;
		padding: 0 25px;
	}
}

/* 關於我們 */
.page-about-say {
	padding: 45px 0;
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
}
.page-about-say h3 {
	font-size: 24px;
	color: #333;
	padding-bottom: 30px;
}
.page-about-say p {
	text-align: left;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	padding-bottom: 26px;
}
.page-about-say img {
	max-width: 100%;
}

/* tab */
.page-about-brandson-bg {
	padding: 45px 0;
	background-color: #f2f2f2;
}
.page-about-brandson-bg .container-page>h3 {
	text-align: center;
	font-size: 24px;
	padding-bottom: 40px;
}
.page-about-brandson-tab ul {
	margin-left: -22px;
	margin-right: -22px;
}
.page-about-brandson-tab ul li {
	float: left;
	width: 33.33%;
	padding: 0 22px;
}
.page-about-brandson-tab ul li span {
	display: block;
	padding: 34px 26px;
	font-size: 20px;
	border-radius: 18px;
	background-color: #fff;
	cursor: pointer;
	text-align: center;
}
.page-about-brandson-tab ul li span.active {
	background-color: #009DD9;
	color: #fff;
}
.page-about-brandson-box {
	padding-top: 60px;

}
.page-about-brandson-box .page-about-brandson-div{display: none;}
.page-about-brandson-div p {
	font-size: 16px;
    line-height:30px;
	margin-bottom: 25px;
	color: #333333;

}

.page-about-serivetitle {}
.page-about-serivetitle h3 {
	font-size: 24px;
	padding: 45px 0 35px;
	text-align: center;
}
.page-about-serivetitle p {
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	letter-spacing: 3px;
}
.page-about-brandson-tab,
.page-about-brandson-box,
.page-about-serivetitle,
.page-about-serive-box {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
.page-about-serive {
	padding: 30px 0;
	margin-left: -42px;
	margin-right: -42px;
}
.page-about-serive li {
	float: left;
	width: 33.33%;
	padding: 0 42px 25px;
	border-right: 1px solid #eeeeee;
}
.page-about-serive li:nth-child(2) .about_img_box .text {
	background-color: rgba(0, 28, 112, 0.7);
}
.page-about-serive li:nth-child(3) .about_img_box .text {
	background-color: rgba(204, 102, 0, 0.7);
}
.page-about-serive li:last-child {
	border-right: none;
}
.page-about-serive li img {
	width: 100%;
}
.page-about-serive li a {
	display: inline-block;
	padding: 3px 5px;
	border: 1px solid #bbb;
	white-space: normal;
	margin: 10px 10px 0 0;
}
.page-about-serive li a:hover {
	border: 1px solid #009DD9;
	color: #009DD9;
}
@media (max-width:768px) {
	.page-about-brandson-tab ul li {
		padding: 10px;
	}
	.page-about-brandson-tab ul li span {
		padding: 15px 0;
		font-size: 14px;
	}
	.page-about-serive li {
		width: 100%;
		padding: 0 0 25px;
	}
}
.page-about-adv-box {
	position: relative;
	padding-bottom: 45px;
}
.page-about-adv-box>h3 {
	text-align: center;
	font-size: 24px;
	padding: 45px 0 35px;
}
.page-about-adv-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 70%;
	background-color: #f2f2f2;
}
.page-about-adv {
	padding: 40px 56px;
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.page-about-adv h3 {
	font-size: 20px;
	color: #009DD9;
	padding-bottom: 15px;
}
.page-about-adv p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	padding-bottom: 25px;
}

/*  */
.page-about-event-time,
.page-about-event-show {
	position: relative;
	max-width: 1200px;
}
.page-about-event-time::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #000000;
}
.page-about-event-time .swiper-slide {
	text-align: center;
	line-height: 40px;
}
.page-about-event-time .swiper-slide span {
	display: inline-block;
	font-size: 20px;
	font-family: arial;
	cursor: pointer;
	color: #153a77;
	position: relative;
	padding: 10px 0px;
}
.page-about-event-time .swiper-slide span::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	background-color: #009dd9;
	height: 6px;
	opacity: 0;
}
.page-about-event-time .swiper-slide-thumb-active span::after {
	opacity: 1;
}
.page-about-event>h3 {
	font-size: 24px;
	padding-bottom: 35px;
	text-align: center;
}
.page-about-event-show .swiper-wrapper {
	padding: 50px 0 60px;
}
.page-about-eventlist {
	position: relative;
}
.page-about-eventlist:before {
	position: absolute;
	top: 0;
	left: 50%;
	content: '';
	width: 2px;
	height: 100%;
	background-color: #000000;
}
.page-about-eventlist-left, 
.page-about-eventlist-right {
	float: left;
	width: 50%;
}
.page-about-eventlist-left {
	padding-right: 42px;
}
.page-about-eventlist-right {
	padding-left: 42px;
}
.page-about-event-per {
	position: relative;
	padding: 32px;
	background-color: #f2f2f2;
	margin-bottom: 40px;
	width: 47%;
	float: left;
	margin-right: 3%;
}
.page-about-eventlist .page-about-event-per:nth-child(2) {
	margin-top: 30px;
}
.page-about-eventlist .page-about-event-per.leftcorner {
	margin-right: 0;
	margin-left: 3%;
}
.page-about-eventlist .page-about-event-per.leftcorner span {
	left: -42px;
	right: initial;
}
.page-about-eventlist .page-about-event-per.leftcorner span:after {
	left: initial;
	right: -35px;
}
.page-about-event-per span {
	position: absolute;
	top: 40px;
	display: block;
	background-color: #009DD9;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	right: -42px;
}
.page-about-event-per span:before {
	position: absolute;
	top: -6px;
	left: -6px;
	z-index: 1;
	display: block;
	content: '';
	background-color: rgba(0, 157, 217, .5);
	width: 23px;
	height: 23px;
	border-radius: 50%;
}
.page-about-event-per span:after {
	position: absolute;
	top: 5px;
	z-index: -2;
	display: block;
	content: '';
	width: 46px;
	height: 1px;
	background-color: #000000;
	left: -35px;
}
.page-about-eventlist-left {
	padding-top: 60px;
}
.page-about-eventlist-left .page-about-event-per span {
	right: -46px;
}
.page-about-eventlist-right .page-about-event-per span {
	left: -46px;
}
.page-about-eventlist-left .page-about-event-per span:after {
	left: -46px;
}
.page-about-eventlist-right .page-about-event-per span:after {
	right: -46px;
}
.page-about-event-per h3 {
	font-size: 20px;
	padding-bottom: 15px;
}
.page-about-event-per p {
	font-size: 16px;
	line-height: 30px;
	color: #4e4e4e;
}
.page-about-event-per img {
	width: 100%;
	border: none;
	display: none;
	font-size: 15px;
   color: #4e4e4e;
}
.page-about-event-per a {
	margin-top: 5px;
	margin-bottom: 10px;
	display: block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 23px;
	border-radius: 50%;
	font-size: 18px;
	background-color: #ccc;
	color: #fff;
}
.page-about-event-per a:hover {
	background-color: #0D2E68;
}
.page-about-eventlist-right .page-about-event-per:nth-child(2n) {
	display: block;
}
@media (max-width:768px) {
	.page-about-eventlist-left {
		display: block;
		width: 100%;
		padding-left: 42px;
		padding-right: 0;
		padding-top: 20px;
	}
	.page-about-eventlist-left .page-about-event-per span {
		left: -46px;
		right: initial;
	}
	.page-about-eventlist-left .page-about-event-per span:after {
		right: -46px;
		left: initial;
	}
	.page-about-eventlist {
		padding-left: 15px;
	}
	.page-about-eventlist:before {
		left: 15px;
	}
	.page-about-eventlist-right {
		float: left;
		width: 100%;
	}
	.page-about-eventlist-right .page-about-event-per:nth-child(2n) {
		display: block;
	}
}

/* 乘车 */
.page-carproduct-list ul li {
	float: left;
	width: 24%;
	padding: 45px 30px;
	text-align: center;
}
.page-carproduct-list ul li img {
	max-width: 125px;
	transition: all .3s;
}
.page-carproduct-list ul li:last-child a {
	display: block;
	max-width: 120px;
	line-height: 38px;
	background-color: #009DD9;
	color: #fff;
	margin-top: 30px;
	text-align: center;
}
.page-carproduct-list ul li h3 {
	padding-top: 15px;
	font-size: 20px;
}
.page-carproduct-list ul li a:hover img {
	transform: translateY(5px);
}
.page-carproduct-list ul li:last-child {
	text-align: left;
}
.page-carproduct-list ul li:last-child h3 {
	padding-top: 40px;
	font-size: 24px;
}
@media (max-width:940px) {
	.page-carproduct-list ul li {
		float: left;
		width: 33.33%;
		padding: 20px;
		text-align: center;
	}
	.page-carproduct-list ul li:last-child a {
		margin-top: 40%;
	}
}
@media (max-width:768px) {
	.page-carproduct-list ul li {
		float: left !important;
		width: 50% !important;
		padding: 20px 10px !important;
		text-align: center !important;
		border-bottom: 1px solid #f2f2f2 !important;
	}
	.page-carproduct-list ul li:last-child {
		border-bottom: none !important;
		width: 100% !important;
	}
	.page-carproduct-list ul li:last-child a {
		margin-top: 15px !important;
	}
	.page-carproduct-list ul li h3 {
		font-size: 16px !important;
	}
	.page-carproduct-list ul li:last-child h3 {
		font-size: 22px !important;
		text-align: center !important;
		padding-top: 0 !important;
	}
	.page-carproduct-list ul li:last-child a {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.page-carproduct-list ul li img {
		max-width: 100px !important;
		max-height: 120px;
	}
}
.page-car-pont ul li {
	position: relative;
	float: left;
	width: 50%;
}
.page-car-pont ul li img {
	width: 100%;
}
.page-car-pontmask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(13, 46, 104, .7);
	text-align: center;
	transition: all .3s;
}
.page-car-pontmask-son {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30%;
	margin-top: -40px;
	width: 60%;
	height: 80px;
	color: #fff;
}
.page-car-pontmask-son h3 {
	padding-bottom: 15px;
	font-size: 36px;
}
.page-car-pontmask-son p {
	font-size: 18px;
	letter-spacing: 3px;
	position: relative;
	display: inline-block;
	text-align: center;
}
.page-car-pontmask-son p::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ffffff;
}
.page-car-pontmask-son span {
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border-radius: 100%;
	margin: 20px auto 0;
	background-color: #009dd9;
	transform: translateY(5px);
	opacity: 0;
	transition: all .3s;
	font-size: 18px;
}
.page-car-pont ul li a:hover .page-car-pontmask {
	background-color: rgba(13, 46, 104, .1);
}
.page-car-pont ul li a:hover .page-car-pontmask-son span {
	opacity: 1;
	transform: translateY(0);
}
@media (max-width:768px) {
	.page-car-pont ul li {

	}
	.page-car-pontmask-son {
		height: 26px;
		margin-top: -13px;
	}
	.page-car-pontmask-son h3 {
		padding-bottom: 0;
	}
	.page-car-pontmask-son p {
		display: none;
	}
}
.page-site-video {
	padding: 60px 0;
}
.page-site-title {
	text-align: center;
}
.page-site-title h3 {
	position: relative;
	font-size: 30px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.site-title h3 {
	position: relative;
}
.page-site-title h3:before,
.site-title h3:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	margin-left: -20px;
	width: 40px;
	height: 2px;
	background-color: #009DD9;
}
.page-site-title .iconfont {
	font-size: 35px;
	color: #009dd9;
	display: block;
	padding-bottom: 5px;
	display: inline-block;
	padding-right: 15px;
}
/* video */
.page-site-video-title h3:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	margin-left: -20px;
	width: 40px;
	height: 2px;
	background-color: #009DD9;
}
.page-site-title p {
	font-size: 16px;
	color: #777;
	padding-bottom: 25px;
}

/* video */
.page-site-videolist {
	/*margin: 0 -15px;*/
	margin-top: 15px;
}
.page-site-videolist li {
	float: left;
	width: 33.33%;
	padding: 0 15px 15px;
}
.page-site-videolist li a {
	display: block;
	text-align: center;
}
.page-site-videolist li a h3 {
	padding-top: 15px;
	font-size: 20px;
	line-height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.page-site-videoimg {
	position: relative;
}
.page-site-videoimg img {
	width: 100%;
}
.page-site-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -18px;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #fff;
}
.page-site-video-play:before, .page-site-video-play:after {
	position: absolute;
	content: '';
	display: block;
}
.page-site-video-play:before {
	top: 10px;
	left: 15px;
	z-index: 2;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 10px solid #009DD9;
}
.page-site-video-play:after {
	top: -5px;
	left: -5px;
	z-index: 1;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .4);
}
@media (max-width:940px) {
	.page-site-videolist li a h3 {
		font-size: 14px;
	}
}
@media (max-width:768px) {
	.page-site-videolist li {
		width: 100%;
	}
	.page-site-videolist li a h3 {
		font-size: 16px !important;
	}
}

/*  */
.page-car-news {
	background-color: #f2f2f2;
    padding: 50px 0;
}
.page-car-faq {
    padding: 60px 0;
}
.page-car-newsbox .swiper-wrapper {
	padding-bottom: 60px;
}
.page-car-try {
	position: relative;
	padding-bottom: 60px;
}
.page-car-trybg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 60%;
	background-color: #f2f2f2;
}
.page-car-try .container-com-box {
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	padding: 60px 35px 70px;
}
.page-car-trybox {
	padding-bottom: 50px !important;
}
.page-car-trybox .swiper-slide {}
.page-car-trybox .swiper-slide a {
	display: block;
	padding: 50px;
	background-color: #f2f2f2;
}
.page-car-trybox .swiper-slide a h3 {
	padding-bottom: 10px;
	font-size: 24px;
}
.page-car-trybox .swiper-slide a p {
	margin-bottom: 35px;
	line-height: 26px;
	color: #777;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow:hidden;
}
.page-car-trybox .swiper-slide a:hover span {
	color: #009DD9;
	text-decoration: underline;
}
.page-caradd-bg {
	background-color: #f2f2f2;
	margin-bottom: 35px;
}
@media (max-width:768px) {
	.page-caradd-bg {
		margin-bottom: 15px;
	}
}
.car-spa-online {
	background-image: url(../images/about-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
	padding: 95px 15px;
}
.car-spa-online p {
	font-size: 32px;
	padding-bottom: 10px;
}
.car-spa-online h3 {
	font-size: 42px;
	font-weight: bold;
	padding-bottom: 50px;
}
.car-spa-online a {
	display: inline-block;
	padding: 0 56px;
    line-height: 52px;
	background-color: #009DD9;
	color: #fff;
}
@media (max-width:768px) {
	.car-spa-online {
		padding: 60px 15px 30px;
	}
	.car-spa-online p {
		font-size: 18px;
	}
	.car-spa-online h3 {
		font-size: 22px;
		padding-bottom: 15px;
	}
	.car-spa-online a {
		line-height: 40px;
	}
}

/* 常见问题 */
.page-fqa-search {
	padding: 45px;
}
.page-fqa-search input {
	float: left;
	width: 100%;
	height: 45px;
	border: 2px solid #0e2c6a;
	font-size: 18px;
	padding-left: 200px;
	padding-right: 100px;
	border-radius: 6px;
}
.page-fqa-search select {
	position: absolute;
	bottom: 2px;
	left: 47px;
	width: 183px;
	height: 41px;
	border: none;
	font-size: 20px;
	padding: 0 20px;
}
.page-fqa-search select option {
	height: 30px;
	margin: 0 -4px;
	outline: none;
}
.page-fqa-search button {
	right: 45px !important;
	background: #0e2c6a !important;
	border-radius: 6px !important;
}
.page-fqa-box .container-page {
	position: relative;
	height: auto !important;
}
.page-fqa {
	position: relative;
	top: -70px;
	left: 0;
	width: 100%;
	background-color: #fff;
}
.page-car-taber {
	border-bottom: 6px solid #0d2e68;
	padding: 25px 0;
}
.page-car-taber ul li {
	float: left;
	width: 24%;
	padding: 15px;
}
.page-car-taber ul {
	margin: 0 -15px;
}
.page-car-taber ul li span {
	display: block;
	background-color: #eee;
	line-height: 54px;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
}
.page-car-taber ul li span.active {
	background-color: #009DD9;
	color: #fff;
}
.page-car-div ul li {
	padding: 35px 0;
	border-bottom: 1px solid #eee;
}
.page-car-div ul li a {
	position: relative;
	display: block;
	padding-left: 110px;
}
.page-car-div ul li a h3 {
	font-size: 20px;
	padding-bottom: 6px;
}
.page-car-div ul li a p {
	font-size: 14px;
	color: #999999;
}
.page-car-div ul li a span {
	position: absolute;
	top: 4px;
	left: 30px;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	background: url(../images/icon01.jpg) no-repeat center;
	background-size: 100%;
}
.page-car-div ul li a span i {
	font-size: 24px;
	color: #fff;
	display: none;
}
/*.page-car-div ul li a:hover {
	color: #009DD9;
}
.page-car-div ul li a:hover span {
	background-color: #009DD9;
}*/
@media (max-width:940px) {
	.page-fqa-search {
		padding: 0;
		margin-top: 20px;
	}
	.page-fqa-search input {
		font-size: 14px !important;
		padding-left: 110px;
		padding-right: 70px;
		float: none;
	}
	.page-fqa-search select {
		width: 100px;
		padding: 0 10px;
		font-size: 12px !important;
		left: 2px;
	}
	.page-fqa-search button {
		right: 0 !important;
	}
	.page-car-taber ul {
		margin: 0 -5px;
	}
	.page-car-taber ul li {
		width: 33%;
		padding: 10px 5px;
	}
}

/* 常見問題詳情 */
.page-faq-left {
	float: left;
	width: 70%;
	padding-right: 60px;
	margin-top: 30px;
}
.page-faq-right {
	float: left;
	width: 30%;
	margin-top: 30px;
}
.page-faq-showtitle {
	position: relative;
	display: block;
	margin: 30px 0;
	padding-left: 60px;
}
.page-faq-showtitle h3 {
	font-size: 20px;
	padding-bottom: 10px;
}
.page-faq-showtitle p {
	font-size: 14px;
	color: #777;
}
.page-faq-showtitle span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	background: url(../images/icon01.jpg) no-repeat center;
	background-size: 100%;
}
.page-faq-showtitle span i {
	font-size: 24px;
	color: #fff;
	display: none;
}
.page-faq-content {
	line-height: 26px;
	min-height: 300px;
}
.page-faq-content img {
	max-width: 100%;
}
.page-faq-content p {
	margin-bottom: 15px;
}
.page-faq-next {
	border-top: 1px solid #eee;
	padding: 20px 0 80px;
}
.page-faq-next ul li {
	margin-bottom: 10px;
}
.page-faq-next ul li a:hover {
	color: #009DD9;
	text-decoration: underline;
}
.page-faq-right {
	background-color: #f4f9fd;
	padding: 20px;
}
.page-faq-right>h3 {
	font-size: 24px;
	font-weight: bold;
	color: #009DD9;
	margin-bottom: 15px;
}
.page-faq-right ul li {
	position: relative;
	line-height: 24px;
	margin-bottom: 15px;
	line-height: 1.8;
}

.page-faq-right ul li:before {
	position: absolute;
	top: 13px;
	left: 0;
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #666;
}
.page-faq-probox .swiper-wrapper {
	padding-bottom: 50px;
}
.page-faq-probox .swiper-slide a {
	display: block;
	padding: 25px;
	background-color: #fff;
    height: 160px;
}
.page-comproblem .container-page>.container-page-width>h3 {
	font-size: 24px;
	padding-bottom: 40px;
}
@media (max-width:768px) {
	.page-faq-left {
		width: 100%;
		padding-right: 0;
		margin-top: 20px;
	}
	.page-faq-right {
		width: 100%;
		margin-top: 30px;
	}
}

/* 404 */
.page-foundno {
	position: relative;
}
.page-foundno a {
	position: absolute;
	bottom: 20%;
	left: 50%;
	display: block;
	margin-left: -60px;
	width: 120px;
	border-radius: 20px;
	line-height: 40px;
	text-align: center;
	background-color: #0D2E68;
	color: #fff;
	font-size: 16px;
}
@media (max-width:768px) {
	.page-foundno a {
		bottom: 15%;
	}
}

.container-page-width {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.modal {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
  display: block;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  z-index: 9;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  display: none;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
  display: block;
}
.modal-header {
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header::after {
	content: '';
	clear: both;
	display: block;
}
.modal-header .close {
	margin-top: -2px;
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
	padding: 8px;
	cursor: pointer;
	-webkit-appearance: none;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.modal-header .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

.modal-body {
  position: relative;
  padding: 15px;
}
.country-selector {
    width: 100%;
    background-color: #fff;
}
.country-selector__selected {
    background-color: #f5f5f5;
    text-align: center;
    min-height: 120px;
}
.country-selector__selected__country {
    padding-top: 20px;
}
.country-selector__selected__country__flag {
    width: 60px;
    height: 40px;
}
.country-selector__selected__country__name {
    padding-top: 21px;
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
}
.country-selector__wrapper {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}
.country-selector__message {
    color: #0C2E72;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.country-selector__countries {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.country-selector__countries__country {
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
    padding-bottom: 32px;
    width: 33.33%;
}
.country-selector__countries__country__language {
    padding-top: 10px;
    font-size: 16px;
    color: #6D6D6D;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    display: block;
}
.country-selector__countries__country__language:link, .country-selector__countries__country__language:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
}
.utility-nav__location img {
	border-radius: 100%;
	width: 22px;
}
.modal-open {
    overflow: hidden;
}

.banner {
    /*height: 500px;*/
}
.banner .swiper-slide,
.page-carbanner .swiper-slide {
	height: 100%;
	width: 100%;
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-carbanner .swiper-container {
    /*height: 500px;*/
}

.about_img_box {
	position: relative;
}
.about_img_box .text {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	padding: 20px 15px 20px 45px;
	background-color: rgba(234, 27, 57, 0.7);
	font-size: 20px;
	color: #ffffff;
	min-width: 187px;
}
.about_img_box .text::after {
	content: '';
	position: absolute;
	top: 20px;
	left: 30px;
	height: calc(100% - 40px);
	width: 2px;
	background-color: #ffffff;
}


/*常见问题轮番*/
.page-comproblem-list-swiper {
    padding-bottom: 60px !important;
    margin-bottom: 0px !important;
}
.page-comproblem-list-swiper li,
.page-site-videolist-swiper li {
	padding: 0 !important;
}
.page-site-videolist-swiper {
	padding-bottom: 50px !important;
}

.site-video-main {
	position: fixed;
	top: -100%;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .45s ease-out;
	   -moz-transition: all .45s ease-out;
	    -ms-transition: all .45s ease-out;
	     -o-transition: all .45s ease-out;
	        transition: all .45s ease-out;
}
.site-video-main.active {
	top: 0;
	opacity: 1;
	visibility: visible;
}
body.active {
	overflow: hidden;
}
.site-video-main .container-page {
	height: 100%;
}
.site-video-close {
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 100%;
	width: 40px;
	height: 40px;
    overflow: hidden;
    z-index: 99;
    cursor: pointer;
}
.site-video-box {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 1440px) {
	.nav .ubermenu-nav>li {
		margin-left: 30px;
	}
	.nav .ubermenu-nav>li>a {
		font-size: 20px !important;
	}
	.productuse-title h1,
	.about span {
		font-size: 32px !important;
		line-height: 36px !important;
	}
	.productuse-title h3 {
		font-size: 22px !important;
		padding: 10px 0 15px !important;
	}
	.productuse-title a {
		padding: 0 40px !important;
		line-height: 46px !important;
		font-size: 16px !important;
	}
	.productuse_list li>a h3 {
		font-size: 15px !important;
		padding: 15px 0 7px !important;
	}
	.productuse_list li>a p {
		font-size: 13px !important;
	}
	.productuse_list li>a {
		padding: 15px !important;
	}
	.site-title i {
		font-size: 30px !important;
	}
	.site-title h3 {
		font-size: 24px !important;
		padding-top: 6px;
	}
	.newsbox .swiper-slide h3 {
		font-size: 18px !important;
		line-height: 1.6;
	}
	.page-news-about div {
		max-height:180px;
		overflow:hidden;
	}
	
	.site-videoimg .site-video-img {
		height:180px;
		line-height: 180px;
	}
	.newsbox .swiper-slide p {
		padding: 20px 0 10px !important;
	}
	.about h3 {
		font-size: 22px !important;
	}
	.about h1 {
		font-size: 30px !important;
	}
	.about a {
		line-height: 46px !important;
	}
	.btn a{
		line-height: 46px !important;
	}
	.site-videolist li a h3 {
		font-size: 18px !important;
	}

	.page-banner-txt h3 {
		font-size: 30px;
	}
	.page-banner-txt span {
		margin: 15px auto;
	}
	.page-banner-txt p {
		font-size: 16px;
	}
	.page-product-left>h3 {
		font-size: 24px;
	}
	.page-product-left>h3 span {
	    padding-top: 8px;
	    font-size: 16px;
	}
	.sidebar-nav>li>a {
		line-height: 20px;
		font-size: 16px;
	}
	.sidebar-subnav li {
		font-size: 14px;
	}
	.sidebar-nav>li>a i {
		font-size: 24px;
	}
	.page-product-type-txt h3 {
		font-size: 20px;
	}
	.page-product-type-txt p {
		font-size: 14px;
	}
	.page-product-type>h1 {
	    padding: 42px 0 42px 30px;
	    font-size: 24px;
	}
	.page-comproblem-content h3 {
		font-size: 20px;
	}
	.page-comproblem-content a {
		font-size: 14px;
		line-height: 26px;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
    .page-product-showcontent h1 {
        font-size: 24px !important;
    }
    .page-product-showcontent h3 {
        font-size: 20px !important;
    }
    .page-product-title1 {
        font-size: 20px !important;
    }
	.page-query-box {
		padding: 0 60px;
	}
	.page-query>h3 {
		font-size: 22px;
	}
	.page-query > h2 {
		font-size: 26px;
		padding-bottom: 10px;
		text-align: center;
		color: #009DD9;
	}
	.page-query {
		padding: 50px 0;
	}
	.page-news-content h3 {
		font-size: 20px;
	}
	.page-news-content span{font-size:14px;}
	.page-news-content p {
		font-size: 14px;
	}
	.page-product-trybox {
		height: 230px;
	}
	.page-product-trywhat h3 {
		font-size: 20px;
	}
	.page-product-trywhat p {
		font-size: 14px;
	}
	.page-news-showtitle h3 {
		font-size: 20px;
	}
	.page-news-showcontent{font-size:16px;}
	.page-next li{font-size:16px;}
	/* .page-about-say p,
	.page-about-brandson-div p,
	.page-about-serivetitle p,
	.page-about-adv p,
	.page-about-event-per p, 
	.page-news-showcontent,
	.page-next li,*/
	.page-news-about h3
	 {
		font-size: 20px;    
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.page-about-say h3,
	.page-about-brandson-bg .container-page>h3,
	.page-about-serivetitle h3,
	.page-about-adv-box>h3,
	.page-about-event>h3,
	.page-contact-form .container-page>h3 {
		font-size: 24px;
		padding-bottom: 25px;
	}
	.page-about-brandson-tab ul li span {
	    display: block;
	    padding: 24px 10px;
	    font-size: 18px;
	}
	.page-about-brandson-box {
		padding-top: 35px;
	}
	.page-about-adv {
		padding: 30px 40px;
	}
	.page-about-adv h3 {
		font-size: 20px;
	}
	.page-about-event-time .swiper-slide span {
		font-size: 20px;
	}
	.page-about-event-per h3 {
		font-size: 20px;
	}
	.page-about-event-per {
		padding: 25px;
		margin-bottom: 25px;
		width: 90%;
		margin-left: 7% !important;
	}
	.page-about-eventlist .page-about-event-per:nth-child(2) {
		margin-top: 0;
	}
	.page-about-eventlist .page-about-event-per.leftcorner span {
		left: -10%;
	}
	.page-contact-address-sale h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.page-contact-address-sale p {
		font-size: 16px;
	}
	.page-contact-address>ul>li {
		padding-top: 35px;
		padding-bottom: 40px;
	}
	.page-contact-address-sale {
		padding-bottom: 50px;
	}
	.page-contact-form .container-page>p {
		font-size: 16px;
		padding-bottom: 25px;
	}
	.page-contact-input input {
		line-height: 50px;
		font-size: 18px;
	}
	.page-contact-textarea textarea::placeholder {
		font-size: 18px;
	}
	.page-contact-input input::placeholder {
		font-size: 18px;
	}
	.page-fqa-box .container-page {
		padding: 0 50px;
	}
	.page-car-taber ul li span {
		font-size: 20px;
		line-height: 46px;
	}
	.productuse_list {
		padding-top: 25px !important;
		padding-bottom: 25px !important;
	}
	.banner {
		height: 340px;
	}
    .page-banner {
        height: 340px;
        overflow:hidden;
    }
	.newsbox .swiper-slide .img {
		height: 200px !important;
	}
	.site-video {
		padding: 30px 0 !important;
	}
    .page-site-video {
        padding: 30px 0 !important;
    }
    .page-car-news {
        padding: 30px 0 !important;
    }
    .page-car-faq {
        padding: 30px 0 !important;
    }
	.footer .footer-nav dl dt {
		font-size: 18px !important;
	}
	.footer .footer-nav dl dd a {
		font-size: 14px !important;
	}
    .page-product-showlist-news .page-product-showTab-box .page-product-showimg {
    	width: 37%;
    }
    .page-product-showlist-news .page-product-showtext {
    	width: 59%;
    }
	.page-news-list li {
		padding: 25px 0;
	}
	.page-news-content {
		padding-left: 25px;
		padding-bottom: 30px;
		position: relative;
	}
	.page-comproblem .container-com>h3 {
		font-size: 24px;
	}
	.page-product-try .swiper-slide {
		padding-bottom: 45px;
	}

	.about_img_box .text {
		font-size: 20px;
	}
	.page-about-serive {
		margin-left: -21px;
		margin-right: -21px;
	}
	.page-about-serive li {
		padding: 0 21px 12px;
	}
	.page-about-brandson-tab ul {
		margin-left: -11px;
		margin-right: -11px;
	}
	.page-about-brandson-tab ul li {
		padding: 0 11px;
	}
	.page-contact-wxpic ul li {
		width: 20%;
	}
	.page-contact-address-sale {
		height: 210px;
	}
	.page-fqa-search input {
		font-size: 18px;
	}
	.page-fqa-search select {
		font-size: 20px;
	}
	.page-car-taber ul li {
		padding: 5px 15px;
	}
	.page-car-div ul li a h3 {
		font-size: 20px;
	}
	.page-comproblem .container-page>.container-page-width>h3 {
	    font-size: 24px;
	    padding-bottom: 20px;
	}
	.page-carproduct-list ul li {
		padding: 40px;
	}
	.page-carproduct-list ul li h3 {
		line-height: 1.5;
		font-size: 20px;
	}
	.page-carproduct-list ul li:last-child h3 {
		font-size: 24px;
	}
	.page-car-pontmask-son h3 {
		font-size: 24px;
	}
	.page-car-pontmask-son p {
		font-size: 16px;
	}
	.page-car-pontmask-son span {
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	}
	.page-carbanner .swiper-container {
		height: 340px;
	}
	.page-site-title h3 {
		font-size: 24px;
	}
    .page-site-title i {
        font-size: 30px !important;
    }
	.page-site-videolist li a h3 {
		font-size: 20px;
	}
	.page-car-try .container-com-box {
		padding: 60px 35px 30px;
	}
	.page-car-trybox .swiper-slide a {
		padding: 30px;
	}
	.page-car-trybox .swiper-slide a h3 {
		font-size: 20px;
	}
	.page-car-try {
		padding-bottom: 60px;
	}
	.car-spa-online {
		margin-top: 40px;
	}
	.car-spa-online p {
		font-size: 22px;
		padding-bottom: 5px;
	}
	.car-spa-online h3 {
		font-size: 30px;
		padding-bottom: 30px;
	}
	.car-spa-online a {
		line-height: 46px;
	}
	.window-search {
		top: 80px;
	}
	.window-search .container-com>div input {
		font-size: 20px;
	}
	.page-product-showlist-news .page-product-showTab ul li {
		width: 130px;
	}
	
}
.page-product-left>h3 i {
	display: none;
}
@media (max-width: 1366px) {
	.page-product-type ul li:nth-child(2n) {
		border-right: none;
	}
	.page-product-type ul li:nth-child(3n) {
		border-right: 1px solid #fff;
	}
	.page-carproduct-list ul li h3 {
		font-size: 17px;
	}
}
@media (max-width: 768px) {
	.banner {
		height: auto;
	}
    .page-banner {
    	height: auto;
    }
	.page-product-showlist-news .page-product-showTab ul {
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    overflow-x: auto;
	    -webkit-box-pack: start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    height: 42px;
	}
	.page-product-showlist-news .page-product-showTab ul li {
		width: auto;
	}
	.page-product-showlist-news .page-product-showTab ul li a {
		line-height: 40px;
		padding: 0 10px;
	}
    .page-product-showlist-news .page-product-showTab-box .page-product-showimg{
        width:100%;
    }
    .page-product-showlist-news .page-product-showimg,
    .page-product-showlist-news .page-product-showtext {
        width: 100%;
    }
	.page-product-showlist-news .page-product-showTab-box .page-product-showimg {
		padding: 20px;
	}
	.page-product-showlist-news .page-product-showtext {
		padding: 0 20px 20px 20px;
	}
	.page-contact-address-sale {
		height: auto;
	}
	.page-query {
		padding: 30px 0;
	}
	.page-query ul li img {
		width: auto;
	}
	.page-query>h3 {
		font-size: 18px;
		padding-bottom: 1px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.page-query-text p {
		text-align: center;
	}
	.page-query-text span {
		left: 50%;
		margin-left: -15px;
	}
	.page-product-showlist>li {
		padding: 10px;
	}
	.productuse_list li>a img {
		max-width: 140px !important;
	}
	.productuse_list li>a p {
		display:none;
	}
	.productuse-title {
		padding-bottom: 30px !important;
	}
	.banner,
	.page-carbanner .swiper-container {
		height: auto !important;
	}
	.banner .swiper-slide,
	.page-carbanner .swiper-slide {
		background-position: center bottom !important;
	    background-repeat: no-repeat !important;
	    background-image: none !important;
	}
    .swiper-slide .page-banner-pc{
        display:none !important;
    }
	.banner .swiper-slide .page-banner-app,
	.page-carbanner .swiper-slide .page-banner-app {
		display: block !important;
	}
	.banner .swiper-slide .page-banner-app img,
	.page-carbanner .swiper-slide .page-banner-app img {
		width: 100% !important;
	}
	.productuse_list li {
		width: 50% !important;
	}
	.productuse_list li>a h3{
		font-size: 16px !important;
	}
	.productuse-title h1,
	.about span {
		font-size: 26px !important;
		line-height: 30px !important;
	}
	.productuse-title h3 {
		font-size: 18px !important;
	}
	.productuse-title a {
		margin: 20px auto 0 !important;
		width: 100% !important;
		display: block !important;
	}
	.productuse-title a {
	    padding: 0 28px !important;
	    line-height: 42px !important;
	}
	.site-title h3 {
		font-size: 22px !important;
		padding-bottom: 10px !important;
		margin-bottom: 10px !important;
	}
	.newsbox .swiper-slide h3 {
		font-size: 16px !important;
		line-height: 1.6;
	}
	.newsbox .swiper-wrapper,
	.video_swiper .swiper-wrapper  {
		padding-bottom: 40px !important;
	}
	.container-com .newsbox {
		margin-bottom: 15px !important;
	}
	.about h3 {
		font-size: 20px !important;
	}
	.about h1 {
		font-size: 24px !important;
	}
	.about a {
		font-size: 16px !important;
		padding: 0 40px !important;
		line-height: 40px !important;
	}
	.site-videolist li a h3 {
		line-height: 30px !important;
		font-size: 18px !important;
	}
	.page-banner-txt {
		margin-left: -40%;
		margin-top: -40px;
		width: 80%;
		height: 80px;
		line-height: 80px;
	}
    .page-nav-path{
     	display:block;
		height:45px;
    }
    .page-banner-txt h3 {
        font-size: 22px;
    }
	.page-banner-txt p,
	.page-banner-txt span {
		display: none;
	}
    .page-product-right .page-nav-path {
        text-align: left;
        padding-bottom: 15px;
        display: none;
    }
    .page-product-type > h1 {
        padding: 20px 0 14px 20px;
        font-size: 18px;
        position: relative;
    }
	.page-product-type>h1::after {
		content: '';
		position: absolute;
        bottom: 6px;
        left: 6%;
        width: 88%;
        height: 2px;
		background-color: #0d2e68;
	}
	.page-product-type-txt h3 {
		font-size: 16px;
		height: auto;
	}
	.page-product-type-txt p {
		height: auto;
	}
	.page-product-type ul li {
		border-right: none;
		border-bottom: 1px solid #fff;
		max-height: inherit;
		min-height: inherit;
	}
	.page-product-type ul li:last-child {
		border-bottom: none;
	}
	.page-product-type {
		padding-bottom: 0;
	}
	.page-comproblem .container-com>h3 {
		font-size: 24px;
	}
	.page-comproblem .container-com>h3 a {
		margin-top: 8px;
	}
	.page-comproblem-content h3 {
		font-size: 18px;
	}
	.page-comproblem-content a {
		font-size: 14px;
	}
	.page-comproblem {
		padding: 40px 0 30px;
	}
	.page-news-list li {
		padding: 15px 0;
	}
	.page-news-content p {
	    font-size: 14px;
	    line-height: 1.6;
	}
	.page-news-content span {
		font-size: 14px;
		padding: 5px 10px 5px 0;
		display: inline-block;
		position: absolute;
		left: 85px;
		bottom: 0;
	}
	.page-news-content span:nth-child(2) {
		left: 0;
	}
	.page-news-content span em {
		font-style: inherit;
	}
	.page-news-content h3 {
		font-size: 20px;
	}
	.page-product-try .swiper-slide {
		padding-bottom: 35px;
	}
	.page-product-trywhat h3 {
		font-size: 18px;
	}
	.page-product-trywhat p {
		font-size: 14px;
	}
	.page-product-left>h3 {
		padding: 10px 20px;
		font-size: 18px;
	}
	.page-news-goback {
		height: 45px;
	}
	.page-news-showtitle h3 {
		font-size: 20px;
	}
	.page-news-showtitle p {
		padding: 10px 0;
		font-size: 14px;
	}
	.page-news-showtitle {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.page-news-showcontent, .page-next li, .page-news-about h3, .page-about-say p, .page-about-brandson-div p, .page-about-serivetitle p, .page-about-adv p, .page-about-event-per p {
		font-size: 15px;
	}
	.page-about-say {
		padding: 40px 0 60px;
	}
	.page-about-say h3, .page-about-brandson-bg .container-page>h3, .page-about-serivetitle h3, .page-about-adv-box>h3, .page-about-event>h3, .page-contact-form .container-page>h3 {
		padding-bottom: 15px;
		font-size: 22px;
	}
	.page-about-brandson-tab ul {
		margin-left: -2px;
		margin-right: -2px;
	}
	.page-about-brandson-tab ul li {
		padding: 2px;
	}
	.page-about-brandson-tab ul li span {
		padding: 10px;
		font-size: 14px;
		height: 60px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: space-between;
		-ms-flex-pack: distribute;
		justify-content: space-between;
		flex-flow: row wrap;
	}
	.page-about-serive li {
		width: 100%;
		padding: 0 0 25px;
	}
	.page-about-brandson-div p {
		margin-bottom: 15px;
	}
	.page-about-brandson-box {
		padding-top: 25px;
	}
	.page-about-brandson-bg {
		padding: 50px 0 30px;
	}
	.page-about-serive {
		margin-left: 0;
		margin-right: 0;
	}
	.page-about-adv {
		padding: 25px 15px;
	}
	.page-about-adv h3 {
		font-size: 18px;
		padding-bottom: 10px;
	}
	.page-about-adv-box>h3 {
	    padding-top: 40px;
	    margin-bottom: 10px;
	}
	.page-about-adv-box {
		padding-bottom: 30px;
	}
	.page-contact-address>ul>li {
		padding-top: 30px;
		padding-bottom: 0;
	}
	.page-contact-address-sale {
		padding-bottom: 30px;
	}
	.page-contact-address>ul {
		margin: 0 -25px;
	}
	.page-contact-address-sale p {
		font-size: 15px;
		line-height: 1.6;
	}
	.page-contact-address-sale h3 {
		font-size: 22px;
		margin-bottom: 15px;
	}
	.page-contact-form {
		padding: 45px 0;
	}
	.page-contact-input {
		padding-bottom:10px;
	}
	.page-contact-textarea {
		padding: 0 0 15px;
	}
	.wpcf7-submit {
		width: 60%;
		line-height: 46px;
		font-size: 16px;
	}
	.page-fqa-box .container-page {
		padding: 0;
	}
	.page-fqa {
		top: 0;
	}
    .page-car-taber ul li span {
        line-height: 20px;
        padding: 5px;
        font-size: 14px !important;
    }
	.page-car-taber {
		clear: both;
		padding:10px 0;
	}
	.page-car-div ul li {
		padding: 20px 0;
	}
	.page-car-div ul li a {
		padding-left: 60px;
	}
	.page-car-div ul li a span {
		left: 10px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	.page-car-div ul li a h3 {
		font-size: 16px;
	}
	#pageBar {
		display: none;
	}
	.page-comproblem .container-page>.container-page-width>h3 {
		font-size: 20px;
		padding-bottom: 15px;
	}
	.page-faq-right {
		display: none;
	}
	.page-faq-showtitle h3 {
		font-size: 16px;
	}
	.page-faq-next {
		padding: 20px 0 40px;
	}
	.page-query-box {
		padding: 0;
	}
	.productuse-title {
		padding-bottom: 35px;
	}
	.about {
		padding: 60px 15px 30px !important;
		background-position: center;
	}
	.site-title i {
    font-size: 30px !important;
}
.page-carbanner .swiper-container {
	height: 200px;
}
.page-car-pontmask-son h3 {
	font-size: 18px;
	padding-bottom: 0;
}
.page-car-pontmask-son p {
	font-size: 16px;
}
.page-car-pont ul li a .page-car-pontmask-son span {
	display: none;
}
.page-car-pont ul li a .page-car-pontmask {
	background-color: rgba(13, 46, 104, .3);
}

.page-site-video,
.page-car-news {
	padding: 40px 0;
}
.page-site-title h3 {
	font-size: 22px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.page-site-videolist {
	margin-top: 0;
}
.page-site-title .iconfont {
	font-size: 36px;
}
.page-car-newsbox .swiper-wrapper {
	padding-bottom: 40px;
}
.page-car-try .container-com-box {
	padding: 30px 15px 20px;
}
.page-car-trybox .swiper-slide a {
	padding: 25px;
}
.page-car-try {
	padding-bottom: 40px;
}
.page-comproblem-content h3 {
	padding-left: 0;
	padding-right: 0;
}
.page-product-left .sidebar-nav {
	display: none;
}
.page-product-left>h3 span {
	display: none;
}
.page-product-left>h3 {
	position: relative;
}
.page-product-left>h3 i {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 10px;
	font-size: 24px;
	color: #fff;
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.swiper-pagination-bullet {
	width: 6px !important;
	height: 6px !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 2px !important;
}
.brand {
	padding: 11px 0 !important;
}
.page-shop-select {
	margin: 15px -2px 0;
}
.page-shop-select ul li {
	padding: 0 2px;
	margin-bottom: 0;
}
.page-shop-select ul li select {
	font-size: 16px;
	padding: 10px 0;
}
.page-shop-box {
	padding-top: 0;
	padding-bottom: 40px;
}
.sidebar-nav>li>a i {
	font-size: 16px;
}
.page-comproblem .container-com>h3 {
	font-size: 20px;
}
.page-news-showtitle p span {
	margin-right: 15px;
}
.page-news-showtitle p span:last-child {
	margin-left: 15px;
}
.page-news-aboutbox .swiper-wrapper {
	padding-bottom: 35px;
}
.page-contact-form .container-page>p {
	font-size: 14px;
}
.page-contact-input input {
	font-size: 16px;
	line-height: 46px;
	padding: 0 12px;
	border: 1px solid;
   border-color: #bebebe;
	height:40px;
}
.page-contact-textarea textarea {
	font-size: 16px;
	padding: 12px;
}
.page-contact-textarea textarea::placeholder {
	font-size: 16px;
}
.page-contact-input input::placeholder {
	font-size: 16px;
}
.page-contact-wxpic ul li {
	width: 33.33%;
}
.page-contact-wxpic ul li img {
	border-width: 5px;
}
.page-contact-address-sale {
	border-width: 3px;
}
.wp-pagenavi a, .wp-pagenavi span {
    display: inline-block !important;
    font-size: 14px !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 40px !important;
    margin: 0 2px !important;
}
.page-car-taber ul {
	margin-left: -5px;
	margin-right: -5px;
}
.page-car-taber ul li {
	padding: 3px;
	width:auto;
}
.page-faq-showtitle {
	margin: 20px 0;
}
.page-faq-probox .swiper-wrapper {
	padding-bottom: 36px;
}

	.car-spa-online {
		margin-top: 20px;
	}
	.car-spa-online p {
		font-size: 20px;
	}
	.car-spa-online h3 {
		font-size: 24px;
	}
	.car-spa-online a {
		    padding: 0 40px;
        line-height: 40px;
	}
.car_icon_list ul{text-align: center; font-size: 12px;}
.car_icon_list ul li{width: 33%; float: left; padding: 0 10px;}

.page-comproblem-list-swiper {
	padding-bottom: 30px !important;
	margin-bottom: 20px !important;
}
.page-site-videolist-swiper {
	padding-bottom: 30px !important;
}
.page-news-list li:hover {
	box-shadow: none;
}
.page-banner>img {
	display: none;
}
.page-banner .page-banner-app {
	display: block;
}



.page-search-list li {
	width: 100% !important;
	padding: 0 !important;
}
.page-search-box p {
	height: auto !important;
	margin-bottom: 5px !important;
}
.page-search-box {
	padding: 15px 0 !important;
}
#video_list .site-videolist li {
	width: 100% !important;
}

.page-product-showcontent {
	margin-bottom: 12px;
	padding: 20px;
}
.page-product-showlist-news>li {
	margin-bottom: 12px;
}
}
@media (max-width: 414px) {
	.productuse_list li>a {
		padding: 20px 15px !important;
	}
	.m-nav ul li a {
		font-size: 14px;
	}
}

.example2 {
	display: block;
	width: 100%;
	position: relative;
}
.example2 .svg {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	display: block;
}

.page-car-about {
	padding: 30px 15px;
	display: none;
}
.page-carproduct-bg {
	background-color: #f2f2f2;
}
.tianmiao_main {
   display: none;
}


.business-table{
	margin-bottom: 25px;
    margin-top: 10px;
}
.business-table h3{
	font-size: 24px;
    text-align: center;
    color: #333333;
	margin: 0px;
	margin-bottom: 30px;
}
.business-tabcont h1{
	color: #009DD9;
	font-size: 18px;
	margin-bottom: 10px;
	padding-top: 30px;
}
.business-tabcont p{
    line-height: 30px;
}
.business-tabcont{
	width: 90%;
	margin: auto;
	padding: 0 10% 30px;
    box-shadow: 1px 1px 5px #999;
}
.business-tabcont table{
	width: 100%;
	text-align: center;
}
.business-tabcont table tr th, table tr td { 
	border-color:#999;
}
.business-tabcont tr{
	line-height: 30px;
}


@media (max-width: 768px) {
	.page-car-about {
		display: block;
	}
	.page-carproduct-bg.page-carproduct-list ul li {
		border-bottom: 1px solid #fff !important;
	}
	.car-spa-online-maign-top {
		margin-top: 0 !important;
	}
	.page-car-try .container-com-box {
		background-color: #f2f2f2;
		padding: 30px 0 20px;
		box-shadow: none;
	}
	.page-car-trybg {
		height: 92%;
	}
	.page-car-trybox .swiper-slide a {
		background: #fff;
	}
	.page-comproblem-content .page-comproblem-content-text {
		background: #fff;
		padding: 0 0 25px 0;
	}
	.site-video-close {
		top: -50px;
}
	.tianmiao_main_box {
		padding: 30px 0 30px;
	    background: #0d2e68;
	    border-bottom: 1px solid #fff;
	}
	.tianmiao_main {
		display: block;
		background: #ccc;
		padding: 6px;
		border-radius: 10px;
		/* position: relative; */
	}
	.tianmiao_main:after {
		content: '';
		position: relative;
		clear: both;
		display: block;
	}
	.tianmiao_main .img {
		width: 15%;
		float: left;
		border-radius: 10px;
		overflow: hidden;
	}
	.tianmiao_main .img img {
		width: 100%;
	}
	.tianmiao_main .text {
		width: 83%;
		float: right;
		font-size: 22px;
		padding: 9px 0;
	}
	.page-shop-title {
		padding: 20px 0 15px;
	}
	.page-shop-showcontent ul li span {
		display: block;
	}
}
@media (max-width: 320px) {
	.tianmiao_main .text {
		font-size: 18px;
	}
}


.swiper-wrapper,
.swiper-wrapper .swiper-slide {
    height: auto !important;
}
.page-shop-swiper {
	float: left;
	width: 25%;
}
.page-shop-swiper .swiper-wrapper .swiper-slide img {
	width: auto !important;
	max-width: 100%;
}
.page-shop-showcontent {
	float: left;
	width: 75%;
	padding-left: 2%;
}
@media (max-width:768px) {
	.page-shop-swiper,
	.page-shop-showcontent {
		width: 100%;
	}
	.page-shop-showcontent {
		padding-left: 0;
	}
}
.page-contanier{
	width: 100%;
}
.page-contanier-info{
	height: 4050px;
	margin: 0 auto;
	width: 85%;
}
.page-contanier-info-title{
	width: 100%;
	margin-top: 35px;
}
.page-contanier-info-titleFont{
	font-size: 22px;
	font-weight: 600;
	color: #000;
	width: 100%;
}
.page-contanier-info1{
	width: 100%;
	height:100px;
}
.page-contanier-info-title2Font{
	width: 210px;
	height: 35px;
	background-color: #e3e3e3;
}