@charset "utf-8";
/*初始化*/
*{margin:0; padding:0;}
html{zoom:1;}
html *{outline:0;zoom:1;} 
html button::-moz-focus-inner{border-color:transparent!important;} 
img {max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none}
a{text-decoration:none; color:#333333;outline:none;  transition:all .3s ease;}
a:hover{color:#f4437e;}
li{list-style-type:none;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
input,button,select,textarea{outline:none;font-family: "Microsoft YaHei",sans-serif;}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button{appearance: none;-moz-appearance: none;-webkit-appearance: none;}

@media screen and (min-width:1200px)  and  (max-width:2600px)  {
body,html { width:100%; min-height: 100%; font-family:"微软雅黑", "Microsoft YaHei",sans-serif;}
.wrap{width:1200px; margin:0 auto;}
.pc{display:block;}
.wap{display:none;}

/*顶部*/
.top{height:30px; background:#D9DBDA; font-size:12px; line-height:30px; color:#767676;}
.topLeft{ float:left;}
.topRight{float:right;}
.topRight a{margin-left:5px; margin-right:5px;}
.mobile{display:inline-block;}

/*滚动文字*/
#vticker {width: 420px;height:30px;margin-left:20px;float:right; overflow: hidden;background:url("/public/gnfexpo/images/arrows3.png") no-repeat center left}
#ticker ul {padding: 0;}
#vticker li {list-style: none;border: 0px solid green;margin-left:10px;padding-left: 10px;}
#vticker li a{color:#767676}
#et-run {background: red;}

/*头部*/
.header{background:#f4437e; padding-top:10px; padding-bottom:10px; height:87px;}

/*logo*/
.logo{float:left;}
.logo-text{color:#FFF;float:left;line-height: 30px; padding-top: 18px; margin-left: 15px;}
.logo-text span{font-size:22px}
span.logo-text2{font-size:14px}
.logo-text h1{font-size: 24px;}

/*入口*/
.join{float:right; margin-top:25px;}
.join-list{float:left; overflow:hidden}
.join-list li{float:left; padding-left:35px; color:#fff; margin-right:20px; line-height:40px;}
.join-list li a{color:#fff;}
.join-list li a:hover{text-decoration:underline;}

.joinA{background:url(/public/gnfexpo/images/nav01.png) no-repeat 0 center;}
.joinB{background:url(/public/gnfexpo/images/nav02.png) no-repeat 0 center;}
.joinC{background:url(/public/gnfexpo/images/nav03.png) no-repeat 0 center;}

/*语言*/
.language{float:left;}
.language{background:#fff; border-radius:5px; padding:5px; font-size:14px;}
.language li{float:left; width:60px; text-align:center;}
.language li a{display:block; line-height:30px; height:30px;}
.language li a.now{background:#f4437e; color:#fff;  border-radius:5px;}


/*导航*/
.nav{background:#f4437e; height:55px; line-height:55px;}
.nav li{float:left; width:11.111%; text-align:center; position:relative;}
.nav li a{color:#fff; display:block; transition:all .3s ease;}
.nav li a:hover{ background:#de2865;}
.nav li dl{background:#f4437e; position:absolute; left:0; top:55px; width:100%; display:none;z-index:9}
.nav li dl em{ border-top:1px solid #de2865; display:block;}
.nav li:hover dl{display:block;}


/*框架*/
.box{margin-top:50px; margin-bottom:50px; overflow:hidden;}


/*九宫格*/
.jiugong{float:left; width:374px;}
.jiugong li{float:left; width:33.333%; text-align:center; padding-bottom:20px; padding-top:20px;}
.jiugong li em{display:block; width:50px; height:50px; margin:0 auto;}
.jiugong li a{color:#f4437e;}

.jiugong li.bline{border-bottom:1px solid #f4437e;}
.jiugong li.rline{background:url(/public/gnfexpo/images/line.png) repeat-y right;}

.jiugong li.jg01 em{background:url(/public/gnfexpo/images/jg01.png) no-repeat;}
.jiugong li.jg02 em{background:url(/public/gnfexpo/images/jg02.png) no-repeat;}
.jiugong li.jg03 em{background:url(/public/gnfexpo/images/jg03.png) no-repeat;}
.jiugong li.jg04 em{background:url(/public/gnfexpo/images/jg04.png) no-repeat;}
.jiugong li.jg05 em{background:url(/public/gnfexpo/images/jg05.png) no-repeat;}
.jiugong li.jg06 em{background:url(/public/gnfexpo/images/jg06.png) no-repeat;}
.jiugong li.jg07 em{background:url(/public/gnfexpo/images/jg07.png) no-repeat;}
.jiugong li.jg08 em{background:url(/public/gnfexpo/images/jg08.png) no-repeat;}
.jiugong li.jg09 em{background:url(/public/gnfexpo/images/jg09.png) no-repeat;}

.jiugong li:hover{background:#f4437e;}
.jiugong li:hover a{color:#fff;}
.jiugong li:hover.jg01 em{background:url(/public/gnfexpo/images/jg01-hover.png) no-repeat;}
.jiugong li:hover.jg02 em{background:url(/public/gnfexpo/images/jg02-hover.png) no-repeat;}
.jiugong li:hover.jg03 em{background:url(/public/gnfexpo/images/jg03-hover.png) no-repeat;}
.jiugong li:hover.jg04 em{background:url(/public/gnfexpo/images/jg04-hover.png) no-repeat;}
.jiugong li:hover.jg05 em{background:url(/public/gnfexpo/images/jg05-hover.png) no-repeat;}
.jiugong li:hover.jg06 em{background:url(/public/gnfexpo/images/jg06-hover.png) no-repeat;}
.jiugong li:hover.jg07 em{background:url(/public/gnfexpo/images/jg07-hover.png) no-repeat;}
.jiugong li:hover.jg08 em{background:url(/public/gnfexpo/images/jg08-hover.png) no-repeat;}
.jiugong li:hover.jg09 em{background:url(/public/gnfexpo/images/jg09-hover.png) no-repeat;}


/*展会介绍*/
.about{float:left; width:395px; margin-left:30px;}
.about h1{font-size:25px; margin-bottom:10px; line-height:150%;}
.about p{line-height:200%; font-size:14px;}
.about p em{color:#f4437e;}
.about span{display:block; text-align:right;}
.about span a{background:#f4437e; color:#fff; padding:5px 10px; border-radius:5px; display:inline-block; font-size:14px;  transition:all .3s ease;}
.about span a:hover{ background:#d72560;}


/*展会规模*/
.zhgm{height:368px;background:url('/public/gnfexpo/images/jieshao_bg.jpg') no-repeat center center;color:#FFF;text-align: center;}
.zhgm ul{padding-top: 110px;}
.zhgm li{width:235px;display: inline-block;}
.zhgm li span{display: block;margin-top:25px;}



/*下期预告*/
.next{float:right; width:370px;}

.nextBox{background:url(/public/gnfexpo/images/xiaqi.jpg) no-repeat; height:211px; position:relative; overflow:hidden;}
.nextBox span{display:block;}
.nextBox-back{background:url(/public/gnfexpo/images/next-back.png); width:105px; height:40px; line-height:40px; text-align:center; color:#fff; position:absolute; left:0; top:0;}
.nextBox-text{margin-top:60px;line-height:200%;}
.nextBox-text h3{font-size:20px; color:#FFF; text-align:center; margin-bottom:10px;box-shadow: 0 0 5px #e60f0d;background: #e60f0dba;backdrop-filter: blur(4px);}
.nextBox-text p{margin-left:45px;}
.next-date{background:url(/public/gnfexpo/images/next-date.png) no-repeat 0 center; padding-left:25px;}
.next-area{background:url(/public/gnfexpo/images/next-area.png) no-repeat 0 center; padding-left:25px;}

ul.countdown {display: block; text-align: center; margin-top:30px;}
ul.countdown li {display: inline-block;}
ul.countdown li span {font-size: 50px;font-weight: 300;line-height: 80px;}
ul.countdown li.seperator {font-size: 50px;line-height: 70px;vertical-align: top;}
ul.countdown li p {color: #a7abb1;font-size: 14px;}



/*资讯*/
.news{background:#f7f7f7; padding-top:50px; padding-bottom:50px; overflow:hidden;}

/*标题*/
.news-title{ overflow:hidden; margin-bottom:30px;}
.news-title h3{background:url(/public/gnfexpo/images/news-icon.jpg) no-repeat 0 center; padding-left:45px; height:31px; line-height:31px; font-size:30px; float:left;}
.newsTab{float:right;}
.newsTab li{float:left; width:100px; height:35px; text-align:center; line-height:35px; cursor:pointer;}
.newsTab li.hover{background:#f4437e; color:#fff; line-height:35px; border-radius:5px;}
.newsTab li.hover a{color:#FFF}

/*图文*/
.newsPic{float:left;}
.newsPic-text{background:#fff; display:block; padding:20px; width:494px; }
.newsPic-text h3{margin-bottom:10px;}
.newsPic-text p{font-size:14px; line-height:160%; color:#999;}

/*列表*/
.newsList{float:right; width:635px;}
.newsList li{overflow:hidden; padding:17px 10px;transition: .5s;cursor: pointer;}
.newsList li:hover{background:#FFF;transform: translateY(-10px);box-shadow: 0px 0px 10px #9e9e9e63;transition: .5s;}
.newsList li:hover a{color: #c52759;}
.newsList li span{display:block;}
.newsList li span.newsList-num{width:70px; height:60px;padding-right: 20px;border-right: 1px solid #e6e6e6;text-align:right; line-height:26px; font-size:28px; color:#666666; font-weight:lighter; float:left;}
.newsList li span em{display: block;border-top:0px #DEDDDD solid;font-size:14px;height: 25px;}
.newsList li span.newsList-text{float:left; width:500px; margin-left:20px;}
.newsList li span.newsList-text h3{font-size:16px; margin-bottom:5px;}
.newsList li span.newsList-text p{font-size:14px; color:#999; line-height:115%;}
.content-left li{padding: 15px 20px;transition: .5s all;width: 97%;float: left;/*background:url(/public/gnfexpo/images/arrows2.png) no-repeat left 38px;padding-left:25px;BORDER-BOTTOM: #C1C1C1 1px dotted;min-height:80px;*/}
.content-left li a{font-size:18px;line-height: 30px;color:#4c4c4c}
.content-left li:hover{padding: 15px 20px;box-shadow: 0 0 5px #cac6ca99;transform: translate(10px, 0px);transition: .5s all;}
.content-left li img{padding-right:15px;float: left;width: 120px;}
.content-left em { float: right;color: #c1c1c1;}

.zhanshangbm{background: #000;height: 150px;color:#FFF;margin-bottom:15px;text-align: center;}
.guanzhongbm{background: #f4323d;height: 150px;color:#FFF;margin-bottom:15px;text-align: center;}
.guanzhongbm a,.zhanshangbm a{color:#FFF;}
.zhanshangbm .canzhan,.guanzhongbm .guanzhong{line-height: 100px;font-size: 36px;font-weight: bold;}





/*栏目*/
.title{position:relative; margin-top:50px; margin-bottom:50px; height:43px;}
.titleBox{width:96px; text-align:center; font-size:20px; position:absolute; }
.titleMore{background:url(/public/gnfexpo/images/more.jpg) no-repeat right; padding-right:30px; position:absolute; right:0; font-size:14px;}

.title-zhanhui{background:url(/public/gnfexpo/images/title-zhanhui.png) no-repeat;}
.title-zhanhui .titleBox{left:740px;}

.title-fangtan{background:url(/public/gnfexpo/images/title-fangtan.png) no-repeat;}
.title-fangtan .titleBox{left:754px;}

.title-xinde{background:url(/public/gnfexpo/images/title-xinde.png) no-repeat;}
.title-xinde .titleBox{left:265px;}

.title-zhanshang{background:url(/public/gnfexpo/images/title-zhanshang.png) no-repeat;}
.title-zhanshang .titleBox{left:141px;}

.title-pinpai{background:url(/public/gnfexpo/images/title-pinpai.png) no-repeat;}
.title-pinpai .titleBox{left:701px;}

.title-youqing{background:url(/public/gnfexpo/images/title-youqing.png) no-repeat;}
.title-youqing .titleBox{left:755px;}


/*展会剪影*/
.showPic{}
.multipleColumn{position:relative; width:1200px; }
.multipleColumn .hd{ overflow:hidden;}
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block; overflow:hidden; cursor:pointer; width:34px; height:67px; position:absolute; top:35%;}
.multipleColumn .hd .next{ background:url(/public/gnfexpo/images/right-arrows.jpg) no-repeat; right:-80px; }
.multipleColumn .hd .prev{ background:url(/public/gnfexpo/images/left-arrows.jpg) no-repeat;  left:-80px; }

.multipleColumn .bd{ overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:310px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{_display:inline; overflow:hidden; text-align:center; margin-right:26px; display:inline-block;}
.multipleColumn .bd ul li .pic{ text-align:center; height:183px; overflow:hidden;}
.multipleColumn .bd ul li .pic img{ width:274px; height:183px; display:block; border-radius: 15px; }
.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
.multipleColumn .bd ul li .pic img:hover{ border-color:#999;transition: .5s;transform: scale(1.02);}
.multipleColumn .bd ul li .pic-title{height:30px; margin-top:15px; margin-bottom:10px; font-size:14px;}



/*展会访谈*/
.tall{background:#f7f7f7; padding-bottom:50px; overflow:hidden;}

.tallVideo ul{width:105%;}
.tallVideo li{display:inline-block; width:276px; text-align:center;position:relative; margin-right:27px;}
.tallVideo li span{display:block;}
.tallVideo li .tallVideo-pic em{position:absolute; width:100%; text-align:center; left:0; top:0;}
.tallVideo li .tallVideo-pic em img{margin-top:20%;}
.tallVideo li .tallVideo-title{background:#000; background-color:rgba(0,0,0,0.5); bottom:0; position:absolute; left:0; z-index:10; width:100%; height:35px; font-size:14px; line-height:35px; color:#fff;}

.tallList{border-top:1px solid #efefef; margin-top:30px; padding-top:20px;}
.tallList li{width:33.333%; float:left; line-height:200%;}
.tallList li a{display:block; background:url(/public/gnfexpo/images/video-icon.png) no-repeat 0 center; padding-left:20px; font-size:14px;}



/*客户心得*/
.evaluate{float:left; width:750px;}
.evaluate-list li{ overflow:hidden; margin-bottom:20px; border-bottom:1px solid #efefef; padding-bottom:15px; margin-bottom:25px;}
.evaluate-list li span{display:block;}

.userPic{float:left;}
.userPic img{width:78px; border-radius:100%; border:1px solid #ddd; padding:2px;}
.userText{float:right; width:640px;}
.userText .userInfo{display:block; overflow:hidden; margin-bottom:15px;}
.userText .userInfo em{background:#f4437e; padding:3px 5px; color:#fff; float:left;}
.userText .userInfo h3{float:left; margin-left:10px; font-size:18px;}
.userText .userSay{font-size:14px; color:#666666; line-height:200%;} 



/*展商名录*/
.directory{float:right; width:400px;}
.directoryList li{line-height:250%; position:relative;}
.directoryList li span{display:block; position:absolute; right:0; top:0;}



/*推荐品牌*/
.brand{overflow:hidden; margin-bottom:50px;}
.brand ul{width:100%;}
.brand li{float:left; margin-right:28px; margin-bottom:13px;}
.brand li img{border:1px solid #ccc;}
.link li{float:left; margin-right:18px; margin-bottom:13px;}

.contacts li{ float:left;width: 19%;transition: all .5s;border: 1px solid #eee;margin-right: 57px;height: 100px;line-height: 150px;text-align: center;box-shadow: 1px 2px 30px 5px #eee;}
.contacts li:nth-child(1){background:url("/public/gnfexpo/images/contacts1.png") no-repeat center 13px;display: inline-block;}
.contacts li:nth-child(2){background:url("/public/gnfexpo/images/contacts2.png") no-repeat center 13px;display: inline-block;}
.contacts li:nth-child(3){background:url("/public/gnfexpo/images/contacts3.png") no-repeat center 13px;display: inline-block;}
.contacts li:nth-child(4){background:url("/public/gnfexpo/images/contacts4.png") no-repeat center 13px;display: inline-block;}
.contacts{ margin-left:30px;}
.contacts li:hover{box-shadow: 1px 2px 30px 5px #888;}


/*友情链接*/
.link{width:1200px;}

/*底部*/
.footer{background:#eee; padding-top:50px; padding-bottom:50px; overflow:hidden;}
.qcode{float:left; width:119px;font-size:12px;margin-right:20px;}
.unit{float:right; width:1000px;}
.unit dl{float:left; width:33.333%;font-size:14px; line-height:200%;}
.unit dl dt{font-weight:bold; color:#666666; font-size:16px; margin-bottom:10px;}
.unit em{display:block; }



/*版权*/
.copyright{background:#9D9E9E; padding-top:50px; padding-bottom:50px;}
.copyright-link{text-align:center; font-size:14px; color:#FFFFFF; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.copyright-link a{margin-left:10px; margin-right:10px; color:#fff;}

.copyright-text{text-align:center; font-size:14px; color:#FFFFFF; line-height:200%;}
.copyright-beian{text-align:center; margin-top:20px;}
.copyright-info{text-align:center; color:#fff; font-size:14px; margin-top:15px;}
.copyright-info a{color:#fff;}


/*列表*/
.path{font-size:14px;background:url("/public/gnfexpo/images/path.png") no-repeat center left;padding-left:20px;}
.path a{font-size:14px;}
.listNav {border-bottom:2px solid #f4437e; margin-top:30px; margin-bottom:30px; padding-bottom:15px;}
.listNav h1{font-size:30px; background:url(/public/gnfexpo/images/navIcon.png) no-repeat 0 center; padding-left:35px; }

.list{overflow:hidden; margin-bottom:30px;}
.list ul{width:105%;}
.list li{float:left; width:382px; margin-right:30px; margin-bottom:30px;overflow:hidden;cursor: pointer;}
.list li:hover img{opacity:0.8;filter:Alpha(opacity=0.8);}
.list li:hover{background:#FDFDFD}
.list li:hover a{color:#f4437e}
.list li h3{ margin-bottom:10px; margin-top:15px;}
.listDep{font-size:14px; line-height:180%; color:#c1c1c1;}
.list li:hover h3 a{color:red}
.list p a{color:red}


.newsbox{width:1200px !important;position: relative;margin-bottom:30px;padding-bottom: 30px;}
.newsbox .news_li{width: 272px;padding:16px 8px 11px;color:#333;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
      background: #fff;
  margin: 0 12px 12px 0;
  float:left;
}
.pdtt_trbs span {
    height: 24px;
    color: #B4B4B5;
}
.newsbox .news_li:hover{
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-transform: translate(0, -10px) !important;
  transform: translate(0, -10px) !important;
}
.newsbox .news_li .news_tu{
  width:272px;
  height:167px;overflow:hidden;position: relative;
}
.newsbox .news_li .news_tu img{
  width:272px;
  height:167px;display:block;
}
.newsbox .news_li h2{
  font-weight:bold;margin-top:10px;color:#333;
  width:272px;
  font-size:18px;
  line-height:24px;
  overflow:hidden;
  min-height: 30px;
}
.newsbox .news_li .extra_infor{margin-bottom: 20px;}
.newsbox.listview .news_li .extra_infor{width: 660px;float: left;}
.newsbox .news_li h2 a{color:#333;}
.newsbox .news_li h2 a:visited{color:#333;}
.newsbox .news_li p{display:none}
.newsbox .news_li .pdtt_rtzw a{color:#4C4C4C;}
.newsbox .news_li .pdtt_rtzw a:hover {color: #027EB3;}
.newsbox .news_li .pdtt_trbs{
height:16px;
  width: 272px;
}
.newsbox .news_li .pdtt_rtzw{margin-top:0;}
.newsbox .news_li .pdtt_rtzw::last-child{margin-bottom:20px;}
.newsbox .news_li:hover .news_share{height: 69px;}
.newsbox .news_li .news_share{
  color: #666;
  display: block!important;
  overflow: hidden;
  bottom: inherit;
  top: 0;
  width: 100%;
  left: 0;
  height: 0;
  background:url(/public/gnfexpo/css/images/share_bg_white.png) no-repeat;
  background-size:100%;
}
.newsbox:not(.listview) .news_li .news_share span{
  margin-left: 198px;
  margin-top: 7px;
}
.newsbox:not(.listview) .news_li .news_share a{
  margin-top: 8px;
}

/*内页 分页*/
.showpage{text-align:center;margin: 0 auto; margin-bottom:30px;margin-top: 50px;float: left;width: 100%;}
.showpage a{border:1px solid #ddd; padding:5px 15px; border-radius:5px; color:#666; margin-left:2px; margin-right:2px;}
.showpage a.now{background:#f4437e; color:#fff; border:1px solid #f4437e; }


/*内容页 左侧*/
.content{padding-top:20px; padding-bottom:30px; overflow:hidden;}
.content-left{float:left; width:830px;}
.content-title{margin-bottom:20px;}
.content-title h1{font-size:22px; background:url(/public/gnfexpo/images/navIcon.png) no-repeat 0 center; padding-left:35px; margin-top: 15px;}
.content-box {min-height:450px;line-height: 30px;}
.content-box td{padding:10px;}
.info_title h1{ text-align: center;  margin-bottom: 20px; font-size: 24px;}
.info_time{border-top: 1px solid #eaeaea;font-size: 12px;color: #888;text-align: center; padding: 10px 0 15px;}
.info_time span{margin-right:5px;}
.info_description {border: 1px solid #eaeaea;background-color: #F6FAFD;text-indent: 20px; color: #888;font-size: 12px;line-height: 1.8;padding: 10px; margin-bottom: 15px;}


.zhanshangbm{background: #000;height: 150px;color:#FFF;margin-bottom:15px;text-align: center;}
.guanzhongbm{background: #f4323d;height: 150px;color:#FFF;margin-bottom:15px;text-align: center;}
.guanzhongbm a,.zhanshangbm a{color:#FFF;}
.guanzhongbm a:hover{color:#333}
.zhanshangbm a:hover{color:#f4323d;}
.zhanshangbm .canzhan,.guanzhongbm .guanzhong{line-height: 100px;font-size: 36px;font-weight: bold;}

/*内容页 右侧*/
.content-right{float:right; width:280px;}
.content-right-title{font-size:20px; border-bottom:2px solid #f4437e; padding-bottom:15px;}
.content-right-nav{margin-bottom:30px;}
.content-right-nav li{background:url(/public/gnfexpo/images/arrows3.png) no-repeat 0 center; padding-left:15px; height:45px; line-height:45px; border-bottom:1px solid #ddd;}
.content-right-nav li a{transform: translate(5px, 0px);transition: all .3s ease;display: inline-block;}
.content-right-nav li a:hover{transform: translate(10px, 0px);transition: all .3s ease;display: inline-block;}

.content-right-qcode{ border:1px solid #ddd; padding:10px; margin-bottom:30px;}
.other-list{margin-top:20px;}
.other-list li{border-bottom:1px solid #efefef; padding-bottom:15px; overflow:hidden; margin-bottom:15px;}
.other-list-pic{float:left;}
.other-list-text{ width:210px; font-size:14px;}
.other-list-text p{font-size:12px; line-height:180%; color:#999999;}


}