body{ font-size:12pt; color:#3c3c3c; margin:0px 0px; line-height:1.7em; font-family:"Microsoft YaHei","宋体", Arial,Verdana,Sans-serif; background-color:#FFF; }
h1{ font-weight:normal; color:#585858; margin:80px auto 0px auto; font-size:24pt; }
h2{ font-size:24pt; font-weight:normal; color:#CC6600; color:#FFF; line-height:1.5em; width:100%; }
h2 font{ display:block; }
a{ font-size:11pt; color:#076fa2; text-decoration:none; }
a:hover{ text-decoration:none; }
ul{ padding:0px 0px; margin:0px 0px; }
li{ list-style:none; }
.number{ font-family:Verdana,Arial,Sans-serif; }
.left80 { margin-left: 80px; }
.margin20{ margin:20px 20px; }
.margin40{ margin:80px 40px; }
.margin126{ margin:126px 80px; }
.marginLeft280{ margin-left:280px; }
.font2 { font-family: Arial,Verdana; font-weight: bold; font-size: 20pt; font-style: italic; }
.floatLeft{ float:left; }
.floatRight{ float:right; }
.textLeft{ text-align:left; }
.textRight{ text-align:right; }
.red{ color:#c91417; }
.info{ font-size:10pt; color:#919191; margin:0px 0px; }
.clearBoth{ clear:both; }
.width960{ width:960px; }
.textShadow{ text-shadow: 0 1px 1px #EEE; }
.textShadowStyleA{ text-shadow: 0 1px 1px #000; }
#header{ width:100%; min-width:1280px; height:48px; background: rgba(255,255,255,0.9); /*border-bottom:2px solid #EEE;*/ overflow:visible; position:fixed; top:0px; z-index:11; }
#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 .topPhone{ clear:both; display:none; color:#FFF; font-size:10pt; position:absolute; top:8px; right:30px; background-color:#3fa7f8; border-radius:5px; padding:0px 30px; line-height:2.4em; cursor:pointer; }
#header .topPhone:hover{ opacity:0.9; }
#header .topPhone img{ width:15px; position:relative; top:3px; }
/*#header .nav{ list-style:none; width:480px; text-align:right; float:right; margin-top:-17px; overflow:hidden; }
#header .nav li{ float:left; width:80px; margin-left:15px; margin-top:28px; height:35px; font-size:12pt; color:#717171; line-height:2.2em; text-align:center; }
#header .nav .selected{ color:#a27f35; border-bottom:3px solid #a27f35; height:35px; }*/
#header .nav{ list-style:none; overflow:hidden; width:600px; height:30px; margin-right:40px; margin-top:-3px; float:right; vertical-align:middle; }
#header .nav li{ float:left; width:90px; margin-left:20px; margin-top:0px; height:40px; font-size:11pt; color:#A1A1A1; line-height:2.2em; text-align:center; vertical-align:middle; }
#header .nav .selected{ color:#c3a261; border-bottom:2px solid #c3a261; height:28px; }
#header .nav .mark{ width:10px; margin-top:-1px; }
#header .nav .free li{ font-size:11pt; color:#1EAC76; }
#container{ width:100%; min-width:1280px; border:0px solid #333; padding:0px 0px; margin-top:48px; position:relative; }
#container p{ border:0px solid #AAA; text-align:left; font-size:12pt; line-height:2.0em; }
#container h2{ clear:both; margin:0px 0px; margin-top:40px; padding-top:40px; color:#3c3c3c; /*border-top:7px solid #EEE;*/ width:960px; }
#container h2 .info{ font-size:14pt; }
#container hr{ clear:both; border:1px solid #EEE; }
#container .width1280{ width:1280px; height:650px; overflow:hidden; }
#container .topTitle{ width:100%; font-size:16pt; line-height:2.0em; border:none; margin:0px 0px;  overflow:hidden; }
#container .topTitle h1{ font-size:40pt; color:#ff3a00;/*009680 1976d1 a27f35 ff3a00 039ae7*/ /*color:#ffa200;*/ /*color:#ffc800;*/ /*color:#975111;*/ /*margin:195px 0px 20px 0px;*/ margin:200px 0px 40px 0px; font-weight:normal; /*text-shadow:0 2px 5px rgba(0,1,1, 0.73);*/ }
/*#container .topTitleIndex{ height:650px; background:url("http://weixinnew-1251256375.coscd.myqcloud.com/ssd/BannerNew2017.jpg") no-repeat center top; background-size:cover; background-color:#111; position:relative; }*/
#container .topTitleIndex{ 
	background-color:#FFF;
	position:relative;
	/*background: url('http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerA11.jpg') no-repeat center top;*/
	/*background:url("http://weixinnew-1251256375.coscd.myqcloud.com/ssd/Banner111.jpg");*/
	/*background: url('https://weixinnew-1251256375.cos.ap-chengdu.myqcloud.com/waimai.cyooy.com/bannerRanking2019.jpg') no-repeat center top;*/
	/*background: url('http://weixinnew-1251256375.coscd.myqcloud.com/zan/background_Login.jpg') no-repeat center top;*/
	/*background: url('http://weixinnew-1251256375.coscd.myqcloud.com/ssd/BannerHotPot.jpg') no-repeat center top;*/
	/*background: url('http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerNewIndex11.jpg') no-repeat center top;*/
	background: url('http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerYNDIAN.jpg') no-repeat center top;
	/*background: url('http://weixinnew-1251256375.coscd.myqcloud.com/ssd/BannerNew2017.jpg') no-repeat center top;*/
	/*background: url('http://weixinnew-1251256375.coscd.myqcloud.com/ssd/user/banner.jpg') no-repeat center top;*/
	/*background: url('https://weixinnew-1251256375.cos.ap-chengdu.myqcloud.com/waimai.cyooy.com/bannerNewTakeout2017.jpg') no-repeat center top;*/
	background-size:cover; 
	height:780px;
	margin-top:-48px;
	/*text-shadow: rgb(0, 0, 0) 0px 1px 1px;*/
}
#container .topTitle .bannerText{ display:block; text-align:left; width:600px; position:relative; font-size:14pt; color:#FFF; padding:10px 20px; z-index:2; margin-top:20px; line-height:2.1em; }
#container .topTitle .bannerBackground{ display:block; width:800px; height:100px; top:-220px; position:relative; background-color:#000; border-radius:10px; padding:10px 20px; z-index:0; filter:alpha(Opacity=5);-moz-opacity:0.5;opacity:0.5; }
#container .topTitle .titleInfo{ display:block; /*color:#717171;*/ color:#FFF; font-size:16pt; margin:0px 0px 0px 0px; /*text-shadow: 0 1px 1px #000;*/ }
#container .topTitle .logoBanner{ width:260px; margin-top:100px; }
#container .topTitleIndex h1{ color:#c3a261; /*color:#c3a261;*/ /*color:rgb(178,148,68);*/ position:relative; top:50%; margin-top:-80px; font-size:3.1rem; /*color:#b28f31;*/ /*color:#616161;*/ /*color:#c69738;*/ /*color:rgb(210,191,140);*/ /*color:#a26f35;*/ /*color:#FFF;*/ letter-spacing:8px; font-weight:bold; text-shadow:1px 1px 1px #919191; }
#container .topTitle .titleInfoIndex { color:#c3a261;/*color:rgb(178,148,68);*/ display:block; margin:0px 0px 0px 0px; position:relative; top:50%; margin-top:40px; /*color:#b28f31;*/ /*color:#919191;*/ /*color:#c3a261;*/ font-size:1.9rem; letter-spacing:3px; text-shadow:1px 1px 1px #919191; font-weight:200; }
#container .topTitle .subtitle{	margin-top:15px; font-size:20pt; }
#container .topTitleIndex h1:lang(zh-CN),#container .topTitle .titleInfoIndex:lang(zh-CN) { font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif; }
#container .bannerButton{ display:inline-block; border:0px solid #FFF; color:#FFF; background-color:rgba(255,255,255,0.35); line-height:48px; height:48px; border-radius:40px; padding:0px 58px; margin:40px 0px; white-space: nowrap; text-align: center; font-size:12pt; cursor:pointer; }
#container .bannerButton:hover{ -moz-opacity:0.9;opacity:0.9; }
#container .contact{ width:800px; margin:40px 0px; }
#container .contact h3{ color:#333; }
#container .contact p{ font-size:16pt; }
#container .textDescription{ width:800px; }
#container .textDescription h2{ width:800px; padding:0px 0px; margin:140px 0px 0px 0px; color:#c91417; font-size:22pt; font-weight:bold; text-shadow: 0 1px 1px #EEE; }
#container .textDescription p{ width:auto; height:auto; padding:5px 20px; font-size:14pt; /*color:#c91417;*/ color:#FFF; position:absolute; border-radius:5px; z-index:1; background-color: #000000; /* background color for IE */ filter: alpha(opacity=70); /* opacity filter for IE */ background-color: rgba(0, 0, 0, 0.7); /* for other browsers */ }
#container .textDescription .textLeftA{ top:126px; left:10%; }
#container .textDescription .textLeftB{ top:310px; left:10%; }
#container .textDescription .textRightA{ top:328px; right:10%; }
#container .textDescription .textRightB{ top:100px; right:10%; }
#container .borderHidden{ border:none; }
#container .topTitleText{ margin-top:-40px; }
#container .topTitleInfo{ border: 3px solid #EEE; }
#container .indexInfo{ height:500px; padding:80px 0px; }
#container .SSDInfo{ clear:both; height:480px; overflow:hidden; }
#container .SSDInfo h2{ font-size:20pt;	line-height:1.5em; margin:20px auto; }
#container .SSDInfo h3 { font-weight:normal; font-size:15pt; }
#container .leftInfo{ width:400px; overflow:hidden; text-align:left; position:relative; top:60px; line-height:2.1em; }
#container .leftInfo h2{ margin-top:0px; padding-top:0px; width:auto; }
#container .rightInfo{ width:400px; overflow:hidden;text-align:right; position:relative; top:140px; line-height:2.1em; }
#container .rightInfo h2{ margin-top:0px; padding-top:0px; width:auto; }
#container .grayDiv{ background-color:#EEE; }
#container .blueDiv{ background-color:#E1F1F6; }
#container .blue{ border-top:7px solid #2a63c1; }
#container .violet{ border-top:7px solid #874ab6; }
#container .functionDiv{ color:#787878; padding:100px 0px; background-color:#FFF; }
#container .functionDiv h2{ font-size:26pt; margin:0px auto; padding:60px 0px 10px 0px; }
#container .functionDiv .exampleDivContent li{ position:relative; border:none; width:260px; height:290px; margin:30px 50px; padding:30px 30px; text-align:left; background-color:#FFF; overflow:hidden;  border:0px solid #F1F1F1; line-height:1.5em; }
#container .functionDiv .exampleDivContent li:hover{  animation: gradually-solid 1s; animation-iteration-count:1; animation-fill-mode: forwards; }
#container .functionDiv .exampleDivContent li img{	width:261px;  height:160px; left:0px; background-color:#FFF; position:absolute; top:20px; left:20px; /*box-shadow: 0 2px 14px rgba(0,0,0,0.35);*/ }
#container .functionDiv .exampleDivContent li h3{ width:auto; font-size:14pt;  margin:190px auto 10px auto; padding:0px 0px; font-weight:200; color:#333; }
#container .functionDiv .exampleDivContent li label{ display:block; text-align:left; font-size:11pt; color:#919191; }
#container .functionDiv .nav{ display: block; text-align: center; font-size: 12pt; border: 1px solid #1EAC76; color: #1EAC76; width: 168px; height: 40px; line-height: 40px; overflow: hidden; border-radius: 30px; margin: 60px auto; }
#container .functionDiv .nav:hover{ opacity:0.7; box-shadow:1px 3px 8px 0 #E1E1E1; }
#container .mobileDishesDiv{ background:url('mobileDishes.jpg') no-repeat center top; background-color:#111; color:#FFF; width:100%; height:400px; overflow:hidden; }
#container .mobileDishesDiv h2{ color:#FFF; }
#container .device{ color:#787878; /*background:linear-gradient(to left, #333 0%,#515151 100%);*/ padding:80px 0px; /*background:linear-gradient(to right, #f7f8fa 0%,#e5e8f1 100%);*/ color:#333; background-color:#F8F8F8; }
#container .device h2{  font-size:31pt; margin:60px auto; }
#container .bossWorkDiv{ background:url('http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bossWork.jpg') no-repeat center top; background-color:#111; color:#FFF; width:100%; height:400px; overflow:hidden; }
#container .bossWorkDiv h2{ color:#FFF; }
#container .weixinShop{ /*background:linear-gradient(to top, #5da978 0%,#81c87c 100%);*/ background:linear-gradient(to right, #f7f8fa 0%,#e5e8f1 100%); color:#333; }
#container .weixinShop h2{ color:#333; }
#container .mobileManager{ /*background:linear-gradient(to top, #f16a57 0%,#cc6ea0 100%);*/ /*background:linear-gradient(to right, #f7f8fa 0%,#e5e8f1 100%);*/ background-color:#F8F8F8; }
#container .mobileManager h2{ color:#333; }
#container .mobileGetMoneyDiv{ background:url('http://weixinnew-1251256375.coscd.myqcloud.com/ssd/mobileGetMoney.jpg') no-repeat center top; background-size:cover; background-color:#111; color:#FFF; width:100%; height:480px; margin:80px auto 0px auto; overflow:hidden; }
#container .mobileGetMoneyDiv h2{ color:#FFF; font-weight:bold; font-size:26pt; }
#container .mobileGetMoneyDiv .leftInfo{ width:580px; top:80px; left:-100px; font-size:14pt; }
#container .supportDiv{ /*background:linear-gradient(to right, #f7f8fa 0%,#e5e8f1 100%);*/ color:#333; background-color:#F8F8F8; }
#container .orange{ border-top:7px solid #ffa200; }	
#container .example{ background-color:#FFF; }
#container .example ul{ height:220px; width:1070px; }
#container .example li{ float:left; width:126px; height:200px; margin:10px 15px; border:1px solid #C1C1C1; background-color:#F1F1F1; overflow:hidden; list-style:none; }
#container .example img{ display:block; margin-top:20px; }
#container .example h2{ font-size:24pt; }
#container .example h3{ margin:10px 10px; font-weight:normal; font-size:10pt; }
#container .example .partner{ background-color:#ffa200; }
#container .example .shopShow{ height:500px; overflow:hidden; margin:20px 0px 0px 22px; }
#container .example .shopShow li{ width:200px; height:150px; margin:7px 5px; padding:0px 0px; border:0px; box-shadow: 1px 1px 3px #919191; }
#container .example .shopShow li img{ width:200px; height:158px; margin-top:0px; }
#container .buyButton{ display:block; float:left; width:168px; line-height:2.2em; letter-spacing:6px; text-align:center; font-size:14pt; background-color:#b81b25; color:#FFF; cursor:pointer; border-radius:20px; }
#container .serviceInfo{ width:800px; margin:40px 0px 100px 0px; padding:20px 0px; text-align:left; clear:both; }
#container .serviceInfo h1{ /*color:#13669a;*/ text-align:center; font-weight:normal; }
#container .serviceInfo h2{ font-size:17pt; font-weight:normal; margin:0px 0px; padding:0px 0px; border:none; }
#container .serviceInfo font{ color:rgb(210,191,140); }
#container .serviceInfo .leftInfo{ float:left; width:480px; top:0px; }
#container .serviceInfo .rightImg{ float:right; width:300px; border-radius:300px }
#container .articleInfo{ margin:60px auto; }
#container .articleInfo h1{ margin:40px auto; }
#container .articleInfo p{ line-height:1.7em; }
#container .articleInfo img{ width:100%; }
#container .companyInfo{ background-color:#fffee7; height:520px; margin-top:0px; background:url("backgroundAbout.jpg") repeat-x center top; overflow:hidden; }
#container .companyInfo p{ width:650px; padding:0px 0px; margin:150px 20px; font-size:14pt; color:#3c3c3c; line-height:2.1em; }
#container .workStep{ width:960px; height:280px; margin:20px auto; padding:20px 0px; }
#container .workStep li{ float:left; width:190px; height:auto; padding:auto; margin:10px 0px; }
#container .workStep h1{ font-size:17pt; margin:20px 0px; font-weight:normal; }
#container .workStep h2{ clear:both; width:30px; height:30px; margin:0px auto; padding:0px 0px; border-radius:50px; background-color:#ff331a; font-size:14pt; color:#FFF; line-height:1.5em;  font-family:Verdana,Arial,Sans-serif; }
#container .workStep h3{ clear:both; color:#717171; font-family:"Microsoft YaHei","宋体", Arial,Verdana,Sans-serif; font-weight:bold; }
#container .workStep label{ color:#AAA; }
#container .workStep hr{ clear:both; position:relative; z-index:-1; top:-148px; height:7px; background-color:#ff331a; border:none; /*display:none;*/ }
#container .tryoutButton{ display:inline-block; border:0px solid #fff; color:#fff; line-height:40px; height:40px; border-radius:40px; padding:0px 30px; margin:0px 0px; white-space: nowrap; text-align: center; font-size:12pt; cursor:pointer; background-color:rgba(0,0,0,0.15); text-shadow:none; }
#container .tryoutButton:hover{ -moz-opacity:0.9; opacity:0.9; }
#container #tryoutButtonPAD{ border:1px solid #009587; color:#009587; }
#container #tryoutButtonPhone{ border:1px solid #ffc001; color:#ffc001; }
#container .topTitleManual{ height:580px; background:url("http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerNew111.jpg") repeat-x center top; background-size:auto 100%; background-color:#111; position:relative; }
#container .topTitleManual h1{ font-size:22pt; /*color:#ffa200;*/ /*color:#ffc800;*/ color:#FFF; margin:0px 0px; text-shadow: 0 1px 1px #000; position:absolute; top:50%; left:10%; margin-top:-170px; font-family:"Microsoft YaHei","宋体", Arial,Verdana,Sans-serif; font-weight:normal; }
#container .topTitleManual label{ display:block; width:400px; text-align:left; color:#FFF; font-size:14pt; line-height:2.1em; text-shadow: 0 1px 1px #313131; position:absolute; top:50%; left:10%; margin-top:-111px; }
#container .manualList{ width:960px; margin:0px 0px 0px 0px; clear:both; }
#container .manualList h1{ margin:80px 40px; font-weight:bold; font-size:26pt; }
#container .manualList h2{ clear:both; margin:20px 0px; padding:0px 0px; font-size:20pt; font-weight:bold; color:#a27f35; line-height:1.7em; letter-spacing:10px; }
#container .manualList ul{ height:auto; width:960px; overflow:hidden; color:#919191; font-size:12pt; border-bottom:1px solid #AAA; margin:20px 0px; padding:0px 0px 40px 0px; }
#container .manualList ul img{ width:90%; display:block; margin:0px auto 40px auto; }
#container .manualList li{ float:left; margin:3px 20px; list-style:square inside url('check.png'); }
#container .manualList a{ text-decoration:underline; }
#container .lightBlueManualDiv{ clear:both; background-color:#EEE; overflow:hidden;	}
#container .leftManualInfo{ clear:both; display:block; width:580px; height:260px; overflow:hidden; float:left; margin:-440px 0px 0px 80px; }
#container .leftManualInfo h3{ text-align:left; font-weight:normal; font-size:20pt; color:#ff331a; }
#container .leftManualInfo p{ border-top:none; border-left:2px solid #ff331a; padding:0px 20px; }
#container .rightManualInfo{ clear:both; display:block; width:480px; height:260px; overflow:hidden; float:right; margin-top:-440px;	}
#container .rightManualInfo h3{ text-align:left; font-weight:normal; font-size:20pt; color:#ff331a;	}
#container .rightManualInfo p{ border-top:none; border-left:2px solid #ff331a; padding:0px 20px; }
#container .mobileDishesDivNew { background: url('http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerNew11_HotPot.jpg') no-repeat center top;	background-color: #111;	color: #FFF; width: 100%; height: 400px; overflow: hidden; }
#container .mobileDishesDivNew h2{ color:#FFF; }
#container .SSDInfo img{ /*border-radius: 5px; box-shadow: 0 2px 14px rgba(0,0,0,0.35);*/ }
.start{	position:absolute; top:480px; left:50%; margin-left:-131px; display:block; background-color:rgba(255,255,255,0.35);  width:260px; border-radius:40px; border:2px solid rgb(178,148,68);	line-height:2.8em; font-size:14pt; color:rgb(178,148,68); opacity:0.7; }
.start:hover{ opacity:1; }
.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:320px; height:240px; padding:40px 0px; overflow:hidden; border:1px solid #CCC;  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:17pt; line-height:1.7em; font-weight:normal;  text-align:center; }
.priceTitle{ color:#c91417; /*font-weight:bold;*/ font-size:14pt; margin:0px 0px; }
.productInfo .info{ display:block; text-align:center; }
.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; }
.indexBannerButton{ position:absolute; top:10px; right:20px; cursor:pointer; background-color:rgba(255,255,255,0.3); width:150px; border-radius:100px; line-height:2.6em; }
.titleInfoIndexLogo{ display:block; font-size:12pt; color:#717171; margin-top:400px; padding:0px 0px 0px 0px; line-height:1.7em; }
.titleInfoIndexLogo img{ position:relative; top:0px; opacity:1; }
.titleInfoIndexLogo a{ clear:both; display:block; font-size:20pt; margin:10px auto; color:#717171; }
.useButton{ display:none; position:absolute; bottom:10px; left:128px; width:138px; line-height:2.3em; letter-spacing:6px; text-align:center; font-size:12pt; background-color:#ff331a; color:#FFF; cursor:pointer; border-radius:3px; margin:10px auto; }
.useButton:hover{ opacity:0.9; }
#container .mobileDishesDiv { background: url('http://weixinnew-1251256375.coscd.myqcloud.com/ssd/bannerNew11_HotPot.jpg') no-repeat center top; background-color: #111; color: #FFF; width: 100%; height: 400px; overflow: hidden; }
.useAndImprove{ position:relative; top:0px; width:1100px; text-align:left; padding:100px 0px; height:580px; }
#container .useAndImprove .leftInfo{ float:left; width:480px; }
.useAndImprove .title{  font-weight:normal; font-size:26pt; text-shadow:1px 1px 1px #FFF; color:#3c3c3c; float:left; line-height:1.9em; }
.useAndImprove .info{ float:left; font-size:12pt; line-height:1.5em; margin-top:20px; }
.useAndImprove img{	opacity:1; width:580px; float:right; }
.useAndImprove img:hover{ opacity:1; animation: gradually-highlight 1s; animation-iteration-count:1; animation-fill-mode: forwards; }
.useAndImprove font{ font-size:14pt; color:#919191; margin-left:15px; }
#container .topTitle .logoBanner{ opacity:0.9; position:relative; z-index:10; top:0px; }
#container .topTitle .logoBanner:hover{ opacity:1; }
#container .selfDishDiv{ background:url('http://weixinnew-1251256375.coscd.myqcloud.com/waimai.cyooy.com/selfDish.jpg') no-repeat center top; background-color:#111; color:#FFF; width:100%; height:580px; overflow:hidden; }
#container .selfDishDiv h2{ color:#FFF; }
.sceneImg{ width:200px;	border-radius:100px; margin:-90px auto 0px 20px; }
#container .indexInfo .sceneImgTitle{ margin:0px auto 20px auto; border-bottom:1px solid #AAA; font-size:24pt; width:auto; }
#container .example .title{ width:850px; line-height:1.5em; margin:80px auto; border-bottom:3px solid rgb(210,191,140); font-size:26pt; }
.exampleDiv{ background-color:#FFF;	}
#container .exampleDiv .width960{ width:1280px; }
.exampleDiv h1{	margin:40px auto; }
#container .exampleDiv .width960{ width:968px; }
.exampleDivContent{	overflow:hidden; }
.exampleDivContent li{ float:left; text-align:center; border-color:#E1E1E1; border-style:solid; border-width:1px 0px 0px 1px; padding:30px 11px; overflow:hidden; }
.exampleDivContent .right{ border-right-width:1px; }
.exampleDivContent .bottom{	border-bottom-width:1px; }
.exampleDivContent li img{ width:400px;	height:auto; opacity:0.8; position:relative; left:40px; }
/*.exampleDivContent li img:hover{ opacity:1; animation: gradually-highlight 1s; animation-iteration-count:1; animation-fill-mode: forwards; }*/
.exampleDivContent .map{ clear:both; text-align:center; color:#919191; font-size:14pt; padding:80px 10px; }
.exampleDivContent .map img{ text-align:center; margin:20px auto; border-radius:10px; }
#container .example h3 { margin: 80px auto 10px auto; font-weight: normal; font-size: 20pt; }
.serviceDiv { padding: 150px 0px; }
.serviceInfo{ font-size:26pt; margin-top:100px; font-weight:normal; }
#container .example{ padding:100px 0px; }
#container .example h2{	margin:0px auto 40px auto; }
#container .example .shopShow{ width:960px;	height:960px; margin-left:0px; }
#container .example .shopShow li { width: 200px; height: 200px; border-radius:100px; margin: 10px 20px; padding: 0px 0px; border: 0px; box-shadow: 1px 1px 3px #919191; text-align:center; }
#container .example .shopShow li:hover { animation: gradually-highlight 1s; animation-iteration-count:1; animation-fill-mode: forwards; }
#container .example .shopShow li img { width: auto;	height: 200px;	margin-top: 0px; opacity:0.7; }
#container .example .shopShow li img:hover{ opacity:1; animation: gradually-zoom 1s; animation-iteration-count:1; animation-fill-mode: forwards; }
#signUp{ width:410px; height:auto; border-radius:8px; padding:10px 35px; background-color:#FFF; }
#signUp label{ color:red; }
#signUp .info{ color:#717171; }
.text{ width:100%; height:35px; border:1px solid #CCC; border-radius:5px; line-height:2.8em; padding:0px 5px; }
.buttonLogin{ width:195px; height:40px; background-color:#ee5f45; border:0px solid #126aaa; cursor:pointer; color:#FFF; font-size:15pt; font-family:"Microsoft YaHei","宋体", Arial,Verdana,Sans-serif; }
@keyframes gradually-highlight{
	from  { opacity: 0.7; }
	to  { opacity: 1.0; }
}
@keyframes gradually-solid{
	from  { box-shadow:1px 1px 1px #AAAAAA; }
	to  { box-shadow:0px 0px 20px #AAAAAA; }
}
@keyframes gradually-zoom{
	from  { height:200px; margin-left:0px; margin-top:0px; }
	to  { height:226px; margin-left:-15px; margin-top:-15px; }
}
.serviceDiv { padding:40px 0px; width:100%; min-width:1280px; background-color:#EFEFEF; color:#888888; }
.serviceDiv ul{ width:960px; overflow:hidden; }
.serviceDiv li{ float:left; width:190px; border:0px solid #333; text-align:center; line-height:2.1em; }
/*.saleInfo{ clear:both; width:100%; background-color:#AAA; padding:20px 0px; margin-top:80px; }
.saleInfo .line{ border:1px solid #919191; height:95px; width:0px; display:inline-block; margin:0px 40px; }
.saleInfo img{ border:none; }
.saleInfo .tel{ font-size:28pt; font-family:Verdana,Arial,Sans-serif,"Microsoft YaHei","宋体"; color:#313131; font-weight:bold; position:relative; top:-28px; right:20px; }
.saleInfo .telImg{ position:relative; top:10px; }*/
.saleInfo{ clear:both; width:100%; min-width:1280px; background-color:#515151; padding:40px 0px; margin-top:0px; color:#FFF; }
.saleInfo h2{ margin:20px 0px; font-size:17pt; }
.shopButton{ display:block; color:#FFF; width:200px; height:auto; font-size:14pt; line-height:2.8em; background-color:#f85748; border-radius:5px; margin:20px 0px; }
.shopButton:hover{ opacity:0.8; }
.weixinButton{ background-color:#1EAC76; margin:20px auto; }
.shopText{ color:#f85748; text-decoration:underline; }
.buyInfo{ width:960px; border:0px solid #8c6621; margin:0px 20px; height:280px; padding:20px 0px; background-color:#a27f35; border-radius:10px; }
.buyInfo h1{ margin:0px 0px 20px 0px; padding:0px 0px; line-height:1.7em; font-size:14pt; color:#D1B871; text-shadow: 0 1px 1px #111; }
.buyInfo h2{ margin:0px 0px; padding:0px 0px; line-height:1.7em; }
.buyInfo h3{ font-size:12pt; margin:20px 0px 0px 0px; color:#693C11; line-height:2.1em; }
.buyInfo li{ list-style-type:none; float:left; width:317px; height:240px; border-left:1px solid #8c6621; padding:20px 0px; }
.buyInfo p{ width:80%; font-size:11pt; color:#2E240F; margin:0px; margin-top:10px; line-height:1.5em; }
.buyInfo .firstLi{ border:none; }
.buyInfo .orderButton{ width:138px; line-height:2.1em; overflow:hidden; background-color:#693C11; color:#D1AF67; border-radius:20px; }
.buyInfo .orderButton:hover{ background-color:#9E5A1A; color:#FFF; }
.buyInfo .orderButton:active{ background-color:#9E5A1A; color:#FFF; }
#tools{ position:fixed; 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.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.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.png") no-repeat transparent 3px -387px; background-color:#2fa6e1; opacity:0.9; }
.message:hover{ opacity:1; }
.weixin{ background:url("images.png") no-repeat transparent 3px -165px; background-color:#1eaf31; opacity:0.9; }
.weixin:hover{ opacity:1; }
#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; }
@media only screen and (min-width:960px){
	.mobileImg,.mobileFooter{
		display:none;
	}
}