body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:36px;}
body>div{margin:0 auto}
div {text-align:left}
a img {border:0}
img { width:100%;}
body { color: #333; text-align: center; font:14px "微软雅黑"; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#4c4c4c;text-decoration:none}
a:hover { color: #c4b488; text-decoration: none}
.clear{height:0; overflow:hidden; clear:both}

/* 效果CSS开始 */
.wrapper{ position:relative; overflow:hidden;}
.header{ height:44px; position:relative; border-bottom:1px solid #ccc;}
/* 侧边导航 */
.sidenav{background:#fff; width:60%; position: absolute; left: 0; top: 0; bottom: 0; padding-top:30px; z-index:2;}
.sidenav .back{ float:right; width:30px; height:30px;}
.sidenav .logo{ width:26px; margin:10px auto; clear:both;}
.sidenav #navList{ padding-top:50px;}
.sidenav #navList .liList1 .div2{ padding:0 10px; line-height:32px; height:32px; font-size:16px; display:block; overflow:hidden;}
.sidenav #navList .liList1 .div2 p{ width:80%; float:left;}
.sidenav #navList .liList1 .div2 i{ width:10%; height:30px; float:right; display:block; background:url(../images/icon4.png) no-repeat center;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.sidenav #navList .liList1.open .div2 i{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
#navList .liList1 .ulList2{ padding-left:10px; background:#f7f7f7; display:none;}
#navList .liList1 .ulList2 a{ display:block; line-height:36px; height:36px; background:url(../images/icon4.png) no-repeat 90% center;}
/* 主页面底部导航 */
.proTit .ulList2{ background:#fff; display:none; padding:10px 16px;}
.proTit .ulList2 h1{ font-size:30px; font-weight:normal; text-align:center; padding:20px 0 10px 0; color:#727171;}
.proTit .ulList2 .py{ width:230px; overflow:hidden; margin:0 auto; margin-bottom:20px;}
.proTit .ulList2 .py img{ float:left; display:block; vertical-align:central; margin-top:4px; margin-right:2px;}
.proTit .ulList2 .py span{ padding:0 10px; display:block; float:left; background:#93d1d3; color:#fff; text-align:center; line-height:22px;}
.proTit .ulList2 .proBf{ margin-bottom:16px;}
.proTit .ulList2 .proBf h3{ font-size:18px; color:#c4b691; margin-bottom:10px; font-weight:normal; text-transform:uppercase;}
.proTit .ulList2 .proBf p{ line-height:24px;}
.proTit .ulList2 img{ max-width:100%; margin:0 auto;}
.proTit .liList1 .div2{ padding:0 10px; line-height:50px; height:50px; font-size:18px; display:block; overflow:hidden; background:#bdac7f; color:#fff;}

.header .hdTit{ font-size:20px; line-height:44px; text-align:center;}
.header .logo1{ position:absolute; top:4px; right:10px; z-index:110;}
.section{position: relative; transition: all 0.25s; width:100%; z-index:10; background:#fff;}
/*Animate content area to the right*/
#tm:checked ~ .section {transform: translateX(60%);}
/*Animate links from right to left + fade in effect*/
#tm {display: none;}
.section label { display: block; width:30px; height:44px; position: absolute; left:10px; top:0px; cursor: pointer; background:url(../images/icon1.jpg) no-repeat center;}
/* 主页面内容 */
.banner{ display:block; position:relative; overflow:hidden; padding:20px 0;}
#show1{ position:relative;}
.banner .prev{position:absolute;top:120px; left:10px; width:26px;height:26px; display:block; z-index:101;}
.banner .next{position:absolute;top:120px; right:10px; width:26px;height:26px; display:block; z-index:101;}

.slides_container {width:100%; overflow:hidden;position:relative;display:none;}
.slides_container .div1 {width:400px; height:260px; display:block; text-align:center;}
.slides_container .div1 .img{width:400px; min-height:260px; }
.slides_container .div1 img {display:block; max-width:80%; margin:0 auto;}
#slides .next {position:absolute;top:50%; right:10px; width:38px;height:79px;display:block;z-index:101;}
#slides .prev {position:absolute;top:50%; left:10px; width:38px;height:79px;display:block;z-index:101;}
.pagination{ display:none;}
@media(max-width:320px){
	.slides_container {width:100%;overflow:hidden;position:relative;display:none;}
	.slides_container .div1 {width:320px; height:180px; display:block; text-align:center;}
	.slides_container .div1 .img{width:320px; height:180px;}
	.slides_container .div1 img {display:block; max-width:80%; margin:0 auto;}
	#slides .next {position:absolute;top:50%; right:10px; width:38px;height:79px;display:block;z-index:101;}
	#slides .prev {position:absolute;top:50%; left:10px; width:38px;height:79px;display:block;z-index:101;}
	.pagination{ display:none;}
	}

.main{ padding:10px 15px; border-top:1px solid #ccc;}
.main .proBf{ margin-bottom:16px;}
.main .proBf h2{ font-size:22px; font-weight:normal; line-height:36px;}
.main .proBf .pp1 p{ line-height:26px; font-size:14px; color:#adadad; font-family:Arial, Helvetica, sans-serif;}
.main .proBf h3{ font-size:18px; color:#c4b691; margin-bottom:10px; font-weight:normal; text-transform:uppercase;}
.main .proBf p{ font-size:14px; line-height:26px;}
.main .proBf img{ width:100%; }
.enjoy{ overflow:hidden; height:40px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:14px; margin-top:14px;}
.enjoy .enjoyImg{ width:140px; float:left; text-align:center;}
.enjoy .enjoyImg img{ max-width:100%;}
.enjoy .tel{ display:block; width:24px; height:24px; padding-top:10px; overflow:hidden; float:left;}
.enjoy .tel img{ max-width:24px;}
.jiathis_style_24x24 a{ display:block; float:left; margin-right:6px;}
.order{ display:block; width:30%; float:right; text-align:center; height:40px; line-height:40px; font-size:20px; color:#fff; background:#bdac7f;}
.proTit{ border-bottom:3px solid #ccc1a4;}
.proTit li{ border-top:1px solid #dad4cb;}
.proTit li a{ display:block; padding-left:16px; line-height:40px; font-size:16px; background:url(../images/1_03.png) no-repeat 96%; caption-side:;}
.foot{ padding:10px; text-align:center; line-height:22px; font-size:12px; color:#a8a7a7;}
.foot a{ color:#a8a7a7;}












































