/* Write your styles */
iframe,body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,blockquote,th,td {list-style:none;}
body{font-family:"Microsoft Yahei"; background-color:#27274E;}
/*header pc版*/
.tl			{text-align:left;}
.tc			{text-align:center;}
.tr			{text-align:right;}
.mag		{margin:0px auto;}
.fl		    {float: left;}
.fr			{float: right;}
.clear             {clear:both;}
.clearfix:after    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix          {display: inline-block;}    
* html .clearfix   {height: 1%;}
.clearfix          {display: block;}
/*header style end*/
/*底部 Hides from IE-mac \*/
.foot{ background:#283250; color:#b5beda; padding-top:3rem; padding-bottom:2.5rem; font-size:1.3rem; line-height:2.2rem; }
.foot a { color:#b5beda;}
.foot a:link,.foot a:visited {text-decoration: none;}
.foot a:hover {text-decoration: none; color:#FFF;}
.foot .f_link { border-left:1px solid #556084;}
.foot .f_link p { margin-bottom:0rem;}
.foot .attention p { margin-top:0; margin-bottom:0; text-align:center;}
@media only screen and (max-width: 768px) {
.foot{ padding-top:2rem; padding-bottom:2rem; }
.foot .f_link { border-left:none;}
.foot .f_link p { margin-top:1rem; margin-bottom:0rem; font-size:1.2rem; line-height:2.2rem; text-align:center;}
.foot .attention { margin-top:1rem;}
.foot .cnzz { text-align:center;}
}

.am-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    max-width: 1240px;
}
.am-container-s {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    max-width: 980px;
}
@media only screen and (max-width: 768px) {
  .am-container {
    padding-left: 1rem;
    padding-right: 1rem;
	font-size:1.4rem;
	line-height:2.4rem;
  }
	.am-container-s {
    padding-left: 1rem;
    padding-right: 1rem;
	font-size:1.4rem;
	line-height:2.4rem;
  }
}
.p15 { padding:15px 0;}
.mt1 { margin-top:1%;}
.mt2 { margin-top:2rem;}
.mt3 { margin-top:3rem;}
.mt4 { margin-top:4rem;}
.mb30 { margin-bottom:30px;}
.mb20 { margin-bottom:20px;}
.mb2 { margin-bottom:2%;}
.color-w { color:#fff;}
.bg-gray { background:#EFEFEF;}
.bg-gray2 { background:#F6F6F6;}
.no-p { padding:0; margin:0;}
.no-pl { padding-right:0;}
.blue { color:#3D67D1;}
.red { color:#F00!important;}
.no_mb { margin-bottom:0rem!important;}
.no_mt { margin-top:0rem!important;}
.green { color:#090;}
.orange { color:#FF6600;}
.tl { text-align:left!important; padding-left:1rem; color:#0765CC;}

/****banner****/
.banner {
	text-align: center;
	position:relative;
}
.banner img{ max-width:100%;}
.date {
	background:rgba(0,0,0,0.5);
	padding:2px 8px;
	font-size: 1rem;
	position: absolute;
	bottom: 1rem;
	left: 5rem;
	color: #FFF;
}
.banner a { position:absolute; bottom:3.6rem; left:46.5%;}
@media only screen and (max-width: 768px) {
.banner{
	background-size: 100% 100%;
    height: auto;
    overflow: hidden;
	margin-bottom: 0rem;
}
h2 {font-size:1.8rem;}
.banner a { position:absolute; bottom:3rem; left:36%; font-size:1.4rem;}
}

/****导航****/
.navbg { background:#3E2E8B; height:80px;}
.scrollspy-nav{top:0;z-index:999;background:#3E2E8B;width:100%; padding:0 10px;}
.scrollspy-nav ul{ width:1200px; margin:0 auto;padding:0}
.scrollspy-nav li{display:inline-block;list-style:none; line-height:80px; font-size:1.8rem; padding-left:6rem;}
.scrollspy-nav a{color:#DDD; line-height:80px; display:inline-block; padding:0 1rem;}
.scrollspy-nav a.am-active{color:#FFF; font-weight:bold; border-bottom:4px solid #FF9900;}
.am-panel{margin-top:20px}
@media only screen and (max-width: 768px) {
.navbg {height:auto;}
.scrollspy-nav{top:0;z-index:999;background:#022668;width:100%; padding:0 10px;}
.scrollspy-nav ul{ width:100%; margin:0 auto;padding:0}
.scrollspy-nav li{display:inline-block;list-style:none; line-height:2.8rem; font-size:1.3rem; padding-left:0rem;}
.scrollspy-nav a{color:#DDD; line-height:2.8rem; display:inline-block; padding:0 0.1rem;}
.scrollspy-nav a.am-active{color:#FFF; font-weight:bold; border-bottom:2px solid #8D31BC;}
}
/****导语****/
.intro { margin-top:5.5rem;}
.introbg { background:url(../images/intro_bor.png) top center no-repeat; padding:4rem 4rem 4.5rem 4rem;}
.introbg p { color:#FFF; font-size:1.7rem; line-height:3.2rem; font-weight:600;}
@media only screen and (min-width: 769px) {
.introbg { height:238px;}
}
@media only screen and (max-width: 768px) {
.intro { margin-top:2rem;}
.introbg { background:url(../images/intro_bor_m.png) top center no-repeat; background-size:100%; padding:2.5rem 2rem 0 2rem;}
.introbg p { color:#FFF; font-size:1.4rem; line-height:2.4rem;}
}
@media only screen and (max-width: 640px) {
.introbg { background:url(../images/intro_bor_m2.png) top center no-repeat; background-size:100%; padding:2.5rem 2rem 0 2rem;}
}

/****重磅推荐****/
.title { background:url(../images/tit_bg.png) top center no-repeat;}
.title h1 { font-size:3.7rem; line-height:4rem; text-align:center; position: relative; color: #FFF;}
.title h1:before{
	content: attr(text);
	position: absolute;
	z-index: 10;
	color:#FFCC00;
	-webkit-mask:linear-gradient(to left, red, transparent );
}
.recommend { margin-top:3rem;}
.recommend .am-slider { margin-top:5rem;}
.recommend ul li p { width:100%; position:absolute; bottom:2rem; background:url(../images/img1_tit_bg.png) center center no-repeat; color:#FFF; text-align:center; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recommend .pc-banner p { color:#FFF; margin-top:-3.5rem;}
@media only screen and (min-width: 769px) {
.title { height:52px;}
.recommend ul li p { font-size:1.8rem;}
.recommend .pc-banner { margin-top:3rem;}
.recommend .pc-banner iframe { width:626px; height:391px; overflow:hidden;}
.recommend .pc-banner p { margin-top:0rem; font-size:1.6rem;}
.recommend .pc-banner video { width:626px;}

.video_tit { margin-top:3rem; margin-left:37rem;}
.video_tit .video_tit_01 { width:13%; border-top:4px solid #183A7A; float:left; margin-left:0.6rem; margin-right:0.6rem; color:#5577AA; text-align:center; line-height:2.8rem; }
.video_tit .video_active { border-top:4px solid #3E82FF; color:#FFF;}
}
@media only screen and (max-width: 768px) {
.title { background:url(../images/tit_bg.png) top center no-repeat; background-size:65%; height:auto;}
.title h1 { font-size:2.6rem; line-height:3.2rem; padding-bottom:0.4rem;}
.recommend { margin-top:1.5rem;}
.recommend .am-slider { margin-top:2rem;}
.recommend .pc-banner iframe { width:100%; height:432px;}
.recommend .pc-banner p { margin-top:0rem;}
.recommend .pc-banner video { width:100%; height:432px;}
}
@media only screen and (max-width: 640px) {
.recommend .pc-banner iframe { width:100%; height:360px;}
.recommend .pc-banner video { width:100%; height:360px;}
}
@media only screen and (max-width: 414px) {
.recommend .pc-banner iframe { width:100%; height:212px;}
.recommend .pc-banner video { width:100%; height:212px;}
}
@media only screen and (max-width: 375px) { 
.recommend .pc-banner iframe { width:100%; height:190px;}
.recommend .pc-banner video { width:100%; height:190px;}
}
@media only screen and (max-width: 320px) {
.recommend .pc-banner iframe { width:100%; height:160px;}
.recommend .pc-banner video { width:100%; height:160px;}
}

/****参展商****/
.exhibitor { margin-top:8rem;}
/****图片遮罩****/
.image-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width:100%;
  margin: auto;
  margin-top:4rem;
}
.media_more { width:100%; background:#1E1E3C;}
.media_more { cursor:auto!important; text-align:center; color:#FFF;}
.media_more i { color:#FFF; display:block; }
.media_more h2 { color:#FFF; display:block; font-size:1.6rem;}

@media only screen and (min-width: 769px) {
.media {
  width: 30.5%;
  height: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px;
  overflow: hidden;
  position: relative;
}

.media:hover {
  cursor: pointer;
}
.overlay {
  background: rgba(83, 43, 149, 0.9);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 3;
  opacity: 0;
  transition: all ease-in-out 0.5s;
}

.media:hover .overlay {
  opacity: 1;
}

.media img {
  width: 100%;
  z-index: -1;
  margin: auto;
  transform: scale(1);
  transition: all ease-in-out 1s;
}

.media:hover img {
  transform: scale(1.1);
  filter: blur(2px);
}

.image-details {
  color: white;
  z-index: 4;
  position: absolute;
  top: 100%;
  opacity: 0;
  transition: all ease-in-out 0.5s;
}

.image-details h3 {
	font-size:2rem;
	border-left:10px solid #FF9900;
	color:#FFF;
	padding-left:1rem;
	margin-bottom:0.8rem;
}
.image-details p {
	color:#FFF;
	padding:0rem 2rem;
	font-size:1.3rem;
	line-height:2.2rem;
	margin-top:0rem;
}
.media:hover .image-details {
  top: 8%;
  opacity: 1;
}
.media_more { width:382px; height:264px;}
.media_more i { color:#FFF; margin-right:1rem;}
.media_more h2 { color:#FFF;}
}
@media only screen and (max-width: 768px) {
  .media {
    width: 100%;
    height:auto!important;
	margin:5px 10px;
	background:#132E60;
  }
  .media img { width:75%;}
  .exhibitor { margin-top:2rem;}
  .image-wrapper {
	  margin-top:0rem;
  }
.image-details h3 {
	margin-bottom:0.6rem;
}
.image-details p {
	padding:0rem 1.2rem;
	font-size:1.2rem;
	line-height:2.0rem;
}
.image-details-m { display:block; overflow:hidden; height:auto; background:#061A46;}
.image-details-m h3 { color:#FFF; font-size:1.6rem; margin-bottom:0rem; margin-top:0.8rem;} 
.image-details-m p { color:#EEE; font-size:1.2rem; line-height:2rem; margin-top:0.2rem; margin-bottom:1.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.media_more { padding-top:1.5rem;}
}

/****更多热门展商****/
.more_ex { margin-top:8rem;}
.more_ex .more img {
    width: 100%;
    transition: .4s;
}
.more_ex .more a:hover img {
    transition: .4s;
    transform: scale(1.1);
}
.more_ex .more { margin-top:4rem;}
@media only screen and (min-width: 769px) {
.more_ex .more { width:20%;}
}
@media only screen and (max-width: 768px) {
.more_ex { margin-top:3rem;}
.more_ex .more { margin-top:0.5rem; margin-bottom:1.5rem;}
}
/****产品展示****/
.product { margin-top:8rem;}
.product .show { background:url(../images/img3_bg.png) top center no-repeat; background-size:100%; }

.product .show img { margin-top:2rem; }

.product .show img {
    width: 100%;
    transition: .4s;
}

.product .show a:hover img {
    transition: .4s;
    transform: scale(1.05);
}
.product .show h2 { font-size:1.6rem; color:#FFF; font-weight:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
@media only screen and (min-width: 769px) {
.product .show { height:320px; width:18.4%; margin-left:0.8rem; margin-right:0.8rem; margin-top:5rem;}
.product .show h2 { padding-left:0.7rem; padding-right:0.7rem;}
}
@media only screen and (max-width: 768px) {
.product { margin-top:3rem;}
.product .show { width:49%; margin-left:0.5%; margin-right:0.5%; margin-top:1rem; height:100%;}
.product .show img { margin-top:1.4rem;}
.product .show h2 { font-size:1.4rem; margin-top:0.5rem; line-height:2rem; height:50px;}
}



/****解决方案****/
.solution { margin-top:6rem; margin-bottom:8rem;}
.solution .plan { background:url(../images/img4_bg.png) top center no-repeat; background-size:100%;}
.solution .plan img { margin-top:2rem; width:100%;}
.solution .plan img {
    width: 100%;
    transition: .4s;
}

.solution .plan a:hover img {
    transition: .4s;
    transform: scale(1.05);
}
.solution .plan h2 { font-size:1.6rem; color:#FFF; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
@media only screen and (min-width: 769px) {
.solution .plan { height:269px; width:23.4%; margin-left:0.8rem; margin-right:0.8rem; margin-top:5rem;}
.solution .plan h2 { padding-left:0.6rem; padding-right:0.6rem; margin-top:0.8rem; margin-bottom:0.8rem;}
}
@media only screen and (max-width: 768px) {
.solution { margin-top:3.5rem; margin-bottom:3rem;}
.solution .plan { width:49%; margin-left:0.5%; margin-right:0.5%; margin-top:0.6rem; height:100%;}
.solution .plan img { margin-top:1.4rem;}
.solution .plan h2 { font-size:1.5rem; margin-top:0.2rem; line-height:2rem;}
}

/****主题会议日程****/
.schedule { margin-top:8rem; overflow:hidden;}
.schedule .am-tabs { margin-top:4.5rem;}
.schedule .dhrc { background:#1E1E3C; margin-bottom:0.1rem; margin-bottom:1.8rem;}
.schedule .dhrc h3 { font-size:1.6rem; color:#FFF; margin-left:1rem; margin-right:1rem; margin-top:1rem;}
.schedule .dhrc p { padding-left:1rem; color:#CCC; padding-right:1rem; font-size:1.4rem;}
.schedule .dhrc p i { color:#6534B6;}
.schedule .dhrc span { padding-left:1rem; color:#CCC; padding-right:1rem; font-size:1.4rem; margin-bottom:1rem; display:block; overflow:hidden; }
.schedule .dhrc span i { color:#6534B6;}
@media only screen and (min-width: 769px) { /*PC端*/
.schedule .dhrc { width:23.4%; margin-left:0.8rem; margin-right:0.8rem;}
.schedule .dhrc h3 { height:40px; margin-top:1rem; line-height:2.4rem;}
.schedule .dhrc p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:0;}
.schedule .dhrc img { margin-top:1.5rem; height:24px;}
}
@media only screen and (max-width: 769px) { /*手机端*/
.schedule { margin-top:3rem;}
.schedule .am-tabs { margin-top:2rem;}
.schedule .dhrc h3 { font-size:1.6rem; margin-left:1rem; margin-right:1rem; margin-bottom:0; margin-top:0.5rem;}
.schedule .dhrc p { margin-top:0.5rem; margin-bottom:0.2rem; line-height:2rem;}
.schedule .dhrc img { margin-top:1rem; height:20px;}
}

/****主题会议直播****/
.video { margin-top:7rem; overflow:hidden;}
.downdata { display:block;}
.video .downdata button { font-size:1.8rem; font-weight:bold;}
@media only screen and (min-width: 769px) { /*PC端*/
.order2 { background:url(../images/live_bor.png) center center no-repeat; height:674px; margin-top:3rem;}
.order2 img { overflow:hidden; padding-top:3rem;}
.aly_live { width:1060px; margin:0 auto; padding-top:3.5rem;}
.aly_live img { padding-top:0rem!important;}
.aly_live .video-js { width:1060px; height:596px; margin:0 auto;}
}
@media only screen and (max-width: 768px) { /*手机端*/
.video {margin-top:3rem; overflow:hidden;}
.aly_live { width:100%; height:auto; overflow:hidden;}
.aly_live .video-js { width:100%; height:432px;}
.downdata { margin-top:1.5rem;}
}
@media only screen and (max-width: 640px) { /*鎵嬫満绔�*/
.aly_live .video-js { width:100%; height:360px;}
}
@media only screen and (max-width: 414px) { /*鎵嬫満绔�*/
.aly_live .video-js { width:100%; height:212px;}
}
@media only screen and (max-width: 375px) { /*鎵嬫満绔�*/
.aly_live .video-js { width:100%; height:190px;}
}
@media only screen and (max-width: 320px) { /*鎵嬫満绔�*/
.aly_live .video-js { width:100%; height:160px;}
}

/************展商页面**************/
.ex_main_bg { background:#EBEDF1; position:relative;}
.ex_tit { background:url(../images/001/tit_b_bor.png) bottom center no-repeat;}
.ex_tit h1 { font-size:3.2rem; line-height:3.6rem; text-align:center; position: relative; color: #5500AA; padding-bottom:1rem;}
.ex_tit h1:before{
	content: attr(text);
	position: absolute;
	z-index: 10;
	color:#0046EA;
	-webkit-mask:linear-gradient(to left, red, transparent );
}
@media only screen and (max-width: 768px) { /*手机端*/
.ex_tit { background:url(../images/001/tit_b_bor.png) bottom center no-repeat; background-size:32%; height:auto;}
.ex_tit h1 { font-size:2.6rem; line-height:3.2rem;}
}

/****关于我们****/
.about { padding-top:5rem;}
.about p { font-size:1.6rem; line-height:2.6rem; padding-top:1rem;}
@media only screen and (max-width: 768px) { /*手机端*/
.about { padding-top:2rem;}
.about p { font-size:1.4rem; line-height:2.4rem; padding-top:0.5rem;}
}

/****视频展示****/
.ex_video { background:#FFF; margin-top:4rem; padding-top:5rem; padding-bottom:5rem; overflow:hidden;}
.ex_video p { text-align:center; margin-top:0.5rem; margin-bottom:0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media only screen and (max-width: 768px) { /*手机端*/
.ex_video { margin-top:2.5rem; padding-top:2rem; padding-bottom:2rem; overflow:hidden;}
}

/****推荐产品****/
.ex_recommend {margin-top:4rem; overflow:hidden;}
@media only screen and (max-width: 768px) { /*手机端*/
.ex_recommend { margin-top:2.5rem;}
}

/****解决方案****/
.ex_solution { background:#FFF; margin-top:5.5rem; padding-top:5rem; padding-bottom:5rem;}
.ex_s { margin-top:2rem; overflow:hidden;}
.ex_solution .bluebg { background:#1A5ABB; height:300px; padding:3rem; color:#FFF;}
.ex_solution .purplebg { background:#8D31BC; height:300px; padding:3rem; color:#FFF;}
.ex_solution a h2 { color:#FFF; font-size:2rem;}
.ex_solution a p { color:#FFF;}
@media only screen and (min-width: 769px) { /*PC端*/
.ex_solution .ex_tit { margin-bottom:3.5rem!important;}
.ex_fl { float:left;}
.ex_fr { float:right;}
}
@media only screen and (max-width: 768px) { /*手机端*/
.ex_solution { margin-top:2.5rem; padding-top:2rem; padding-bottom:3rem;}
.ex_s { margin-top:1rem; overflow:hidden;}
.ex_solution .bluebg { height:auto; padding:1rem; color:#FFF;}
.ex_solution .purplebg { height:auto; padding:1rem; color:#FFF;}
.ex_solution a h2 { font-size:1.6rem; margin-bottom:0;}
.ex_solution a p { margin-top:0.5rem; margin-bottom:0.5rem;}
}

/****应用案例	****/
.ex_case {margin-top:4rem; overflow:hidden;}
.ex_case .ex_c { margin-top:2rem; overflow:hidden;}
.ex_case .ex_c h3 { display:block; background:#0A3576; padding-left:0.8rem; padding-right:0.8rem; font-size:1.6rem; font-weight:200; text-align:center; line-height:3.6rem; margin-top:0; margin-bottom:0; color:#FFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@media only screen and (min-width: 769px) { /*PC端*/
.ex_case .ex_c { width:400px; overflow:hidden; padding:0; margin-left:8px; margin-right:8px;}
}
@media only screen and (max-width: 768px) { /*手机端*/
.ex_case { margin-top:2.5rem; overflow:hidden;}
.ex_case .ex_c { margin-top:1rem;}
.ex_case .ex_c h3 { line-height:3rem; overflow:hidden;}
}
/****索取资料	****/
.ex_info { background:#FFF; margin-top:5rem; padding-top:5rem; padding-bottom:8rem;}
.ex_info .info { font-size:1.6rem; line-height:5rem; border-bottom:1px solid #DDD; width:48%; margin-left:1%; margin-right:1%;}
.ex_info .info p { margin-bottom:0;}
.ex_info .info p i { color:red; padding-right:0.6rem; }
@media only screen and (max-width: 768px) { /*手机端*/
.ex_info { margin-top:2rem; padding-top:2rem; padding-bottom:3rem;}
.ex_info .info { font-size:1.6rem; line-height:4rem; border-bottom:1px solid #DDD; width:100%; margin-left:0; margin-right:0;}
.ex_info .info p i { color:red; padding-right:0.6rem; }
}

.floatwindow { width:60px; height:auto; background:#09F; position:absolute; right:0; top:20%; overflow:hidden;}

.zb-img img {
	width:100%;
    height:auto;
}
.zb-img {
	position:relative;
}
.zb-img .my-player-dimensions {
    width: 100%;
    height: 596px;
}
.zb-img .play {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
    z-index: 999;
    top: 38%;
    left: 47%;
    background-image: url(../images/sp-play2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.zb-img .zbzt {
	position: absolute;
	z-index: 999;
	display:inline-block;
	padding:3px 10px;
	color:#FFF;
	background-color: rgba(0,123,227,.7);
	border-radius: 0px 0px 0px 5px;
	top:0px;
	right:0px;
	}
.zb-img .zblog {
	position: absolute;
	width:200px;
	z-index: 99;
	display:inline-block;
	padding:3px 10px;
	color:#FFF;
	background-color: rgba(0,0,0,.6);
    border:1px solid #CCC;
	border-radius: 5px;
	top:75%;
	left:8%;
	text-align:center;
    border-radius8px;
	}
.zb-img .zblog  a.blue:link {
	color: #0CF;
	text-decoration: none;
}
.zb-img .zblog a.blue:visited {
	color: #0CF;
	text-decoration: none;
}
.zb-img .zblog  a.blue:active, .zb-img .zblog a.blue:hover {
	color: #0CF;
	text-decoration: underline;
}
@media only screen and (max-width: 768px) { /*手机端*/
.zb-img .play {
    width: 60px;
    height: 60px;
    z-index: 999;
    top: 38%;
    left: 40%;
    background-image: url(../images/sp-play2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.zb-img .zblog {
	width:180px;
	z-index: 999;
	display:inline-block;
	padding:3px 5px;
	color:#FFF;
	background-color: rgba(0,0,0,.6);
    border:1px solid #AAA;
	border-radius: 5px;
	top:50%;
	left:23%;
	text-align:center;
    border-radius8px;
	}
.zb-img .my-player-dimensions {
    width: 100%;
    height:432px;
}
}

@media only screen and (max-width: 640px) { 
.zb-img .my-player-dimensions { width:100%; height:360px;}
}
@media only screen and (max-width: 414px) { 
.zb-img .my-player-dimensions { width:100%; height:212px;}
}
@media only screen and (max-width: 375px) { 
.zb-img .my-player-dimensions { width:100%; height:190px;}
}
@media only screen and (max-width: 320px) { 
.zb-img .my-player-dimensions { width:100%; height:160px;}
}


@media only screen and (min-width: 769px) { /*PC端*/
.keifu{position:fixed;top:65%;right:0px;width:100px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
z-index:990;}
}
@media only screen and (max-width: 768px) { /*手机端*/
.keifu {position:fixed;bottom:10px;right:0px;width:100px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
z-index:990;}
.keifu img {width:100%;}
}