@charset "utf-8";
/*----
模块名称：首页样式 v3
修改内容：暂无
模块作者：szy
修改时间：2017.11.23
----*/
body{ background:#fff}
.wrap{ width:1200px; margin:0 auto; overflow:hidden;}
.navwrap{ width:100%; height:40px; background:#fff}
.nav_main{ height:40px; line-height:40px;background:#fff}
.nav_main li{ width:100px; height:40px; float:left; text-align:center; position:relative; font-size:14px}
.nav_main li.title{ width:180px;text-align:left; color:#fff; padding-left:20px;background: -webkit-linear-gradient(left, #f36d58,#e83146); 
    background: -o-linear-gradient(right, #f36d58,#e83146); 
    background: -moz-linear-gradient(right, #f36d58,#e83146);
    background: linear-gradient(to right, #f36d58,#e83146);}
.nav_main li.title .iconfont{ margin-right:10px; font-size:17px; vertical-align:middle; line-height:42px}
.nav_main li a:hover{ color:#e02445}
.nav_main li .hot{position:absolute;right:6px;top:0px;width:18px;height:18px; background:url(../images/sprite_global.png) 0px -72px no-repeat;}
.nav_main li .hot_nav:after {content: ' ';
    width: 32px;
    height: 15px;
    background: url(../images/acg_hot.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    right: 10px;
    top:-3px;
    z-index: 100;
    animation: hotAnimation .8s infinite linear;}

@keyframes hotAnimation{0%{transform:translateY(0)}50%{transform:translateY(-4px)}100%{transform:translateY(0)}}
@-webkit-keyframes hotAnimation{0%{transform:translateY(0)}50%{transform:translateY(-4px)}100%{transform:translateY(0)}}
/*焦点图区域*/
.bannerBar{ width:100%; height:510px; background:url(../images/acg_banner.jpg) no-repeat center top;}
.categoryTab{ width:200px; height:478px; float:left; background:#fff;-webkit-box-shadow: 0 0 15px #e8e6e6; -moz-box-shadow: 0 0 15px #e8e6e6; box-shadow: 0 0 15px #e8e6e6; position:relative; padding-top:12px; z-index:1;}
/*侧导航*/
.categoryTab li{ width:200px;height:32px;font-size:14px;vertical-align:middle; padding:7px 0}
.categoryTab li.mMore{ height:49px; border-top:1px solid #f6f6f6; line-height:49px; padding:0}
.categoryTab li.mMore a{padding: 0 10px 0 16px;}
.categoryTab li.mMore a:after{content:"\e64c";font-family:"iconfont";font-weight:bold; padding-left:10px}
.categoryTab li.mMore a:hover{ color:#f36600}
.categoryTab li.mMore .iconfont{ margin-right:5px; vertical-align:middle; font-size:18px;}
.categoryTab li a.mNav{color:#484848;display:block;padding:0 10px 0 16px;line-height:32px;height:32px;position:relative;z-index:21; font-size:14px}
.categoryTab li.on a.mNav{background:#f4f4f4;color:#484848}
.categoryTab li a.mNav .mNavIcon{ margin-right:7px; vertical-align:middle; font-size:16px}
.subNav{position:absolute;left:199px;top:0;width:1000px;height:490px;z-index:19;overflow:hidden;display:none}
.subItems{width:732px; height:468px; padding:10px 20px;float:left;overflow:hidden;background:#fff;border:1px solid #e6e2e7;border-right:0;}
.subItems dl{overflow:hidden;width:732px;font-size:12px;border-bottom:1px solid #e7e7e8;padding:10px 0}
.subItems dl dt{float:left;border-left:3px solid #db2242;color:#595959;width:90px;height:14px;line-height:14px;padding:0 0 0 5px;margin:4px 0;font-weight:bold;overflow:hidden}
.subItems dl dt:after{content:"\e64c";font-family:"iconfont";padding-left:5px;font-size:13px;color:#707271; font-weight:normal}
.subItems dl dd{float:left;width:623px}
.subItems dl  dd a{float: left;padding: 0 8px;margin: 4px 0;line-height: 16px;height: 16px;border-right: 1px solid #e0e0e0;color:#737373}
.subItems dl  dd a.orange{ color:#f36600}
.subItems dl  dd a:hover{color:#f36600}
.subItems dl  dd a:last-child{ border-right:none}
.nobor{border:0px!important}
.subNav .rgImg{width:226px; height:488px;float:left;overflow:hidden;background:#fff;opacity:.98;filter:alpha(opacity=98);border:1px solid #e6e2e7;border-left:0;position:relative;z-index:3}
.subNav .rgImg:after{content:"";position:absolute;left:0px;top:1px;bottom:1px;height:auto;width:1px;background:#ededed;z-index:4;}
.subNav .itemBrands{padding:20px 0 23px;width:226px;overflow:hidden}
.subNav .itemBrands a{float:left;margin:12px 0 0 8px;display:block;width:102px;height:42px}
.subNav .itemBrands a img{vertical-align:top;width:100px;height:40px;border:1px solid transparent;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
.subNav .itemBrands a:hover img{border:1px solid #e26d81}
.subNav .itemPromotions{position:absolute;bottom:0;right:0;height:216px;border-top:1px solid #eaeaea;overflow: hidden;display: inline-block;}
.subNav .itemPromotions img{ width: 226px;head: 216px;}
/*焦点图*/
.focusBar{ width:740px; height:480px; padding-top:10px; float:left; margin:0 10px;}
.focusBar .focus{ width:740px; height:305px; background:#fff;position:relative; overflow:hidden;}
.focusBar .focus .btn{ position:absolute; width:750px; height:16px;left:0;bottom:10px;text-align:center;}
.focusBar .focus .btn i{ display:inline-block;width:12px;height:12px;line-height:12px;margin-right:9px;cursor:pointer;border:solid 1px #fff;position:relative;vertical-align:top;overflow:hidden;text-indent:-999em; background-color:rgba(255,255,255,0);}
.focusBar .focus .btn i.on{ border:1px solid #e02445}
.focusBar .focus .btn i.on:after{content:"";width:6px;height:6px;background:#e02445;position:absolute;left:3px;top:3px}

.focusBar .showPro{ width:740px; height:165px; margin-top:10px; background:#fff;}
.focusBar .showPro a{ display:block; width:184px; height:165px; border-right:1px solid #f5f5f5; float:left; position:relative; overflow:hidden}
.focusBar .showPro a .picFont{ position:absolute; top:105px; width:184px; text-align:center; line-height: 18px; left:0px;}
.focusBar .showPro a h4{font-size:14px; color: #4d4d4d; font-weight:normal; line-height:22px; overflow:hidden; width:184px; height:22px;}
.focusBar .showPro a span{font-size:12px; height:22px; color: #ff7e20; line-height:24px; display:inline-block; width:184px; overflow:hidden}
/*登录*/
.loginBar{ width:240px; height:480px; padding-top:10px; float:left;}
.loginBar .logoTop{ width:240px; height:68px; background:#fff; padding:15px 0}
.loginBar .logoTop .logoImg{ width:68px; height:68px; float:left; margin-left:23px}
.loginBar .logoTop .logoImg img{ width:66px; height:66px; border:1px solid #eee; background:#f6f8fa; border-radius:100%}
.loginBar .logoTop .logiName{ width:134px; height:52px; float:left; padding:8px 0 8px 15px; line-height:26px;}
.loginBar .logoTop .logiName .iconfont {vertical-align: middle; padding-right: 5px; color:#9a9a9a}
.loginBar .logoTop .logiName em{ font-size:14px; color:#dd2c4b; vertical-align:middle}
.loginBar .loginzh{ width:240px; height:32px; text-align:center;  background:#fff}
.loginBar .loginzh a{ display:inline-block; width:93px; height:30px; border:1px solid #e02445; margin:0 5px; border-radius:3px; color:#db2242;line-height:30px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
.loginBar .loginzh a.on{ background:#e02445; border-color:#e02445; color:#fff}
.loginBar .loginzh a:hover{ background:#e02445; color:#fff}
.loginBar .loginzh a .iconfont{ font-size:14px; margin-right:5px;}
/*tabs*/
.rgTabs{background:#fff;width:240px;height:158px; border-top:1px solid #fff; padding-top:17px}
.tMenu {width:210px;height:29px;line-height:30px;border-bottom:1px solid #dcdcdc;text-align:center;margin:0 15px;position:relative}
.tMenu a{color:#4b4b4b;padding:0 5px;display:inline-block;line-height:30px}
.tMenu .on{color:#db2242}
.tMenu i.line{width:38px;height:2px;background:#db2242;position:absolute;top:28px;left:2px}
.tCon{ width:215px; height:118px; padding:10px 10px 0 15px; overflow:hidden}
.tCon li{height:28px;line-height:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tCon li em{color:#a5a5a5;padding-right:2px}
.tCon li a:hover,.tCon li a:hover em{color:#db2242}
/*新增数据*/
.dataShow{width:240px;height:145px;float:right;margin-top:10px;overflow:hidden;padding-top:20px;background:#fff;position:relative}
.dataShow dt{float:left;width:57px;height:59px;background:url(../images/sprite_global.png) no-repeat -28px -247px; margin:13px 20px 0 18px; padding:23px 15px 25px 0;border-right:1px solid #e0e0e0;}
.dataShow dd{float:left;width:129px;height:48px;margin-bottom:20px;overflow:hidden; padding-top:5px;}
.dataShow dd p{color:#8a8a8a;line-height:18px}
.dataShow dd em a{color:#db2242;font-size:20px}
/*推荐企业&&最新商家*/
.feature{ padding-top:20px;}
.firmBox{float:left;border:1px solid #ededed; width:588px; height:130px}
.firmBox h2{color:#3a3a3a;font-size:16px;font-weight:normal;line-height:42px;padding:9px 0 0 20px; position:relative}
.firmBox h2 em{color:#ff7031}
.firmBox h2 .line{height:0;line-height:0;border-top:1px solid #e4e4e4;position:absolute;width:470px;top:30px;right:20px}
.firmBox h2 .line:before{content:"\e610";font-family:"iconfont";font-size:0px;background:#fff;left:0;top:-6px;position:absolute;line-height:0px;height:8px;width:8px; border:1px solid #e9e9e9; border-radius:100%;}
.firmBox ul{overflow:hidden; padding:0 5px 15px 5px;}
.firmBox ul li{width:100px;height:15px;line-height:15px;float:left; border-right:1px solid #e3e3e3; margin:8px 0; padding-left:14px}
.firmBox ul li a{display:block;overflow:hidden;white-space:nowrap;padding:0 2px;transition:all .3s; color:#4d4d4d}
.firmBox ul li a:hover{color:#ff7031;}
.firmBoxRi{ margin-left:20px}
.firmBoxRi ul li{ width:170px; padding:0 10px}
.firmBoxRi h2 .line{ width:460px;}	
/*通栏图*/
.tlTop{margin-top:20px;}
.tlTop a{ position:relative; display:inline-block}
.tlTop .tlMar20{ margin-right:20px}
/*左悬浮*/
.leftFixed{width:34px;position:fixed;left:50%;top:50%;margin:-180px 0 0 -660px;display:none}
.leftFixed li{vertical-align:top;height:35px;border-bottom:1px solid #dddddd;background:#fafafa;text-align:center;cursor:pointer;position:relative}
.leftFixed li.tit{height:31px;line-height:1.1;padding-top:4px;background:#fff;color:#828282;cursor:default}
.leftFixed li i,.leftFixed li em,.leftFixed li b{width:34px;position:absolute;top:0;left:0}
.leftFixed li i.iconfont{height:35px;color:#b8b8b8;line-height:35px;z-index:8}
.leftFixed li em,.leftFixed li b{height:31px;line-height:1.1;padding-top:4px}
.leftFixed li em{color:#ff7e45;display:none;z-index:9;}
.leftFixed li b{background:#ff7e45;font-weight:normal; line-height:30px;}
.leftFixed li b a{color:#fff}
.leftFixed li.on i.iconfont{display:none!important;}
.leftFixed li.on em{display:block!important;}
.leftFixed li a.inforNav{ display:block;}
/*搜索悬浮*/
.searchBar{background:#fff;position:fixed;top:0;z-index:500;width:100%;height:52px;box-shadow:0 5px 5px rgba(0,0,0,.15);display:none}
.searchBarWrap{width:1200px;margin:0 auto;height:52px}
.searchBarWrap .logo{float:left;margin:6px 135px 0 0}
.searchBarWrap .searchBarForm{float:left;border:2px solid #db2242;height:33px;margin-top:8px;position:relative;padding-left:30px;overflow:hidden}
.searchBarForm i.iconfont{position:absolute;font-size:19px;color:#dfdfdf;left:8px;top:3px}
.searchBarWrap .searchBarForm .barText{width:530px;height:24px;padding:4px 3px 5px;border:0px;float:left}
.searchBarWrap .searchBarForm .barSubmit{width:68px;height:33px;border:0px;float:left;background:#db2242;color:#fff;font-size:14px;cursor:pointer}
.searchBarWrap .tel{float:right;line-height:52px;color:#909090;font-size:14px}
.searchBarWrap .tel i.iconfont{vertical-align:middle;padding-right:5px}
.searchBarWrap .tel em{color:#d13d58;font-size:16px}
/*楼层*/
.floor{ background:#fff; position: relative; border-bottom:1px solid #efefef}
.floor h2{height:55px; line-height: 55px; color: #4c4c4c; font-size:18px; font-weight: bold; border-bottom:1px solid #ededed}
.floor h2 em{color:#f53858; padding-right:5px; font-weight:bold}
.floor .activity{position: absolute; top:13px; left:110px;line-height: 30px;height: 30px; overflow: hidden; color: #666; font-size: 14px;}
.floor .activity a{ color:#ff7233}
.floor .activity a:hover{ text-decoration:underline}
.floor .activity .iconfont{ margin-right:3px;color:#ff7233; font-size:16px}
.hotWords {position: absolute; top:13px; right: 3px;line-height: 30px;height: 30px; overflow: hidden; color: #adadad; font-size: 14px;}
.hotWords a{color: #7e7e7e; display: inline-block; margin:0 8px; height:27px;  border-bottom:3px solid #fff;transition: all .3s;}
.hotWords a:hover{ color:#f53858; border-bottom:3px solid #f53858}
.hotWords a.on{ color:#f53858; border-bottom:3px solid #f53858}
.floorLe{border-right:1px solid #efefef; width: 218px; height:448px; float: left; background:#f5f4f4; border-left:1px solid #ededed; position:relative; overflow:hidden}
.floorLe a{ display:inline-block}
.floorLe a img{ width:218px; height:448px;}
.floorLe .picFont{ position:absolute; top:50px; width:195px; text-align: left; line-height: 18px; z-index: 99; left:24px;}
.floorLe .picFont h4{font-size:22px; color: #484848; font-weight:bold; line-height:36px}
.floorLe .picFont p{font-size: 12px; color: #646464; padding-top:4px;}
.floorLe .picFont span{ display:inline-block; width:76px; height:21px; border:1px solid #ff7200; text-align:center; line-height:21px; font-size:12px; color:#ff7200; margin-top:6px}

.floorNav{ width:425px; height:418px; border-right:1px solid #efefef; float:left; padding:15px 31px;}
.floorNav li{ width:212px; height:95px; float:left; margin-bottom:5px}
.floorNav li h5{ font-weight:bold; font-size:16px; color:#fe500b; line-height:40px; margin-bottom:5px;}
.floorNav li a{ display:inline-block;color:#525252; height:22px;transition: all .3s; line-height:22px; margin-right:20px;}
.floorNav li a.on{color:#ff7200}
.floorNav li a:hover{color:#ff7200}

.floorMd{width:262px; height:448px; float:left;}
.floorMd li{ float:left; border-right:1px solid #eee; width:130px; height:185px; border-bottom:1px solid #eee; position:relative; overflow:hidden}
.floorMd li img{ width:130px; height:185px;}
.floorMd li.liBig{ width:261px; height:262px; border-bottom:none;}
.floorMd li.liBig img{width:261px; height:262px;}
.floorMd li a{ display:inline-block;}
.floorMd li .picFont{ position:absolute; top:20px; width:130px; text-align:center; line-height: 18px; z-index: 99; left:0px;}
.floorMd li .picFont h4{font-size:14px; color: #4d4d4d; font-weight:normal; line-height:22px}
.floorMd li .picFont span{font-size:12px; height:22px; color: #8a8a8a; line-height:22px; display:inline-block; border:1px solid #fff; padding:0 10px;transition: all .3s;}
.floorMd li a:hover .picFont span{border:1px solid #ff7200; color:#ff7200}
.floorMd li.liBig .picFont{ top:25px; width:262px;}
.floorMd li.liBig .picFont h4{ font-size:16px}
.floorMd li.liBig .picFont span{ font-size:14px; color:#868686}

.floorRg{ width:219px; height:422px; border-right:1px solid #efefef; float:left; background:#f9f9f9; padding:13px 0px 13px 10px;}
.floorRg h3{ width:206px; height:25px; font-size:14px; color:#4c4c4c; line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin-bottom:5px;}
.floorRg a{transition: all .3s;}
.floorRg h3 a:hover{ color:#f53858}
.floorRg .floorRg_ico{ /*height:23px; padding-top:7px;*/ margin-bottom:10px}
.floorRg_line{line-height:24px; color:#6e6e6e; margin-bottom:10px; width:206px; padding-right:10px}
.floorRg_line span{ background:#ededed; padding:0 5px; line-height:24px; display:inline-block; margin-right:6px; color:#4b4b4b}
.floorRg .companyList{ width:206px; height:192px; background:url(../images/sprite_global.png) -296px -247px no-repeat; margin:10px 0 5px 0}
.floorRg .companyList li{ width:181px; height:32px; line-height:32px; padding-left:25px;overflow: hidden}
.floorRg .companyList li a{ color:#6d6d6d;}
.floorRg .companyList li a:hover{ color:#fe500b}
.floorRg .productList{ width:219px; height:96px;}
.floorRg .productList li{ width:100px; height:38px; float:left; margin-right:8px; margin-bottom:10px; overflow:hidden}
.floorRg .productList li img{ width:100px; height:38px;}
/*楼层颜色*/
.orangeFloor h2 em{color:#fa7e19}
.blueFloor h2 em{color:#1873d9}
.greenFloor h2 em{color:#36ad95}
.purpleFloor h2 em{color:#8e4baa}
.goldFloor h2 em{color:#ca892c}/*6,10*/
/*展会信息*/
.lfCircle,.mdInfo,.rgSchool{height:438px;background:#fff;position:relative; border:1px solid #f0f0f0}
.lfCircle{width:384px;float:left;margin:20px 0 0}
.lfCircle h2,.mdInfo h2,.rgSchool h2{height:49px;line-height:50px;border-bottom:1px solid #eaeaea;font-size:16px;font-weight:bold;padding-left:20px}
.lfCircle h2 em,.mdInfo h2 em,.rgSchool h2 em{color:#db2242;font-weight:bold}
.lfCircle .more,.mdInfo .more,.rgSchool .more{position:absolute;right:20px;top:0px;width:90px;height:50px;text-align:right;line-height:50px;font-size:14px;color:#666}
.lfCircle .more:hover,.mdInfo .more:hover,.rgSchool .more:hover{color:#db2242}
/*汇友圈slide*/
.cirSlide{margin:20px auto;width:344px;height:170px;overflow:hidden;position:relative}
.cirSlide ul { height:170px; position:absolute; z-index:88}
.cirSlide ul li {float:left;width:344px;height:170px;overflow:hidden; position:relative;z-index:81 }
.cirSlide ul li a img{ vertical-align:middle}
.cirSlide .btnBg { position:absolute; width:344px; height:30px;left:0;bottom:0;background:#fff; z-index:89; filter:alpha(opacity=80);opacity:.8}
.cirSlide .btn{ position:absolute; width:335px; height:10px;right:5px;bottom:10px;text-align:right; z-index:90}
.cirSlide .btn i{ display:inline-block;width:8px; height:8px;line-height:18px;margin-right:9px; cursor:pointer; background:transparent; border:solid 1px #db2242;vertical-align:top;overflow:hidden;text-indent:999em}
.cirSlide .btn i.on{ background:#db2242; color:#fcc; border:solid 1px #db2242 }
.newList{ width:344px; height:178px; padding:0 20px; overflow:hidden}
.newList li{ width:344px; height:28px; line-height:28px; font-size:14px;overflow:hidden}
.newList li a{ color:#444;transition: all .3s;}
.newList li a span{color:#ff580e}
.newList li a:hover{color:#ff580e}
/*热点资讯*/
.mdInfo{width:390px;float:left;margin:20px 0 0 20px}
.mdInfo dl{height:125px;background:#fafafa;margin:30px 20px 20px 20px;overflow:hidden}
.mdInfo .thImg{width:125px;height:125px;float:left;margin-right:10px}
.mdInfo dt{margin:10px 0 6px;height:32px;line-height:32px;font-size:14px;font-weight:bold;overflow:hidden}
.mdInfo .dets{line-height:20px;height:60px;color:#666}
.mdInfo ul{padding:0 20px}
.mdInfo li{height:30px; line-height:30px; width:350px; overflow:hidden}
.mdInfo li a{display:inline-block;height:30px;line-height:30px;overflow:hidden;vertical-align:top;font-size:14px}
.mdInfo a:hover{color:#ff580e}
.mdInfo li span{color:#ff580e; display:inline-block; padding-right:3px}
/*营销之南*/
.rgSchool{width:384px;float:right;margin:20px 0 0; border-bottom:none}
.rgSchool li{height:70px;padding:13px 20px;overflow:hidden; border-bottom:1px solid #eaeaea}
.rgSchool li .cellImg{float:left;margin-right:15px;width:70px;height:70px}
.rgSchool li .cellImg img{width:70px;height:70px}
.rgSchool li .title{height:28px;overflow:hidden;font-weight: normal; line-height:28px; font-size:14px}
.rgSchool li p{height:42px;line-height:20px;color:#888;overflow:hidden}
.rgSchool li a:hover{color:#db2242}
/*首页友情链接*/
.linkwrap{ width:100%; background:#f7f7f7; min-height:100px; padding:10px 0;margin-top: 20px;margin-bottom: -20px;}
.linkwrap .linkTop{ width:1200px; height:40px; line-height:40px; border-bottom:1px solid #eaeaea; font-size:16px; color:#333; font-weight:bold}
.linkwrap .linkTop em{ padding-left:10px; color:#db2242}
.linkwrap .linkBot{ padding:15px; width:1170px; height:auto; clear:both}
.linkwrap .linkBot a{white-space:nowrap; color:#666; margin:0 8px; display:inline-block; line-height:25px}
.linkwrap .linkBot a:hover{color:#e02445}
/*图片鼠标经过放大*/
.showPro img, .floorLe img, .floorMd img, .productList img{ -webkit-transform: scale3d(1,1,1);-webkit-backface-visibility: hidden;transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transition: all .3s ease-out 0s; cursor:pointer}
.showPro img:hover, .floorLe img:hover, .floorMd img:hover, .productList img:hover{-webkit-transform: scale3d(1.04,1.04,1.04);-moz-transform: scale(1.04,1.04);-o-transform: scale(1.04,1.04);transform: scale(1.04,1.04)}