@charset "utf-8";
/* CSS Document */
*{ vertical-align: top;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0; padding:0;}
html{-webkit-text-size-adjust:none;}
body{font-size:14px; text-align:left; font-family:微软雅黑;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{ vertical-align:top}
i,em{font-style:normal;}
input,select,option,textarea{font-size:12px;}
a{text-decoration:none;color:#333;} 
a:hover{color:#008baf;}
ldle{  border-spacing:0;}
.main{width:1120px; margin:40px auto auto auto;}
.clear{clear:both;}
.title{margin-bottom:30px;}
.left{float:left;}
.right{float:right;}
.h30{height:30px;}


/* banner strat */
.banner{width: 100%; height: 527px;position: relative;overflow: hidden;}
.banner .bgA,.banner .bgA .inner{background: url(../images/banner.png) no-repeat center top; height: 527px; position: relative; z-index: 10;margin: 0 auto;}
.banner .bgA .inner {background: none;}
.inner {width: 1920px; margin: 0 auto;position: relative;}
.banner .bgB { width: 100%; height: 527px; position: absolute; left: 0;top: 0; z-index: 0; background: url(../images/banner-bg.jpg) no-repeat center top;}

@-webkit-keyframes imageAnimation{
	0%{opacity:1;-webkit-animation-timing-function:ease-in}
	8%{opacity:1;-webkit-animation-timing-function:ease-in}
	13%{opacity:1;-webkit-transform:scale(1.02);-webkit-animation-timing-function:ease-out}
	50%{opacity:1;-webkit-transform:scale(1.1)}
	90%{opacity:1;-webkit-transform:scale(1.02)}
	100%{opacity:1;-webkit-transform:scale(1)}
}
@-moz-keyframes imageAnimation{
	0%{opacity:1;-moz-animation-timing-function:ease-in}
	8%{opacity:1;-moz-animation-timing-function:ease-in}
	13%{opacity:1;-webkit-transform:scale(1.02);-webkit-animation-timing-function:ease-out}
	50%{opacity:1;-webkit-transform:scale(1.1)}
	90%{opacity:1;-webkit-transform:scale(1.02)}
	100%{opacity:1;-webkit-transform:scale(1)}
}
@-o-keyframes imageAnimation{
	0%{opacity:1;-o-animation-timing-function:ease-in}
	8%{opacity:1;-o-animation-timing-function:ease-in}
	13%{opacity:1;-webkit-transform:scale(1.02);-webkit-animation-timing-function:ease-out}
	50%{opacity:1;-webkit-transform:scale(1.1)}
	50%{opacity:1;-webkit-transform:scale(1.02)}
	100%{opacity:1;-webkit-transform:scale(1)}
}
@-ms-keyframes imageAnimation{
	0%{opacity:1;-ms-animation-timing-function:ease-in}
	8%{opacity:1;-ms-animation-timing-function:ease-in}
	13%{opacity:1;-webkit-transform:scale(1.02);-webkit-animation-timing-function:ease-out}
	50%{opacity:1;-webkit-transform:scale(1.1)}
	90%{opacity:1;-webkit-transform:scale(1.02)}
	100%{opacity:1;-webkit-transform:scale(1)}
}
@keyframes imageAnimation{
	0%{opacity:1;animation-timing-function:ease-in}
	8%{opacity:1;animation-timing-function:ease-in}
	13%{opacity:1;transform:scale(1.02);animation-timing-function:ease-out}
	50%{opacity:1;transform:scale(1.1)}
	90%{opacity:1;transform:scale(1.02)}
	100%{opacity:1;-webkit-transform:scale(1)}
}
.imagesanima {
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s;
}
/* banner end */

/* nav start */
.nav{background-color:#008baf; height:50px; line-height:50px;}
.nav ul{width:1000px; margin:0 auto;}
.nav ul li{float:left; margin:0 35px;}
.nav ul li a{color:#ffffff; font-size:24px; font-family:宋体; font-weight:bold;}
/* nav end */

/*-- 展会亮点 start --*/
#ld{position:relative;height: 685px;}
#ld .ld_menu{float:left;position:absolute;z-index:1;height: 165px;background-color:#dedede;padding: 15px;width: 1090px;}
#ld .ld_menu li{float:left;width:200px;height:165px;line-height:30px;cursor:pointer;text-align:center;margin-left: 22px;}
#ld .ld_menu li img{ width:200px; height:135px; margin-bottom:5px;}
#ld .ld_box{height:490px;position:relative;}
#ld .ld_box div{position:relative;}
#ld .ld_box div img{width:1120px; height:490px;}
#ld .ld_box div .ld-fixed{position:absolute; top:0; left:0; width:503px; height:490px; background:url(../images/ldbg.png) no-repeat top left;}
#ld .ld_box div .ld-fixed h6{ margin-left:40px; margin-top:200px; font-size:24px; color:white; font-weight:normal;}
#ld .ld_box div .ld-fixed hr{margin-left:40px;width: 100px;height: 3px;background-color: white;margin-top: 15px;border: none;}
#ld .ld_box div .ld-fixed p{ margin-left:40px; margin-top:30px; margin-bottom:20px; font-size:12px; color:white; line-height:25px; width:350px;}
#ld .ld_box div .ld-fixed a{ margin-left:170px; font-size:18px; color:white;}
#ld .ld_menu .selected{cursor:pointer;}
.hide{display:none;}
/*-- 展会亮点 end --*/

/*-- 顶级展商资讯 start --*/
.newslist{width:570px;}
.newslist ul li{background: url(../images/icon.jpg) no-repeat left center;border-top: 1px dashed #bcbcbc; position: relative; height: 60px;}
.newslist ul li a{
	margin-left: 25px;
    display: block;
    vertical-align: top;
    line-height: 60px;
    height: 60px;
    overflow: hidden;
    zoom: 1;
    font-size: 18px;
    color: #555;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    transition: -webkit-transform .3s,-moz-transform .3s,-o-transform .3s,transform .3s;
}
.newslist ul li a:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    text-decoration: none;
    color: #008baf;
}
/*-- 顶级展商资讯 end --*/

/*-- 顶级展商 start --*/
.zs-gundong{width:260px;height:570px;background-color:#f2f2f2; padding:10px;}


.zs-banner{position:relative;width:800px; height:590px;}
.zs-img{width:800px; height:590px; overflow:hidden;}]
.zs-img div{height:590px;}
.zs-btn{position:absolute; top:50px; right:0px;background:url(../images/shuaxin.png) no-repeat; width:86px; height:80px; cursor:pointer;}
/*-- 顶级展商 start --*/

/*-- 同期会议 start --*/
.meet-left{width:650px;}
.meet-left h3{font-size:30px;text-align:center;line-height:35px;font-family:黑体;}
.meet-left h3 span{font-size:14px;font-family:Arial;}
.meet-left table td{line-height:25px;}
.meet{position:relative;}
.meet-left .meet-text{background-color:#ebebeb;padding:10px 30px 10px 10px;width:650px;position:absolute;top:220px;}
.meet-left .meet-text p{text-indent:2em;font-size:12px;line-height:22px;}
.meet-right img{width:460px;height:350px;margin-top:20px;}

#hytab{position:relative; margin-top:60px;}
#hytab .hytab_menu{width:230px;float:left;position:absolute;z-index:1; background:url(../images/dot.png) no-repeat top center;}
#hytab .hytab_menu li{width:230px;height:35px;line-height:14px;background-color:#b9b9ba;color:#fff;cursor:pointer;text-align:center;margin: 20px 0;padding: 22px 0;}
#hytab .hytab_menu li strong{color:#fff; font-size:18px;}
#hytab .hytab_box{float:right;width:850px;clear:both;margin-top: 30px;}
#hytab .hytab_menu .selected{background-color:#008baf;cursor:pointer;}
.hide{display:none;}
.list-technology li {height: 295px; position: relative;}
.list-technology .img-area {border: 2px solid #878787;width: 410px; height: 280px; overflow: visible;left: 8px; top: 8px;position: absolute;}
.list-technology .img-area a { display: block; position: relative;top: -10px;left: -10px; background: #fff;}
.list-technology .txt-area {height: 205px; width: 435px; overflow: hidden;zoom: 1; margin-left: 420px;}
.list-technology .txt-area dt.tabbg01 {background:url(../images/tabbg01.jpg) no-repeat;height:32px;	}
.list-technology .txt-area dt.tabbg02 {background:url(../images/tabbg02.jpg) no-repeat right;height:34px;margin-top:20px;}
.list-technology .txt-area dd { margin-left: 20px;line-height:25px;margin-top:20px;}
.list-technology .txt-area {height: 205px; width: 435px; overflow: hidden; zoom: 1; margin-left: 420px;}
.list-technology li.odd .img-area {top: -60px;right: 1px;left: auto;}
.list-technology li.odd .img-area a {display: block; top: 10px; left: 10px;}
.list-technology li.odd .txt-area { margin: 0 420px 0 0;}
.list-technology li.odd .txt-area dd{line-height:25px;margin-right:20px;}
/*-- 同期会议 end --*/

/*-- 展品创新金奖 start --*/
#cx .chuangl{width:550px;}
#cx .chuangl dl dt{float:left; width:240px; height:68px; border:#F79729 3px solid;}
#cx .chuangl dl dd{float:right; line-height:30px; font-size:20px; margin-top:10px;}
#cx .chuangl dl dd span{font-size:16px;}
#cx .chuangl p{margin-top:20px; font-size:12px; text-indent:2em; line-height:25px;}
#cx .chuangl .ctitle{border-top:#585858 solid 1px; height:30px; line-height:40px; font-size:18px; margin-top:30px;}
#cx .chuangr{margin-top:15px;}
/*-- 展品创新金奖 end --*/

/*-- 展会精彩图集 start --*/
.photoslist div{float:left; background:url(../images/tujilibg.jpg) no-repeat; height:51px; line-height:51px; width:156px; text-align:center;}
.photoslist div a{color:white; font-size:18px; letter-spacing:0.06em; cursor:pointer;}
#pic ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.eighth2 ul{display:none;}
/*旋转木马必要样式*/
.poster-main{ position:relative; margin-top:30px;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:1120px;height:440px;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
.poster-main .poster-btn{ position:absolute;top:0;height:440px; z-index:10; cursor:pointer;  opacity:0.8}
.poster-main .poster-prev-btn{left:0; background: url(../images/btn_l.png) no-repeat center center; width:27px;}
.poster-main .poster-next-btn{right:0; background: url(../images/btn_r.png) no-repeat center center; width:27px;}
/*-- 展会精彩图集 end --*/


/* drama-poster */
.jiabincon{height: 650px;width:1120px;position:relative;overflow:hidden;}
.drama-poster{margin:0 auto;width: 1000px;height: 610px;overflow:hidden;position:relative;margin-top: 20px;}
.drama-poster ul{width:10000px;margin: 0 auto;}
.drama-poster li{/* padding:0 7px */margin-right: 19px;}
.show-poster-3{width:235px;float:left}
.show-poster-3 .img{display:block;width:235px;height:310px;margin-top: 210px;}
.show-poster-3 .title{display:none;width: 231px;height: 306px;border: 3px solid #f00f00;position:absolute;color:#fff;top: 210px;}
.show-poster-3 .title:hover{color:#fff}
.drama-poster li.current .title{display:block}
.show-poster-3 .price{width: 235px;/* height:20px; */display:block;margin-top:10px;text-align:center;/* font-weight:bold; */}
.show-poster-3 .arrow{display: none;position: absolute;bottom: 107px;width: 135px;height: 7px;overflow: hidden;background: url(../images/bg-channel-drama.png) 50% -350px no-repeat}
.current .arrow{display:block}
.show-poster-3 .zoom{display:none;color:#999;line-height:20px;position:absolute;/* width:447px; */height: 200px;left:0;top: 2px;/* border-top:1px dashed #ccc; */z-index:10px;/* padding-top:10px; *//* margin-bottom: 200px; *//* overflow: hidden; */}
.drama-poster li.current .zoom{display:block}
.drama-slide li{position:absolute;top: 350px;}
.drama-slide li.prev{left:0}
.drama-slide li.next{right:0}
.drama-slide li a{display:block;width:51px;height:59px;text-indent:-1000em}
.drama-slide li.prev a{ background:url(../images/jiabinbtnleft02.jpg) no-repeat;}
.drama-slide li.prev a:hover{ background:url(../images/jiabinbtnleft.jpg) no-repeat;}
.drama-slide li.next a{ background:url(../images/jiabinbtnright02.jpg) no-repeat;}
.drama-slide li.next a:hover{ background:url(../images/jiabinbtnright.jpg) no-repeat;}

.zooomleft{width:200px; height:135px; border-top:2px #dedede dotted; border-bottom:2px #dedede dotted; padding-top:20px; margin-top:10px;}
.zooomleft h3{font-size: 28px;color: #333333;}
.zooomleft hr{width:50px;height:5px;background-color:#008baf;border:none;margin-top: 15px;margin-bottom:15px;}
.zooomleft span{font-size:16px;color: #333333;line-height: 25px;}

.zoomright{width: 480px;/* height:150px; */margin-left: 40px;}
.zoomright p{text-indent:2em;margin-top:10px;line-height:25px;color: #333333;}

.fixedbg{position:absolute;right:0;top:0;width: 340px;height: 610px;background-color:#e2e2e2;z-index:-99;}




/*-- footer start --*/
#footer{background-color:#008baf; height:200px; margin-top:80px;}
.foot{width:750px; margin:0 auto; font-size:12px; color:white; padding-top:50px; line-height:30px;}
/*-- footer end --*/