@import url("common.css");
@import url("font/iconfont.css");
@media only screen and (min-width: 992px) {
	.swiper-container {background:url(../images/pageban.jpg) center no-repeat; height:320px;}
	.swiper-container1 {height:320px;}
	.pagebody {width:1200px; margin:0 auto; padding-top:20px;}
	.pleft {width:200px; float:left;}
	
	dl.pmenu {width:200px; float:left;}
	dl.pmenu dt {color:#696566; font-size:24px; font-weight:bold; padding-bottom:8px;}
	dl.pmenu dt font {display:block; font-size:13px; color:#cfcfcf; font-weight:normal;}
	dl.pmenu dd a {font-size:16px; background:url(../images/xw_01.png) left no-repeat; padding-left:15px;}
	dl.pmenu dd {border-top:1px solid #ddd; line-height:42px;}
	dl.pmenu dd a:hover, dl dd.active a {color:#008bd6; background-image:url(../images/xw_02.png);}
	dl.pmenu dd img {margin-top:15px;}
	.plbar {color:#696566; font-size:18px; border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:8px; padding-top:15px; font-weight:bold; padding-bottom:8px;}
	.plbar font {display:block; font-size:13px; color:#cfcfcf; font-weight:normal;}
	dl.pladv dt {padding-bottom:10px;}
	dl.pladv dd font {display:inline-block; background:url(../images/ico_pladv.jpg) no-repeat; width:32px; height:22px; line-height:22px; font-size:13px; text-align:center; margin-right:10px;}
	dl.pladv dd {line-height:32px;}
	
	.pmain {width:960px; float:right;}
	.pmain .pbar {background-color:#efefef; padding:0 20px; border-bottom:1px solid #ddd; height:44px; line-height:44px; font-size:14px; text-align:right; color:#999;}
	.pmain .pbar a {color:#999;}
	.pmain .pbar font {float:left; color:#333; font-size:20px;}
	
	.newslist {margin:15px 0;}
	.newslist li{ overflow:hidden; width:100%; padding:12px 0 12px 0; line-height:22px;}
	.newslist li img {float:left; margin-right:20px;}
	.newslist li a {font-size:18px; color:#666;}
	.newslist li a:before {display:none;}
	.newslist li a.tit:hover {color:#a0192d;}
	.newslist li span {color:#999; display:block; height:18px; overflow:hidden; font-size:14px; margin:10px 0 5px 0 ;}
	.newslist li font {color:#999; font-size:12px;}
	.newslist li a.detail {color:#fff; background-color:#d52a1c; padding:5px 15px; border-radius: 18px; -webkit-border-radius: 18px;-moz-border-radius: 18px; -ms-border-radius: 18px;-o-border-radius: 18px;}
	
	.productlist {margin:27px 0;}
	.productlist li {width:300px; float:left; border:1px solid #cfcfcf; margin:0 27px 27px 0; position:relative; padding:0; line-height:32px; overflow:hidden; text-align:center; position:relative;}
	.productlist li:nth-child(3n) {margin-right:0;}
	.productlist li img {width:300px; height:210px;}
	.servlist li img {height:180px !important;}
	.caselist li img {height:200px !important;}
	.productlist li span {display:block; padding:12px; text-align:right;}
	.productlist li span img {width:28px; height:28px !important; margin-left:6px;}
	.productlist li span a.tit {float:left; line-height:28px; font-size:15px; width: calc(100% - 68px);text-align: left;height: 28px;overflow: hidden;}
	.productlist li span a.more {background-color:#DB0000; transition:all ease-in 0.2s; color:#fff; padding:5px; border-radius:5px;}
	.productlist li span a.more:hover {background-color:#F60;}
	
	.piclist {margin:20px 0;}
	.piclist li {width:308px; float:left; margin:0 13px 10px 0; position:relative; padding:0; line-height:32px; height:245px; overflow:hidden; text-align:center; position:relative;}
	.piclist li:nth-child(3n) {margin-right:0;}
	.piclist li font {position:absolute; left:0; top:0; display:block; width:308px; height:210px; background:url(../images/t0uq.png) center no-repeat #008bd6; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; display:none;}
	.piclist li i {display:none;}
	.piclist li span {font-size:16px; display:block; height:20px; padding-top:4px;}
	.piclist li em {font-style:normal; color:#999;}
	
	.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; width:100%; text-align:center; margin:0; margin-top:10px; margin-bottom:10px;}
	.dede_pages a {padding:8px 16px; text-align:center; background-color:#efefef; 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:#008bd6; color:#fff; text-align:center; margin-left:5px; }
	.dede_pages span.disabled {background-color:none; margin-left:5px; color:#949494; }
	
	.pnstr {line-height:200%; padding:20px 0 35px 0; text-align:left; height:60px; line-height:30px;}
	.pnstr a {display:block;}
	.pnstr .pgprex {float:left;}
	.pnstr .pgnext {float:right;}
	
	.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 h1.title {font-size:24px; font-weight:normal; text-align:center; padding:40px 0 20px 0; color:#666;}
	.cbody .infos {font-size:12px; color:#999; text-align:center;}
	.cbody .infos a {color:#0080C0; margin-right:10px;}
	.cbody .infos font {margin-left:10px; font-size:13px;}
	.cbody .content {line-height:200%; padding:20px 0; color:#666666;}
	.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 .content .conewm {width:460px; float:right; margin-top:20px; background: url(../images/gate.jpg) no-repeat right top; padding-top:390px;}
	.cbody .content .conewm font {float:left; margin-left:60px; width:170px; text-align:center;}
	.cbody .content .conewm font img {width:170px; height:170px;}
	.cbody .content .contit {font-size:24px; color:#333; margin-top:15px;}
	.cbody .content .contel {color:#999; padding-top:12px;}
	.cbody .content .contel font {display:block; color:#008bd6; font-size:32px; padding-top:18px; padding-bottom:18px;}
	.cbody .content .conmsg {border-top:1px solid #d6d6d6; padding-top:20px; margin-top:20px;}
	.cbody .content .conmsg ul {margin-top:15px;}
	.cbody .content .conmsg ul li {padding-top:15px;}
	.cbody .content .conmsg ul li label {display:block; font-weight:bold;}
	.cbody .content .conmsg ul li input[type="text"] {width:292px; float:left; padding:0 8px; height:40px; line-height:40px; margin-right:15px;}
	.cbody .content .conmsg ul li input#email {margin-right:0;}
	.cbody .content .conmsg ul li textarea {width:calc(100% - 18px); height:80px; font-size:14px; padding:8px;}
	.cbody .content .conmsg ul li input[type="submit"] {padding:8px 35px; background-color:#333333; border:none; color:#fff;}
	.cbody .newcase li {text-align:center; margin:15px 0;}
	.cbody .newcase li span {display:block; color:#f00; padding:8px 0 3px 0;}
	
	#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: 12px;}
	#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;}
	
	.sprobar {margin-top:30px; height:42px; line-height:42px; background-color:#0670b3; width:120px; color:#fff; text-align:center;}
	#scrol {width:100%; text-align:center; height:216px; padding:20px 0; border:1px solid #e6e6e6;}
	.infiniteCarousel{width: 960px; position: relative; margin:0 auto; height:216px;}
	.infiniteCarousel .wrapper{width: 920px; overflow: auto; margin: 0 20px; position: absolute; top: 0; height:216px;}
	.infiniteCarousel ul a img{border:1px solid #ccc; width:210px; height:180px; display:block; margin:0 auto 10px auto;}	
	.infiniteCarousel .wrapper ul{width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; left:0;}	
	.infiniteCarousel ul li {text-align:center; display:block; float:left; height: 216px; line-height:24px; width: 230px;}	
	.infiniteCarousel ul li a {font-size:16px;}	
	.infiniteCarousel .arrow{display: block; height: 60px; width: 24px; text-indent: -999px; position: absolute; top: 61px; cursor: pointer; text-align:center; color:#fff; background-color:#e6e6e6; font-size:50px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}	
	.infiniteCarousel .arrow:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}	
	.infiniteCarousel .forward{background: url(../images/scla.jpg) no-repeat left center; left: 0px;}	
	.infiniteCarousel .back{background: url(../images/sclb.jpg) no-repeat left center; right: 0px;}
	
}



@media only screen and (max-width: 991px) {
	.swiper-container {background:url(../images/pagebanm.jpg) center no-repeat; background-size:auto 100%; height:4rem;}
	.swiper-container1 {height:4rem;}
	.pagebody {width:100%; margin:0 auto; padding:0.6rem 0;}
	.pleft:not(.mpleft),.pleft .plbar,.pleft .pladv,.pleft dt,.pleft dd.plc,.pbar {display:none;}
	.pleft dl {margin-bottom:0.5rem;}
	.pleft dl dd {display:inline-block;}
	.pleft dl dd a {color:#fff; background-color:#008bd6; padding:0.2rem 0.3rem; margin:0 0.1rem; font-size:0.4rem;}
	.pleft dl dd.active a {background-color:#006faa;}
	
	.newslist {margin:0 0.35rem;}
	.newslist li{ overflow:hidden; background:url(../images/xw_01.png) left no-repeat; background-size:auto 0.28rem; padding:0.25rem 0 0.25rem 0.4rem; line-height:0.5rem; border-bottom:1px dashed #dbd4cd; text-align:left;}
	.newslist li img {display:none;}
	.newslist li a {color:#666; float:left;}
	.newslist li a:before {margin-right:10px;}
	.newslist li a.tit {width: calc(100% - 95px); font-size:0.35rem; height: 0.5rem; overflow: hidden;}
	.newslist li span {display:none;}
	.newslist li font {float:right; color:#999; font-size:0.3rem;}
	.newslist li a.detail {display:none;}
	
	.productlist {width:calc(100% - 0.2rem); margin-left:0.1rem}
	.productlist li {width:50%; float:left; text-align:center; margin-bottom:0.3rem;}
	.productlist li img {width:4.35rem; height:3.045rem; border-radius:0.1rem; margin-bottom:0.15rem}
	.productlist li span {display:block; font-size:0.35rem;height: 0.5rem;overflow: hidden;padding: 0 0.1rem;}
	.productlist li span a:not(.tit) {display:none;}
	.caselist li img {height:2.9rem;}
	.servlist li img {height:2.61rem;}
	
	.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:52px; padding:10px 0; width:100%; text-align:center; margin:0; margin-top:10px;}
	.dede_pages a {padding:10px 16px; text-align:center; background-color:#008bd6; color:#fff; 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:not(.mpage) {display:none;}
	.dede_pages a.current,.dede_pages a:hover {background-color:#008bd6; color:#fff; text-align:center; margin-left:5px;}
	
	.pnstr {line-height:200%; margin:30px 15px 0 15px; text-align:center; height:30px; line-height:30px;}
	.pnstr a {background-color:#008bd6; color:#fff; padding:10px 25px; margin:0 10px; border-radius: 8px; -webkit-border-radius: 8px;-moz-border-radius: 8px; -ms-border-radius: 8px;-o-border-radius: 8px;}
	.pnstr .pgprex {float:left;}
	.pnstr .pgnext {float:right;}
	.pnstr font {display:none;}
	
	
	.cbody h1.title {font-size:0.45rem; font-family:'微软雅黑'; font-weight:normal; text-align:center; padding:0.3rem; line-height:160%; color:#666;}
	.cbody .infos {font-size:0.3rem; color:#999; text-align:center; line-height:0.8rem; padding-bottom:0.6rem;}
	.cbody .infos a {color:#0080C0; margin-right:10px;}
	.cbody .infos font {margin-left:10px; font-size:13px;}
	.cbody img {max-width:100%; height:auto;}
	.cbody .msg a {padding:10px 30px; color:#fff; margin-right:15px; background-color:#d62a1c; border-radius: 18px; -webkit-border-radius: 18px;-moz-border-radius: 18px; -ms-border-radius: 18px;-o-border-radius: 18px;}
	.cbody .msg {padding-top:40px; text-align:center;}
	.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 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 .content .conewm {display:none;}
	.cbody .content .contit {font-size:0.5rem; color:#333; margin-top:0.4rem;}
	.cbody .content .contit::after {content:''; height:2px; width:0.6rem; background-color:#333; display:block; margin-top:18px;}
	.cbody .content .contel {color:#999; padding-top:0.42rem;}
	.cbody .content .contel font {display:block; color:#008bd6; font-size:0.85rem; padding-top:0.42rem; padding-bottom:0.42rem;}
	.cbody .content .conmsg {border-top:1px solid #d6d6d6; padding-top:0.42rem; margin-top:0.42rem; font-size:0.35rem;}
	.cbody .content .conmsg ul {margin-top:0.4rem;}
	.cbody .content .conmsg ul li {padding-top:0.4rem;}
	.cbody .content .conmsg ul li label {display:block; font-weight:bold; font-size:0.4rem; padding-bottom:0.3rem;}
	.cbody .content .conmsg ul li input[type="text"] {width:calc(100% - 0.5rem); border: 1px solid #d3d3d3; margin-bottom:0.2rem; padding:0 0.2rem; height:1rem; line-height:1rem; font-size:0.35rem;}
	.cbody .content .conmsg ul li.vcode input[type="text"] {width:calc(100% - 3.8rem); margin-bottom:0.2rem; padding:0 0.2rem; height:1rem; line-height:1rem; font-size:0.35rem;}
	.cbody .content .conmsg ul li.vcode img {width:3rem; height:auto;}
	.cbody .content .conmsg ul li input#email {margin-right:0;}
	.cbody .content .conmsg ul li textarea {width:calc(100% - 0.5rem); border: 1px solid #d3d3d3; height:2rem; font-size:0.35rem; padding:0.2rem;}
	.cbody .content .conmsg ul li input[type="submit"] {padding:0.2rem 1.2rem; font-size:0.35rem; background-color:#333333; border:none; color:#fff;}
	.cbody .newcase li {text-align:center; margin:0.36rem 0;}
	.cbody .newcase li span {display:block; color:#f00; padding:0.1rem 0 0.06rem 0;}
	.cbody .newcase li img {max-width:100%; height:auto;}
	
	
	#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: 12px;}
	#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;}
	
	
	.sprobar {margin-top:0.6rem; height:1rem; line-height:1rem; font-size:0.4rem; background-color:#0670b3; width:100%; color:#fff; text-align:center;}
	#scrol {width:100%; text-align:center; margin-top:0.3rem;}
	.infiniteCarousel{width:calc(100% - 0.2rem); margin-left:0.1rem}
	.infiniteCarousel .wrapper{width: 100%;}	
	.infiniteCarousel ul li {width:50%; float:left; text-align:center; color:#666; line-height:0.6rem; height:4.5rem; overflow:hidden; margin-bottom:0.3rem;}
	.infiniteCarousel ul li img {width:4.35rem; display:block; margin:0 auto; margin-bottom:0.15rem; height:3.728rem; border-radius:0.1rem; border:1px solid #d6d6d6;}
	.infiniteCarousel ul li a {font-size:0.35rem;}	
	.infiniteCarousel ul li:nth-child(n+7) {display:none;}
	.infiniteCarousel .arrow{display:none;}
}