* { word-wrap: break-word; }
body { background:#fff; padding:0px; margin:0px; font-family: 'microsoft yahei', helvetica, arial, sans-serif; color: #093331; font-weight: 300; line-height: 150%;}
a{ text-decoration:none}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
.topbanner{ background:url(bg.gif) #45494e; height:580px}

.wp{ width:1000px; margin:0 auto}

.topbanner .wp{ background:url(tophone.gif) no-repeat 0 0; height:580px;}

h1,h2,h3,h4,p,ul,li,div{ margin:0px; list-style:none}

.toparea{ padding:120px 0 0 540px; color:#fff; }

.toparea h1,.toparea h2,.toparea h3{ -moz-text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.4); -webkit-text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.4); text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.4);}
.toparea h1{ padding:0 0 50px; font-size:48px;}
.toparea h2{ font-size:36px; font-weight:300; padding-bottom:30px;}
.toparea h3{ font-weight:400; padding-bottom:30px;}
.toparea h3 a{ padding:0 30px; height:55px; line-height:55px; color:#fff; float:left; font-size:16px;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background: -moz-linear-gradient( top,#65c929,#2e7e02); background: -webkit-linear-gradient( top,#65c929,#2e7e02); background: linear-gradient( top,#65c929,#2e7e02);
	-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.4), 0px 1px 1px rgba(255, 255, 255, 0.7) inset;
	-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.4), 0px 1px 1px rgba(255, 255, 255, 0.7) inset;
	box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.4), 0px 1px 1px rgba(255, 255, 255, 0.7) inset;
}
.toparea h3 a:hover{ background: -moz-linear-gradient( top,#84d652,#2e7e02); background: -webkit-linear-gradient( top,#84d652,#2e7e02); background: linear-gradient( top,#84d652,#2e7e02);}
.toparea p{ font-size:14px;}
.toparea div{ padding-top:30px;}
.toparea div img{}


.info{ padding:40px 0;}

.info ul{ padding:0px;}
.info li{ float:left; width:220px; background:#6bd36a; padding:40px 0; text-align:center; color:#fff;}
.info li img{ padding-bottom:40px; width:60px; height:60px;}
.info li.i1,.info li.i2,.info li.i3{ margin-right:40px;}


.slide{ background:#f6f6f6; padding:40px 0;}
.slide .wp{ background:url(slide.gif) no-repeat 0 0; height:788px;}

#shopwpage{ width:320px; height:570px; float:left; padding:110px 0 0 29px;}

#shopwpagetabs{ float:left; padding:80px 0 0 100px; position:relative;}
#shopwpagetabs li{ width:109px; height:94px; position:absolute; text-align:center; line-height:94px; font-size:18px; color:#6bd36a}
#shopwpagetabs li.tab a{ color:#6bd36a; display:block}
#shopwpagetabs li.tab { background:url(li.gif) no-repeat 0 0;}
#shopwpagetabs li.curtab{ background:url(li.gif) no-repeat 0 -94px;}
#shopwpagetabs li.curtab a{ color:#fff;}

#p1tab{ left:200px; top:80px;}
#p2tab{ left:300px; top:140px;}
#p3tab{ left:200px; top:198px;}
#p4tab{ left:400px; top:80px;}
#p5tab{ left:300px; top:255px;}
#p6tab{ left:400px; top:315px;}
#p7tab{ left:300px; top:375px;}
#p8tab{ left:300px; top:495px;}
#p9tab{ left:200px; top:435px;}
#p10tab{ left:100px; top:140px;}
#p11tab{ left:100px; top:495px;}
#p12tab{ left:200px; top:315px;}