@charset "gb2312";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/180% "宋体"; color:#000000;text-align:center; background:#f8f5e9;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% "宋体";}
li,p{text-align:left;font:normal 12px/180% "宋体";}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clear{ clear:both;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/180% "宋体";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w980{ width:980px;}
.list_14 li{ background:url(imagesdot.gif) no-repeat 0 10px; padding-left:20px;font-size:14px; line-height:220%;}
.list_12 li{ background:url(imagesdot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
ul, menu, dir {list-style-type: none;}
ol ,ul{display: block;list-style-type:none;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0;}
/*ul, menu, dir {display: block;list-style-type: disc;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;}*/

/*top*/
.top01{ height:37px; background:url(imagesbg.gif);}
.top01 em{ float:left;}
.top01 i{ float:right; line-height:37px;}
.top01 i a{ padding:0 8px;}
.top02{background:#99550c;height:170px;}
.top02 div{ background:url(imagestop01.gif) top right no-repeat #99550c; height:170px;}
.top02 div h1{ font:bold 48px/120% \5FAE\8F6F\96C5\9ED1 ; color:#fff; padding:15px 0 8px 0;}
.top02 div h2{ font:bold 16px/120% \5FAE\8F6F\96C5\9ED1 ; color:#df811c;}

.p1_content{ background:#fff; padding:25px; width:930px;}
.p1_content .fl{ width:440px;}
.p1_content .fr{ width:440px;}
#carousel {position:relative;padding-bottom:40px;width:440px; }
#carousel ul{height:420px;}
#carousel ul li{position:absolute;}
#carousel ul li img{position:absolute; width:300px; height:420px;}
#carousel ol{bottom:0;margin:0 auto;position:absolute;}
#carousel ol li{display:block;float:left;background:url(imagesball.jpg) no-repeat;width:12px;height:11px;margin-left:8px;cursor:pointer;}
#carousel ol .active{background:url(imagesactive-ball.jpg) no-repeat;}

.p1_content .fr h1,.p1_content .fr h1 a:link,.p1_content .fr h1 a:visited,.p1_content .fr h1 a:hover{ color:#99550c;}
.p1_content .fr h1{ font:bold 24px/180% \5FAE\8F6F\96C5\9ED1 ;}
.p1_content .fr p{ display:block; }
.p1_content .fr p span{font:normal 14px/230% "宋体"; border-bottom:#ebddce 1px solid; padding:6px 0;}
.p1_content .fr ul{ margin:12px auto 0 0;}

.p2_content{ background:#fff;}
.p2_content h2{ background:#ebddce; height:40px;}
.p2_content h2 em{ font:bold 24px/40px \5FAE\8F6F\96C5\9ED1; float:left; padding-left:20px;}
.p2_content h2 i{ float:right; line-height:40px; font-size:14px; padding-right:20px;}
.p2_content h2,.p2_content h2 a:link,.p2_content h2 a:visited,.p2_content h2 a:hover{ color:#99550c;}
.p2_content ul{ padding:18px 0;}
.p2_content ul li{ float:left; text-align:center; font-size:14px; padding:10px 22px;}
.p2_content ul li img{ width:200px; height:280px; display:block; margin-bottom:6px;}
.p2_content ul li,.p2_content ul li a,.p2_content ul li a:hover{ color:#99550c;}

.p2_content .go_top{ font:bold 16px/38px \5FAE\8F6F\96C5\9ED1; width:190px; height:38px; text-align:center; background:#f8f5e9; border:#e9e4cf 1px solid; margin:20px auto; clear:both;}
.p2_content .go_top,.p2_content .go_top a,.p2_content .go_top a:hover{color:#d0b79d;}



/* MEDIA QUERIES PAD
---------------------------------------------------------------------- */
@media (min-device-width:768px) and (max-width:989px),
       screen and (max-device-width:1000px),
	   (max-device-width:1000px) and (orientation:landscape),
       (min-device-width:768px) and (max-device-width:1000px) and (orientation:portrait) {
		.top02 div{ background:url(imagestop01.gif) 160px 0 no-repeat #99550c; height:170px;}
		.top02 div h1{ font:bold 46px/120% \5FAE\8F6F\96C5\9ED1 ; color:#fff; padding:15px 0 5px 20px;}
		.top02 div h2{ font:bold 14px/120% \5FAE\8F6F\96C5\9ED1 ; color:#df811c; width:320px; padding-left:20px;}
		.w980{ width:768px;}   
		.p1_content{ padding:15px 10px; width:748px;}   
		.p1_content .fl{ width:365px;}
		.p1_content .fr{ width:340px;}
		   .p1_content .fr h1{ overflow:hidden; height:44px;}
		   .p1_content .fr p{ height:130px; overflow:hidden;}
		   .p1_content .fr ul li{ height:30px; overflow:hidden;}
		   .p2_content ul li img{ width:170px; height:240px; display:block; margin-bottom:6px;}
		   .p2_content ul li{ padding:10px;}
		   #carousel {position:relative;padding-bottom:40px;width:365px; }
		   #carousel ul{height:385px;}
		#carousel ul li{position:absolute;}
		#carousel ul li img{position:absolute; width:247px; height:346px;}

		   }


/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px) and (orientation:portrait),
	   screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-device-pixel-ratio : 1.5) ,only screen and (min-device-pixel-ratio : 1.5) 
	   {
		.top02 div{ background:url(imagestop01.gif) 215px 0 no-repeat #99550c; height:170px;}
		.top02 div h1{ text-align:center;font:bold 42px/120% \5FAE\8F6F\96C5\9ED1 ; }
		.top02 div h2{ text-align:center; margin:0 auto;}
		.w980{ max-width:480px; width:100%;} 
		.p1_content{ padding:15px 10px; max-width:460px; width:100%;}   
		.p1_content .fl{width:320px; margin:0 auto; float:none;}
		.p1_content .fr{ max-width:460px; float:none;}
        .p2_content ul {}
		.p2_content ul li{ padding:10px;}
		  #carousel {position:relative;padding-bottom:40px;width:320px; }
		   #carousel ul{height:385px;}
		#carousel ul li{position:absolute;}
		#carousel ul li img{position:absolute; width:247px; height:346px;} 
		   }