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

	.newslist {width:100%; margin-top:20px;}
	.newslist dl {width:100%;}
	.newslist dl dt {height: 48px; text-align: right; line-height: 48px; border-bottom: 2px solid #dddddd; position: relative;}
	.newslist dl dt font {float:left; font-size: 22px; background: url(../images/bg_iico.jpg) left top no-repeat; padding-left: 35px; background-position: 0 10px;}
	.newslist dl dt span {position:absolute; bottom: -2px; width:150px; right:10px;}
	.newslist dl dt span a {display: inline-block; height:48px; font-size: 16px; padding:0 15px; border-bottom: 2px solid #dddddd;}
	.newslist dl dt span a.active,.newslist dl dt span a:hover {color:#f3c258; border-color:#f3c258;}
	.newslist dl dt a.more {margin-right:10px;}
	.newslist dl dt a.more i {background-color: #f3c258; color: #fff; display: inline-block; font-size: 12px; height: 14px; line-height: 12px; width:14px; margin-right: 6px;text-align: center; font-style: normal;}
	.newslist dl dd {width:360px; height:300px; float: left; margin:20px 60px 20px 0;}
	.newslist dl dd:nth-child(3n+1) {margin-right:0;}
	.newslist dl dd a.img {width:360px; height:200px; display: inline-block; position: relative; overflow: hidden;}
	.newslist dl dd a img {width:360px; height:200px; position:absolute; left:0; top:0; transition: all 0.25s ease-out;}
	.newslist dl dd:hover a img {width:432px; height:240px; left:-36px; top:-20px;}
	.newslist dl dd a.tit {display: inline-block; height: 60px; line-height: 60px; width:100%; font-size: 18px; font-weight: bold; color:#111; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.newslist dl dd span {display:inline-block; color:#999; font-size: 12px; height:48px; line-height: 24px; overflow: hidden; position: relative;}
	.newslist dl dd span font {float:right;}
	.newslist dl dd:hover a.tit {color:#666;}

	.newslist.vlist {width:1030px; margin:20px auto 0 auto;}

	.videolist {width:1050px; margin:20px auto 0 auto;}
	.videolist dl {width:100%;}
	.videolist dl dt {margin:0 10px 20px 10px; height: 48px; line-height: 48px; border-bottom: 2px solid #dddddd; position: relative;}
	.videolist dl dt a {width:33.3333%; font-size: 20px; float:left; text-align: center;}
	.videolist dl dt a.active,.videolist dl dt a:hover {border-bottom:2px solid #f3c258; color:#f3c258;}
	.videolist dl dd.plain img {float:left; width:360px; height:180px; margin-right:50px;}
	.videolist dl dd.plain {height:180px; padding:25px 0; margin:0 10px; border-bottom:1px solid #ddd;}
	.videolist dl dd.plain a.tit {font-size: 20px; font-weight: bold; color:#000;}
	.videolist dl dd.plain font {margin-left:20px; color:#999; font-size: 14px;}
	.videolist dl dd.plain span {display: block; line-height: 30px; font-size: 16px; padding-top: 8px;}
	.videolist dl dd.lv {width:330px; padding-bottom: 12px;float:left; margin:0 10px 20px 10px; box-shadow: 0 0 10px #ccc; background-color: #fff;}
	.videolist dl dd.lv img {width:330px; height:165px;}
	.videolist dl dd.lv a.tit {display: block; line-height: 48px; font-size: 18px; padding:0 12px;}
	.videolist dl dd.lv font {color:#9191e2; font-size: 12px; float: left; margin-left: 12px;}
	.videolist dl dd.lv i {color:#888; font-size: 12px; float: right; margin-right: 12px; font-style:normal;}

	.container-video {background-color: #101019;}
	.swiper-container-video {background: center no-repeat; background-size:auto 100%; height:160px; width:100%; padding-top:560px;}
	.swiper-container-video .swiper-nav {width:100%; text-align: center; background: url(../images/bg_swnav.png); height:160px;}
	.swiper-container-video .swiper-nav ul {width:1200px; margin:0 auto;}
	.swiper-container-video .swiper-nav ul li {width:240px; float:left;}
	.swiper-container-video .swiper-nav ul li a {width:100%; padding-top: 45px; height:115px; text-align: center; display: inline-block; font-size: 24px; color: #fff; font-weight: bold;}
	.swiper-container-video .swiper-nav ul li a i {font-size: 12px; display: block; font-style: normal; font-weight: normal; color: #ccc; padding-top: 15px;}
	.swiper-container-video .swiper-nav ul li.active a,.swiper-container-video .swiper-nav ul li a:hover {background: url(../images/bg_swnavli.png); color:#f3c258;}
	.swiper-container-video .swiper-nav ul li.active a i,.swiper-container-video .swiper-nav ul li a:hover i {color:#f3c258;}

	.newlive {width:100%;}
	.newlive .liveplay {background:url(../images/bg_live.png); width:800px; height:450px; z-index: 10001; float: left; position: relative;}
	.newlive .liveplay #playtime {position:absolute; display:none; width:100%; text-align:center; color:#fff; font-size:24px; top:150px; height:120px; padding:30px 0; width:500px; background-color:rgba(0,0,0,0.75); left:150px; z-index:20000;}
	.newlive .liveplay #playtime i {font-style:normal; font-size:30px; font-weight:bold; display:block; padding-bottom:30px;}
	.newlive .liveplay span {display: inline-block; height:40px; line-height: 40px; padding-left: 8px; font-size: 18px; position:absolute; top:0; left:0; color:#fff; text-align: left; width:calc(100% - 8px);}
	.newlive .liveplay span a {float: right; background-color: #f3c258; height:24px; line-height: 24px; padding:0 12px; margin-top: 8px; margin-right: 8px; border-radius: 5px; font-size: 12px;}
	.newlive .liveplay iframe {width:800px !important; height:450px !important; background:#000;}
	.newlive .liveplay .my-video-dimensions {width:800px !important; height:450px !important;}
	.newlive .liveplay ul {position:absolute; bottom: 8px; left: 8px; width:792px; height: 95px;}
	.newlive .liveplay ul li {width:190px; margin-right: 8px; float: left; position: relative; height: 95px;}
	.newlive .liveplay ul li img {width:190px; height: 95px;}
	.newlive .liveplay ul li.active img {width:190px; height: 95px; border:3px solid #fff; border-radius: 3px; position:absolute; left: -3px; top:-3px;}
	.newlive .liveplay ul li a:hover img {width:190px; height: 95px; border:3px solid #ccc; border-radius: 3px; position:absolute; left: -3px; top:-3px;}
	.newlive .liveplay video {position:relative; width:800px; height:450px;}
	.newlive .liveplay a.btnplay {width: 80px;height: 48px;text-align: center;color: #fff;background-color: rgba(0,0,0,0.4);z-index: 10000;position: absolute;left: calc(50% - 43px);top: calc(50% - 27px);line-height: 48px;border-radius: 5px;border: 3px solid #fff;}
	.newlive .liveplay a.btnplay:hover {background-color:rgba(0,0,0,0.6);}
	.newlive .liveplay a.btnplay i {font-size:24px;}
	.newlive .livemsg {float:right; width:380px; height:450px; z-index: 10002; background:url(../images/bg_live.png);}
	.newlive .livemsg dl dt {width:100%: height:40px; line-height: 40px; padding-left: 8px; font-size: 18px; color:#fff; text-align: left; border-bottom: 1px solid #222;}
	.newlive .livemsg dl dd.content_2 {width:100%; overflow: hidden; height: 334px; padding:15px 0 20px 0; background-color:#333;}
	.newlive .livemsg dl dd ul li {padding: 0 20px 20px 50px; text-align: left; font-size: 12px; line-height: 180%; position: relative; color:#ccc;}
	.newlive .livemsg dl dd ul li:last-child {padding-bottom:0;}
	.newlive .livemsg dl dd ul li img {float: left; width:28px; height: 28px; border-radius: 50%; position: absolute; left: 10px; top:2px;}
	.newlive .livemsg dl dd ul li span {display: block; color:#fff; font-size: 14px; padding-bottom: 6px;}
	.newlive .livemsg dl dd ul li span font {float:right; font-size: 11px;}
	.newlive .livemsg dl dd.sub {height:40px; padding:0 10px;}
	.newlive .livemsg dl dd.sub input {background:#646464; width:295px; height:28px; line-height: 28px; padding:0 5px; border-radius: 5px; color:#8d8d8d; font-size: 12px; border:none;}
	.newlive .livemsg dl dd.sub a {background:#646464; width:50px; height:28px; line-height: 28px; border-radius: 5px; color:#8d8d8d; font-size: 12px; display: inline-block; margin-left:5px; text-align: center;}

	.livebar {height:210px; background: url(../images/hd.png) center no-repeat; text-align: center;}
	.livebar span {width:80px; height:60px; text-align: left; display: inline-block;; margin: 70px auto 0 auto; padding-left:120px; position: relative; color:#fff; font-size:24px; font-weight: bold;}
	.livebar span font {font-size: 40px; font-weight: bold; color:#fff; position:absolute; left: 35px; top:8px;}
	.livebar span i {font-size: 15px; font-style: normal; font-weight: normal; padding-top: 6px; display: block;}

	.livecontent {text-align: center; color:#fff;}
	.livecourt {width:1200px; margin:0 auto;}
	.livecourt .mapbox {width:592px; height:412px; float:left; margin-right:20px; padding:2px; border:2px solid #455589;}
	.livecourt #imap {width:592px; height:412px;}
	.livecourt .cimg {width:580px; width:420px; content:'e1e1df  a8a8a8'}
	.livepartner .livebar span {width:140px; padding-left:180px;}
	.livepartner .livebar span font {left:95px;}
	.livepartner dl dd {padding-bottom:25px;}
	.livepartner dl dd a {display: inline-block;margin-right: 23px;margin-top: 30px;width: 172px;height: 104px;background: url("../images/partern-bg.png"); position: relative;}
	.livepartner dl dd a img {position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;max-width:150px; max-height: 72px;}
	.livepartner dl dt {background: url(../images/operation2.png) left no-repeat; padding-left: 15px;}
	.livepartner dl dt font {color:#fff; display: inline-block; font-weight: bold; font-size: 24px; background-image:-webkit-linear-gradient(bottom,#a8a69d,#c7c4bb,#ebe8e0); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
	.backlive {padding:30px 0; text-align: center;}
	.backlive a {padding: 8px 20px; border-radius: 5px; background-color: #8d8d8d; color: #fff;}

	#pics { margin-right: auto; margin-left: auto;}
	#pics:before, #pics:after { content: " "; display: table; }
	#pics:after { clear: both; }

	#pics-fluid { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; }
	#pics-fluid:before, #pics-fluid:after { content: " "; display: table; }
	#pics-fluid:after { clear: both; }
	.row { margin-left: -10px; margin-right: -10px; }
	.row:before, .row:after { content: " "; display: table; }
	.row:after { clear: both; }
	#fh5co-main { padding-top: 5em; }
	#fh5co-board .item { margin: 10px 10px 20px 10px; width:285px; overflow: hidden; float: left;background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
	#fh5co-board .item a { display: block; }
	#fh5co-board .item .fh5co-desc { padding: 20px; float: left; line-height: 24px; }
	#fh5co-board .item .fh5co-item-title { font-family: "Montserrat", arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0; padding: 0; }
	#fh5co-board .item img { width: 285px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
	#fh5co-board .item .fh5co-board-img {float:left;}
	#fh5co-board .item .image-popup:hover img { opacity: .5; }
	.js .animate-box { opacity: 0; }

	.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;}

	.prodec {text-align:left; color:#999; font-size:14px; padding:15px 0; border-bottom:1px solid #eaeaea;}
	.cbody {width:1200px; margin:0 auto; background-color:#fff;}
	.cbody p {float:none; margin:12px 0 !important;}
	.cbody p img {max-width:1200px; width: expression(this.width > 1200 && this.width > this.height ? 1200px : 'auto';);}
	.cbody .content {line-height:200%; padding:20px 0; color:#666666; text-align: left;}
	.cbody h1.title {width:100%; text-align: center; font-size:24px; height:24px; line-height:24px; padding: 50px 0 0 0;}
	.cbody .infos {text-align: center; color: #ccc; padding: 30px 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: 14px;}
	#mbNumber {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;}

}

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

	.newslist {width:9.8rem; margin:0 0.1rem;}
	.newslist dl {width:100%;}
	.newslist dl dt {height: 1rem; text-align: right; line-height: 1rem; border-bottom: 2px solid #dddddd; position: relative; margin:0 0.1rem;}
	.newslist dl dt font {float:left; font-size: 0.4rem; background: url(../images/bg_iico.jpg) left top no-repeat; padding-left: 0.7rem; background-position: 0 0.1rem;}
	.newslist dl dt span {position:absolute; bottom: -2px; width:3rem; right:0.2rem;}
	.newslist dl dt span a {display: inline-block; height:1rem; font-size: 0.35rem; padding:0 0.3rem; border-bottom: 2px solid #dddddd;}
	.newslist dl dt span a.active,.newslist dl dt span a:hover {color:#f3c258; border-color:#f3c258;}
	.newslist dl dt a.more {margin-right:0.2rem;}
	.newslist dl dt a.more i {background-color: #f3c258; color: #fff; display: inline-block; font-size: 0.325rem; height: 0.35rem; line-height: 0.325rem; width:0.35rem; margin-right: 0.1rem;text-align: center; font-style: normal;}
	.newslist dl dd {width:4.7rem; float: left; margin:0.2rem 0.1rem 0 0.1rem;}
	.newslist dl dd:nth-child(3n+1) {margin-right:0;}
	.newslist dl dd a img {width:4.7rem; height:2.9375rem;}
	.newslist dl dd a.tit {display: inline-block; height: 0.8rem; line-height: 0.8rem; width:100%; font-size: 0.35rem; font-weight: bold; color:#111; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.newslist dl dd span {display:inline-block; color:#999; font-size: 0.325rem; height:1rem; line-height: 0.5rem; overflow: hidden; position: relative;}
	.newslist dl dd span font {float:right;}

	.videolist {width:9.8rem; margin:0 0.1rem;}
	.videolist dl {width:100%;}
	.videolist dl dt {margin:0 0.1rem 0.1rem 0.1rem; height: 1rem; line-height: 1rem; border-bottom: 2px solid #dddddd; position: relative;}
	.videolist dl dt a {width:33.3333%; font-size: 0.4rem; float:left; text-align: center;}
	.videolist dl dt a.active,.videolist dl dt a:hover {border-bottom:2px solid #f3c258; color:#f3c258;}
	.videolist dl dd.plain img {width:9.6rem; height:4.8rem; margin-bottom: 0.3rem;}
	.videolist dl dd.plain {padding:0.3rem 0; margin:0 0.1rem; border-bottom:1px solid #ddd;}
	.videolist dl dd.plain a.tit {font-size: 0.4rem; font-weight: bold; color:#000;}
	.videolist dl dd.plain font {margin-left:0.4rem; color:#999; font-size: 0.35rem;}
	.videolist dl dd.plain span {display: block; line-height: 0.7rem; font-size: 0.35rem; padding-top: 0.1rem;}
	.videolist dl dd.lv {width:9.6rem; padding-bottom: 0.3rem; margin:0.4rem 0.1rem 0 0.1rem; height: 6.2rem; box-shadow: 0 0 10px #ccc;}
	.videolist dl dd.lv img {width:9.6rem; height:4.8rem;}
	.videolist dl dd.lv a.tit {display: block; line-height: 1rem; font-size: 0.35rem; padding:0 0.3rem;}
	.videolist dl dd.lv font {color:#9191e2; font-size: 0.325rem; float: left; margin-left: 0.3rem;}
	.videolist dl dd.lv i {color:#888; font-size: 0.325rem; float: right; margin-right: 0.3rem; font-style:normal;}

	.container-video {background-color: #101019;}
	.swiper-container-video {background: center no-repat; height:2rem; width:100%; padding-top:6rem; background-size:auto 100%;}
	.swiper-container-video .swiper-nav {width:100%; text-align: center; background: url(../images/bg_swnav.png); height:2rem;}
	.swiper-container-video .swiper-nav ul {width:100%; margin:0 auto;}
	.swiper-container-video .swiper-nav ul li {width:20%; float:left;}
	.swiper-container-video .swiper-nav ul li a {width:100%; padding-top: 0.4rem; height:1.6rem; text-align: center; display: inline-block; font-size: 0.4rem; color: #fff; font-weight: bold;}
	.swiper-container-video .swiper-nav ul li a i {font-size: 0.325rem; display: block; font-style: normal; font-weight: normal; color: #ccc; padding-top: 15px;}
	.swiper-container-video .swiper-nav ul li.active a,.swiper-container-video .swiper-nav ul li a:hover {background: url(../images/bg_swnavli.png); color:#f3c258;}
	.swiper-container-video .swiper-nav ul li.active a i,.swiper-container-video .swiper-nav ul li a:hover i {color:#f3c258;}

  .newlive {width:100%;}
  .newlive .liveplay {background:url(../images/bg_live.png); width:100%; z-index: 10001; position: relative;}
  	.newlive .liveplay img {width:100%; height:auto;}
	.newlive .liveplay #playtime {position:absolute; display:none; width:100%; text-align:center; color:#fff; font-size:0.5rem; top:1.5rem; padding:0.4rem 0; width:60%; background-color:rgba(0,0,0,0.75); left:20%; z-index:20000;}
	.newlive .liveplay #playtime i {font-style:normal; font-size:0.6rem; font-weight:bold; display:block; padding-bottom:0.3rem;}
  .newlive .liveplay span {display: inline-block; height:0.7rem; line-height: 0.7rem; padding-left: 0.15rem; font-size: 0.35rem; position:absolute; top:0; left:0; color:#fff; text-align: left; width:calc(100% - 0.15rem);}
  .newlive .liveplay span a {float: right; background-color: #f3c258; height:0.5rem; line-height: 0.5rem; padding:0 0.3rem; margin-top: 0.15rem; margin-right: 0.15rem; border-radius: 5px; font-size: 0.325rem;}
  .newlive .liveplay iframe {width:10rem !important; height:5.625rem !important; background:#000;}
  .newlive .liveplay .my-video-dimensions {width:10rem !important; height:5.625rem !important;}
  .newlive .livemsg {width:100%; height:11.2rem; z-index: 10002; background:url(../images/bg_live.png);}
  .newlive .livemsg dl dt {width:100%: height:0.8rem; line-height: 0.8rem; padding-left: 0.15rem; font-size: 0.375rem; color:#fff; text-align: left; border-bottom: 1px solid #222;}
  .newlive .livemsg dl dd.content_2 {width:100%; overflow: hidden; height: 8.6rem; padding:0.3rem 0 0.4rem 0; background-color:#333;}
  .newlive .livemsg dl dd ul li {padding: 0 0.4rem 0.4rem 1rem; text-align: left; font-size: 0.325rem; line-height: 180%; position: relative; color:#ccc;}
	.newlive .livemsg dl dd ul li:last-child {padding-bottom:0;}
  .newlive .livemsg dl dd ul li img {float: left; width:0.6rem; height: 0.6rem; border-radius: 50%; position: absolute; left: 0.2rem; top:0.04rem;}
  .newlive .livemsg dl dd ul li span {display: block; color:#fff; font-size: 0.325rem; padding-bottom: 0.1rem;}
  .newlive .livemsg dl dd ul li span font {float:right; font-size: 0.3rem;}
	.newlive .livemsg dl dd.sub {height:0.8rem; padding:0 0.2rem;}
	.newlive .liveplay video {position:relative; width:10rem; height:5.625rem;}
	.newlive .livemsg dl dd.sub input {background:#646464; width:8rem; height:0.8rem; line-height: 0.8rem; padding:0 0.1rem; border-radius: 5px; color:#8d8d8d; font-size: 0.325rem; border:none;}
	.newlive .livemsg dl dd.sub a {background:#646464; width:1.25rem; height:0.8rem; line-height: 0.8rem; border-radius: 5px; color:#8d8d8d; font-size: 0.325rem; display: inline-block; margin-left:0.1rem; text-align: center;}

	.livebar {height:3rem; background: url(../images/hd.png) center no-repeat; background-size: auto 1rem; text-align: center;}
	.livebar span {width:2rem; height:1rem; text-align: left; display: inline-block;; margin: 0.9rem auto 0 auto; padding-left:2.5rem; position: relative; color:#fff; font-size:0.4rem; font-weight: bold;}
	.livebar span font {font-size: 0.6rem; font-weight: bold; color:#fff; position:absolute; left: 1.3rem; top:0.2rem;}
	.livebar span i {font-size: 15px; font-style: normal; font-weight: normal; padding-top: 6px; display: block;}

	.livecontent {text-align: center; color:#fff;}
	.livecontent img {max-width: 100%; height:auto;}
	.livecourt {width:100%; margin:0 auto;}
	.livecourt .mapbox {height:5rem;  padding:2px; border:2px solid #455589;}
	.livecourt #imap {width:100%; height:5rem;}
	.livecourt .cimg {width:100%; content:'e1e1df  a8a8a8'}
	.livepartner .livebar span {width:3rem; padding-left:3.6rem;}
	.livepartner .livebar span font {left:2.35rem;}
	.livepartner dl dd {padding-bottom:0.4rem; padding-top: 0.1rem; padding-left: 0.3rem;}
	.livepartner dl dd a {display: inline-block; float: left;margin-right: 0.2rem;margin-top: 0.3rem;width: 3.01rem;height: 1.82rem; background: url("../images/partern-bg.png"); background-size: 3.01rem 1.82rem; position: relative;}
	.livepartner dl dd a img {position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;max-width:1.8rem; max-height: 1rem; width:auto; height:auto;}
	.livepartner dl dt {background: url(../images/operation2.png) left no-repeat; background-size: auto 0.5rem; margin-left: 0.3rem; padding-left: 0.3rem;}
	.livepartner dl dt font {color:#fff; display: inline-block; font-weight: bold; font-size:0.5rem; background-image:-webkit-linear-gradient(bottom,#a8a69d,#c7c4bb,#ebe8e0); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
	.backlive {padding:30px 0; text-align: center;}
	.backlive a {padding: 8px 20px; border-radius: 5px; background-color: #8d8d8d; color: #fff;}

	#pics { margin-right: auto; margin-left: auto;}
	#pics:before, #pics:after { content: " "; display: table; }
	#pics:after { clear: both; }

	#pics-fluid { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; }
	#pics-fluid:before, #pics-fluid:after { content: " "; display: table; }
	#pics-fluid:after { clear: both; }
	.row:before, .row:after { content: " "; display: table; }
	.row:after { clear: both; }
	#fh5co-main { padding-top: 5em; }
	#fh5co-board .item { margin: 10px 10px 10px 10px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
	#fh5co-board .item a { display: block; }
	#fh5co-board .item .fh5co-desc { padding: 20px; float: left; line-height: 24px; }
	#fh5co-board .item .fh5co-item-title { font-family: "Montserrat", arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0; padding: 0; }
	#fh5co-board .item img { max-width: 100%; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
	#fh5co-board .item .fh5co-board-img {float:left;}
	#fh5co-board .item .image-popup:hover img { opacity: .5; }
	.js .animate-box { opacity: 0; }

	.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:#0d151e; 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;}

	.dede_more {padding:0.8rem 0 1rem 0; text-align:center;}
	.dede_more a {padding:0.2rem 0.8rem; text-align:center; border-radius:0.1rem; background-color:#037abf; color:#fff;}

	.pnstr {line-height:200%; margin:0.7rem 0.35rem; text-align:center; height:0.7rem; line-height:0.7rem;}
	.pnstr a {background-color:#0d151e; font-size:0.35rem; color:#fff; padding:0.2rem 0.85rem; margin:0 0.25rem; border-radius: 0.2rem;}
	.pnstr font {display:none;}


	h1.protit {text-align:left; font-size:0.4rem; margin:0 0.2rem;}
	.prodec {text-align:left; color:#999; font-size:0.3rem; line-height:180%; padding:0.15rem 0 0.3rem 0; margin:0 0.2rem; margin-bottom:0.5rem; border-bottom:1px solid #eaeaea;}
	.cbody h1.title {font-size:0.5rem; margin:0; padding:0.7rem 0.2rem 0 0.2rem; text-align: center;}
	.cbody .infos {text-align: center; color: #ccc; padding: 0.4rem 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.2rem 0.3rem 0.2rem; font-size:0.35rem; color:#666666; text-align:left;}
	.cbody .content a {color:#09F;}
	.cbody .content p {margin:0.1rem 0;}
	.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: 4.8rem; margin:0.8rem auto 0 auto; text-align: left; }
	.cbody .smlpic img {width:9.6rem; height:4.8rem;}
	.cbody .oinfo {width:9.6rem; margin: 0.3rem auto 0 auto; text-align: left;}
	.cbody .oinfo h1 {text-align: left; padding:0;}
	.cbody .oinfo li {padding-top:0.5rem;}
	.cbody .oinfo li a {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 .oinfo li font {font-size: 0.45rem; color: #f00;}
	.cbody .probar {height:0.8rem; line-height: 0.8rem; background-color: #ededed; padding: 0 0.3rem; font-size: 0.4rem; text-align: left; margin: 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;}
	/*相册*/
	#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 {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;}
}