@charset "gb2312";
html{-webkit-tap-highlight-color:transparent;}
body{width:100%;  font-family:'Microsoft Yahei'; }
html, button, input, select, textarea { font-family:'Microsoft Yahei';}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden;}
.banner{ width: 10rem;}
.wrapper{ width: 10rem; margin: 0 auto;}
.nav{height:4.6rem;}
.nav ul li{background: url(../images/nav_bg.png) no-repeat center top;background-size:1.933333rem 1.933333rem;text-align: center; font-size:.48rem;  width:3rem; color: #fff; height: 1.933333rem; line-height:  1.84rem; float: left;margin:0.1rem 0.1rem}
.nav ul{ margin-left: 0.22rem; padding: 0.5rem 0rem; overflow: hidden; }
.nav ul li a{ color: #fff; display: block;width: 1.2rem; line-height: 0.6rem; margin:0.3rem auto;}
.nav ul li.active{ font-weight: bold;}

.title{clear: both; margin: 0.2rem auto 0.666666rem;padding-top: 0.933333rem;}
.title h2{ font-size: 0.64rem; font-weight: bold; text-align: center; height: 0.9rem; line-height: 0.5rem; color: #333; position: relative; }
.title h2::after{content: ""; position: absolute;left: 50%; bottom:0; margin-left: -1rem; width: 2rem; height: .1rem; background: #f59313; border-radius: .266667rem;}
.title .little{ font-size: 0.32rem; text-align: center; }
.more{ width: 3.506666rem;display: block; border-radius: 0.533333rem; margin: 0.666666rem auto 0.933333rem; font-size: 0.373333rem; color: #f59313; border: solid 1px #f59313; height: 0.973333rem; line-height: 0.973333rem; text-align: center;}
.act{  position: fixed;top: 0; z-index: 3;}
.zz{width: 100%;display: none; height: 100%;position: fixed;z-index: 100;top: 0px;background:rgba(0,0,0, 0.6);}
.borm {width: 9.733333rem;display: none;margin-top: -4rem;z-index:101;margin-left: -4.854rem;position:fixed;left:50%;top:50%;-moz-border-radius: 0.138888rem;-webkit-border-radius: 0.138888rem;border-radius:0.138888rem;}
.borm video{ width: 100%;}
.borm .icon{color: #fff;font-size: 0.6rem;text-align: right;display: block;width: 0.65rem;float: right;margin-bottom: 0.1rem;}


/*新闻视角*/
.new_sists li{ width: 4.666667rem; height:5rem; overflow: hidden; float: left; background: #fff;padding:0.35rem .266667rem;margin-left: .266667rem;margin-bottom: .266667rem;    box-shadow: 0.02rem 0.02rem 0.02rem 0.04rem #f1f1f1; }
.new_sists li img{ width: 4.133333rem;display: block; height: 2.266667rem;  }
.new_sists h3{ font-size: 0.32rem; color: #333; padding:0.2rem;}
.new_sists p{ font-size: 0.293333rem; line-height: 0.4rem; text-align: justify; color: #666; padding: 0 0.2rem;}
/*展商名录*/
.directory,.bg{background: #f3f3f3; padding-bottom: 0.2rem;}
.map {width: 10rem;background: #fff; margin:0.1rem auto;}
.map img{ display: block; margin: 0 auto; width:10rem;}
.directory ul { margin-left: 0.266666rem; margin-top: 0.333333rem;}
.directory ul li {float:left;text-align: center; border-radius:0.133333rem; font-size: 0.346666rem; width: 1.44rem; border:1px solid #d2d2d2; height: 0.84rem; line-height: 0.84rem;  margin: 0 0.16rem 0.16rem 0; background: #fff; }
/*推荐展商*/
.exhibition{ background: #f6f6f6; padding-bottom: 0.466666rem;  margin-top: 0.773333rem;}
.exhibition .title{ margin-top: 0;}
/*大咖声音*/
.big_shot .title h2{ color: #fff; margin-top: 0.4rem; background: url(../images/line3.png) no-repeat center bottom;}
.big_shot .title{ margin-top: 0;}
.big_shot .little{ color: #fff;}
.big_shot{ background: #5e95fa;height: auto; padding-bottom: 0.733333rem; overflow: hidden;}
.big_shot{ padding-left: 0.133333rem;}
.big_shot li{margin-left: 0.266666rem; height: 4.6rem; margin-left:0.133333rem;box-sizing: content-box;width: 3.066666rem;float: left;}
.big_shot li img{width: 3.066666rem;display: block;border: 0.133333rem solid #fff;height: 3.066666rem;margin: 0 auto;}
.big_shot h3{ font-size: 0.453333rem; font-weight: bold; color: #fff; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.big_shot p{ font-size: 0.32rem; line-height: 0.4rem; line-height: 0.133333rem; color: #fff; }
.big_shot .more{ border: #fff 1px solid; color: #fff; margin: 0.2rem auto 0.466666rem;}
.big_shot .yuyue{ font-size: 0.32rem; color: #fff; text-align: center;}
.big_shot1 li{ margin-left: 0;}

/*现场精彩*/
.wonderful1 { padding-left: 0.266666rem;}
.wonderful  li{ width: 4.8rem; height: 3.266666rem; float: left; }
.wonderful  li img{ width: 4.666666rem;  height: 3.133333rem;}

/*底部*/
.d_bottom{ height: 2.8rem; background: #333;}
.d_bottom .contact{float: left; margin: 0.9rem 0 0 0.3rem;}
.d_bottom p{ font-size: .32rem;line-height: 0.6rem; color: #c1c1c1;}
.d_bottom p a{ color: #ffa837; font-weight: bold;}
.d_bottom .logo{float: left; width: 2.413333rem; height: .906667rem; margin: .933333rem 0.2rem 0 .72rem;}
.d_bottom .ewm{float: left; width: 1.8rem; height: 1.8rem; margin-top: 0.5rem;}
/*展会介绍*/
.introduce p{ font-size: 0.32rem; margin-bottom: 0.266666rem; text-align: justify; padding: 0 0.6rem; color: #666; text-indent: 2em; }
.introduce ul li img{ width: 8.733333rem; display: block; margin: 0 auto 0.133333rem;}

.sign{ width: 1.733333rem; position: fixed; top: 50%; right: 0.277777rem; padding-top: 0.444444rem; text-align: center; line-height: 0.55rem; }
.sign li{ margin-bottom: 0.2rem;}
.sign li img{ width:1.733333rem ; height: 1.733333rem;}
/*推荐展商*/
.ban{ width:8.933333rem; height:12rem; position:relative; overflow:hidden;margin:0 auto ; padding-bottom: 0.4rem;}
.ban2{ width:8.933333rem; height:12rem; position:relative; overflow:hidden;}
.ban2 .baba{ position:absolute; left:0; top:0;}
.ban2 .baba li{ width:8.933333rem; height:11rem; overflow-y: auto;}
.ban2 .baba li a{ display: block; position: relative;}
.ban2 .baba li p{ font-size: 0.293333rem; border: solid 0.013333rem #bcbcbc;border-top: none; text-align: justify; color: #666; padding: 0.333333rem;}
.ban2 .baba li img{ width: 8.933333rem; height: 4.8rem;}

.ban2 .num_bg{width: 4.226667rem; text-align:center;font-size: 0.48rem;color: #fff; line-height: 0.706666rem; position: absolute;left: 2.213333rem;top: 4.266666rem;height: 0.706666rem;background:;background: url(../images/num_bg.png) no-repeat center top;}
.prev{ float:left; cursor:pointer;}
.num{ height:1.066666rem;overflow:hidden; width:8rem; position:relative;}
.min_pic{width:8.933333rem;height: 50px;position: relative;padding-left: 36px; margin-bottom:0.5rem;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:2.8rem;font-size: 0.346666rem; text-align: center;line-height:0.666666rem; color: #fff; height:0.666666rem; margin:0 0.1rem; background: #666; overflow: hidden;}
.num ul li a{ color: #fff;width:2.35rem; display: block;}
.num ul li.on{  padding:0; background: #ffa837;}
.prev_btn1{width:0.32rem;height:0.56rem;background: url(../images/prev.png) no-repeat center top;background-size: 0.32rem 0.56rem;cursor:pointer;position: absolute;left: 0px;top: 4px;}
.next_btn1{width:0.32rem;height:0.56rem;background: url(../images/next.png) no-repeat center top;background-size: 0.32rem 0.56rem;cursor:pointer;position: absolute;right: 0;top: 4px;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}


.picScroll-left {overflow: hidden;position: relative;margin: 0 auto;width:9.466667rem;height:9.5rem;}
.picScroll-left .bd ul {overflow: hidden;zoom: 1;}
.picScroll-left .bd ul li {float: left;_display: inline;background: #fff;overflow: hidden;width:9.466667rem;height:8.3rem; position: relative;}
.picScroll-left .bd ul li img {width:9.466667rem;margin: 0 auto;height:5.333333rem;display: block;overflow: hidden;}
.picScroll-left .bd ul li .info{padding: 0 0.4rem;}
.picScroll-left .bd ul li h3{font-size: .32rem; color: #333;height: 1rem;line-height:1rem; border-bottom: 1px solid #eee;}
.picScroll-left .bd ul li p{font-size: .32rem; color: #333;line-height:0.6rem; }

.picScroll-left .prev,.picScroll-left .next{ position: absolute;background: url(../images/icon-l.png) no-repeat center top;height:.813333rem; width: .813333rem;z-index: 7;cursor: pointer;}

.picScroll-left .prev{left:3.5rem;bottom:0.3rem;background-size: contain;}
.picScroll-left .next {right:3.5rem;bottom:0.3rem;background: url(../images/icon-r.png) no-repeat center top; background-size: contain;}
.picScroll-left i {width:1.133333rem;height: 1.133333rem;top:2.3rem; left: 4rem; position: absolute; background: url(../images/icon-v.png) no-repeat center top; background-size: contain;}


.m-news {overflow: hidden;position: relative;margin: 0 auto;width:10rem;height: 14rem;}
.m-news ul {overflow: hidden;zoom: 1;}
.m-news ul li {float: left;_display: inline;background: #fff;overflow: hidden;width:4.666667rem;height: 4.4rem; margin-left: 0.2rem; position: relative;}
.m-news ul li img {width:4.666667rem;height:2.666667rem;display: block;overflow: hidden;}
.m-news ul li .info{padding: 0 0.5rem; background: #5e95fa; margin-top: 0.1rem;}
.m-news ul li h3{font-size: .32rem; color: #fff;height: 0.8rem;line-height:0.8rem; overflow: hidden;}
.m-news ul li p{font-size: .32rem; color: #fff;height: 0.6rem;line-height:0.6rem; }
.m-news ul li i {width:1.133333rem;height: 1.133333rem;top:0.8rem; left:1.6rem; position: absolute; background: url(../images/icon-v.png) no-repeat center top;}



.popupShade { display: none;z-index: 9998; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; _height: expression(document.body.offsetHeight+"px");} 

.popVideo{ display: none; position: fixed; bottom: 0; z-index: 999998; margin:0 auto; left: 0; right: 0; top: 50%; margin-top:-2.8rem; width: 8.8rem; height:5rem; background: #fff; border-radius: 5px; box-shadow:0 5px 4px rgba(6, 0, 1, .1);}
#video{width: 8.7rem; height:5rem; margin: 0 auto;display: block;}
.btn-close{ position: absolute; right: -0.213333rem; top:-0.213333rem; width:0.5rem; height:0.5rem; cursor: pointer; background:url(https://zt3.bmlink.com/bmlink/2022award/images/icon-close.png) no-repeat; background-size: contain;}

