@import url("common.css");
@import url("font/iconfont.css");
@media only screen and (min-width: 992px) {

	.pmenu {width:100%; overflow: hidden; margin:0 auto; height:50px; line-height: 50px; text-align:right; background-color: #ededed;}
	.pmenu .pmenubox>a {display:inline-block; margin:0 10px; height:32px; line-height: 32px; margin-top: 9px; padding:0 20px; color:#222; border-radius:5px; background-color:#fff; text-align:center; position:relative; font-size:14px;}
	.pmenu .pmenubox>a:hover,.pmenu .pmenubox>a.active {background-color:#222; color:#fff;}
	.pmenu span {float:left;}
	.pmenu span::before {font-size: 24px; float: left; margin-right: 5px;}
	.pmenu .pmenubox {width:1200px; margin: 0 auto;}

	.pmain {width:940px; float:right;}

	.cbody.probody {width:1000px;}
	.prolist {width:1236px; margin:0 auto;}
	.prolist li {width:280px; height:263px; border:1px solid #e2e2e2;transition: all 0.25s ease-out; text-align: left; float:left; margin:0 12px; margin-top:24px;}
	.prolist li i {float:right; font-style:normal; background-color:#38a3e7; color:#fff; height:26px; line-height:26px; font-size:12px; padding:0 15px; margin-left:10px; text-align:center;}
	.prolist li font {height:26px; background-color:#f2f2f2; line-height:26px; display:inline-block; font-size:16px;white-space:nowrap;width:calc(100% - 24px); margin-left:2px; padding:10px; overflow:hidden;text-overflow:ellipsis;}
	.prolist li span {display:inline-block; width:260px; text-align:center; padding:10px; height:195px; position:relative; overflow:hidden;}
	.prolist li:hover {border-color:#38a3e7;transition: all 0.25s ease-out;}

	.prolist1 {width:1028px; margin:0 auto;}
	.prolist1 li {width:226px; height:216px; border:1px solid #e2e2e2;transition: all 0.25s ease-out; text-align: left; float:left; margin:0 14px; margin-top:16px;}
	.prolist1 li font {font-size:13px; height:22px; line-height:22px;}
	.prolist1 li span {width:216px; padding:5px; height:162px; position:relative; overflow:hidden;}
	.prolist1 li:hover {border-color:#38a3e7;transition: all 0.25s ease-out;}
	

	.caselist {width:1220px; margin:10px auto 0 auto; overflow: hidden;}
	.caselist li {width:285px; height:190px; overflow:hidden; text-align:center; margin:20px 10px 0 10px; float:left; text-align:center; position:relative;}
	.caselist li img {display:inline-block; width:285px; height:190px; position:relative; overflow:hidden;}
	.caselist li i {top:140px; position:absolute; height:50px; line-height:50px; width:90%; left:5%; -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; color:#fff;}
	.caselist li i::before {display:none;}
	.caselist li font {top:140px; height:50px; background:url(../images/bg_icase.png); position:absolute; width:100%; left:0; -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;}
	.caselist li a:hover font {display:inline-block; height:190px; top:0; left:0;}
	.caselist li a:hover i {display:inline-block; text-align:center; top:50px; font-size:18px; line-height:200%; font-weight:bold;}
	.caselist li a:hover i::before {display:block; font-size:32px; margin-bottom:10px;}
	
	

	.piclist {margin-top:30px; width:1220px; margin:40px auto 0 auto;}
	.piclist li {float:left; width:264px; margin-right:48px; text-align:center; font-size:16px; height:220px; line-height:40px;}
	.piclist li:nth-child(4n) {margin-right:0;}
	.piclist li img {display:block; margin:0 auto; width:250px; height:150px;}

	.newslist {width:1200px; margin:30px auto 0 auto; overflow: hidden; text-align: left;}
	.newslist li {padding:15px; background-color:#fff; margin-bottom:16px; border-radius:5px; border:1px solid #e3e3e3; position:relative; height:120px; -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;}
	.newslist li:hover {background-color:#f5f5f5; border-color:#dedede;}
	.newslist li img {width:150px; height:120px; float:left; margin-right:20px;}
	.newslist li .tit {display:block; line-height:32px; font-size:18px; margin-top:5px; height:32px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.newslist li span {display:block; color:#999; line-height:26px; height:52px; overflow:hidden; color:#777; text-align:left;}
	.newslist li font {padding:5px 0 8px 0; color:#aaa; display:inline-block;}

	.tbody table {border-top:1px solid #999; border-left:1px solid #999;}
	.tbody table tr td {border-right:1px solid #999; border-bottom:1px solid #999; padding:10px 5px;}
	.lbody table tr td {padding:5px;}
	.lbody table tr td input,.lbody table tr td textarea {padding:4px;}

	.dede_pages {height:52px; line-height:52px; padding:10px 0 0 0; width:100%; text-align:center; margin:0; margin-top:10px}
	.dede_pages a {padding:8px 16px; text-align:center; background-color:#ddd; color:#949494; margin-left:5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;-o-border-radius: 5px;}
	.dede_pages a.current,.dede_pages a:hover {background-color:#333; color:#fff; text-align:center; margin-left:5px; }
	.dede_pages a.disabled {background-color:none !important;}

	.pnstr {line-height:200%; padding:20px 0; text-align:left; height:60px; line-height:30px; color: #999;}
	.pnstr .pgprex {float:left;}
	.pnstr .pgnext {float:right;}

	.cbody {width:1200px; margin:0 auto; background-color:#fff;}
	.cbody p {float:none; margin:12px 0;}
	.cbody p img {max-width:960px; width: expression(this.width > 960 && this.width > this.height ? 960px : 'auto';);}
	.cbody .content {line-height:200%; padding:20px 0; color:#666666; text-align: left;}
	.cbody .content hr {margin:12px 0;}
	.cbody .content a {color:#09F;}
	.cbody .content #formWrite table {width:740px; margin:0 auto;}
	.cbody .content #formWrite table tr td {padding:3px 5px; }
	.cbody .content #formWrite table tr td input[type="text"],.cbody .content #formWrite table tr td select {padding:6px 4px; width:320px; background:none; border:1px dashed #c2c2c2; background-color:#f5f5f5; }
	.cbody .content #formWrite table tr td textarea {padding:6px 4px; width:520px; background:none; border:1px dashed #c2c2c2; background-color:#f5f5f5; }
	.cbody .content #formWrite table tr td select {width:330px;}
	.cbody .content #formWrite table tr td input[type="submit"] {width:330px; border:none; background-color:#9d9d9d; color:#fff; font-size:14px; padding:6px 0;}
	.cbody .content #formWrite table tr td input[type="submit"]:hover {filter:alpha(Opacity=80); -moz-opacity:0.8;opacity: 0.8; cursor:pointer; }
	.cbody .video {text-align:center; padding:0 40px;}
	.cbody .video iframe {width:800px; height:450px;}
	.cbody .content a.download {display:block; padding-top:5px; font-size:14px; line-height:24px;}
	.cbody .content a.download::before {font-size:24px; float:left;}
	.cbody .cbg {background:url(../images/bg_case.jpg) bottom no-repeat; margin:0 40px; height:176px;}
	.cbody .baidushare {margin:0 40px;}
	.cbody .infos {text-align: center; color: #ccc; padding:0 0 30px 0;}
	.cbody .smlpic {float:left; width:500px; height: 375px; border:1px solid #e2e2e2; text-align: left; }
	.cbody .oinfo {float:left; width:600px; height: 300px; margin-top: 40px; text-align: left; margin-left:50px;}
	.cbody .oinfo h1 {text-align: left; padding:0 0 20px 0;}
	.cbody .oinfo li {padding-bottom:32px;}
	.cbody .zxlxabox {float:right; padding: 50px 0 0 0; height:60px;}
	.cbody h1.title {font-size:24px; height:24px; float:left; line-height:24px; padding: 50px 0 0 0; height:60px;}
	.cbody h1.title1 {font-size:24px; height:24px; line-height:24px; padding: 50px 0 0 0; height:60px;}
	.cbody .zxlxabox a.qq {display: inline-block; line-height: 40px; width:120px; background-color: #f00; color:#fff; text-align: center; margin-right:10px; float:left;}
	.cbody .zxlxabox a.tel {display: inline-block; line-height: 40px; padding:0 15px; background-color: #38a3e7; color:#fff; text-align: center; margin-right:30px; font-size:18px;}
	
	.cbody .probar {height:44px; line-height: 44px; background-color: #ededed; padding: 0 15px; font-size: 16px; text-align: left; margin-top: 10px;}

	.cbody .conmap {width:720px; float:right; margin-top:20px; margin-bottom:20px; border:1px solid #eee; height:420px;}
	.cbody .contit {font-size:24px; color:#333; padding-top:20px;}
	.cbody .contit::after {content:''; height:2px; width:32px; background-color:#333; display:block; margin-top:18px;}
	.pmain .contel {color:#999; padding-top:18px;}
	.cbody .contel font {display: block;color: #2262aa;font-size: 24px;padding-top: 10px;padding-bottom: 10px;line-height: 40px;}
	.cbody .coninf {line-height:250%; color:#666;}
	
	.cbody .proinfo {width:460px; text-align:left; float:right;}
	.cpjsbox {padding:0;font-size:16px;position:relative;margin-bottom:5px;}
	.cpjsbox li {line-height:40px;float:left;width:100%;}
	.ppbzl {font-size:15px;}
	.ppbzl li {line-height:40px;list-style-type:disc;margin-left:16px;}
}



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

	.pagebody {width:100%; margin:0 auto; padding:0.6rem 0;}

	.pmenu {width:100%; text-align:center; margin-bottom:1rem;}
	.pmenu a {display:inline-block; padding:0.1rem 0.3rem; margin:0 0.05rem 0.1rem 0.05rem; color:#fff; background-color:#999; text-align:center; position:relative; font-size:0.35rem; border-radius: 0.2rem;}
	.pmenu a:hover,.pmenu a.active {background-color:#e62912;}
	.pmenu span {display:none;}

	.prolist {width:calc(9.62rem + 4px); margin:0 auto;}
	.prolist li {width:4.6rem; height:calc(4.45rem + 2px); border:1px solid #e2e2e2; text-align: left; margin:0 0.1rem 0.2rem 0.1rem; background-color:#fff; float:left; overflow:hidden;}
	.prolist li i {display:none;}
	.prolist li font {background-color:#f2f2f2; overflow:hidden; margin:0 2px; padding:0 0.2rem; line-height:1rem; overflow:hidden; height:1rem; display:block; font-size:0.35rem;}
	.prolist li a span img {width:4.6rem; height:3.45rem; display:block; margin:0 auto;}
	.prolist li a {font-size:0.35rem;}

	.caselist {width:9.8rem; margin:0 auto;}
	.caselist li {width:4.65rem; overflow:hidden; text-align:center; margin:0 0.1rem 0.2rem 0.1rem; float:left; text-align:center; position:relative; height:3.1rem;}
	.caselist li img {display:inline-block; width:4.65rem; height:3.1rem; position:relative; overflow:hidden;}
	.caselist li i,.caselist li font {top:0; position:absolute; width:100%; left:0; -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;}
	.caselist li font {display:inline-block; height:3.1rem; top:0; left:0; background:url(../images/bg_icase.png);}
	.caselist li i {display:inline-block; color:#fff; text-align:center; left:0; top:0.8rem; font-size:0.4rem; font-weight:bold;}
	.caselist li i::before {display:block; font-size:0.6rem; margin-bottom:0.2rem;}
	

	.piclist {width:9.8rem; margin:0 auto;}
	.piclist li {width:4.65rem; overflow:hidden; text-align:center; margin:0 0.1rem 0.2rem 0.1rem; float:left; text-align:center; position:relative; height:3.9rem; line-height:0.8rem;}
	.piclist li img {display:inline-block; width:4.65rem; height:3rem; position:relative; overflow:hidden;}

	.newslist {width:96%; margin:0 auto; text-align:left;}
	.newslist li {width:100%; overflow:hidden; text-align:left; margin:0 0.1rem 0.2rem 0.1rem; float:left; position:relative; height:2rem;}
	.newslist li img {width:2rem; height:1.6rem; float:left; margin-right:0.4rem;}
	.newslist li a.tit {font-size:0.35rem; font-weight:bold; display:inline-block; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:7rem}
	.newslist li font {display:block; padding:0 0; font-size:0.3rem; color:#999;}
	.newslist li span {display:inline-block; width:7rem; overflow:hidden; color:#666; margin-top:0.1rem; text-overflow:ellipsis; white-space: nowrap;}

	.tbody table {border-top:1px solid #999; border-left:1px solid #999;}
	.tbody table tr td {border-right:1px solid #999; border-bottom:1px solid #999; padding:10px 5px;}
	.lbody table tr td {padding:5px;}
	.lbody table tr td input,.lbody table tr td textarea {padding:4px;}

	.dede_pages {line-height:1rem; padding:0.2rem 0; width:100%; text-align:center; margin:0; margin-top:0.2rem;}
	.dede_pages a {padding:0.2rem 0.4rem; text-align:center; background-color:#008bc2; color:#fff; margin-left:0.1rem; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem;-o-border-radius: 0.1rem;}
	.dede_pages a:not(.mpage) {display:none;}

	.pnstr {line-height:200%; margin:0.7rem 0.35rem 0 0.35rem; text-align:center; height:0.7rem; line-height:0.7rem;}
	.pnstr a {background-color:#222; font-size:0.35rem; color:#fff; padding:0.1rem 0.65rem; margin:0 0.25rem; border-radius: 0.2rem;}
	.pnstr .pgprex {float:left;}
	.pnstr .pgnext {float:right;}
	.pnstr font {display:none;}


	.cbody h1.title {font-size:0.5rem; line-height:0.7rem; margin:0; text-align: center;}
	.cbody .infos {text-align: center; color: #ccc; padding: 0.6rem 0;}
	.cbody .content img {max-width:100%; height:auto !important;}
	.cbody .content hr {margin:0.2rem 0;}
	.cbody .content .detit {color:#c1905e; font-size:0.75rem; display:block; width:100%; border-top:1px solid #d5d3d3; padding-top:0.45rem; padding-bottom:0.5rem;}
	.cbody .content {line-height:200%; padding:0 0.4rem; font-size:0.35rem; color:#666666; text-align:left;}
	.cbody .content a {color:#09F;}
	.cbody .content table {max-width:100% !important;}
	.cbody .content #formWrite table {margin:0 auto 30px auto;}
	.cbody .content #formWrite table tr td {padding:3px 5px; }
	.cbody .content #formWrite table tr td input[type="text"],.cbody .content #formWrite table tr td textarea,.cbody .content #formWrite table tr td select {padding:6px 4px; width:200px; background:none; border:1px dashed #c2c2c2; background-color:#f5f5f5; }
	.cbody .content #formWrite table tr td input.checkcode {width:110px;}
	.cbody .content #formWrite table tr td select {width:210px;}
	.cbody .content #formWrite table tr td input[type="submit"] {width:210px; border:none; background-color:#9d9d9d; color:#fff; font-size:14px; padding:6px 0;}
	.cbody .content #formWrite table tr td input[type="submit"]:hover {filter:alpha(Opacity=80); -moz-opacity:0.8;opacity: 0.8; cursor:pointer; }
	.cbody .video {text-align:center; margin-top:0.4rem;}
	.cbody .video video {max-width:9.2rem; margin:0 auto; height:auto;}
	.cbody .video iframe {max-width:9.6rem; margin:0 auto; height:5.4rem;}
	.cbody a.download {float:right; font-size:0.35rem; line-height:0.7rem;}
	.cbody a.download::before {font-size:0.5rem; float:left;}
	.cbody .cbg {background:url(../images/bg_case1.jpg) bottom no-repeat; background-size:100% 100%; margin:0.5rem 0.2rem 0.3rem 0.2rem; height:3.2rem; width:9.6rem;}
	.cbody .baidushare .bdsharebuttonbox a {float:none !important;}
	.cbody .smlpic {width:9.6rem; height: 7.2rem; margin:0.8rem auto 0 auto; text-align: center;  border:1px solid #e2e2e2;}
	.cbody .smlpic img {width:9.6rem; height:7.2rem;}
	.cbody .oinfo {width:9.6rem; margin: 0 auto 0 auto; text-align: left;}
	.cbody h1 {text-align: left; padding:0;}
	.cbody .oinfo li {padding:0.5rem 0 0 0.2rem;}
	.cbody a.qq {display: none; line-height: 0.8rem; width:2.4rem; font-size: 0.36rem; background-color: #f00; color:#fff; text-align: center; margin-right:0.3rem;}
	.cbody a.tel {display: none; font-size: 0.45rem; background-color: #38a3e7; color:#fff; text-align: center; padding:0.15rem 0.3rem;}
	.cbody .probar {height:0.8rem; line-height: 0.8rem; background-color: #ededed; padding: 0 0.3rem; font-size: 0.4rem; text-align: left; margin:1rem 0 0.5rem 0;}

	.cbody .content table {max-width:100% !important;}
	.cbody .conmap {margin:0.4rem 0.2rem; border:1px solid #eee; height:5rem;}
	.cbody .contit {font-size:0.5rem; color:#333; margin:0.6rem 0.2rem 0 0.2rem;}
	.cbody .contit::after {content:''; height:2px; width:0.6rem; background-color:#333; display:block; margin-top:18px;}
	.cbody .contel {color:#999; padding-top:0.42rem; margin:0 0.2rem;}
	.cbody .contel font {display:block; color:#008bd6; font-size:0.85rem; padding-top:0.42rem; padding-bottom:0.42rem;}
	.cbody .coninf {line-height:200%; margin:0 0.2rem; font-size:0.35rem;}
	
	.cbody .proinfo { text-align:left; padding:20px 10px 0 10px; font-size:0.35rem;}
	.cpjsbox {padding:0;font-size:14px;position:relative;margin-bottom:5px;}
	.cpjsbox li {line-height:32px;float:left;width:100%;}
	.ppbzl {margin-bottom:25px; display:none;}
	.ppbzl li {line-height:28px;list-style-type:disc;margin-left:16px;}
}



	/*相册*/
	#mbOverlay { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}
	#mbOverlay.mbOverlayFF { background: transparent url(../images/80.png) repeat;}
	#mbOverlay.mbOverlayIE { position: absolute;}
	#mbCenter { height: 557px; position: absolute; z-index: 9999; left: 50%; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70);}
	#mbCenter.mbLoading { background: #fff url(../images/CustomWhiteLoading.gif) no-repeat center; -moz-box-shadow: none; -webkit-box-shadow: none;}
	#mbImage { left: 0; top: 0; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #fff; text-align: left; background-position: center center; background-repeat: no-repeat; padding: 10px;}
	#mbImage a, #mbImage a:link, #mbImage a:visited { color: #ddd;}
	#mbImage a:hover, #mbImage a:active { color: #fff;}
	#mbBottom { min-height: 20px; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #999; text-align: left; padding: 0 10px 10px;}
	#mbTitle { display: inline; color: #999; font-weight: bold; line-height: 20px; font-size: 14px;}
	#mbNumber { background: url(../images/mbNumber_bg.gif) no-repeat center; display: inline; color: #C00; line-height: 26px; font-size: 12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width: 65px; height: 26px;}
	#mbCaption { display: block; color: #999; line-height: 14px; font-size: 10px;}
	#mbPrevLink, #mbNextLink, #mbCloseLink { display: block; float: right; height: 20px; margin: 0; outline: none;}
	#mbPrevLink { width: 32px; height: 100px; background: transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top: 38%; left: -32px;}
	#mbNextLink { width: 32px; height: 100px; background: transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top: 38%; right: -32px;}
	#mbCloseLink { width: 24px; background: transparent url(../images/CustomBlackClose.gif) no-repeat center; position: absolute; top: 10px; right: 10px;}
	#mbError { position: relative; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #fff; text-align: center; border: 10px solid #700; padding: 10px 10px 10px; margin: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color: #d00; font-weight: bold; text-decoration: underline;}