@charset "utf-8";


.phone_state {
	display: none;
}

.pc_state {
	display: block;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.clear {
	clear: both;
}

@media screen and (max-width:1280px) {
	.head {
		width: 1024px;
	}

	.content {
		width: 1024px;
	}

	.index_pro {
		width: 1024px;
	}

	.link {
		width: 1024px;
	}

	.menu ul {
		width: 1024px;
	}

	.side_right {
		width: calc(100% - 250px);
	}

.language{
	display: flex;
	justify-content: center;
}
	
	.tjcp {
		width: 100%;
	}

	.tjcp_tit {
		width: 100%;
		background: url(http://jintaiyuanny.com/images/right_01.png) no-repeat top left;
		background-size: 100% 100%;
	}

	.tjcp_con {
		width: 100%;
	}

	.tjcp_con ul {
		width: 100%;
	}

	.tjcp_con ul li {
		width: 183px;
	}

	.tjcp_img {
		width: calc(100% - 12px);
	}

	.tjcp_img img {
		width: 100%;
	}

	.gsjj {
		width: 100%;
	}

	.gsjj_tit {
		width: 100%;
		background: url(http://jintaiyuanny.com/images/right_01.png) no-repeat top left;
		background-size: 100% 100%;
	}

	.zxdt,
	.mmbk {
		width: 383px;
	}

	.zxdt_tit,
	.mmbk_tit {
		width: 100%;
		background: url(http://jintaiyuanny.com/images/right_02.png) no-repeat top left;
		background-size: 100% 100%;
	}

	.zxdt_con {
		width: 100%;
	}

	.zxdt_con ul {
		width: 100%;
	}

	.zxdt_con ul li {
		width: 100%;
	}

	.zxdt_l {
		width: 240px;
	}

	.mmbk_con {
		width: 100%;
	}

	.mmbk_con ul {
		width: 100%;
	}

	.mmbk_con ul li {
		width: 100%;
	}

	.index_pro_tit {
		width: 100%;
		background: url(http://jintaiyuanny.com/images/right_03.png) no-repeat top left;
		background-size: 100% 100%;
	}

	.menu ul li {
		width: 146px;
	}

	.menu ul li a {
		width: 146px;
	}

	.news {
		width: 100%;
	}

	.news li {
		overflow: hidden;
	}

	.title {
		background: url(http://jintaiyuanny.com/img/title.png) no-repeat;
		background-size: 100% 100% !important;
	}
}







@media screen and (max-width:1100px) {

	.phone_state {
		display: block;
	}

	.pc_state {
		display: none;
	}


	body {
		margin: 0px;
		padding: 0px;
		font: normal 90% "微软雅黑";
		color: #3a3a3a;
		background: #FAFAFA
	}

	/*公共样式*/

	A {
		TEXT-DECORATION: none;
		color: #3a3a3a
	}

	A:hover {
		COLOR: #ff6600
	}

	.clear {
		clear: both
	}

	.fl {
		float: left
	}

	.fr {
		float: right
	}

	img {
		border: 0px;
	}

	DIV,
	ul,
	li,
	h1,
	h2,
	p,
	dl,
	dt,
	dd,
	input {
		margin: 0;
		padding: 0;
		list-style: none;
		border: none
	}

	.main {
		width: 100%;
		/* max-width: 640px; */
		margin: 0 auto;
		position: relative
	}

	.title {
		height: 45px;
		margin: 0 auto;
		display: block;
		background: url(http://jintaiyuanny.com/img/title.png) no-repeat;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 45px;
		padding-left: 3%;
		color: #fff;
		border-radius: 10px
	}

	.title span {
		float: right;
		margin-right: 5%;
		font-weight: normal;
		font-size: 0.8em
	}

	.title span a {
		color: #FFF
	}

	/* top.php */

	.logo {
		position: relative;
		width: 100%;
		text-indent: 5px;
		height: 50px;
		line-height: 50px;
		font-size: 1.2em;
		font-weight: bolder;
		color: #0a6633;
		text-align: left;
	}

	.logo img {
		max-width: 451px;
		width: 80%;
		vertical-align: middle
	}

	.top_search {
		display: block;
		width: 55px;
		height: 50px;
		background: url(http://jintaiyuanny.com/img/nav.png) no-repeat center;
		background-size: 40px;
		text-align: center
	}

	.seachbox_box {
		display: none;
		max-width: 640px;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		height: 32px;
		padding: 8px 0;
		background: #004B8D;
		overflow: hidden;
	}

	.seachbox_box input.text {
		float: left;
		height: 14px;
		line-height: 32px;
		border: none;
		height: 32px;
		margin-left: 3%;
		background: #fdfdfd;
		font-size: 0.9em;
		padding-left: 10px;
		border-radius: 0;
	}

	.seachbox_box .submit {
		float: left;
		height: 32px;
		padding: 0px 19px;
		background: #fff url(http://jintaiyuanny.com/img/search.png)no-repeat 3px center;
		background-size: 32px 32px;
		border-radius: 0;
	}

	.nav {
		display: none;
		width: 100%;
		border-top: 1px #FFFFFF solid;
		background: #fff;
		color: #FFF;
		overflow: hidden;
	}

	.nav ul {
		width: 101%
	}

	.nav li {
		width: 24.7%;
		float: left;
		height: 31px;
		line-height: 31px;
		text-align: center;
		margin-right: 1px;
		margin-bottom: 1px;
	}

	.nav li a {
		display: block;
		color: #FFF;
		background: #5FB226;
		text-shadow: 1px 1px 1px #000;
	}

	/* index.php */

	.about {
		width: 100%;
		margin: 0 auto;
	}

	.about ul li {
		padding: 10px;
		line-height: 30px
	}

	.ad {
		width: 100%;
		margin: 5px 0;
		background: none;
		height: auto;
	}


	.index_nav {
		width: 95%;
		margin: 15px auto
	}

	.index_nav li {
		position: relative;
		width: 21%;
		float: left;
		text-align: center;
		margin-left: 2%;
		padding-right: 2%;
		margin-bottom: 40px;
		background: url(http://jintaiyuanny.com/img/iline.png) right center no-repeat;
	}

	.index_nav li img {
		width: 100%;
		max-width: 105px;
	}

	.index_nav li:nth-child(4) {
		background: none
	}


	.index_nav li p {
		position: absolute;
		width: 100%;
		bottom: -30px;
		text-align: center;
		height: 20px;
		line-height: 20px;
		font-size: 1.2em;
		color: #1a8f00;
	}

	.product {
		width: 100%;
		margin: 0 auto
	}

	.product li {
		width: 46%;
		float: left;
		margin: 1% 0 1% 2%;
		line-height: 0;
	}

	.product li div {
		position: relative;
		width: 97%;
		height: auto;
	}

	.tjcp_name {
		height: 40px;
		line-height: 36px;
	}

	.picbox img {
		width: 100%;
		border: 1px #e4e4e4 solid;
		padding: 1%;
	}

	.pictitle {
		width: 100%;
		bottom: 5px;
		left: 0;
		text-align: center;
		height: 30px;
		line-height: 30px;
	}



	.more {
		height: 33px;
		line-height: 33px;
		margin: 0 8px;
		border: 1px solid #efefef;
		background-color: #f6f5f5;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 15px;
	}

	.more,
	.more a,
	.more span {
		color: #b4b4b4
	}

	.more span {
		font-size: 1em;
	}

	.more .gochannel:after {
		content: "";
		display: inline-block;
		width: 21px;
		height: 21px;
		vertical-align: -5px;
		margin-left: 5px;
	}

	.more .gochannel:after {
		background-position: -63px 0;
	}

	.gochannel:after {
		background-image: url(http://jintaiyuanny.com/img/icon.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 119px 21px;
		-moz-background-size: 119px 21px;
		-o-background-size: 119px 21px;
		background-size: 119px 21px;
	}

	/* sort.php */

	.sort {
		width: 95%;
		margin: 0 auto;
		color: #FFF;
		overflow: hidden;
	}

	.sort ul li {
		margin: 10px auto;
		height: 50px;
		line-height: 50px;
		text-align: left;
		border: 1px solid #dfdfdf;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));
		background: -moz-linear-gradient(top, #ffffff, #f0f0f0);
		/* Firefox */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#f0f0f0, grandientType=0)
	}

	.sort ul li a {
		display: block;
		line-height: 50px;
		font-size: 18px;
		padding-left: 20px;
		font-weight: bolder;
		color: #5D5D5D;
	}

	.sort ul li a:hover {
		background-color: #83c1f7;
	}

	/* gallery.php */

	#pro li {
		float: left;
		display: block;
		padding: 2%;
		line-height: 21px;
		text-align: center;
		width: 46%;
	}

	#pro li div {
		display: block;
		width: 97%;
		border: 1px solid #408B39;
		float: left;
		padding: 2px;
		text-align: center;
		overflow: hidden
	}

	#pro li img {
		width: 99%;
		border: 1px solid #fff;
		float: left;
	}

	#pro p {
		width: 100%;
		height: 28px;
		line-height: 28px;
		float: left;
		text-align: center;
		color: #fff;
		background: #408B39;
		margin-top: 9px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.product_sort {
		display: block;
		width: 80px;
		background: #408B39;
		font-size: 0.9em;
		height: 45px;
		line-height: 45px;
		color: #FFF;
		text-align: center
	}

	.gallery_more {
		display: block;
		width: 50%;
		margin: 10px auto;
		padding: 8px 0;
		text-align: center;
		background: #408B39;
		color: #FFF
	}

	.allsort {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}

	.allsort .close {
		border-right: 1px #FFFFFF solid;
		width: 20%;
		background: rgba(0, 0, 0, 0.5);
	}

	.allsort .closeicon {
		width: 100%;
		height: 100px;
		background: url(http://jintaiyuanny.com/img/back.png) no-repeat 50% 30px;
		background-size: 40px;
	}

	.allsort ul {
		background: #408B39;
		height: 100%
	}

	.allsort ul li {
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid #FFF;
		color: #FFF;
		text-indent: 15px;
	}

	.allsort ul li a {
		color: #FFF
	}

	.allsort ul li span {
		float: right;
		height: 20px;
		margin-top: 5px;
		background: #5FB226;
		border-radius: 8px;
		margin-right: 5px;
		font-size: 0.9em;
		text-indent: 0;
		line-height: 20px;
		padding: 0 15px;
		color: #FFF
	}

	/* show.php */

	.show_titie {
		width: 100%;
		height: 50px;
		background: url(http://jintaiyuanny.com/img/bottom.jpg) no-repeat;
	}

	.show_back {
		float: left;
		background: #5FB226;
		width: 18%;
		height: 30px;
		margin-top: 10px;
		margin-left: 2%;
		line-height: 30px;
		text-align: center;
		border-radius: 10px
	}

	.show_back a {
		display: block;
		color: #FFF;
		font-size: 1.1em
	}

	.show_biaoti {
		float: left;
		width: 60%;
		text-align: center;
		line-height: 50px;
		color: #FFF;
		font-size: 1.1em
	}

	.show_zihao {
		position: relative;
		float: left;
		background: #5FB226;
		width: 18%;
		height: 30px;
		margin-top: 10px;
		margin-right: 2%;
		line-height: 30px;
		text-align: center;
		border-radius: 10px;
		color: #FFF;
		font-size: 1.1em
	}

	.show_zihao ul {
		position: absolute;
		width: 100%;
		display: none
	}

	.show_zihao ul li {
		width: 100%;
		height: 35px;
		line-height: 35px;
		background: #5FB226;
		color: #FFF
	}

	.show_zihao_on {
		background: #408B39 !important;
		color: #fff
	}

	.show_zihao ul li:nth-child(1) {
		font-size: 0.9em
	}

	.show_zihao ul li:nth-child(2) {
		font-size: 1em
	}

	.show_zihao ul li:nth-child(3) {
		font-size: 1.1em
	}

	.show_zihao_sanjiao {
		display: none;
		width: 0;
		height: 0;
		margin: 0 auto;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 10px solid #5FB226;
	}

	.tel_message {
		width: 300px;
		margin: 0 auto
	}

	.tel_message li:nth-child(1) {
		width: 45%;
		height: 35px;
		line-height: 35px;
		background: #6AA227;
		border-radius: 5px;
		float: left;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.tel_message li:nth-child(2) {
		width: 45%;
		height: 35px;
		line-height: 35px;
		background: #028DC4;
		border-radius: 5px;
		float: left;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10%
	}

	.tel_message li a {
		color: #FFF
	}

	.content {
		line-height: 30px;
		width: 96%;
		margin: 0 auto
	}

	.content .b_img {
		margin-top: 5px;
		text-align: center
	}

	.content .b_img img {
		width: 300px;
	}

	.content .neirong {
		padding: 5px;
	}

	.content h2 {
		text-align: center;
		font-size: 1.1em
	}

	.content .img {
		text-align: center
	}

	.time {
		text-align: center;
		height: 30px;
		line-height: 30px;
		font-size: 0.9em;
	}

	.prenext {
		width: 90%;
		height: 35px;
		margin: 10px auto;
	}

	.prenext ul li:nth-child(1) {
		float: left;
		width: 45%;
		height: 35px;
		line-height: 35px;
		background: #f0f0f0;
		text-align: center;
	}

	.prenext ul li:nth-child(2) {
		float: left;
		width: 45%;
		margin-left: 10%;
		height: 35px;
		line-height: 35px;
		background: #f0f0f0;
		text-align: center;
	}

	.prenext ul li a {
		display: block
	}

	/* message.php */
	.message_xxk {
		width: 50%;
		margin: 10px 1% 10px 0;
		float: right
	}

	.message_xxk ul li {
		float: left;
		width: 50%;
		height: 30px;
		line-height: 30px;
		background: #ccc;
		color: #FFF;
		text-align: center
	}

	.message_xxk ul li.on {
		background: #408B39;
	}

	.show_message_title {
		width: 98%;
		margin: 0 auto;
		height: 30px;
		line-height: 30px;
		background: #9a9a9a;
		padding-left: 10px;
		color: #fff;
		font-size: 14px;
	}

	.show_message {
		width: 94%;
		height: auto;
		margin: 5px auto;
		padding: 2%;
		border: 1px #ccc solid;
		line-height: 30px;
		display: none
	}

	.show_message .liuyanren {
		float: left;
		font-size: 12px;
	}

	.show_message .time {
		float: right;
		margin-right: 20px;
		width: 200px
	}

	.show_message span {
		float: left;
		font-size: 12px;
		font-weight: bolder
	}

	.show_message .huifu {
		font-size: 12px;
		color: #F00;
	}

	.msgtitle {
		width: 100%;
		padding-bottom: 5px;
		text-align: center;
		font-size: 1em;
		font-weight: bold;
		margin-top: 15px;
	}

	.message_block {
		color: #666;
	}

	.message_block p {
		padding: 12px;
	}

	.msg_input {
		width: 94%;
		border: 1px solid #e0e0e0;
		padding: 8px 9px;
		background: #fdfdfd;
		font-size: 13px;
		color: #888;
		border-radius: 2px;
	}

	.msg_input_on {
		width: 92%;
		border: 1px solid #8cd1ff;
		background: #408B39;
		padding: 8px 9px;
		border-radius: 2px;
		font-size: 13px;
		color: #888;
	}

	.message_labes {
		font-size: 14px;
	}

	.message_title {
		height: 34px;
		line-height: 34px;
		background: #f6f9fb;
		padding: 0 12px;
	}

	.message_title h2 {
		color: #376b88;
		font-size: 14px;
		float: left;
	}

	.message_title span {
		float: right;
		font-weight: bold;
		color: #999;
	}

	.message_info {
		color: #8ea6b6;
		text-align: right;
	}

	.msg_btn_area {
		margin: 5px auto;
		text-align: right;
		padding-right: 1%
	}

	.msg_btn_area a {
		display: inline-block;
		padding: 5px 15px;
		background: #408B39;
		color: #fff;
		text-align: center;
		font-size: 14px;
		overflow: hidden;
		cursor: pointer;
		font-weight: bold;
	}

	/* list.php */

	.news {
		width: 100%;
		margin: 0 auto;
	}

	.news ul {
		width: 98%;
		margin: 0 auto;
	}

	.news li {
		list-style-position: inside;
		list-style-type: disc;
		border-bottom: 1px dashed #c7c7c7;
		height: 35px;
		line-height: 35px;
		padding-left: 8px;
		list-style: none;
		background: url(http://jintaiyuanny.com/img/n_icon.png) 95% no-repeat;
	}

	/* map.php */

	.map_titie {
		position: fixed;
		top: 0;
		z-index: 999;
		width: 100%;
		height: 50px;
		background: #408B39
	}

	.map_back {
		float: left;
		background: #5FB226;
		width: 20%;
		height: 50px;
		line-height: 50px;
		text-align: center;
	}

	.map_back a {
		display: block;
		color: #FFF;
		font-size: 1.1em
	}

	.map_biaoti {
		float: left;
		width: 80%;
		text-align: center;
		line-height: 50px;
		color: #FFF;
		font-size: 1.1em
	}

	#allmap {
		width: 100%;
		height: 100%;
		overflow: hidden;
		margin: 5px auto;
	}

	/* foot.php */

	.line {
		background: url(http://jintaiyuanny.com/img/line.jpg) no-repeat;
		background-size: 100%;
		height: 7px;
	}

	.foot {
		margin-top: 10px;
		height: 100px;
		line-height: 50px;
		text-align: center;
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
	}

	#bottom {
		position: fixed;
		width: 100%;
		/* max-width: 640px; */
		margin: 0 auto;
		height: 60px;
		bottom: 0;
		background: url(http://jintaiyuanny.com/img/bottom.jpg) no-repeat;
		background-size: 100% 100%;
	}

	#bottom ul {
		height: 60px;
		line-height: 60px
	}

	#bottom ul li {
		width: 25%;
		float: left;
		color: #FFF;
		background: url(http://jintaiyuanny.com/img/bline.png) right no-repeat;
	}

	#bottom ul li dl {
		width: auto;
		margin: 0 auto;
		text-align: center
	}

	#bottom ul li dt {
		height: 35px;
	}

	#bottom ul li dt img {
		margin-top: 2px
	}

	#bottom ul li dd {
		width: auto;
		height: 25px;
		font-size: 0.8em;
		color: #fff;
		line-height: 25px;
		text-shadow: 1px 1px 1px #000;
	}


	/* Banner */

	.swipe {
		width: 100%;
		overflow: hidden;
		position: relative;
		text-align: center
	}

	.swipe ul {
		-webkit-transition: left 800ms ease-in 0;
		-moz-transition: left 800ms ease-in 0;
		-o-transition: left 800ms ease-in 0;
		-ms-transition: left 800ms ease-in 0;
		transition: left 800ms ease-in 0;
	}

	.swipe li img {
		width: 100%
	}

	.swipe #pagenavi {
		position: absolute;
		left: 0;
		bottom: 10px;
		text-align: center;
		width: 100%;
	}

	.swipe #pagenavi a {
		width: 10px;
		height: 10px;
		line-height: 99em;
		background: #dedede;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin: 0 4px;
		overflow: hidden;
		cursor: pointer;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}

	.swipe #pagenavi a.active {
		background: #fff;
	}

	#product_nav {
		width: 100%;
		text-align: center
	}

	#product_nav a {
		width: 40px;
		height: 5px;
		background: #b5b5b5;
		margin: 10px 2px;
		overflow: hidden;
		cursor: pointer;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}

	#product_nav a.active {
		background: #418C09;
	}

	#btn_prev,
	#btn_next {
		width: 25px;
		height: 50px;
		position: absolute;
		top: 35%;
		background: url(http://jintaiyuanny.com/img/sprite.png) no-repeat 0 0;
		cursor: pointer;
		opacity: 0.2;
		-moz-opacity: 0.2;
		-khtml-opacity: 0.2;
		filter: alpha(Opacity=20);
	}

	#btn_prev {
		left: 0;
	}

	#btn_next {
		right: 0;
		background-position: right top;
	}

	.gongying {
		width: 100%;
	}

	.gongying td {
		width: 33.3%
	}
}