@import url("common.css");
@import url("font/iconfont.css");
@media only screen and (min-width: 992px) {
	.ibar {text-align:center; font-size:28px; padding:0; position:relative; width:112px; border-bottom:3px solid #008bc2; padding-bottom:20px; margin:0 auto; margin-bottom:50px;}
	
	.product {width:1200px; margin:0 auto; margin-top:20px; height: 1030px; overflow: hidden;}
	.product ul {height:350px; width:100%;}
	.product ul li {width:226px; height:360px; padding:20px 0; float:left; text-align:center; margin-bottom:52px; border:1px solid #e3e3e3; font-size:14px; color:#666; line-height:24px; padding-bottom:33px; margin-right:15px; position:relative;}
	.product ul li img {width:195px; height:81px; margin:20px auto;}
	.product ul li:nth-child(5n) {margin-right:0;}
	.product ul li a.tit {font-size:16px; display:block;}
	.product ul li span {padding:20px 15px; display:inline-block; color:#999; height:150px; overflow:hidden;}
	.product ul li a.view {position:absolute; display:block; bottom:-35px; width:50px; height:50px; line-height:50px; font-size:18px; background-color:#008bc2; border-radius:50%; text-align:center; color:#fff; margin:0 78px; border:10px solid #fff; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
	.product ul li a.view:hover {background-color:#036b94;}
	
	.advantage {width:100%; margin-top:50px; background:url(../images/bg_iadv.jpg) center no-repeat; height:438px;}
	.advantage ul {width:1200px; margin:0 auto;}
	.advantage ul li {width:280px; margin:0 10px; text-align:center; float:left; font-size:18px;}
	.advantage ul li a {color:#fff; border-radius:10px; display:block; background:url(../images/bg_fileli.png); height:200px; padding-top:30px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
	.advantage ul li a:hover {background:url(../images/bg_white.png);}
	.advantage ul li a::before {display:block; margin:0 auto; font-size:96px; height:130px;}
	.advantage ul li:nth-child(3) a::before {font-size:75px; margin-top:10px; height:120px;}
	.advantage ul li:nth-child(n+4) a::before {font-size:82px; margin-top:6px; height:124px;}
	.advantage .ibar {color:#fff; border-color:#fff; padding-top:50px; margin-bottom:60px;}
	
	.about {width:100%; margin:0 auto; background:#008bc2; padding-bottom:50px; text-align:center;}
	.about .ibar {color:#fff; border-color:#fff; padding-top:50px; margin-bottom:60px;}
	.about .aboutcont {height:430px; width:1200px; margin:0 auto; background-color:#fff; overflow:hidden;}
	.about .aboutcont img {float:left;}
	.about .aboutcont font {font-size:14px; text-align:left; height:350px; padding:40px 50px 40px 0; width:610px; float:right; color:#777; line-height:36px;}
	.about .aboutcont font a {display:inline-block; height:40px; line-height:40px; margin-top:30px; width:140px; text-align:center; background-color:#008bc2; color:#fff; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
	.about .aboutcont font a:hover {background-color:#036b94;}
	
	.news {width:1200px; margin:50px auto; height:350px; overflow:hidden;}
	.news ul {width:100%; height:238px;}
	.news ul li {width:270px; padding:8px; height:216px; overflow:hidden; padding-bottom:12px; text-align:center; border-radius:5px; line-height:32px; border:1px solid #e3e3e3; float:left; margin-right:16px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
	.news ul li:hover {background-color:#dedede; border-color:#dedede;}
	.news ul li a:hover {color:#444;}
	.news ul li:nth-child(4n) {margin-right:0;}
	.news ul li img {margin-bottom:7px; width:270px; height:180px;}
	
	.links {width:1200px; margin:30px auto 0 auto;}
	.links ul li {float:left; width:142px; text-align:center; border-right:1px solid #eee; padding:15px 0;}
	.links ul li:nth-child(8n) {margin-right:0; border-right:none;}
	.links ul li img {width:130px; height:40px;}
}


@media only screen and (max-width: 991px) {
	.ibar {text-align:center; font-size:0.5rem; padding:0; position:relative; width:2.1rem; border-bottom:2px solid #008bc2; padding-bottom:0.4rem; margin:0 auto; margin-bottom:0.8rem;}
	
	.product {width:9.4rem; margin:0 auto; margin-top:0.8rem;}
	.product ul {height:100%; width:100%;}
	.product ul li {padding:0.4rem 0; margin:0 auto 0.5rem auto; height:3.2rem; text-align:left; border:1px solid #e3e3e3; color:#666;}
	.product ul li a.img {width:2.75rem; float:left;}
	.product ul li img {width:2.75rem; height:auto; margin-top:0.9rem;}
	.product ul li:nth-child(3n) {margin-right:0;}
	.product ul li a.tit {font-size:0.45rem; float:right; width:6.3rem; line-height:200%;}
	.product ul li span {color:#999; font-size:0.35rem; width:6rem; line-height:200%; float:right; height: 2rem; overflow: hidden; padding-right: 0.3rem;}
	.product ul li a.view {display:none}
	
	.advantage {width:100%; background:url(../images/bg_iadv.jpg) center no-repeat; background-size:auto 100%; height:10rem;}
	.advantage .ibar {color:#fff; border-color:#fff; padding-top:1rem; margin-bottom:1.2rem;}
	.advantage ul {width:90%; margin:0 auto;}
	.advantage ul li {width:50%; text-align:center; float:left; margin-bottom:1.4rem;}
	.advantage ul li a {color:#fff;}
	.advantage ul li a::before {display:block; margin:0 auto; font-size:1.3rem; height:1.6rem;}
	.advantage ul li:nth-child(3) i {font-size:1.2rem; margin-top:0.05rem; height:1.5rem;}/*
	.advantage ul li:nth-child(4) i {font-size:1.25rem; margin-top:0.02rem; height:1.55rem;}*/
	.advantage ul li:nth-child(5) {display:none;}
	
	.news {width:9.6rem; margin:1rem auto 0.4rem auto;}
	.news ul {width:100%;}
	.news ul li {width:4rem; padding:0.2rem; height:3.3rem; overflow:hidden; padding-bottom:0.3rem; text-align:center; border-radius:0.1rem; line-height:0.9rem; border:1px solid #e3e3e3; float:left; margin:0 calc(0.2rem - 3px) 0.4rem calc(0.2rem - 1px);}
	.news ul li img {width:4rem; height:2.6667rem;}
	
	.about {width:100%; margin:0 auto; background:#008bc2; padding-bottom:0.8rem; text-align:center;}
	.about img {display:none;}
	.about .ibar {color:#fff; border-color:#fff; padding-top:1rem;}
	.about font {font-size:14px; text-align:left; color:#fff; line-height:36px; margin:0 0.4rem; display:block;}
	.about font a {display:inline-block; height:0.8rem; line-height:0.8rem; margin:0.8rem 3.1rem 0 3.1rem; width:3rem; text-align:center; background-color:#fff; color:#008bc2; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
	.about font a:hover {background-color:#036b94;}
	
	.links {width:calc(100% - 0.2rem); margin-top:1rem; margin-left:0.1rem; padding-bottom:0.5rem;}
	.links ul li {width:50%; float:left; text-align:center; color:#666; margin-bottom:0.3rem;}
	.links ul li img {border:1px solid #E6E6E6; width:4.35rem; height:1.25rem;}
}