@import url("common.css");
@import url("font/iconfont.css");
@media only screen and (min-width: 992px) {
	.ibar {text-align:center; font-size:36px; margin-bottom:50px; padding:50px 0 25px 0; position:relative; background:url(../images/shortline.jpg) bottom center no-repeat;}
	.ibar span {display:block; padding-bottom:10px; color:#aaa; font-size:14px;}
	
	.service {width:1200px; margin:0 auto;}
	.service ul {height:360px;}
	.service ul li {width:300px; float:left; height:180px; position:relative;}
	.service ul li img {width:100%; height:180px;}
	.service ul li a i {position:absolute; display:inline-block; width:100%; height:100%; left:0; top:0; background-color:#000; opacity:0.2; -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;}
	.service ul li a.tit {position:absolute; display:inline-block; width:80%; padding:20px 10%; height:140px; left:0; top:0; color:#fff; text-align:center; line-height:140px; font-size:18px; -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;}
	.service ul li a.tit font {display:none; -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;}
	.service ul li.active a i {background-color:#008bd6; opacity:0.6;}
	.service ul li.active a.tit {text-align:left; line-height:44px; font-size:18px;} 
	.service ul li.active a.tit font {display:none; line-height:24px; max-height:96px; overflow:hidden; font-size:14px; padding-top:15px;}
	.service ul li.active a.tit font:before {background-color:#fff; height:1px; width:36px; margin-top:-9px; position:absolute; content:"";}
	
	.product {width:1200px; margin:0 auto; position:relative;}
	.product ul li {width:102px; margin:0 20px 0 0; float:left; height:454px;}
	.product ul li a {display:block;}
	.product ul li a.font {text-align:left; background-color:#008bd6; padding:16px 6px 0 6px; border-bottom:16px solid #008bd6; height:56px; overflow:hidden; line-height:160%; color:#fff; font-size:11px; text-align:center;}
	.product ul li.active a.font {background-color:#006faa; border-bottom-color:#006faa;}
	.product ul li span {position:absolute; width:1200px; left:0; line-height:28px; display:none; margin-top:120px;}
	.product ul li span img {float:left; padding:20px; width:420px; height:294px; border:1px solid #ccc; margin-right:30px;}
	.product ul li span strong {padding:15px 0; color:#666; font-size:16px;}
	.product ul li span a {color:#666;}
	.product ul li.active span {display:block;}
	.product ul li:nth-of-type(10) {margin:0;}
	.product ul li a.tit {font-size:20px; color:#333; margin:15px 0;}
	
	.progress {background:url(../images/coopfrid.jpg) center no-repeat; height:406px; margin-top:50px;}
	.progress .prog {width:900px; margin:0 auto;}
	.progress .prog span {display:inline-block; padding-top:185px; float:left; font-size:11px;}
	.progress .prog span.cop1 {margin-left:0px;}
	.progress .prog span.cop2 {margin-left:25px; padding-top:287px;}
	.progress .prog span.cop3 {margin-left:20px; padding-top:188px;}
	.progress .prog span.cop4 {margin-left:12px; padding-top:287px;}
	.progress .prog span.cop5 {margin-left:102px; padding-top:287px;}
	.progress .prog span.cop6 {margin-left:-18px; padding-top:188px;}
	.progress .prog span.cop7 {margin-left:-18px; padding-top:287px;}
	.progress .prog span.cop8 {margin-left:-4px; padding-top:188px;}
	
	.case {width:1200px; margin:0 auto; position:relative;}
	.case .caselist {width:275px; display:none; right:0; z-index:10002; position:absolute; border:1px solid #d6d6d6; border-left:none; height:410px; line-height:240%; padding:20px;}
	.case .caselist a {background:url(../images/xw_01.png) left no-repeat; padding-left:15px;}
	.case .caselist a:hover {background-image:url(../images/xw_02.png);}
	.case .newcase {width:1198px; float:left; border:1px solid #d6d6d6; height:500px; position:relative;}
	.case .newcase #focus_Box {position:relative;width:1100px;height:488px;margin:45px auto auto auto;}
	.case .newcase #focus_Box ul{position:relative;width:1100px;height:488px}
	.case .newcase #focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:107px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
	.case .newcase #focus_Box li img{width:100%;background:url(../images/fl_loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
	.case .newcase #focus_Box li span {position:absolute; overflow:hidden; font-size:12px; left:0;bottom:0px;width:100%;height:40px;line-height:40px; background:url(../images/fl_float-bg.png) repeat;text-indent:8px;color:#aaa;}
	.case .newcase #focus_Box li span a {float:left; height:40px;overflow:hidden; color:#fff; margin:0 12px 0 20px;}
	.case .newcase #focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:181px;}
	.case .newcase #focus_Box .prev{background:url(../images/fl_btn.png) left bottom no-repeat;left:0px}
	.case .newcase #focus_Box .next{background:url(../images/fl_btn.png) right bottom no-repeat;right:0px} 
	.case .newcase #focus_Box .prev:hover{background-position:left top;}
	.case .newcase #focus_Box .next:hover{background-position:right top;}
	.case .newcase #focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/fl_share-btn.png) no-repeat;text-indent:-999px;}
	
	
	.advantage {width:100%; text-align:center;}
	.advantage ul {width:1200px; margin:0 auto;}
	.advantage ul li {width:40%; float:left; font-size:13px; padding:0 5%; text-align:left; line-height:200%; color:#666; margin-bottom:28px;}
	.advantage ul li img {float:left; margin-right:20px; margin-bottom:30px; margin-top:10px;}
	.advantage ul li span {font-size:16px; padding-bottom:8px; font-weight:bold; display:block; padding-top:8px;}
	
	.about {width:1200px; margin:0 auto;}
	.about font {color:#666; font-size:14px; line-height:240%;}
	#butong_net_left {width:1200px; margin:8px 0; overflow:hidden; margin-top:30px;}
	#butong_net_left img {margin:0 15px; height:180px; width:auto;}
	
	.news {width:1200px; margin:0 auto;}
	.news dl:nth-child(2) {float:left; width:580px;}
	.news dl:nth-child(3) {float:right; width:580px;}
	.news dl dt {font-size:18px; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #d6d6d6;}
	.news dl dt a {float:right; color:#999; font-size:11px; margin-top:6px;}
	.news dl dt font {font-size:12px; color:#999; padding-left:6px; text-transform:uppercase;}
	.news dl dd span {float:right; color:#999;}
	.news dl dd {line-height:32px;}
	.news dl dd a {background:url(../images/xw_01.png) left no-repeat; padding-left:15px;}
	.news dl dd a:hover {background-image:url(../images/xw_02.png);}
	
	.logos {width:1200px; margin:0 auto;}
	.logos ul {background:url(../images/bn15.jpg) top no-repeat;}
	.logos ul li {width:calc(20% - 1px); float:left; text-align:center; padding:20px 0;}
	.logos ul li img {width:200px; height:80px;}
}


@media only screen and (max-width: 991px) {
	.ibar {font-size:0.5rem; border-bottom:1px solid #008bd6; width:auto; padding:0.75rem 0 0.45rem 0; margin:0 auto 0.75rem auto; display:inline-block;}
	.ibar span {display:none;}
	
	.service {width:calc(100% - 0.2rem); margin-left:0.1rem}
	.service ul li {width:50%; float:left; text-align:center; margin-bottom:0.3rem;}
	.service ul li img {width:4.35rem; margin-bottom:0.15rem; height:2.61rem; border-radius:0.1rem;}
	.service ul li a i {display:none;}
	.service ul li a.tit {text-align:center; display:block; font-size:0.35rem;height: 0.5rem;overflow: hidden;padding: 0 0.1rem;}
	.service ul li a.tit font {display:none;}
	
	.product {width:calc(100% - 0.2rem); margin-left:0.1rem}
	.product ul li {width:50%; float:left; text-align:center; margin-bottom:0.3rem;}
	.product ul li a.font {text-align:center; display:block; font-size:0.35rem;height: 0.5rem;overflow: hidden;padding: 0 0.1rem;}
	.product ul li span img {width:4.35rem; height:2.61rem; border-radius:0.1rem;}
	.product ul li span {display:block; height:2.61rem; overflow:hidden; margin-bottom:0.15rem;}
	.product ul li span a.show {display:none;}
	
	.progress,.advantage {display:none;}
	
	.case {width:calc(100% - 0.2rem); margin-left:0.1rem}
	.case .caselist {display:none;}
	.case .newcase {width:100%;}
	.case .newcase #focus_Box {width:100%;}
	.case .newcase #focus_Box ul{width:100%;}
	.case .newcase #focus_Box li {width:50%; float:left; text-align:center; margin-bottom:0.3rem;}
	.case .newcase #focus_Box li img {width:4.35rem; margin-bottom:0.15rem; height:2.61rem; border-radius:0.1rem;}
	.case .newcase #focus_Box li span a {text-align:center; display:block; font-size:0.35rem;height: 0.5rem;overflow: hidden;padding: 0 0.1rem;}
	.case .newcase #focus_Box li span font {display:none;}
	.case .newcase #focus_Box .prev,#focus_Box .next{display:none;}
	
	.about {width:calc(100% - 0.5rem); margin:0 auto;}
	.about font {color:#666; font-size:0.35rem; display:block; text-align:left; line-height:200%;}
	#butong_net_left {width:100%; margin:8px 0; overflow:hidden; margin-top:20px;}
	#butong_net_left img {margin:0 5px; height:120px; width:auto;}
	
	.news {width:calc(100% - 0.5rem); margin:0 auto; position:relative; padding-bottom:30px;}
	.news dl:nth-child(2) {float:left; width:100%;}
	.news dl:nth-child(3) dd {display:none;}
	.news dl {text-align:left;}
	.news dl dt {font-size:0.42rem; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #d6d6d6;}
	.news dl:nth-child(3) dt {position:absolute; margin-left:3.5rem;}
	.news dl dt.gray {color: #aaa;}
	.news dl dt a,.news dl dt font {display:none;}
	.news dl dd span {float:right; color:#999; font-size:0.3rem;}
	.news dl dd {line-height:0.88rem; font-size:0.35rem; background:url(../images/xw_01.png) left no-repeat; background-size:  padding-left:0.35rem;height: 0.88rem; padding-left:0.2rem; overflow: hidden;}
	
	.logos {display:none;}
}