/*zsg 2018 -->*/
@media (max-width: 768px) {
	body{
		width: 100%;
	}
	.head {
		width: 100%;
		background: url('../images/page_bg.jpg') repeat-x;
		height: auto;
		margin: 0 auto;
		padding: 0px;
		position: relative;
		background-color: #FDFDFF;
	}
	.head .logo {
		width: 100%;
		margin: 0 auto;
		height: 91px;
		display: none;
	}
	.mobile-nav{
		width: 100%;
		height: 30px;
		background: #257B98;
		display: block;
		padding-top: 8px;
	}
	.mobile-nav-left{
		position: absolute;
		top:32px;
		right: 0px;
		list-style: none;
		width: 200px;
		height: auto;
		background: #257B98;
		line-height: 30px;
		color: #fff;
		z-index: 999;
	}
	.mobile-nav-left li{
		border-bottom: 1px solid #156B88;
		padding: 5px 5px 5px 15px;
	}
	.mobile-nav-left li a{
		color: #fff;
	}
	.mobile-nav-left li span{
		float: right;
		margin-right: 10px;
	}
	.mobile-nav-left li div{
		border: 1px solid #fff;
		width: 20px;
		height: 20px;
		margin: 0 auto;
		line-height: 20px;
		text-align: center;
		border-radius: 50%;
		display: block;
	}
	.mobile-nav-left li a.hover{
		color: #000;
	}
	.mobile-mask{
		position: fixed;
    left: 0;
    right: 0;
    top: 30px;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
	}
	.menu {
		height: 32px;
		width: 100%;
		margin: 0 auto;
		background: url('../images/menu_bg.png') repeat-x;
		background-position: 0px -32px;

		display: none;
	}
	.menu .menuleft {
		width: 10px;
		height: 32px;
		background: url('../images/menu_bg.png') no-repeat;
		background-position: 0px -0px;
	}
	.menu .menucenter {
		text-align: center;
		height: 32px;
	}
	.menu .menuright {
		width: 10px;
		height: 32px;
		background: url('../images/menu_bg.png') no-repeat;
		background-position: 0px -64px;
	}
	.menucenter ul {
		list-style: none;
		margin: 0 auto;
		padding: 0px;
		height: 32px;
		line-height: 32px;
		overflow: hidden;
	}
	.menucenter ul li {
		list-style: none;
		height: 32px;
		line-height: 32px;
		padding:0px 10px 0px 10px;
		display: inline-block;
	}
	.menucenter ul li.hover {
		height: 32px;
		line-height: 32px;
		width: 85px;
		padding:0px;
		margin: 0px 10px 0px 10px;
		background: url('../images/menu_bg_hover2.png') no-repeat;
	}
	.menucenter ul li.hover2 {
		height: 32px;
		line-height: 32px;
		padding:0px 10px 0px 10px;
		margin: 0px 10px 0px 10px;
		background: url('../images/menu_bg_hover.png') repeat-x;
	}
	.menucenter ul li.hover a.toplink {
		color: #000;
	}
	/*IE menu center*/
	.menucenter ul li {
		*display:inline;
	}

	.bann {
		width: 100%;
		margin: 0 auto;
		margin-top: 5px;
	}
	.framecenter {
		width: 100%;
		margin: 0 auto;
	}
	/*home*/
	.fup .spantitle {
		float: left;
		width: 70px;
		font-size: 15px;
		color: #257B98;
		font-weight: bold;
		margin-left: 5px;
		padding-left: 15px;
		/*background: url('../images/icon2.gif') no-repeat 0;*/
	}
	.fup .spanmone {
		padding-right: 0;
	}
	/*pic*/
	.fcontent {
		padding: 0px;
	}
	.piclist {
		width: 90%;
		list-style: none;
		margin: 0 auto;
		padding: 5px;
	}
	.piclist li {
		float: left;
		width: 50%;
		text-align: center;
		margin: 10px 0px 10px 0px;
	}
	.piclist li p {
		height: 25px;
		line-height: 25px;
	}
	.piclist li img {
		width: 98%;
		height: 120px;
		border: 1px solid #eee;
		padding: 5px;
	}
	/*font*/
	.fcontent .textlist {
		width: 100% !important;
		list-style: none;
		margin: 0 auto;
		padding: 5px;
		display: block;
		line-height: 22px;
		clear:both;
	}
	.fcontent .textlist li {
		height: 22px;
		padding-left: 8px;
		padding-right: 5px;
		line-height: 22px;
		background: url('../images/icon3.gif') no-repeat 0;
		list-style: none;
		display: list-item;
	}
	.fcontent .textlist li .names {
		float: right;
		color: #828282;
		font-size: 12px;
	}
	/*picnews*/
	.garden-bd {
		display: block;
	}
	.garden-bd img {
		border: 1px solid #BEE2EE;
		float: left;
		height: 108px;
		padding: 2px;
		width: 40%;
	}
	.garden-bd h3 {
		color: #0058A6;
		float: right;
		font-size: 14px;
		line-height: 28px;
		margin-top: 5px;
		padding-right: 5px;
		width: 55%;
	}
	.garden-bd p {
		color: #808CA6;
		float: right;
		line-height: 22px;
		padding-right: 5px;
		width: 55%;
	}
	/*input*/

	.frameleft {
		float: left;
		width: 100%;
		margin-top: 8px;
	}

	.frameleft .fup {
		width: 100%;
		height: 33px;
		line-height: 33px;
		background: #eee;
	}
	.frameleft .fcontentstr {
		width: 95%;
		background:#fff;
		overflow: hidden;
	}
	.frameleft .fcontent {
		width: 100%;
		background:#fff;
		overflow: hidden;
	}
	.frameleft .fdown {
		width: 100%;
		height: 5px;
		background:#fff;
		overflow: hidden;
	}
	.frameright {
		float: right;
		width: 100%;
		margin-top: 8px;

		display: none;
	}
	.frameright .fup {
		width: 100%;
		height: 33px;
		line-height: 33px;
	}
	.frameright .fcontent {
		width: 100%;
		background:#fff;
	}
	.frameright .fcontentstr {
		width: 100%;
		background:#fff;
	}
	.frameright .fdown {
		width: 100%;
		height: 5px;
		background:#fff;
		overflow: hidden;
	}
	.frameleft2 {
		float: none;
		margin-left: 0 !important;
		width: 100%;
		margin-top: 8px;
	}
	.frameleft2 .fup {
		width: 100%;
		height: 33px;
		line-height: 33px;
		background: #eee;
	}
	.frameleft2 .fcontent {
		width: 95%;
    background:#fff;
		padding: 5px 0px 0px 5px;
	}
	.frameleft2 .fdown {
		width: 100%;
		height: 7px;
		background:#fff;
		overflow: hidden;
	}

	.frameright{
		display: none;
	}

	/*fotter*/
	#right-float-box{
		display: none;
	}
	.fotter {
		clear: both;
		margin: 0 auto;
		width: 98%;
		height: auto;
	}
	.fotter .fotterup {
		width: 98%;
		height: 6px;
	}
	.fotter .fottercontent {
		width: 98%;
		height: auto;
		min-height: 80px;
		/*background: #eee;*/
		padding: 5px;
		border: 1px solid #aaa;
	}
	.linkpic {
		width: 100%;
		padding: 0px;
	}
	.linkpic ul {
		list-style: none;
		margin: 0 auto;
		padding: 0px;
	}
	.linkpic ul li {
		width: 88px;
		margin: 0 auto;
		padding-left: 3px;
		list-style: none;
		display: inline;
	}
	.linkfont {
		width: 100%;
		padding: 0px;
		margin: 0 auto;
	}
	.linkfont ul {
		list-style: none;
		margin: 0 auto;
		padding: 0px;
	}
	.linkfont ul li {
		width: 98px;
		text-align: center;
		margin: 0 auto;
		padding: 10 5px 5px 5px;
		list-style: none;
		display: inline;
	}
	.fotter .fotterdown {
		width: 100%;
		height: 6px;
		background: #fff;
	}
	.fotter .fotterstr {
		width: 100%;
		height: auto;
		text-align: center;
		padding: 5px 0px 10px 0px;
		line-height: 180%;
	}
	.fotter .parttype {
		width: 100%;
		height: 50px;
		text-align: center;
		background: #eee;
		padding: 10px 0px 0px 0px;
	}
	.fotter .parttype ul {
		width: 100%;
		list-style: none;
		margin: 0 auto;
	}
	.fotter .parttype ul li {
		padding:0px 5px 0px 5px;
		text-align: center;
		margin: 0 auto;
		list-style: none;
		display: inline;
	}
	/*location*/
	.location {
		width: 98%;
		padding-left: 5px;
		margin: 0 auto;
		margin-top: 8px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #D9E6EB;
	}
	/*lefttab*/
	.tbottonlist {
		width: 220px;
	}
	.tbottonlist .tg {
		height: 30px;
		line-height: 30px;
		color: #257B98;
		/*padding-left: 15px;*/
		font-weight: bold;
		background-color: #B5D4F2;
	}
	.tbottonlist .l {
		padding: 5px;/*??*/
		/*border: 1px solid #B5D4F2;*/
	}
	.three {
		list-style: none;
		margin: 0 auto;
		padding: 0px;
		margin-left: 10px;
	}
	.three li {
		height: 30px;
		line-height: 30px;
		text-align: left;
		margin: 0 auto;
		padding-left: 10px;
		list-style: none;
		float:left;
	}
	.goods li.a {
		width: 98%;
		clear: left;
		border-top: 1px dashed #257B98;
		font-weight: bold;
		background: #eee;
	}
	.three li.a {
		font-weight: bold;
	}
	.three li.b {
		height: 25px;
		padding-left: 8px;
		line-height: 25px;
		background: url('../images/icon3.gif') no-repeat 0px 11px;
		list-style: none;
		display: list-item;
	}
	.three li .title {
		float: left;
	}
	/*fengge*/
	.three_fg {
		width:100%;
		list-style: none;
		margin: 0 auto;
		padding: 0px;
		margin-left: 10px;
	}
	.three_fg li {
		float: left;
		width:100%;
		height: 25px;
		line-height: 25px;
		text-align: left;
		margin: 0 auto;
		padding-left: 0px;
		list-style: none;
		overflow: hidden;
	}
	.three_fg li.a {
		font-weight: bold;
	}
	.three_fg li.b {
		height: 25px;
		padding-left: 8px;
		line-height: 25px;
		background: url('../images/icon3.gif') no-repeat 0px 11px;
		list-style: none;
		display: list-item;
	}
	.three_fg li .title {
		float: left;
	}
	/*newslist*/

	.newslist {
		list-style: none;
		margin: 0 auto;
		padding: 0px;
		margin-left: 10px;
	}
	.newslist li {
		height: 25px;
		line-height: 25px;
		text-align: left;
		margin: 0 auto;
		padding-left: 0px;
		list-style: none;
		overflow: hidden;
	}
	.newslist li.a {
		font-weight: bold;
	}
	.newslist li.b {
		height: 25px;
		padding-left: 8px;
		line-height: 25px;
		background: url('../images/icon3.gif') no-repeat 0px 15px;
		list-style: none;
		padding-bottom:5px;
		border-bottom: 1px dashed #DADBD6;
		display: list-item;
	}
	.newslist li .title {
		width: 70%;
		text-align: left;
		float: left;
	}

	.date {
		float: right;
		padding-right: 10px;
		color: #B3B3B3;
	}
	.tbottonlist .spantitle, .gbottonlist .spantitle {
		float: left;
	}
	.tbottonlist .spanmone, .gbottonlist .spanmone {
		float: right;
		padding-right: 5px;
	}
	.righttext {
		width: 100%;
	}
	/*righttable*/
	.gbottonlist {
		margin: 0 auto;
		width: 100%;
	}
	.gbottonlist .tg {
		height: 30px;
		line-height: 30px;
		color: #257B98;
		padding-left: 15px;
		font-weight: bold;
		background-color: #B5D4F2;
	}
	.gbottonlist .l {
		margin-top: 1px;
		padding: 5px;
		height: 100%;
		background-color: #F8F8F8;
		overflow: hidden;
	}
	/*linebook*/
	.gbottonlist2 {
		margin: 0 auto;
		width: 100%;
	}
	.gbottonlist2 .tg {
		height: 30px;
		line-height: 30px;
		color: #000;
		padding-left: 15px;
		font-weight: bold;
		background-color: #B5D4F2;
	}
	.gbottonlist2 .l {
		margin-top: 1px;
		padding: 5px;
		height: 100%;
		background-color: #F8F8F8;
		overflow: hidden;
	}

	.l .pictext {
		list-style: none;
		margin: 0 auto;
		padding: 0px;
	}
	.l .pictext li {
		width: 350px;
		float: left;
		height: 105px;
		margin-left: 5px;
		line-height: 95px;
		text-align: left;
		margin: 0 auto;
		padding-left: 0px;
		overflow: hidden;
	}
	/*pic02*/
	.garden-bd2 {
		display: block;
	}
	.garden-bd2 img {
		border: 1px solid #BEE2EE;
		float: left;
		height: 88px;
		padding: 2px;
		width: 130px;
	}
	.garden-bd2 h3 {
		width: 200px;
		color: #0058A6;
		float: left;
		font-size: 12px;
		line-height: 22px;
		margin-top: 5px;
		padding-left: 5px;
	}
	.garden-bd2 p {
		width: 200px;
		color: #808CA6;
		float: left;
		line-height: 20px;
		padding-left: 5px;
	}
	.ttitle {
		height: 35px;
		line-height: 35px;
		padding-left: 10px;
		font-weight: bold;
		vertical-align : middle;
		background-color: #D7E8F8;
	}

	/*productlist_list*/
	.goodslist {
		overflow: hidden;
		list-style-type: none;
		margin: 0px auto;
		margin-top: 20px;
	}
	.goodslist li {
		float: left;
		padding: 0px 0px 0px 15px;
		text-align: center;
		width: 160px;
		height: 200px;
		overflow: hidden;
	}
	.goodslist li .t {
		height: 25px;
		line-height: 25px;
		overflow: hidden;
		display: list-item;
	}
	.goodslist li p {
		height: 25px;
		line-height: 25px;
	}
	.goodslist li img {
		border: 1px solid #EEE;
	}
	/*productlist_table*/
	.goodstable {
		overflow: hidden;
		list-style-type: none;
		margin: 0px auto;
	}
	.goodstable li {
		height: 145px;
		padding-top: 20px;
		vertical-align: top;
		display: list-item;
	}
	.goodstable li img {
		border: 1px solid #EEE;
	}
	.item1left {
		float: left;
		height: 122px;
		padding-left: 10px;
		width: 122px;
	}
	.item1protitle {
		float: left;
		overflow: hidden;
		padding-left: 10px;
		width: 550px;
	}
	.item1protitle dl dt {
		padding-top: 8px;
		display: block;
	}
	.item1protitle dl dd {
		padding-top: 6px;
		color: #808080;
		line-height: 180%;
		display: block;
	}
	.item1right {
		float: left;
		padding-top: 0px;
		padding-right: 10px;
		text-align: right;
		padding-left: 10px;
		width: 550px;
	}
	#imgbotton img {
		border: 0px;
	}
	.priceclass {
		color: #C00;
		margin-right: 5px;
	}
	.height1dotted {
		margin-top: 10px;
		margin-bottom:10px;
	}
	.height1dotted {
		background: url(../images/search_bg_spu_100618.png) repeat-x scroll;
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	.readpic {
		float: left;
		height: 200px;
		padding: 5px;
		width: 235px;
	}
	.readpic img {
		border: 1px solid #EEE;
	}
	.readtitle {
		width: 100%;
		/*float: left;*/
		text-align: left;
	}
	.readtitle dl dt {
		padding-top: 10px;
		color: #FF6600;
	}
	.readtitle dl dd {
		padding-top: 6px;
		color: #828282;
		line-height: 200%;
	}
	.readlist {
		/*float: left;*/
		margin: 0 auto;
		width: 100%;
		margin-top: 10px;
	}
	.readlist .tg {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		padding-left: 10px;
		font-weight: bold;
		background-color: #D6DEE5;
	}
	.readlist .l {
		margin-top: 1px;
		padding: 0px;
		height: 98%;
		background-color: #F8F8F8;
		display: block;
		overflow: hidden;
	}
	.readlist .f {
		margin-top: 1px;
		padding: 5px 10px 5px 10px;
		height: 100%;
		background-color: #F8F8F8;
		display: block;
		overflow: hidden;
	}
	.photo {
		overflow: hidden;
		list-style-type: none;
		margin: 0px auto;
	}
	.photo li {
		float: left;
		padding: 3px;
		margin: 5px;
		border: 1px solid #EEE;
		vertical-align: top;
		display: list-item;
	}
	/*login_member*/
	.sianin .sianinbg {
		width: 369px;
		padding: 10px 0px 0px 0px;
		border-left: #d2e5ef 1px solid;
		border-right: #d2e5ef 1px solid;
		border-top: none;
		border-bottom: none;
		overflow: hidden;
	}
	.signintitle {
		background: url('../images/application.gif') no-repeat;
		background-position: left -166px;
		padding: 15px 0px 0px 70px;/*??*/
		height: 29px;
		text-align: left;
		overflow: hidden;
	}
	.signin-area-bg {
		width: 361px;
		padding: 5px;/*??*/
		overflow: hidden;
	}
	.signin-area-bg2 {
		padding: 0px;
		overflow: hidden;
	}
	.signin-area-bg3 {
		width: 251px;
		padding: 5px 0px 5px 110px;
		overflow: hidden;
	}
	.title {
		float: left;
		width: 100px;
		padding: 5px 0px 0px 0px;
		text-align: right;
		margin-right: 5px;
		overflow: hidden;
	}
	.input {
		float: left;
		width: 250px;
		text-align: left;
		overflow: hidden;
	}
	.tipsnr {
		background: url('../images/login.gif') no-repeat;
		background-position: left -103px;
		height: 5px;
		line-height: 5px;
		width: 371px;
		overflow: hidden;
	}
	.messicon {
		height: 48px;
		padding-right: 10px;
	}
	.messtext {
		height: 48px;
		line-height: 48px;
		vertical-align : middle;
	}
	.messicon2 {
		height: 20px;
		padding-right: 10px;
	}
	.messtext2 {
		height: 20px;
		line-height: 20px;
		vertical-align : middle;
	}

	/*tablelist*/
	.tablelist .td01 {
		background-color: #F3F3F3;
		border: 1px solid #E6E6E6;
		padding: 5px;
		height: 30px;
		line-height: 30px;
		font-weight: bold;
	}
	.tablelist .td02 {
		border: 1px solid #E6E6E6;
		padding: 5px;
		height: 30px;
		line-height: 30px;
	}
	.tablelist .td03 {
		border-style: none none solid none;
		border-width: 0px 0px 1px 0px;
		border-color: #E6E6E6;
		padding: 5px 5px 5px 10px;
		height: 30px;
		line-height: 30px;
	}
	.td03 img {
		vertical-align : middle;
	}
	.tablelist .td04 {
		border-style: none none solid none;
		border-width: 0px 0px 1px 0px;
		border-color: #E6E6E6;
		padding: 5px;
		height: 30px;
		line-height: 30px;
	}
	/*bbstable*/
	.tablelist .td05{
		border: 1px solid #F0F0F0;
		padding: 5px 5px 5px 10px;
	}
	.tablelist .td06{
		padding: 5px;
		height: 30px;
		line-height: 30px;
	}
	.ttitle2 {
		height: 30px;
		line-height: 30px;
		padding-left: 10px;
		font-weight: bold;
		vertical-align : middle;
		background-color: #F0F0F0;
	}
	.ttitle3 {
		height: 30px;
		line-height: 30px;
		padding-left: 10px;
		font-weight: bold;
		vertical-align : middle;
		background-color: #F4E8C3;
	}
	/*searchtitle*/
	.searchtitle{
		height:30px;
		line-height:30px;
		padding-left:15px;
		background: url('../images/icon3.gif') no-repeat 5px 11px;
	}
	.searchtext{
		line-height:160%;
		padding-left:15px;
		font-size:14px;
	}

	/* zsg add*/
	.part-right{
		clear: both;
		width: 100%;
	}
	.part-left{
		clear: both;
		width: 100%;
	}
	.part-left .fenlei{
		width: 100%;
	}
	.read-fenlei, .biaoqian, .redian, .sousuo{
		display: none;
	}

	.content{
		width: 98%;
		margin: 0 auto;
		padding: 10px 0px;
		font-size: 14px !important;
		overflow: hidden;
	}
	.content img{
		width: 99% !important;
		max-width: 100% !important;
		height: auto;
		margin: 0 auto;
	}
	.content p,.content p span,.content span{
		font-size: 14px !important;
	}
}/* <-- zsg 2018*/