/**** Mobile style ****/html{	font-size:11px;}a{ 	color:#a27f35;}h1{	font-size:20pt;}h2{	color:#333;	font-size:17pt;	line-height:1.7em;	font-weight:normal;	margin-top:60px;}div{	text-align:center;}#header{	display:none;}#banner{ 	width:100%;	height:38rem;	background: url("https://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerYNDIAN.jpg") no-repeat center top;	/* background: url('http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerA11.jpg') no-repeat right top; */	/* background: url("http://weixinnew-1251256375.coscd.myqcloud.com/ssd/BannerHotPot.jpg") no-repeat center top; */		/* background-image: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)),url(http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerService.jpg); */	background-color: #FFF;	background-size:cover;	position:relative;	text-align:center;}#banner .logo{	width: 126px;	position: absolute;	top:5px;	left:20px;	z-index:100;}#banner .content{	text-align:center;	width:96%;	height:auto;	position:relative;	z-index:10;	margin:-40px auto 0px auto;	top:40%;	letter-spacing:1px;	padding: 10px 0px;}#banner .content h1{	color: #c3a261;	/* color:#a97601; */	/* color:#FFFFFF; */	/* color: #f33f36; */	/* color:#383838; */	/* color:#919191; */	font-size: 2.6rem;	font-weight: 600;	margin:1.6rem auto;	line-height:1.7em;	}#banner .content .title{	display:block;	font-size:26pt;}#banner .content .button{	/*background-color:transparent;	border:1px solid #FFF;	border-radius:40px;	font-size:12pt;	font-weight:bold;*/	display: block;	line-height: 40px;	background-color: rgba(240, 60, 60, 0.8);;	border: 0px solid #f13c36;	color: #FFF;	font-size: 17px;	text-align: center;	margin: 126px auto 10px auto;	border-radius: 5px;}#banner .content .tel{	letter-spacing: 0px;	color:#c3a261;	/*color: #a97601;*/		display: block;	font-size:1.38rem;	font-weight: 500;	border: 1px solid #c3a261;    width: 226px;    border-radius: 20px;    line-height: 36px;    margin: 10px auto;	margin-top:6rem;}#banner .content h1,#banner .textInfo{	/*text-shadow: 0 1px 4px rgba(26,26,26,0.1)*/}#banner .content .tel font{	/*text-decoration:underline;*/}#banner .textInfo{	display:block;		color:#c3a261;	/*color:#969696;*/	/*color:#a97601;*/		/*color:#AAAAAA;*/	font-size:1.9rem;	margin:0px auto;	font-weight:300;}#banner .titlePhoneIndex {	display: block;	clear: both;	color: #ffc107;	font-size: 14pt;	line-height: 2.4em;	position: absolute;	left: 50%;	margin-left: -130px;	bottom: 150px;	border: 2px solid #ffc107;	border-radius: 80px;	width: 260px;	background-color: rgba(255,255,255,0.15);}#banner .titlePhoneIndex img {	width: 20px;	position: relative;	top: 3px;}.gray {	background-color: #FFFFFF;}.black{	background-color:#262626;}.black h1,#swiper-container .black h1{	color:#FFFFFF;}.green,#swiper-container .green{	color:#FFF;		background-color:#22ac38;	/*#00c260*/}.green h1,#swiper-container .green h1,#swiper-container .green h3,.green .contentInfo{	color:#FFF;}.green h1,#container .green .leftInfo{	color:#FFFFFF;}.PADInfo{	clear: both;	width:90%;	margin:0px auto;	padding: 60px 0px;	box-sizing:border-box;	overflow: hidden;	text-align:left;}.PADInfo h1,h3{	font-weight:300;	margin:1rem auto;	/*color:#1EAC76;*/	color:#333;}.PADInfo h1{	font-size:17pt;	font-weight:300;	line-height:1.26em;}.PADInfo h3{	font-size:12pt;	color:#AAA;}.PADInfo img{	width:100%;	margin:20px auto;	box-shadow:0 7px 11px 0 rgba(80,90,100,0.15)}.PADInfo .more{	color:#c3a261;	display:block;	margin:20px auto;	font-size:12pt;}.orderDishes{ 	background: url(https://weixinnew-1251256375.cos.ap-chengdu.myqcloud.com/waimai.cyooy.com/bannerNew2019.jpg) no-repeat center top;	background-size: cover;}.orderDishes .PADInfo h1,.orderDishes .PADInfo h3{	color:#FFF;}.orderDishes .PADInfo .contentInfo{	/*color:#CCC;*/}.device li{	width:48%;	display:inline-block;}.device li img{	margin:0px auto;}.explain{	text-align:center;}.explain h1{	color:#333;}.explain img{	box-shadow:none;}.explain a{	font-size:12pt;}.contentInfo{	display:block;	font-size:12pt;	margin:0px auto;	text-align:left;	color:#A1A1A1;	font-weight:100;	line-height:1.5em;}.selfDishDiv{	background: url("http://weixinnew-1251256375.coscd.myqcloud.com/waimai.cyooy.com/weixinProductBanner.jpg") no-repeat center top;	background-size:cover;	background-color: #111;	color: #FFF;	width: 100%;	overflow: hidden;}.selfDishDiv h2,.member h2,.easyUse h2,.bossUse h2{	color:#FFF;}.selfDishDiv img{	width:150px;	border-radius:100px;}.member{	background: url("http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerA1.jpg") no-repeat left top;	background-size:cover;	background-color: #111;			color:#FFF;}.easyUse{	background: url("http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerNew11_HotPot.jpg") no-repeat center top;	background-size:cover;		color:#FFF;}.bossUse{	background: url("http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bossWorkMobile.jpg") no-repeat center top;	background-size:cover;		color:#FFF;}.exampleDivContent{	text-align:center;	overflow:hidden;	margin-top:20px;}.exampleDivContent li{	width:30%;	display:inline-block;	text-align:left;	vertical-align: top;}.exampleDivContent li img{	width: 90%;	height: auto;	left: 0px;	border-radius: 50%;}.exampleDivContent li label{	display:none;}.weixinOpen{	margin-top:20px;	color:#919191;}.weixinOpen li{	float:none;	width:100%;}.weixinOpen h3{	color:#333;	margin-bottom:0px;}.weixinOpen li img{	width:60px;	margin-top:20px;}.weixinOpen li h2{	margin:0px auto;}.shopShow{	overflow:hidden;	margin:40px auto;}.shopShow li{	float:left;	margin:5px 2.6%;	width:28%;}.shopShow img{	width:100%;	box-shadow:1px 1px 3px #aaaaaa;	margin:0px auto;}.layui-layer-content img{	width:100%;}.layui-layer-content .QRCode{	width:300px;}.layui-layer-img{	background:transparent;	box-shadow:none;}.serviceInfo{ 	position:relative; background:rgba(255,255,255,0.9); overflow:hidden; padding:100px 0px;}.serviceInfo h3{	color:#AAA; width:90%;}.serviceInfo .backgroundImage{ 	position:absolute;	top:0px;	bottom:0px;	left:0px;	width:100%;	z-index:-1;	background:url("service.jpg") no-repeat center center;	background-size:cover;}.serviceUL{	clear:both;	overflow:hidden;	margin:0px auto;	padding:10px 0px;}.serviceUL li{	float:left;	width:50%;	color:#919191;	margin:20px auto;}.serviceUL img{	width:60px;	margin:0px auto;}.tencent a{	display:block;	font-size:14pt;	margin:30px auto;}.serviceIndex{	margin-top:0px;	text-align:center;	padding:60px 0px;	background-color:#FAFAFA;}.serviceIndex .button{	display: block;	width: 80%;	line-height: 2.6em;	background-color: #1EAC76;	border:1px solid #1EAC76;	color: #FFF;	font-size: 14pt;	text-align: center;	margin: 20px auto 10px auto;	border-radius:3px;}.serviceIndex .button:active{	opacity:0.7;}.serviceIndex .tel{	background-color:rgba(255,255,255,0);	border:none;	color: #1EAC76;			font-size:12pt;}.serviceIndex .weixinButton{	background-color:rgba(255,255,255,0.35);	color: #8ac126;	border-color:#8ac126;}.serviceIndex .contact img{	display:none;}.welcome{	display:block;	margin:0px auto 40px auto;	font-size:16pt;	line-height:2.1em;	color:#717171;	width:80%;	font-style:italic;	color:#A1A1A1;}.welcome font{	display:block;	text-align:left;}.contactIndex{	clear:both;	display:block;	margin:140px auto 0px auto;	text-align:center;	width:80%;	color:#AAAAAA;}.contactIndex a{	color:#969696;}.contactIndex img{	width:20px;	opacity:0.65;	position:relative;	top:5px;}.mobileInfoBanner{	background: url("http://weixinnew-1251256375.coscd.myqcloud.com/waimai.cyooy.com/selfDish.jpg") no-repeat left top;	background-size:cover;	background-color:#F1F1F1;	border-top:0px solid #EEE;	text-align:center;	line-height:3.1em;	padding:170px 0px;	color:#FFF;}.mobileContact{	position:fixed; bottom:10px; right:10px; width:68px; height:68px; line-height:68px; border-radius:68px; color:#FFF; background-color:#FFF; font-size:12pt; box-shadow:1px 1px 5px #AAA; z-index:1;}.mobileContact img{	width:100%; position:absolute; top:0px; left:0px;}.mobileContact label{	display:none;}.mobileContact:hover{	opacity:0.7;	}.mobileContactContent{	text-align:center; padding:30px 0px; font-size:10pt;}.mobileContactContent img{	width:80px; box-shadow:1px 1px 5px #E1E1E1; border-radius:40px; padding:0px 0px; margin:0px auto;}.mobileContactContent p{	margin:0px auto; padding:5px 0px; width:90%;}.mobileContactContent a{	color:#c3a261; font-size:16pt;}.mobileContactContent hr{	border:none; border-top:1px solid #EEE; width:80%; margin:10px auto;}.mobileContactContent .button{	font-size: 11pt; border: 1px solid #1EAC76; width:auto; height: 30px; line-height:30px; overflow:hidden; color:#1EAC76; border-radius:3px; margin-top: 0px; display:inlin-block; padding:5px 15px; margin:20px 10px;}.mobileContactContent .tel{	background-color:#1EAC76;  color:#FFF;}.mobileContactContent .contactWindowQRCode{	display:none;	width:200px;	border-radius:0px;}/**** CSS ****/.bannerLogo{	position:relative; top:80px; right:0px;}.weixinOpen ul{	overflow:hidden;}.lightColour{	background-color:#e0f7fa;}.exampleDiv{	background-color:#FFF;}.exampleDiv h1{	margin:40px auto;}.example{	overflow:hidden;}.example li{	float:left;}.example li img{	height:auto;	opacity:0.78;	margin:0px auto;}.example li img:hover{	opacity:1;}.example .map{	clear:both;	text-align:center;	color:#919191;	font-size:14pt;	padding:80px 10px;}.example .map img{	text-align:center;	margin:20px auto;}.sceneImg{	width:200px;	border-radius:100px;	margin:-90px auto 0px 20px;}#banner,.PADInfo{	min-width:auto;	min-height:auto;}#container .PADInfo .sceneImgTitle{	margin:0px auto 20px auto;	border-bottom:1px solid #AAA;}.product{ 	width:968px; margin:40px auto; overflow:hidden; border:0px solid #AAA;}.product h1{ 	font-weight:normal; margin:80px auto; }.productInfo{ 	float:left; position:relative; width:80px; height:240px; padding:40px 0px; overflow:hidden; border:1px solid #EEE;  opacity:0.8; }.productInfo p{ 	margin:0px auto;  text-align:center;}.productInfo img{ 	width:150px; height:150px; border-radius:200px; margin:0px auto 0px auto;}.productInfo:hover{ 	opacity:1; }.productInfo a label{ 	cursor:pointer; }.productTitle{ 	display:block; color:#a27f35; font-size:12pt; line-height:1.7em; font-weight:normal;  text-align:left; padding:0px 3px;}.priceTitle{ 	color:#c91417; /*font-weight:bold;*/ font-size:14pt; margin:0px 0px; }.productInfo .info{	display:block; text-align:center; display:none;}.productInfo .price{	display:block; font-size:10pt; color:#919191; display:none;}.productInfo .price	.priceNumber{	color:#FF0000; font-size:14pt; margin:auto 3px;}.productInfo .price .orderButton{	display:block; width:126px; background-color:#3fa7f8; padding:1px 0px; font-size:10pt; cursor:pointer; color:#FFF; border-radius:3px;}.productInfo .price .orderButton:hover{	opacity:0.9;}.functionDivBackground{	/*background: url(http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerA11.jpg) no-repeat center top; background-size:cover;*/}.functionDiv h1{	text-align: center;}.functionDiv h2{	text-align: center; font-size:16pt; color:#AAA;	font-weight:300; margin:1rem auto;}.functionDiv h3{	margin:10px auto; font-size:12pt; color:#333; width:90%; text-align:center;}.functionDiv label{	font-size:10pt; text-align:left; color:#AAA; line-height:1.5em; width:90%; height:68px; display:block; margin:0px auto; overflow:hidden;}.functionDiv .exampleDivContent{	max-width:1920px; margin:0px auto;}.functionDiv .exampleDivContent li{	margin:10px auto; box-shadow: 1px 3px 8px 0 #E1E1E1; background-color:#FFF;}.functionDiv .exampleDivContent li img{	width:100%; height:auto; border-radius:0px; margin:0px auto; box-shadow: none;}.functionDiv a{	display:block; text-align:center; margin: 20px auto; font-size: 14pt; font-weight: 100; color:#c3a261;}.mobileFooter{	display:block;}.mobileFooter{	position:relative; background-color:#F1F1F1; border-top:0px solid #E1E1E1; color:#AAA; box-sizing:border-box; padding:30px 20px;	text-align:left; font-size:11pt; line-height:1.7em;	}.mobileFooter h1{	font-size:14pt;}.mobileFooter p{	margin:40px auto; color:#AAA;}.mobileFooter .logoInfo{	width:168px; margin:60px auto 20px auto; display:block;}.mobileFooter .button{	display: block;	width: 196px; line-height: 2.6em; background-color: #1EAC76; border: 1px solid #1EAC76;	color: #FFF; font-size: 14pt; text-align: center;margin: 20px auto 10px auto; border-radius: 3px;}.mobileFooter .contactIndex{	width:auto;}.serviceIndex .button font{	margin:0px 10px 0px 0px;}.serviceIndex .mainButton{	display:block; color:#c3a261;}.contactIndex{	clear:both;	display:block;	margin:40px auto 0px auto;	text-align:left;		}.contactIndex a{	/*color:#969696;*/	color:#1EAC76;	font-size:16pt;}.computerImg{	display:none;}#tools{ 	display:none; position:fixed; z-index:100; bottom:100px; right:10px; width:60px; height:auto; background-color:rgba(210,191,140,0); padding:0px 0px; border-radius:10px; overflow:hidden; transform:scale(0.8,0.8);}#tools ul{ 	border:0px solid #baa67d; }#tools li{ 	width:60px; height:60px; border-top:0px solid #AAA; list-style-type:none; margin:15px auto; border-radius:30px; background-size:91%; }#tools .topLi{ 	border:none; }#tools .service{ 	background:url("../images_SSD/images.png") no-repeat transparent 0px -126px;  background-color:rgb(210,191,140); opacity:0.9; background-size:100%; }#tools .service:hover{ 	opacity:1; }.goToTop{ 	display:none; background:url("../images_SSD/images.png") no-repeat transparent 0px 0px; cursor:pointer; }.goToTop:hover{	background:url("images.png") no-repeat transparent 0px 0px; background-color:#fec006; }.message{ 	background:url("../images_SSD/images.png") no-repeat transparent 3px -387px; background-color:#2fa6e1; opacity:0.9; }.message:hover{ 	opacity:1; }.weixin{	background:url("../images_SSD/images.png") no-repeat transparent 3px -165px; background-color:#1eaf31; opacity:0.9; }.weixin:hover{ 	opacity:1; }#footer{	display:none;}#footer .content{	margin:0px auto;}#footer,#footer .copyRight,#footer .support{	width:auto; min-width:auto;}@media only screen and (min-width:960px){	html {		font-size: 20px !important; 	}	#header{		display:block;	}	#header{ 		width:100%; min-width:1280px; height:48px; overflow:visible; top:0px; z-index:11; box-shadow:none;	}	#header a{ 		color:#ffc107; 	}	#header .content{ 		width:95%; text-align:left; margin-top:10px; 	}	#header .logo{ 		float:left; margin-top:-3px; width:111px; 	}	#header .logo:hover{ 		width:196px; 	}	#header .nav .selected{ 		color:#c3a261; border-bottom:2px solid #c3a261; height:28px; 	}	#header .nav{ 		list-style:none; overflow:hidden; width:600px; height:30px; margin-right:80px; margin-top:7px; float:right; vertical-align:middle; 	}	#header .nav li{ 		float:left; width:90px; margin-left:20px; margin-top:0px; height:40px; font-size:11pt; line-height:2.2em; text-align:center; vertical-align:middle; 	}	#header .nav .mark{ 		width:10px; margin-top:-1px; 	}	#header .nav .free li{ 		font-size:11pt; color:#1EAC76; 	}	.PADInfo h1{		font-size:26pt;	}	.PADInfo h3{		font-size:16pt;	}	#banner .content h1{		font-weight: bold;	}	#banner .logo{		position: fixed;	}	#banner .textInfo{		letter-spacing:10px;	}	#banner .content{		letter-spacing: 8px;		top:36%;	}	#banner .content h1{		font-size:3.1rem;		letter-spacing: 10px;	}	#banner .content .button{		font-size:20px;		line-height:48px;		display:none;	}	#banner .content .tel{		display:none;	}	.mobileImg,.mobileFooter{		display:none;	}	.computerImg{		display: block;	}	.PADInfo{		width:960px; margin:0px auto;	padding:200px 0px;	}	.PADInfo img{		float: right; width: 480px; margin-top:-126px;	}	.PADInfo h1,.PADInfo h3{		/*width:380px;*/ 	}	.black h1{		color:#FFFFFF;	}	.contentInfo{		width:380px;		float:left;	}	.explain{		padding:100px 0px;	}	.explain h1{		font-size:26pt;	}	.explain .contentInfo{		width:960px;		float:none;		text-align:center;		font-size:14pt;	}	.explain img{		width:960px;		float:none;		margin:20px auto;	}	.explain a{		display:none;	}	.PADInfo .shopShow{		text-align:center;	}	.PADInfo .shopShow li{		width:15%; margin:5px 6px; display:inline-block; float:none; 	}	.PADInfo .shopShow img{		width: 100%;		border-radius:10px;	}	.exampleDivContent li label{		display:block;	}	.gray {		background-color: #F1F1F1;	}	.example .PADInfo{		width:100%;		max-width:1280px;	}	.productDiv .PADInfo{		width:1268px;	}	.product{		width:1268px;	}	.productInfo{		width:240px;		height:380px;	}	.productInfo img,.PADInfo .productInfo img{		width:200px;		height:200px;	}	.productTitle{		text-align:center;		font-size: 16pt;	}	.productInfo .info{		display:block;		width: 80%;		margin: 10px auto;		text-align: left;		line-height: 1.7em;		font-size:12pt;	}	.mobileContact{		bottom: 80px;		right: 40px;		width: 100px;		height: 100px;	}	.mobileContact label{		display:block;		position:absolute;		left:0px;		top:90px;		color:#333;		width:100%;		text-shadow:1px 1px 1px rgba(255,255,255,0.7);	}	.mobileContactContent{		font-size:12pt;	}	.mobileContactContent a{		font-size:26pt;		margin:20px auto;	}	.mobileContactContent .contactWindowQRCode{		display:block;	}	.functionDiv{		width:auto; padding: 140px 0px;	}		.functionDiv h3{		font-size:14pt; color:#333; text-align:left; margin:15px auto;	}	.functionDiv .exampleDivContent li{		width:15%; margin:20px 1%;	}	.functionDiv .exampleDivContent li img{		margin:0px auto; float:none; display:block; width:100%;	}	.functionDiv a{		margin:60px auto; font-size:16pt;	}	.serviceIndex .PADInfo{		width:100%; padding:80px 0px;	}	.serviceIndex .welcome{		width:50%; font-size: 1.6rem; float:right; margin:0px auto; border-left:1px solid #E1E1E1; box-sizing:border-box;	}	.serviceIndex .welcome font{		text-align:center;	}	.serviceIndex .contact{		width:50%; float:left; text-align:center; margin-top:10px;	}	.serviceIndex .contact img{		float:none; display:inline-block; width:100px; box-shadow:none; margin:15px 20px 0px 0px; vertical-align: middle;	}	.serviceIndex{		padding:0px 0px;			}	.serviceIndex .PADInfo{		margin:0px auto;	}	.serviceIndex .button{		width:auto; display:inline-block; vertical-align: middle; color:#c3a261; font-size:26pt; margin:0px auto; background-color:transparent; border:none;	}	.serviceIndex .button font{		color:#333; margin:0px 20px;	}	.serviceIndex .tel{		font-size:20pt; line-height:1.7em; letter-spacing:1pt;	}	.serviceIndex .mainButton{		display:none;	}	.serviceUL{		width:960px;		padding:10px 0px;	}	.serviceUL li{		float:left;		width:240px;		color:#919191;		margin:20px auto;		text-align:center;	}	.serviceUL img{		width:auto;		margin:0px auto;	}	.contactIndex,.contactIndexLogo{		display:none;	}	#tools,#footer{		display:block;	}	#footer { clear:both; width:100%; min-width:1280px; margin-top:0px; padding:10px 0px; font-size:10pt; color:#333; display:block; background-color:#313131; }	#footer h3{ font-size:14pt; font-weight:normal; }	#footer h1, h3,#footer .tel h3{	color:#FFF; }	#footer a{ font-size:10pt; color:#919191; }	#footer li{ list-style-type:none; }	#footer .support{ margin:40px auto; }	#footer .support h1{ font-weight:normal; font-size:14pt; width:100%; }	#footer .support a{ margin:0px 15px; }	#footer .content{ width:960px; text-align:left; padding:10px 0px; overflow:hidden; }	#footer .logo{ float:left; width:220px; margin-top:60px; text-align:center; }	#footer .guide{ float:left; width:158px; margin-left:60px; }	#footer .guide a{ display:block; margin:10px 0px; opacity:1; }	#footer .guide a:hover{ display:block; margin:10px 0px; color:#c3a261; opacity:0.7; }	#footer .tel{ width:228px; float:right; color:#acacac; }	#footer .tel h3{ margin-left:20px; }	#footer .tel label{ display:block; margin:10px 0px; margin-left:20px; }	#footer .tel label img{ position:relative; top:10px; margin:0px 10px; opacity:0.65; display:none; }	#footer .QRCode{ clear:both; text-align:center;  }	#footer .QRCode img{ width:168px; margin-top:20px; }	#footer .copyRight{ clear:both; text-align:center; color:#AAA; border-top:1px solid #E1E1E1; width:100%; margin:10px auto; padding:40px 0px; }	#footer .copyRight a{ color:#AAA; }	#footer .copyRight,#footer .support{ border-color:#616161; }	.support{ width:auto; border-bottom:1px solid #E1E1E1; }	.support a{ opacity:1; }	.support a:hover{ opacity:0.7; }	.support img{ width:126px; margin:20px 10px; }}