@charset "utf-8";

	
html, body, a, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; border-collapse:collapse; line-height:normal; border-spacing:0; font-weight:normal;}                  



html { overflow: auto; -webkit-text-size-adjust:none;}
body
{
    font-family:Microsoft YaHei,"Microsoft YaHei","微软雅黑","Open Sans",Arial, sans-serif; 
	font-size:12px;
	line-height:18px;
    padding:0;  
    margin:0 auto;
    width:100%; 
    color:#555555;
	background:#FFF;
}
img{border:0px;}
input{border:solid 1px #B9B9B9;}
ul{list-style:none;}
li{list-style:none;}

a {blr:expression(this.onFocus=this.blur());}/*--去掉连接虚线框--*/

a,a:link {color:#555555;text-decoration: none;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear;-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear;}
a:visited {color:#555555;text-decoration: none;}
a:hover {text-decoration: none;color:#1b9cc4;}
a:active {text-decoration: none;}

hr { border:none; background:none; height:0; }
ul, li { list-style:outside none; }


#MainContent{ width:960px; margin:0 auto}

#Header{ position:relative; height:96px;}
#Header img{-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;}
#Logo{position:absolute; margin:33px 0 0 3px;}
#Logo img{ width:135px;}
.top-right-nav{ display:none;position:absolute;border:none;padding:0;margin:0;width:80px;height:50px;font-size:12px;font-weight:bold;color:#686662;right:0;border-left:ridge 1px #f3f1ed;line-height:50px;text-align:center;cursor:pointer;background:#FFFFFF;}
.main-nav{position:absolute;top:50px;background:#f4f0ea;width:100%;z-index:200;-moz-box-shadow: 0px 3px 3px #7085A3;-webkit-box-shadow:  0px 3px 3px #7085A3;box-shadow:  0px 3px 3px #7085A3;}
/* Navigation */
#nav { font:bold 14px/18px Helvetica; }
#nav ul li { font-weight:normal; padding:0; }
#nav a, #nav a:hover { display:block; text-decoration:none; padding-right:15px;border-top:1px solid #FFFFFF; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span { white-space:normal; }
#nav li.active a { color:#fff; }
#nav li a {color:#835129; font-weight:bold}
#nav a { padding:8px 12px 9px 12px;}
#nav .level0 a { background:#f7f7f7;color:#666666;padding-left:20px; border-bottom:1px solid #FFFFFF;border-top:1px solid #D8D8D8; font-weight:normal}

.Menu1{ position:absolute; top:49px; right:75px;}
.Menu1 li{ float:left; height:13px; overflow:hidden; margin:0 16px 0 16px;}
.Menu1 li a:hover img{margin-top: -13px;}

.Menu2{ position:absolute; top:47px; right:0px}
.Menu2 li{ float:left; height:15px; overflow:hidden;}
.Menu2 li a:hover img{margin-top: -15px;}
.Menu2 li.nav_taobao{ padding-right:12px; display:none}
.Menu2 li.nav_jp{ padding-left:12px; border-left:#999 1px solid}


.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe img{ width:100%;}
.swipe #pagenavi{position:absolute;left:0;bottom:15px;text-align:center;width:100%;}
.swipe #pagenavi a{width:10px;height:10px;line-height:99em;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 2px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#414141;}


#mainbtn{ margin-top:20px; margin-bottom:30px;}
#mainbtn ul li{float: left;margin-right: 51px;}
#mainbtn ul li:last-child {margin-right: 0px;}
#mainbtn ul li a{display: block;width: 286px;height: 115px;overflow: hidden;}
#mainbtn ul li a:hover img {margin-top: -116px;}
#mainbtnmb{ display:none}

#HomeNews{ float:left;}
#HomeNews .Ntit img{ width:73px; height:auto}
#HomeNews .Ntl{ margin-top:10px; width:640px; height:4px; background:url(../images/line4px.png) repeat-x}
#HomeNews .NList{ }
#HomeNews .NList li{margin-top:18px; border-bottom:#CCC 1px dotted; width:640px; height:71px;}
#HomeNews .NList li span{display:block; float:left}
#HomeNews .NList li a:hover{ color:#6a6824}
#HomeNews .NList li .infoDate{ width:90px; background:url(../images/iconArrow.png) no-repeat; padding-left:16px; line-height:20px;}
#HomeNews .NList li .infoCat{ width:66px; height:18px; color:#FFF; text-align:center;  margin-right:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#HomeNews .NList li .infoCat p{ padding:0; margin:0;font-size:12px;-webkit-transform:scale(0.8); }
#HomeNews .NList li .infoTitle p{ padding:0; margin:0; margin-top:3px;}


#MainR {float: right;width: 288px;margin: 0;display: block;position: relative; margin-top:25px;}
ul.tsBanner {-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;padding: 0;width: 288px;list-style-type: none;}
ul.tsBanner li {margin-bottom: 16px;list-style-type: none;padding: 13px 9px 0 11px;overflow: hidden;}
ul.tsBanner li:last-child {margin-bottom: 0	!important;}
ul.tsBanner li.tsSmall {background: url(../images/top_ban4_bg.png) 1px 2px no-repeat;width: 266px;height: 157px;}
ul.tsBanner li.tsSmall:hover {cursor: pointer;background: url(../images/top_ban4_bg_o.png) 1px 2px no-repeat;}
ul.tsBanner li.tsSmall a {visibility: hidden;line-height: 0;}
ul.tsBanner li .tsPhoto {z-index: 0;width: 266px;height: 143px;margin-bottom: 12px;overflow: hidden;}
ul.tsBanner li:hover .tsPhoto img {filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
ul.tsBanner li img.triangle {left: -11px;top: -168px;position: relative;width: 70px;height: 70px;z-index: 5;}

#Footer .FootNav {width: 958px;height: 140px;border-top: #e5e5e5 1px solid;padding: 24px 0 24px 0;display: block;color: #555;font-size: 11px;}
#Footer .FootNav #fLogo {margin-top: 4px;margin-bottom: 30px;width:135px;}
#Footer .FootNav .col1 {width: 215px;margin-right: 1px;float: left;}
#Footer .FootNav .col2 {width: 225px;margin-right: 1px;float: left;}
#Footer .FootNav .col3 {width: 170px;margin-right: 1px;float: left;}
#Footer .FootNav ul li {line-height:20px;background: url(../images/icon_list.png) left 2px no-repeat;padding: 0 0 0 15px; margin:3px 0 3px 0;}
#Footer .FootNav ul li a{font-weight:bold; color:#666666}
#Footer .FootNav ul li a:hover {color:#1b9cc4;}
#Footer .FootNav ul.small li a{font-weight:normal}
#Footer .FootCopy{ text-align:center; padding:24px 0 24px 0; color:#666; border-top: #e5e5e5 1px solid;}

#goTop {position: fixed;bottom: 50px;margin-left: 975px;}
#goTop a {width: 20px;height: 90px;display: block;overflow: hidden;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#goTop a:hover img {margin-top: -90px;}

#BrandNav { height:70px; width:600px; margin:0 auto; margin-top:45px}
#BrandNav li{ float:left; margin:0 3px 0 3px}
#BrandNav li a{ padding:8px 30px 8px 30px; border:#dedede 1px solid; color:#2e2e2e}
#BrandNav li a:hover{ background:#f4f0ea}

#Story .BrandTitle{ height:60px; position:relative}
#Story .BrandTitle h1{ font-size:24px; color:#000;position:absolute; text-align:center; width:300px;left:50%;margin-left:-150px;}
#Story .BrandFoNav{ height:20px; margin:40px 0 40px 0}
#Story .StoryDetailMb{ display:none}
#Story .pre img{ width:168px;}
#Story .next img{ width:145px;}
#Story .DeRight{ width:525px; float:right; margin-top:17px;}
#Story .StLeftPic{ float:left; width:379px; margin-top:30px;}


/*左边菜单样式*/

#LeftMenu{width:168px; padding:6px; margin-top:50px;overflow:hidden;clear:both; background:#FFF;-moz-box-shadow: 0 0 10px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);box-shadow: 0 0 10px rgba(0,0,0,0.25);}
#LeftMenu .LeftCon{ background:url(../images/texture-bg.jpg) repeat;}
#LeftMenu #LeftTop{width:140px; margin:0 auto;padding-top:14px;}
#LeftMenu ul{margin:0 auto;padding:10px 0 15px 0;}
#LeftMenu li{height:27px;line-height:27px;overflow:hidden;margin-top:1px; }
#LeftMenu li a{color:#6c6c6c;display: block;line-height:27px;padding-left:15px;}
#LeftMenu li a:hover{height:27px;line-height:27px;color:#aa884d;}
#LeftMenu .thispage{height:27px;line-height:27px;color:#aa884d; font-weight:bold}


#ProRight{ width:730px; float:right; margin-top:30px;}
#ProRight .ProTitle{ font-size:24px; color:#333; font-weight:bold}
#ProRight .ProTitle img{ width:121px}
#ProRight .Stll{ margin:25px 0 0 0}
#ProRight .ProClsBanner{ margin-top:10px;}
#ProRight .ProClsBanner img{ width:100%}
#ProRight h1{ font-size:24px; margin-bottom:20px; color:#333}
#ProRight #photos{ float:left; width:442px;}
#ProRight .MobPhotos{ display:none}
#ProRight .PicRight{ float:right; width:270px; height:390px; position:relative; line-height:24px;}
#ProRight .PicRight .StoreBtn{ width:114px; height:26px; position:absolute; bottom:0; left:50%; margin-left:-57px;}
#ProRight .PicRight .StoreBtn a{ background:#b59763; color:#FFF;width:114px; height:26px; text-align:center; line-height:26px; display:block}
#ProRight .PicRight .StoreBtn a:hover{ background:#1b9cc1}
#ProRight .ProDetail{ padding:20px 0 30px 0; line-height:24px;border-top:#CCC 1px dotted; margin-top:40px;}
#ProRight .ProMore{ margin-top:50px; width:730px;position:relative; overflow:hidden}
#ProRight .ProMore span,#ProRight .MobMoreDetail{ display:none}
#ProRight .ProMore ul{ width:750px;}
#ProRight .ProMore ul li{ float:left; width:139px; margin-right:9px; height:79px; position:relative; overflow:hidden}
#ProRight .ProMore ul li a:hover img,#ProRight .ProMore ul li .thispage img{ margin-top:-79px;}
#ProRight .BackPro{ float:right; margin:15px 8px 20px 0;}
#ProRight .MoreDetail{border-top:#CCC 1px dotted; margin-bottom:40px;}
#ProRight .MoreDetail .PcMoreDetail{ line-height:24px;}
#ProRight .MoreDetail .MoreTitle{ font-size:24px; color:#333; margin:30px 0 30px 0}


.ProList{ margin:20px 0 60px 0}
.ProList ul{ width:760px;}
.ProList ul li{ float:left; width:230px; margin:auto; margin:30px 20px 30px 0;text-align:center;}
.ProList ul li .ListPic img{ width:100%}
.ProList ul li a{ color:#373737; text-align:center !important}
.ProList ul li .gree{ width:60%; margin:0 auto;}
.ProList ul li .gree img{ width:100%}
.ProList ul li h2{width:96%; margin:0 auto; margin-top:15px;font-size:13px; font-weight:bold; color:#58432b; height:40px; text-align:center; }
.ProList ul li h3{ width:150px; margin:0 auto; margin-top:15px; height:100px; line-height:22px;}
.ProList ul li .ProMoreIcon{ height:35px; overflow:hidden}
.ProList ul li a:hover .ProMoreIcon img{ margin-top:-35px;}
.ProList ul li a:hover .ListPic img{filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

#Lifestyle{ margin-bottom:30px;}
#Lifestyle .LSbanner{ margin:10px 0 5px 0}
#Lifestyle .LSClsList{ width:100%; margin:0 auto; min-height:300px; background:#f9f9f7;-moz-box-shadow: 0 0 7px rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 0 7px rgba(0,0,0,0.1) inset;box-shadow: 0 0 7px rgba(0,0,0,0.1) inset;}
#Lifestyle .LSClsList .TT201{ padding:45px 0 10px 45px}
#Lifestyle .LSClsList .TT201 img{ width:290px;}
#Lifestyle .LSClsList .TTbb{ margin-left:90px;}
#Lifestyle .LSClsList ul{ width:860px; margin-left:80px; padding-bottom:40px;}
#Lifestyle .LSClsList ul li{ float:left; width:224px; height:187px; margin:20px 60px 30px 0; position:relative; overflow:hidden}
#Lifestyle .LSClsList ul li a:hover img{ margin-top:-188px;}

#LifestyleL{ margin-bottom:30px; width:730px; float:left}
#LifestyleL .LSListBN{ position:relative}
#LifestyleL .LSListBN .bradnsdf{ position:absolute; top:135px; left:0px;width:320px;}
#LifestyleL .LSListBN .bradnsdf a{color:#888888;}
#LifestyleL .LSListBN .bradnsdf span{ color:#758348; font-weight:bold}
#LifestyleL .LSList{ margin-top:0;}
#LifestyleL .LSList h1{ color:#1a96b9; font-size:24px;}
#LifestyleL .LSList h1 span{ font-size:14px}
#LifestyleL .LSList h2{ margin:15px 0 20px 0;}
#LifestyleL .LSList ul{ width:750px}
#LifestyleL .LSList ul li{ float:left; width:222px;position:relative; margin:15px 24px 15px 0}
#LifestyleL .LSList ul li .LSListPic{ width:202px; margin:0 auto; padding-top:10px;}
#LifestyleL .LSList ul li .LSListPic img{ width:100%}
#LifestyleL .LSList ul li a{width:100%; height:276px; background:#faf4ec; display:block}
#LifestyleL .LSList ul li a h3{ font-size:12px; font-weight:bold; color:#555555; line-height:16px; width:202px; margin:0 auto; margin-top:10px; margin-bottom:10px;}
#LifestyleL .LSList ul li a h4{ color:#555555; line-height:16px; width:202px; margin:0 auto}
#LifestyleL .LSList ul li a h4 span{ color:#758348; text-decoration:underline}
#LifestyleL .LSList ul li .ying222{ width:222px;}
#LifestyleL .LSList ul li .ying222 img{ width:100%}
#LifestyleL .LSList ul li a:hover{ background:#e0d4c4}
#LifestyleL .LSList ul li a .LIcon{ position:absolute; top:-1px; left:-1px;}

#RightMenu{ width:200px; margin-top:50px; margin-bottom:50px;}
#RightMenu #RightTop{ height:30px; text-align:center; background:url(../images/fgf.png) bottom repeat-x}
#RightMenu .Subttt{ margin:20px 0 15px 0}
#RightMenu ul{border-bottom:#CCC 1px dotted; padding-bottom:10px;}
#RightMenu ul li {line-height:16px;background: url(../images/icon_list.png) left 2px no-repeat;padding: 0 0 0 15px; margin:10px 0 10px 0;}
#RightMenu ul li .thispage{color:#aa884d; font-weight:bold}

#LifestyleL .LSDetail{ width:700px;}
#LifestyleL .LSDetail h1{ color:#1a96b9; font-size:24px; margin-bottom:30px}
#LifestyleL .LSDetail .LSBPic{ width:347px; height:347px; float:left}
#LifestyleL .LSDetail .LSBPic img{width:347px;height:347px;}
#LifestyleL .LSDetail .LSIntro{ float:right; width:310px; line-height:24px;}
#LifestyleL .LSDetail .LSPrepare{ background:url(../images/h3material.png) no-repeat; padding:50px 0 0 30px; margin:30px 0 0 0;line-height:24px;}
#LifestyleL .LSDetail .LSMethod{ background:url(../images/h3makeuse.png) no-repeat; padding:38px 0 0 30px; margin:30px 0 0 0;line-height:24px;}

#Store{ padding:30px 0 30px 0}
#Store h1 img{ width:187px; height:auto}
#Store h3{ padding:30px 0 39px 0; line-height:24px;background:url(../images/line4px.png) repeat-x bottom;}
#Store ul li{ width:100%;height:145px; border-bottom:#dcdcdc 1px solid; line-height:24px;}
#Store ul li .SLeft{ float:left; width:400px; margin-top:40px;}
#Store ul li .SLeft h2{ font-size:14px; font-weight:bold; color:#333; margin-bottom:5px;}
#Store ul li .SLeft .Url a{ color:#6a6824; text-decoration:underline}
#Store ul li .SLeft .Url a:hover{ text-decoration:none}
#Store ul li .SRPic{ float:right; margin-top:30px;}

#Coop{ padding:30px 0 30px 0}
#Coop h1 img{ width:123px; height:auto}
#Coop h3{padding:30px 0 39px 0; line-height:24px;background:url(../images/line4px.png) repeat-x bottom;}

.MainForm{ float:left; width:55%; margin:35px 0 0 0; }
.MainForm .CTit{ font-size:16px; font-weight:bold}
.MainForm p{ margin-top:5px;}
.ContactDetail{ float:right; width:30%;margin-top:68px; margin-right:35px; line-height:24px;}
.Inputbox{ border-color:#FFF; padding:0 10px 0 10px;background:#efefef;height:35px;line-height:35px; width:100%;-moz-box-shadow:1px 1px 2px #999 inset;-webkit-box-shadow:1px 1px 2px #999 inset;box-shadow:1px 1px 2px #999 inset; }
.InputMsg{ border-color:#FFF;background:#efefef;height:100px;line-height:16px;width:103%;-moz-box-shadow:1px 1px 2px #999 inset;-webkit-box-shadow:1px 1px 2px #999 inset;box-shadow:1px 1px 2px #999 inset; }

.SubmitBtnbg{background:#4c8ac5; color:#FFFFFF; margin-top:10px; border:none; text-align:center; font-size:12px;width:80px; height:30px;line-height:30px;cursor:pointer;cursor:hand;-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear;}
.SubmitBtnbg:hover{background:#aa884d;}

#About{ padding:30px 0 30px 0}
#About h1{ padding: 0 0 34px 0;background:url(../images/line4px.png) repeat-x bottom;}
#About h1 img{ width:123px; height:auto}
#About .AboutDetail{ line-height:30px; margin-top:30px;}
#About .AboutDetailMob{ display:none}
#About .ContactDetail{margin-top:40px;}

#AboutNav { height:70px; width:232px; margin:0 auto; margin-top:5px}
#AboutNav li{ float:left; margin:0 3px 0 3px}
#AboutNav li a{ padding:8px 30px 8px 30px; border:#dedede 1px solid; color:#2e2e2e}
#AboutNav li a:hover{ background:#f4f0ea}


#Blog{ float:left; width:710px; margin-top:30px;}
#Blog .BlogList h1{ font-size:18px; margin:20px 0 40px 0;border-bottom:#dcdcdc 1px solid; padding-bottom:10px; font-weight:bold}
#Blog .BlogList ul li{ padding-bottom:26px;background:url(../images/line4px.png) repeat-x bottom;line-height:24px;}
#Blog .BlogList ul li h2{ font-size:24px; color:#1794b8; line-height:24px; margin:30px 0 30px 0;font-weight:bold}

#Blog .BlogList ul li .More{ margin:20px 0 20px 0;}
#Blog .BlogList ul li .More a{ display:block;color:#FFFFFF;background:#4c8ac5;text-align:center;width:100px; height:30px;line-height:30px;}
#Blog .BlogList ul li .More a:hover{background:#aa884d;}
.LRT{ text-align:right; margin-top:40px;}
.LRT span{ text-decoration:underline}

#Blog .BlogDetail{ line-height:24px;font-size:14px;padding-bottom:26px;background:url(../images/line4px.png) repeat-x bottom;}
#Blog .BlogDetail h1{ font-size:24px; color:#1794b8; line-height:24px; margin:30px 0 30px 0;font-weight:bold}
#Blog .BackBtn{ text-align:center; margin:30px 0 30px 0;}
#Blog .BlogList ul li .BIntro{ font-size:14px}

#Blog #Video{max-width:600px; width:100%;margin-top:20px; margin-bottom:40px;}
#Blog #Video video{ width:100%}


@media only screen and (max-width: 680px) {
#Blog{ float:none; width:94%; margin:0 auto;}
#Blog .BlogBanner{ margin-top:20px;}
#Blog .BlogBanner img,#Blog .BlogList ul li .BIntro img{ width:100% !important; height:auto !important}


body{ font-family:Arial, Helvetica, sans-serif}

#MainContent{ width:100%; }
.swipe #pagenavi{bottom:10px;}
.swipe #pagenavi a{width:8px;height:8px;}
.Menu1,.Menu2,#mainbtn,#MainR,#Footer .FootNav,#BrandNav,#LeftMenu,#photos,.ProMore img,.goTop,.PcMoreDetail,#RightMenu,#AboutNav,.AboutDetail{ display:none}
#Header{ height:50px}
#Logo { height:50px;margin:0; }
#Logo img{ height:36px; width: auto; margin:7px 0 0 12px;}
.header-top {height:50px;background:#FFFFFF;z-index:200;position:absolute; width:100%;margin-bottom:10px;-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
-webkit-box-shadow:  3px 3px 5px rgba(0,0,0,0.2);
box-shadow:  3px 3px 5px rgba(0,0,0,0.2);
border-bottom:1px solid #FFF;}
.top-right-nav{ display:block}

#mainbtnmb{ display:block; margin-top:5px; margin-bottom:20px;}
#mainbtnmb ul li{float: left;margin-right:2px; width:32.9%}
#mainbtnmb ul li img{width:100%}
#mainbtnmb ul li:last-child {margin-right: 0px;}

#HomeNews{ float:none;}
#HomeNews .Ntit{ padding-left:6px;}
#HomeNews .Ntl{ margin-top:10px; width:100%}
#HomeNews .NList li{ width:100%; height:auto; padding-bottom:15px}
#HomeNews .NList li .infoDate{ display:none}
#HomeNews .NList li .infoCat{ width:60px; margin-left:6px;margin-right:10px;}
#HomeNews .NList li .infoTitle{ width:75%}

#Story .BrandTitle{ height:100px; margin-top:15px;}
#Story .BrandTitle h1{ top:55px;}
#Story .StoryDetail{ display:none}
#Story .StoryDetailMb{ display:block; width:94%; margin:0 auto; font-size:14px; line-height:24px;}
#Story .StoryDetailMb img{ width:100% !important; height:auto !important}

#Story .StLeftPic{ float:none; width:80%; margin:0 auto; margin-top:30px;}
#Story .StLeftPic #pagenavi{bottom:25px;}

#ProRight{ width:94%; float:none; margin:0 auto; margin-top:30px;}
#ProRight .ProTitle{ font-size:20px;}
#ProRight .Stll{ margin:10px 0 0 0}
.ProList{ margin:0 0 60px 0}
.ProList ul{ width:100%;}
.ProList ul li{width:48%; margin:20px 2% 30px 0; text-align:center;}
#ProRight .PicRight{ float:none; width:100%; height:auto; margin-top:20px; font-size:14px}
#ProRight .ProDetail{  font-size:14px}
#ProRight .MobPhotos{ display:block}
#ProRight .PicRight .StoreBtn{position:relative; margin-top:30px;}
#ProRight .ProMore{ margin-top:50px; width:100%;position:relative; overflow:hidden}
#ProRight .ProMore span,#ProRight .MobMoreDetail{ display:block}
#ProRight .ProMore ul{ width:100%;}
#ProRight .ProMore ul li{ width:19.6%; margin-right:1px; height:42px; overflow:visible}
#ProRight .ProMore ul li a{border:#dedede 1px solid;height:40px; line-height:40px;text-align:center; display:block;background:#f4f0ea}
#ProRight .ProMore ul li .thispage{background:#916353; color:#FFF}
#ProRight .MobMoreDetail{ line-height:24px; font-size:14px}
#ProRight .MobMoreDetail img{ width:100% !important; height:auto !important}

#Lifestyle{ margin-top:20px;}
#Lifestyle .LSbanner img{ width:100% !important; height:auto !important}
#Lifestyle .LSClsList{ width:94%;}
#Lifestyle .LSClsList .TT201{ padding:30px 0 10px 20px; width:260px;}
#Lifestyle .LSClsList .TT201 img{ width:100%;}
#Lifestyle .LSClsList .TTbb{ margin-left:60px;}

#Lifestyle .LSClsList ul{ width:90%; margin-left:20px; padding-bottom:40px;}
#Lifestyle .LSClsList ul li{ float:none; width:224px; height:187px; margin:0 auto; margin-top:20px; margin-bottom:30px;}

#LifestyleL{ width:100%}
#LifestyleL .LSListBN{ width:95%; margin:0 auto}
#LifestyleL .LSListBN img{width:100%}
#LifestyleL .LSListBN .bradnsdf{top:70%; left:0px; width:70%;}

#LifestyleL .LSList{width:94%; margin:0 auto}
#LifestyleL .LSList ul{ width:100%}
#LifestyleL .LSList h1{ margin-top:30px;}
#LifestyleL .LSList ul li{width:48%;margin:15px 2% 15px 0}
#LifestyleL .LSList ul li .LSListPic,#LifestyleL .LSList ul li a h3,#LifestyleL .LSList ul li a h4{ width:90%;}
#LifestyleL .LSList ul li .ying222{ width:100%;}

#LifestyleL .LSDetail{ width:95%; margin:0 auto; margin-top:30px; font-size:14px}
#LifestyleL .LSDetail .LSBPic{ width:100%; height:auto; float:none}
#LifestyleL .LSDetail .LSBPic img{width:100%;height:auto;}
#LifestyleL .LSDetail .LSIntro{ float:none; width:100%;}
#LifestyleL .LSDetail h1{ margin-bottom:10px}

#Store{ width:94%; margin:0 auto;}
#Store h3{ margin:10px 0 30px 0;}
.bar960 img{ width:100%;}
#Store ul li{ height:auto;padding-bottom:30px}
#Store ul li .SLeft{ float:none; width:100% ; margin-top:30px;}
#Store ul li .SRPic{ display:none}

#Coop{ width:94%; margin:0 auto;}
#Coop h3{ margin:10px 0 30px 0;}

.MainForm{ float:none; width:100%; margin:35px 0 0 0; font-size:14px}
.ContactDetail{ float:none;width:100%;} 
.Inputbox{width:93%;}
.InputMsg{width:97%;}

#About{ width:94%; margin:0 auto}
#About h1{ margin: 0 0 20px 0}
#About .AboutDetailMob{ display:block; line-height:24px; margin-top:20px; font-size:14px}
#About .AboutDetailMob img{ width:100% !important; height:auto !important}
}



.img-responsive{max-width:100%;height:auto}




.Codebox{ padding:8px 10px; width:60px; font-size:12px;border:#c8d1d7 1px solid;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.cursor1{ cursor:pointer;margin-left:5px}














/*-公共样式-*/
.footer_gx{clear:both; width:100%;height:1px;background-color:#f0e9e0;margin:8px auto;font-size:0px;overflow:hidden;}
.footer_xx{clear:both; width:100%;height:15px;border-bottom-style: solid;border-bottom-width:thin; border-bottom-color:#CECECE; font-size:0px;overflow:hidden;
           margin-left:auto;margin-right:auto;}
.zhanweispan{clear:both;height:10px;display:block;overflow:hidden;}
.title_footerxx{width:716px;background:url(../images/detail_t_fbg.jpg) repeat-x;height:3px;margin:3px 0 8px 0;}
.div_bg1{background-color:#F1F1F1;text-indent:20px;font-weight:bold;color:#04335C;height:28px;line-height:28px;}
.bgkk{background:url(../images/li_bg3x3.jpg) no-repeat;width:3px;height:3px;overflow:hidden;}

.noBorder{border:none;}
.center{ text-align:center;}
.fl{float:left}
.fr{float:right;}
.clear{clear:both;}
.margin0{ margin:0 auto;}
.h35{line-height:35px;height:35px;}
.pb10{ padding-bottom:10px;}
.ml3{margin-left:3px;}
.ml8{margin-left:8px;}
.ml15{margin-left:15px;}
.ml18{margin-left:18px;}
.ml20{margin-left:20px;}
.mr8{margin-right:8px;}
.mr12{margin-right:12px;}
.mr18{margin-right:18px;}
.mr20{margin-right:20px;}
.mb3{margin-bottom:3px;}
.mb8{margin-bottom:8px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb12{margin-bottom:12px;}
.mb30{margin-bottom:30px;}
.mb100{margin-bottom:100px;}
.mt_2{margin-bottom:-2px;}
.mt2{margin-top:2px;}
.mt8{margin-top:8px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt28{margin-top:28px;}
.mt45{margin-top:45px;}
.mt60{margin-top:60px;}
.mt370{ margin-top:370px;}
.h15{height:15px;}
.h28{height:28px;}
.h35{height:35px;}
.h280{height:280px;}
.h300{height:300px;}
.hide { display:none; }
.l35{ padding-left:35px;}
.l-122{left:-122px;}
.l-128{left:-128px;}
.l-256{left:-256px;}
.l-283{left:-283px;}
.l-384{left:-384px;}
.l-426{left:-426px;}
.l-512{left:-512px;}
.l-536{left:-536px;}
.l168{padding-left:168px;}
.l296{padding-left:296px;}
.l326{padding-left:326px;}
.l416{padding-left:416px;}
.l466{padding-left:466px;}
.l544{padding-left:544px;}
.l574{padding-left:574px;}

.w70{ width:70px;}
.w110{ width:110px;}
.w120{ width:120px;}
.w160{width:160px;}
.w180{width:180px;}
.w210{width:210px;}

.cred{color:Red;font-weight:bold;}
.cmain1{color:#3072AA;}
.bgmain1{background-color:#E6EFFC;}
.bodermain1{border:solid 1px #FFF;}
strong{ font-weight:bold;}
b{font-weight:bold;}