@charset "utf-8";

body{color:#a4a4a4; font-family:微软雅黑;width:100%;}
.wrap{width:100%; max-width:640px; margin:0 auto;background:url(../image/body.gif) repeat top center #20232e; }
body,p ,h1,ul,li,.ui-content{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#a4a4a4; font-family:微软雅黑}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.center{ text-align:center; width:100%; float:left; background-size:100%; }
.center img{ width:90%;margin:5.8% 0; border:2px solid #d8d5d6; border-ra/dius:10px;}
.padding20{ padding:2% 0% 4%;float:left; width:100%; text-align:justify; color:#a65808; line-height:180%; min-height:300px; font-size:14px;}
.wrap{ margin:0 auto; width:100%; max-width:640px;overflow:auto;}
.content{ clear:both; overflow:auto;width:93.75%; padding:0 3%;box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
 margin:0 3.125% 0; background:#fff; border-radius:8px; }

 
.header{ float:left;width:100%;border-bottom:1px solid #ffd095; box-shadow:0 1px 0 #f48f27;
background-image:-moz-linear-gradient(center top , #ffb04d, #f49028);
background-image: -moz-linear-gradient(top, #ffb04d, #f49028);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffb04d), to(#f49028));
background-image: -webkit-linear-gradient(top, #ffb04d, #f49028);
background-image: -o-linear-gradient(top, #ffb04d, #f49028);
background-image: linear-gradient(top, #ffb04d, #f49028);}

.headermain{ margin:0 auto;max-width:640px; width:100%; }
.logo{ float:left; width:50%; text-align:center; }
.logo img{ width:100%;}
.menu_but{ float:right; display:block;text-align:right;width:12%; margin-top:2%;min-width:42px; color:#fff; height:45px; padding-top:1.5%; text-align:center;margin-right:3%;}
.menu_but a{ float:left; text-indent:-99999em; width:100%; text-align:center; color:#2a314b; line-height:3;background:url(../image/menu.png) no-repeat top left; background-size:100%; min-width:50px;}

#modal { display:none; }
#pageslide { display:none; background:#ffaf4c;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px;}
.navli{float:left;width:100%}
.navli a{ padding:5% 0 5% 10%;width:90%;font-size:14px;text-align:left; float:left; border-bottom:1px solid #fff;background:#f49028;}
.navli a:hover span{ color:#000}
.navli a span{ float:left; width:90%; color:#fff; padding-left:10%;font-size:16px;background:url(http://yanghuogo.com/templets/demo/images/nav_ico.png) no-repeat 0px center; }
.navli ul{ float:left; display:none;width:80%; padding:2% 0 2% 20%;background:#ca1828;border-bottom:1px solid #000;}
.navli li{ float:left;width:100%; padding:3% 0;}
.navli li a{padding:0 0;width:100%;font-size:14px; color:#fff;text-align:left;  float:left;background:none;border-bottom:0}

.banner{float:left;width:100%; }
.banner img{ display:block;width:100%;}


.viewsea{ margin-top:3%;}
.search{float:left; width:93.75%; padding:0 3.125%; margin-bottom:3%;}
.searchmain{float:left;width:96%;border-radius:8px; padding:2%; border:1px solid #e29147; box-shadow:2px 4px 4px #b57461;
background-image:-moz-linear-gradient(center top , #ffb04d, #f49028);
background-image: -moz-linear-gradient(top, #ffb04d, #f49028);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffb04d), to(#f49028));
background-image: -webkit-linear-gradient(top, #ffb04d, #f49028);
background-image: -o-linear-gradient(top, #ffb04d, #f49028);
background-image: linear-gradient(top, #ffb04d, #f49028);}

.search_txt{ float:left; padding-left:2%;width:81%; min-height:30px;border:0; background:#fff; border-radius:10px; color:#949598; font-family:微软雅黑;box-shadow:1px 3px 3px #dddad9 inset;}
.search_but{ float:right;width:35px; border:0;height:32px;background:url(../image/search_ico.png) no-repeat left center; background-size:80%; }

.banner{ float:left; width:100%;}
.searcharea{ float:left; width:100%;margin:28% 0 25% 0;padding:1% 0; line-height:3;}
.menu{ float:right;color:#fff; margin-top:-3%; margin-right:1%; width:15%; text-align:right }
.menu a{ color:#fff; float:right; width:100%;background:url(../image/menu.png) no-repeat left center; background-size:40% ; padding-left:3%; }

.search_img{ float:left;margin-top:-3%; background:url(http://yanghuogo.com/templets/demo/images/search_but.png) no-repeat left center; background-size:38% ; padding-left:8%; color:#fff; margin-left:1%;}
.bannerimg{ position:relative;width:59.53%; margin:0 auto; padding-top:2%;}
.bannerimg img{ position:absolute; left:0; width:100%;}

.news{ float:left;width:93.75%; padding:0 3.125%; margin-top:3%; }
.viewnews{ margin-top:0;}
.newsmain{float:left;width:100%;padding:2% 0;}
.news ul{float:left; width:100%;box-shadow:2px 3px 3px #d1cfd0; border-radius:6px; }
.news ul li{float:left; width:100%; border-bottom:1px solid #e9e8e8;background:url(../image/newslistbg.jpg) repeat-x center top; background-size:100% 100%; }
.news ul li a{float:left; width:93%; line-height:3; padding:0 4% 0 3%; background:url(../image/newsico.png) no-repeat 98% center; background-size:2.5%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#a26759;  }

.product{ margin:0 auto; overflow:auto;width:93.75%; background:#ffaf4c; border-radius:6px; box-shadow:2px 3px 3px #cbbfc0; margin:0 3.125%; padding:0.9% 0.7% 0.2%;box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.product a img{ box-shadow: 0 0 1px #e08b2f;float:left; border-radius:4px;}
.product_r{ width:43%; float:left; margin-left:1%;}
.product_r a{ float:left; width:100%;}
.product_l{ float:left; width:56%;}
.product_l a{ width:49%; float:left;margin-bottom:1.5%; margin-left:1%;}
.product img{ width:100%; display:block;}

.pronav{ float:left; width:93.5%; padding:3% 3.125%;}
.pronav ul{ float:left; width:100%;}
.pronav li{ float:left; text-align:center; padding-bottom:4%;border:1px solid #e29147; position:relative; margin-right:3%; width:22.5%; box-shadow:2px 3px 3px #d8b1a8; border-radius:4px;
background-image:-moz-linear-gradient(center top , #ffb04d, #f48f27);
background-image: -moz-linear-gradient(top, #ffb04d, #f48f27);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffb04d), to(#f48f27));
background-image: -webkit-linear-gradient(top, #ffb04d, #f48f27);
background-image: -o-linear-gradient(top, #ffb04d, #f48f27);
background-image: linear-gradient(top, #ffb04d, #f48f27);box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.pronav li p{ position:absolute; bottom:0; text-align:center; color:#fdecc4; float:left; width:97%; padding-left:3%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pronav img{ width:60%;}



.footer{float:left;width:100%;font-size:1em; padding-bottom:3%; box-sha/dow:0 1px 0 #151822;background:url(../image/foot.png) no-repeat bottom center; background-size:100%}
.footer ul{float:left;width:94%; padding:0 3%;}
.footer ul li{float:left; min-height:35px; width:21.6%; margin-right:4%; padding:2% 0 1%;}
.footer ul li a{float:left;min-height:45px;width:100%; color:#d57105;text-align:center; float:left; display:block;}
.footimgbg{float:left;width:100%; padding:33% 0;background:url(../image/footicobg.png) no-repeat top center; text-align:center; background-size:100%; margin-bottom:5%; }
.footer img{ width:48%;vertical-align:middle}

.footnav{ float:left; width:93.75%; padding:0 3.125%; background:#fff; }
.footnav ul{ float:left;width:100%;padding:4% 0 1%; }
.footnav ul li{ float:left;padding:1.5% 0; border:2px solid #fbcb93; border-radius:6px; text-align:center; color:#fff; width:17%; margin-right:1.5%;
background-image:-moz-linear-gradient(center top , #ffb04d, #f48f28);
background-image: -moz-linear-gradient(top, #ffb04d, #f48f28);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffb04d), to(#f48f28));
background-image: -webkit-linear-gradient(top, #ffb04d, #f48f28);
background-image: -o-linear-gradient(top, #ffb04d, #f48f28);
background-image: linear-gradient(top, #ffb04d, #f48f28);}
.footnav ul li a{ color:#fff; text-shadow:1px 0 0 #de8d2a;}
.foottxt{ color:#f09c35; float:left;width:100%; background:#fff; font-size:12px; text-align:center; padding:2% 0;}
.foottxt a{ color:#f09c35;  }

.newslist{ float:left;width:100%}
.newslist ul{float:left; width:100%; }
.newslist ul li{float:left; width:100%;border-bottom:1px dotted ;color:#dcdcdc;margin-bottom:1px;}
.newslist ul li a{float:left; width:100%; line-height:2.9;color:#dcdcdc;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }


.view_menu{ float:right;width:180px; position:relative; z-index:999;margin-top:-12%; margin-right:3%;}

@media all and (max-width:630px){
.view_menu{margin-top:-14%;}
}
@media all and (max-width:480px){
.view_menu{margin-top:-10%;}
}
@media all and (max-width:320px){
.view_menu{margin-top:-23%;}
}
.view_menu span{ float:left; cursor:pointer;padding:10% 0 5%;padding-right:10%;text-align:right;width:90%; color:#d5730f;}
.view_menu img{ vertical-align:middle;width:13%; margin-right:3px; }
.view_menumain{float:right;width:180px; margin-top:2%; display:none;position:absolute; z-index:10;}
.view_menumain a{float:left;width:167px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding:5% 0 5% 13px; border-bottom:1px solid #f2bc84; color:#fff; background:#eea85f;}
.view_menumain a:hover,.view_menumain a:focus{ color:#fff; background:#e27e15;  border-bottom:1px solid #eea85f;}


.proul{width:100%; margin-top:15px; float:left;}
.proul ul{width:100%; padding:4px 0% 0; }
.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:14px; float:left; }
.proul li div{ width:100%;float:left;}
.proul li img{width:100%; display:block; float:left;border:2px solid #d8d5d6; border-r/adius:8px;}
.proul li p{width:96%; text-align:center;float:left; margin-top:3px;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% ; color:#a65808;}
.proul .ui-block-a{ margin-right:3.3%}

.title_i{ margin:0 auto; overflow:auto;width:93%; border-radius:6px;margin:0 3.25% 3%; box-shadow:3px 3px 3px #c9bcaf; text-align:left; border:1px solid #fff;
background-image:-moz-linear-gradient(center top , #fff, #fff5e6);
background-image: -moz-linear-gradient(top, #fff, #fff5e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff5e6));
background-image: -webkit-linear-gradient(top, #fff, #fff5e6);
background-image: -o-linear-gradient(top, #fff, #fff5e6);
background-image: linear-gradient(top, #fff, #fff5e6);}

.title_i span{float:left; padding-left:2%; width:98%; color:#f59129;margin-bottom:2px; font-size:1.4em; line-height:2.5;}
.title_i img{ vertical-align:middle; width:5%;}
.view_title{text-align:center; width:100%; float:left; padding:5px 0;font-size:1.1em; margin:2% 0; font-weight:normal; color:#c66c0e; font-family:微软雅黑;padding-bottom:1%;margin-bottom:1%; border-bottom:1px dashed }
.proview_title{text-align:center; width:100%; float:left; border-bottom:1px dotted #dcdcdc; padding:5px 0;font-size:1.1em; margin:0 0 2%; font-weight:normal; color:#c66c0e; font-family:微软雅黑;padding-bottom:1%;margin-bottom:1%; }
.viewpage{float:left;width:100%;margin-top:34px;}
.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:1% 0.6%;margin-bottom:8px; color:#a65808;background:#f9f4ec;border:1px solid #f7ebd7;}

.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}
.viewback a{float:left; padding:2% 0; font-size:16px;width:100%; text-align:center;color:#a65808;background:#f9f4ec;border:1px solid #f7ebd7;}

.pages{width:40%;margin:15px auto; clear:both; overflow:auto;}
.page_change{ width:44px; text-align:center; color:#de7a16; line-height:28px; height:28px; display:block;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.left,.right{font-size:16px; border:1px solid #fbd9b7; color:#fff;text-align:center; width:28px; height:28px; background:#de7a16;border-radius:4px;}
.left img,.right img{ width:13px; vertical-align:-0.2em; display:inline}
@media all and (min-width:640px){
.left,.right{width:28px; height:28px; line-height:28px;}
}


@media only screen and (max-width:480px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:14px;}
}
@media only screen and (max-width:320px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:12px;}
}