@charset "utf-8";
/* banner */
.Banner{ width:100%;height:550px;overflow:hidden;position:relative;font-size:0}
.b-img{ height:550px; position:absolute;left:0;top:0}
.b-img a{ display:block;height:550px;float:left}
.b-list{ height:50px;padding-top:500px;position:relative;margin:0 auto;z-index:1}
.b-list span{ display:block;cursor:pointer;width:14px;height:14px;border-radius:50%;border:3px solid #fff;float:left;margin:0 5px;_margin:0 3px}
.b-list .spcss{border:3px solid #687ade}
.bar-left{ position:absolute;z-index:1;display:block;width:100px;height:100%;left:0px;background:none;top:0px}
.bar-right{ position:absolute;z-index:1;display:block;width:100px;height:100%;right:0px;background:none;top:0px}
.bar-left em{ display:block;width:50px;height:100px;background:url(../images/arrow.png) 0px 0px no-repeat;margin:0 auto;margin-top:225px}
.bar-right em{ display:block;width:50px;height:100px;background:url(../images/arrow.png) -50px 0px no-repeat;margin:0 auto;margin-top:225px}
.bar-left .emcss{ background-position:0px -100px}
.bar-right .emcss{ background-position:-50px -100px}

/* 历届展会 */
.Slider{width:100%;overflow:hidden;background:#757575;border-top:10px solid #687ade;border-bottom:10px solid #687ade}
.Slider_box{width:1200px;margin:0 auto;overflow:hidden}
.Slider_Title{width:200px;height:70px;float:left;padding:55px 0;text-align:center}
.Slider_Title>h2{color:#fff;font:40px/40px  }
.Slider_Title>p{color:#999;font:14px/30px  }
.Slider_Content{width:1200px;padding:12px 0;float:right;overflow:hidden}
.Slider_Content .bd{width:1100px;padding:0 50px;position:relative}
.Slider_Content .bx-prev,.Slider_Content .bx-next{display:block;width:50px;height:50px;text-indent:100%;overflow:hidden;position:absolute;top:50%;margin-top:-25px;z-index:99}
.Slider_Content .bx-prev{background:url(../images/btn_prev.png) no-repeat;left:0px}
.Slider_Content .bx-prev:hover{background:url(../images/btn_prevon.png) no-repeat}
.Slider_Content .bx-next{background:url(../images/btn_next.png) no-repeat;right:0px}
.Slider_Content .bx-next:hover{background:url(../images/btn_nexton.png) no-repeat}
.Slider_Content img{width:100%;height:100%;font-size:0;display:block;border:0}

.Wrap{width:100%;overflow:hidden}
.Wrap .Section .Video{width: 50%;height: 100%;}
.Wrap .Section .Video video{width: 100%;height: 100%;}
.Section{width:1200px;margin:0 auto;overflow:hidden;margin-top:20px}
.Wrap .Section .ExhibitionList .page{display:none;}

/* 视频和新闻 */
.Video{width:640px;height:360px;float:left}
.Video>video{cursor:pointer}
.News{width:540px;height:360px;overflow:hidden;float:right}
.News_h{width:100%;height:40px;background:url(../images/news_top.png) no-repeat;color:#fff;font:16px/40px ' ';text-indent:20px;padding:1px 0;border-bottom:1px solid #687ade;position:relative}
.News_h>a{display:block;padding:0 5px;position:absolute;bottom:2px;right:0;font:12px/20px arial;background:#111;color:#fff;width:40px;height:20px;text-align:center;text-indent:0;border-radius:3px;transition:background .3s}
.News_h>a:hover{background:#687ade}
.News_f{width:100%;overflow:hidden}
.News_f_t{width:100$;height:30px;font:18px/30px arial,' ';overflow:hidden;padding:15px 0 5px;color:#111}
.News_f_b{width:100%;overflow:hidden;font:15px/30px arial,' ';color:#666;text-align:justify;padding-bottom:10px;border-bottom:1px solid #e5e5e5}
.News_l{width:100%;overflow:hidden;margin:5px 0;border-bottom:1px solid #e5e5e5}
.News_l>li{width:100%;height:37px;overflow:hidden;font:16px/37px arial,' '}
.News_l>li:hover{background:#fafafa}
.News_l>li>a{color:#333;display:block}
.News_l>li>a:before{content:"\f0da";padding-right:10px;font-family:FontAwesome}
.News_l>li>a:hover:before{color:#687ade}
.News_l>li>a>span{display:block;float:right;color:#aaa}

/* 展会活动 */
.ExhibitionTitle{width:100%;height:50px;font:24px/50px ' ';border-bottom:2px solid #687ade;position:relative}
.ExhibitionTitle:after{content:"";display:block;clear:both}
.ExhibitionTitle>span{display:block;float:left}
.ExhibitionTitle>span:after{content:"";display:block;width:100;height:2px;background:#000}
.ExhibitionList{width:100%;overflow:hidden;margin-top:20px;display:flex;flex-flow:row wrap;margin-bottom: 70px;}
.ExhibitionTitle>span>i{color:#687ade;padding-right:5px}
.ExhibitionTitle a{position:absolute;display:block;bottom:0;right:0;color:#666;font:18px/30px arial;transition:color .5s}
.ExhibitionTitle a:hover{color:#687ade}
.ExhibitionList>li{width:290px;margin-top:7px;overflow:hidden;margin-right: 10px;}
.ExhibitionList>li .EL_Image{width:300px;height:160px;overflow:hidden}
.ExhibitionList>li .EL_Image img{width:100%;display:block;transition:transform .5s}
.ExhibitionList>li:hover .EL_Image img{transform:scale(1.05)}
.ExhibitionList>li .EL_info{overflow:hidden;background:#fafafa;position:relative;transition:background .5s}
.ExhibitionList>li .EL_info:before{position:absolute;content:"";display:block;width:500px;height:500px;background:#687ade;transform:rotate(45deg) translateX(-605px);transform-origin:center center;transition:transform .3s,transform-origin .3s;top:0;left:0}
.ExhibitionList>li:hover .EL_info:before{transform:translateX(0);transform-origin:left top}
.ExhibitionList>li .EL_info>a{display:block}
.ExhibitionList>li .EL_info h3{padding-top:10px;width:300px;height:30px;overflow:hidden;font:14px/30px arial,' ';color:#111;transition:color .2s,transform .3s}
.ExhibitionList>li .EL_info p{height:24px;font:14px/24px arial,' ';color:#666;transition:color .2s,transform .5s}
.ExhibitionList>li:hover .EL_info h3,.ExhibitionList>li:hover .EL_info p{color:#fff;transform:translateX(20px)}
.ExhibitionList>li .EL_info p:nth-child(3){padding-bottom:10px}

/* 展会分类 */
.ClassifyH{width:100%;height:50px;position:relative;font:24px/50px ' ';border-bottom:2px solid #687ade}
.ClassifyH>span{display:block;float:left}
.ClassifyH>span:after{content:"";display:block;width:100;height:2px;background:#000}
.ClassifyH>span>i{color:#687ade;padding-right:5px}
.ClassifyNav,.ClassifyNav2{position:absolute;bottom:0;right:0;height:40px;font:16px/40px ' '}
.ClassifyNav>li,.ClassifyNav2>li{float:left;margin-left:10px;cursor:pointer}
.ClassifyNav>.active:after,.ClassifyNav2>.active:after{content:"";display:block;width:100%;height:2px;background:#ffbe00}
.ClassifyMain{width:100%;height:450px;margin:20px 0}
.ClassifyBox,.ClassifyBox2{width:100%;height:450px;overflow:hidden;display:none}
.ClassifyMain .show{display:block}
.ClassifyContent{width:300px;    height: 317px;float:left;background:#f8f8f8}
.ClassifyContentH{width:100%;height:30px;font:24px/30px ' ';text-align:center;padding-top:50px}
.ClassifyContentInfo{padding:20px;height:197px;overflow:hidden;font:16px/30px arial,' ';text-align:justify;-webkit-line-clamp: 7;
    -webkit-box-orient: vertical;display: -webkit-box;}
.ClassifyContentInfo1{overflow: hidden;-webkit-line-clamp: 7;-webkit-box-orient: vertical;display: -webkit-box;
    height: 195px;padding:20px;font:16px/30px arial,' ';text-align:justify}
.ClassifyImages{width:890px;height:450px;float:right;display:flex;flex-flow:row wrap}
.ClassifyImages li{width:32.5%;overflow:hidden}
.ClassifyImages li:nth-child(4),.ClassifyImages li:nth-child(5),.ClassifyImages li:nth-child(6){margin-top:10px}
.ClassifyImages li img{width:100%;display:block;transition:transform .3s}
.ClassifyImages li img:hover{transform:scale(1.05)}
.ClassifyTypeImages{width:890px;float:right;height:145px}
.ClassifyTypeImages li{margin-top:7px;overflow:hidden}
.ClassifyTypeImages li:nth-child(1){margin:0}
.ClassifyTypeImages img{font-size:0;display:block;transition:transform .5s}
.ClassifyTypeImages img:hover{transform:scale(1.02)}
.ClassifyContenButton{width:160px;height:40px;margin:0 auto}
.ClassifyContenButton>a{color:#fff;display:block;background:#687ade;border:2px solid #687ade;border-radius:20px;font:20px/36px ' ';text-align:center}
.ClassifyContenButton>a:hover{color:#687ade;border:2px solid #687ade;background:#fff}

/* 开吹 */
.Opportunity{width:100%;height:600px;margin-top:40px;background:#000 url(../images/opportunity_bg.jpg) fixed no-repeat;overflow:hidden}
.OpportunityH{width:100%;margin-top:100px;font:50px/50px ' ';text-align:center;color:#fff}
.OpportunityBox{width:1200px;margin:50px auto 0;overflow:hidden}
.OB_Content{width:580px;overflow:hidden;float:left;font:16px/30px arial,' ';color:#aaa;text-align:justify}
.OB_data{width:600px;float:right}
.bar_group__bar.thin:before{display:block;content:'';position:absolute;z-index:-1}
.bar_group__bar.thin:before{width:100%;height:5px;border-radius:0px;background:#E4E4E4}
.bar_group__bar.thin{width:0%;height:5px;border-radius:0px;background:#687ade;margin-bottom:10px;-webkit-transition:width 1s;transition:width 1s}
.b_label,.bar_label_min,.bar_label_max,.b_tooltip span{color:#999;font-size:14px;margin:.5em 0}
.bar_group.group_ident-1{z-index:0;position:relative;width:85%;margin:0 auto}
.bar_label_max{position:absolute;right:0%}
.bar_label_min{position:absolute}
.b_tooltip{-webkit-transition:all 1s;transition:all 1s;position:relative;float:left;left:100%;padding:4px 10px 7px 10px;background-color:rgba(67,66,76,0.81);-webkit-transform:translateX(-50%) translateY(-30px);-ms-transform:translateX(-50%) translateY(-30px);transform:translateX(-50%) translateY(-30px);-o-transform:translateX(-50%) translateY(-30px);border-radius:0px;line-height:11px}
.b_tooltip span{color:#fff}
.b_tooltip--tri{width:0;height:0;position:absolute;content:'';bottom:-5px;left:0;right:0;margin:auto;display:block;border-style:solid;border-width:5px 5px 0 5px;border-color:rgba(67,66,76,0.81) transparent transparent transparent}

/* 参展品牌 */
.Brand{width:100%;height:775px;overflow:hidden}
.BrandH{width:300px;height:80px;margin:100px 39% 0px;color:#111;position:relative}
.BrandH:before{content:"";display:block;position:absolute;top:0;lfet:0;width:30px;height:80px;background:url(../images/arc_cover_left.png) no-repeat}
.BrandH:after{content:"";display:block;position:absolute;top:0;right:0;float:right;width:30px;height:80px;background:url(../images/arc_cover_right.png) no-repeat}
.BrandH>span{display:block;height:50px;font:48px/50px ' ';text-align:center;color:#687ade}
.BrandH>i{display:block;height:30px;font:normal 24px/30px arial;text-align:center;color:#666}
.BrandImage{width:1000px;height:500px;margin:0 auto}

/* 联系方式 */
.Contact{width:100%;height:500px;background:#f8f8f8}
.ContactMain{width:1200px;margin:0 auto}
.ContactLeft{width:400px;height:420px;overflow:hidden;float:left;padding-top:80px}
.ContactLeftH{width:100%;height:50px;font:30px/50px ' '}
.ContactLeftH>span{color:#aaaaaa;font:24px/50px arial;padding-left:5px}
.ContactLeftInfo{font:16px/34px arial,' ';color:#666;text-align:justify}
.ContactLeftInfo>h3{font:24px/40px arial,' ';margin-top:30px;color:#111;padding-bottom:10px}
.ContactRight{width:800px;height:500px;overflow:hidden;float:right}
#allmap{width:700px;height:400px;float:right;border:1px solid #cccccc;margin-top:49px;border-radius:10px}