@charset "utf-8";
/* CSS Document */
@import url("common.css");
@media only screen and (min-width: 991px) {

	.ibar {font-size: 30px;color: #333;text-align: center; width:100%; position:relative; padding:60px 0}
	.ibar span {font-size:16px; color:#666; font-size:14px; padding-top:15px; display:block;}
	.ibar font {margin-top:40px; display:inline-block;}
	.ibar font a {font-size:14px; margin:0 15px; padding:5px 10px; border:3px solid #fff;}
	.ibar font a.on {border-color:#248b3a;}
	.imore {height:50px; line-height:50px;}	
	.imore a {font-size:14px; color:#666b7f; display:inline-block;}	
	.imore a::before {font-size:18px; float:left; margin-right:5px;}
	#iabout dl dd a:hover {margin-left:10px;}
		
	#iproduct {text-align:center; height:650px; overflow:hidden; background:url(../images/bg_ipro.jpg) bottom repeat-x;}
	#iproduct .imore {margin-top:15px;}
	#iproduct ul {width:1384px; margin:0 auto; height:442px; display:none;}
	#iproduct ul:nth-child(2) {display:block;}
	#iproduct ul li {width:300px; color:#f8e8d6; height:440px; border:3px solid rgb(74,188,98,0); line-height:32px; text-align:center; float:left; margin:0 20px;}
	#iproduct ul li img {width:300px; height:300px; margin-top:20px;/* border-bottom:50px solid #fff;*/}
	#iproduct ul li font {display:none; padding-bottom:15px;}
	#iproduct ul li a.tit { font-size:16px; color:#f8e8d6; display:block; margin:0; padding:30px 0 5px 0;}
	#iproduct ul li a.pmore {display:none; padding:0 15px; border-radius:15px; font-size:14px;}
	#iproduct ul li.on {border:3px solid rgb(74,188,98,1); background-color:#fff; color:#6d6d6d;}
	#iproduct ul li.on a.tit {border-top:1px solid #CCC; margin:0 20px;}
	#iproduct ul li.on img {border-bottom:0;}
	#iproduct ul li.on a {color:#333;}
	#iproduct ul li.on a.pmore {display:inline-block; background-color:#248b3a; color:#fff;}
	
	#iabout {background-color:#fff; height:650px; overflow:hidden; margin-bottom:40px;}
	#iabout dl {width:1360px; margin:0 auto; height:270px;}
	#iabout dl dt {width:740px; float:left; text-align:left; color:#888; line-height:30px; font-size:14px;}
	#iabout dl dd {width:580px; float:right; text-align:left;}
	#iabout dl dd font {display:block; color:#333; font-size:22px; margin-top:6px; margin-bottom:50px;}
	#iabout dl dd span {direction:inherit; line-height:29px; font-size:15px; color:#666;}
	#iabout dl dd span b {font-weight:bold; color:#248b3a;}
	#iabout dl dd ul {margin-top:30px;}
	#iabout dl dd ul li {float:left; width:64px; text-align:center; margin-right:25px; color:#333;}
	#iabout dl dd ul li img {margin-bottom:5px;}
	#iabout dl dd ul li i {display:block; padding-top:10px; font-style:italic; color:#248b3a;}
	#iabout dl dd ul li i em {font-size:24px;}
	
		
	#icase {overflow:hidden; background:url(../images/bg_iabli.jpg) top repeat-x;}
	#icase ul {width:1380px; margin:0 auto; height:250px;}
	#icase ul li {width:200px; line-height:50px; text-align:left; float:left; margin:0 15px; color:#999; text-align:center;}
	#icase ul li img {width:200px; height:200px;}
	
	#inews {width:1360px; height:530px; margin:50px auto 0 auto;}
	#inews #topnews {width:640px; height:480px; float:left;}
	#inews #topnews img {width:640px; height:480px;}
	#inews #lastnews {width:680px; float:right; height:480px;}
	#inews #lastnews .ibar {text-align:left; position:relative; padding:35px 0;}
	#inews #lastnews .ibar::before {position:absolute; content:''; top:0; left:0; width:60px; height:4px; background-color:#39964d;}
	#inews ul {width:100%; margin:0 auto;}
	#inews ul li {text-align:left; height:100px;}
	#inews ul li span {float:left; width:30px; text-align:center; margin-right:20px;}
	#inews ul li span i {display:block; font-size:30px; color:#248b3a; height:38px;}
	#inews ul li a.intit {display:block; font-size:18px; height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	#inews ul li font {display:inherit; font-size:14px; color:#888; height:16px; overflow:hidden;}
	#inews ul li a.iconfont {color:#999999; font-size:13px; line-height:25px;}
	#inews ul li a.iconfont::before {float:left; margin-right:15px; font-size:24px;}
	
	#ivideo #ivpic {height:504px; overflow:hidden; position:relative; background:center no-repeat}
	#ivideo font {width:760px; font-size:16px; line-height:200%; display:block; background:url(../images/bg_tm1.png); padding:30px; margin:250px auto 0 auto;}
	#ivideo #ivpic span {display:block; position:absolute; bottom:0; width:824px; margin:0 calc(50% - 412px);}
	#ivideo #ivpic span a {width:200px; float:left; line-height:50px; background:url(../images/bg_tm1.png); font-size:18px; margin:0 3px;}
	#ivideo #ivpic span a.active {background:#328235; color:#fff;}
	
	#links {height:40px; background-color:#fff; width:1300px; margin:0 auto;}
	#links ul li {width:235px; height:44px; float:left; position:relative; text-align:left; padding:0 38px; font-size:14px; color:#999999;}
	#links ul li:nth-child(n+2) { border-left:1px solid #e5e5e5;}
	#links ul li:nth-child(3) {display:none;}
	#links ul li img {display:none; width:100px; height:100px; position:absolute; top:-100px; left:78px; z-index:100002;}
	#links ul li i {float:left; font-size:28px; color:#6f6f6f; margin-top:7px; margin-right:15px;}
	#links ul li font {color:#333333; font-size:16px; display:block; height:28px;}
	#links ul li:hover i {color:#248b3a;}
	#links ul li:hover img {display:block;}
	
}

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

	.ibar {font-size: 0.5rem; font-weight:bold; color: #333;text-align: center; width:100%; position:relative; padding:0.8rem 0}
	.ibar span {color:#666; font-size:0.35rem; font-weight:normal; padding-top:0.4rem; display:block;}
	.ibar font {margin-top:0.5rem; display:inline-block; padding:0 1rem; line-height:0.6rem;}
	.ibar font a {font-size:0.35rem; margin:0 0.4rem; display:inline-block;}
	
	.imore {height:1.3rem; line-height:1rem; text-align:center;}	
	.imore a {font-size:0.35rem; color:#666b7f; display:inline-block;}	
	.imore a::before {font-size:0.5rem; float:left; margin-right:0.1rem;}
	#iabout dl dd a:hover {margin-left:0.2rem;}
		
	#iproduct {text-align:center;}
	#iproduct .imore {margin-top:0.1rem;}
	#iproduct ul {margin:0 0 0 0.1rem; display:none;}
	#iproduct ul:nth-child(2) {display:block;}
	#iproduct ul li {width:4.7rem; line-height:1rem; float:left; margin:0 0.1rem 0.2rem 0.1rem; background-color:#f1f1f1; text-align:center;}
	#iproduct ul li img {width:4.7rem; height:4.7rem;}
	#iproduct ul li font {display:none;}
	#iproduct ul li a.pmore {display:none;}
	
	#iabout {background-color:#fff;}
	#iabout dl {width:9.6rem; margin:0 auto;}
	#iabout dl dt {width:100%; text-align:left; color:#888; line-height:0.64rem; font-size:0.35rem;}
	#iabout dl dt img {width:100%; height:auto;}
	#iabout dl dd {width:100%; text-align:center;}
	#iabout dl dd font {display:block; color:#333; font-size:0.4rem; margin-top:0.1rem; margin-bottom:0.5rem;}
	#iabout dl dd span {direction:inherit; text-align:left; display:inline-block; line-height:0.7rem; font-size:0.375rem; color:#666;}
	#iabout dl dd ul {margin-top:0.5rem;}
	#iabout dl dd ul li {float:left; width:25%; text-align:center; color:#333;}
	#iabout dl dd ul li img {margin-bottom:0.1rem; margin:0 auto; display:block;}
	#iabout dl dd ul li i {display:block; padding-top:0.2rem;}
	#iabout dl dd ul li i em {font-size:0.45rem; color:#248b3a;}
		
	#icase {}
	#icase ul {margin-left:0.1rem;}
	#icase ul li {width:4.7rem; margin:0 0.1rem 0.2rem 0.1rem; height:5.5rem; line-height:0.8rem; text-align:left; float:left;}
	#icase ul li img {width:4.7rem; height:4.7rem;}
	
	#inews {position:relative; padding-top:3.5rem;}
	#inews #topnews {width:100%;}
	#inews #topnews img {width:9.6rem; height:7.2rem;}
	#inews #lastnews {width:100%;}
	#inews #lastnews .ibar {position:absolute; top:0; left:0; padding:35px 0;}
	#inews ul {margin:0.6rem 0.2rem 0 0.2rem;}
	#inews ul li:not(.morenews) {text-align:left; height:2rem;}
	#inews ul li span {float:left; width:0.5rem; text-align:center; margin-right:0.4rem;}
	#inews ul li span i {display:block; font-size:0.5rem; color:#248b3a; height:0.8rem;}
	#inews ul li a.intit {display:block; font-size:0.4rem; height:0.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	#inews ul li font {display:inherit; font-size:0.35rem; color:#888; height:0.45rem; overflow:hidden;}
	#inews ul li a.iconfont {color:#999999; font-size:0.325rem; line-height:0.66rem;}
	#inews ul li a.iconfont::before {float:left; margin-right:0.3rem; font-size:0.6rem;}
	
	#ivideo #ivpic {background:url(../images/iappli.jpg); background-size:auto 8rem; height:8rem; overflow:hidden; position:relative;}
	#ivideo font {width:9rem; font-size:0.35rem; color:#fff; line-height:200%; display:block; margin:1.8rem auto 0 auto;}
	#ivideo #ivpic span {display:block; position:absolute; bottom:0; width:9.6rem; margin:0 0.2rem;}
	#ivideo #ivpic span a {width:2.35rem; text-align:center; float:left; line-height:1rem; background-color:rgb(255,255,255,0.5); font-size:0.35rem; margin:0 0.02rem;}
	#ivideo #ivpic span a.active {background-color:#328235; color:#fff;}
	
	#links {display:none;}
}