@charset "utf-8";
/*
ST04-v7-CSS-xiaohei-qq:290948585-dtmuban.com-20191127
*/
/*----banner-----*/
.banner{width: 100%;height: 500px;position: relative;z-index: 1;margin-top:-10px;border-top:1px solid #E00B0B;}
.banner_list{width: 100%; height: 500px; margin: 0 auto; overflow: hidden; position: relative;}
.banner_img{display: block; width: 100%; height: 100%; position: absolute; z-index: 0; opacity: 0; filter: alpha(opacity=0);}
.banner_img img{display: block; margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; vertical-align: middle; height: 100%; max-width: none!important;}
.bnr_btn_lists{position: absolute; left: 50%; bottom: 30px; z-index: 99; background: rgba(255, 255, 255, 0.5); height: 20px; padding: 0 5px; border-radius: 10px;}
.bnr_btns{display: block; width: 10px; height: 10px; background: #fff; border-radius: 10px; float: left; margin: 5px; cursor: pointer;}

/*上层*/
.login_posi{width: 1200px; margin: 0 auto; position: relative;}
/*左侧*/
.brand_cat{width: 180px;height: 500px;background: #fff;position: absolute;left: 0;bottom: 0;z-index: 9;}
/*右侧*/
.login_box{width: 240px; height: 500px; background: #fff; position: absolute; right: 0; bottom: 0; z-index: 999; padding: 15px 15px 0 15px;}
.four_btns{padding-bottom: 5px; border-bottom: 1px solid #ededed;}
.four_btns a{display: block; float: left; width: 100px; height: 36px; font: 14px/36px "微软雅黑"; border-radius: 20px;cursor: pointer; margin-bottom: 10px;}
.four_btns a i{display: block; float: left;}
.four_btns a:hover{text-decoration: none;}

.pprz{border: 1px solid #ffe0ab; background: #ffefd3; color: #f9aa20; margin-right: 10px;}
.pprz i{width: 20px; height: 18px; background: url(style/brand/bg.png) -100px 0 no-repeat; margin: 9px 4px 0 9px;}
.fbzs{border: 1px solid #a3e7b1; background: #dffce5; color: #40ac56;}
.fbzs i{width: 18px; height: 18px; background: url(style/brand/bg.png) -129px 0 no-repeat; margin: 9px 5px 0 10px;}
.zhpp{border: 1px solid #bdd2fa; background: #ebf2ff; color: #2899ff; margin-right: 10px;}
.zhpp i{width: 18px; height: 18px; background: url(style/brand/bg.png) -159px 0 no-repeat; margin: 9px 5px 0 10px;}
.wyjm{border: 1px solid #f8a8a3; background: #ffefee; color: #ff867b;}
.wyjm i{width: 22px; height: 18px; background: url(style/brand/bg.png) -185px 0 no-repeat; margin: 9px 3px 0 8px;}
.Bd_etry,
.nstdata{padding: 4px 8px 0 8px;}
.Bdetybox{height: 210px; overflow: hidden;}
.Bdetycon{height: auto;}
.Bdetycon .bd{border:0}
.Bd_etry_tits{width: 135px; margin: 0 auto; height: 36px;}
.Bd_etry_tits i{display: block; width: 30px; height: 2px; background: #E00B0B; float: left; margin: 17px 0 0 0;}
.Bd_etry_tits p{font: 14px/36px "微软雅黑"; color: #e00b0b; float: left; margin: 0 9px;}
.Bd_etry_ims{display: block; height: 26px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;}
.Bd_etry_ims p{float: left; width: 82px; font: 14px/26px "微软雅黑"; color: #7e7c7b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.Bd_etry_ims span{display: block; float: right; font: 12px/26px "微软雅黑"; color: #7e7c7b;}
.nstdata ul li{font: 14px/28px "微软雅黑"; color: #7e7c7b;}
.nstdata ul li span{color: #E00B0B;}

/*-------nav_bar--------*/
.left_bar{width: 180px;height: 500px;}
.left_bar li{font-size: 16px;cursor: pointer;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;padding: 0 15px;border-bottom: 1px #f5f5f5 solid;}
.left_bar li:last-child{border-bottom: none;}
.left_bar li:hover{background: #eee;}

.left_bar li h2{height: 30px;line-height: 25px;}
.left_bar li h2 a{font-weight:bold;font-size: 15px;height: 20px;line-height: 20px;}
.left_bar li .xiaocat{overflow:hidden;padding-bottom: 6px;}
.left_bar li .xiaocat a{width:50%;display:flex;float:left;text-align:center;height: 23px;line-height: 23px;font-size:13px;}
.left_bar li a{font: 14px/40px "微软雅黑"; color: #666;}
.left_bar li span{display: block; float: left;}
.left_bar li a:hover,.left_bar li:hover .icon{color: #e00b0b;}
.left_bar li .icon{margin-left: 4px; margin-right: 4px; font-size: 18px; color: #787878;}

.zhankaicat{display:none;position:absolute;left: 180px;top: 0;width: 150px;height: 500px;border-left: 1px solid #f5f5f5;background: #ffffff;}
.left_bar li:hover .zhankaicat{display:block;}
.zhankaicat dl{padding: 15px;}
.zhankaicat dl dt{font-size: 16px; height: 45px; line-height: 45px; text-align:center}
.zhankaicat dl dt a{font-size: 16px;font-weight:bold;color: #E00B0B;}
.zhankaicat dl dd{overflow: hidden; text-align:center; width: 100%;}
.zhankaicat dl dd a{width: 100%; height: 35px; line-height: 35px; display: inline-block;}
.cate-0:hover .zhankaicat{/* margin: 0 0 0 180px; */}

/*ADNEW*/
.new_Adlist{width: 100%; height: auto;}
.new_Adlist>ul{width: 1200px; margin: 10px auto -10px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.new_Adlist>ul>li{width: 192px; height: 70px; margin-bottom: 10px; position: relative;}
.new_Adlist>ul>li span{position: absolute; right: 2px; bottom: 2px; background: url(images/brand/ggtype.png); width: 23px; height: 13px;}
.vdList_con>ul .vdList_ims a, .pgvd{ display: block; position: relative;}
.banner_img span,.thr_vd a span,.vdList_con>ul .vdList_ims a span,.pgvd span{position: absolute;right: 2px;bottom: 2px;background: url(images/brand/ggtype.png);width: 23px;height: 13px;}
.banner_img span{right: 595px;}
.new_Adlist>ul>li a:hover,.pgvd:hover img{opacity:.8;filter:alpha(opacity=80);}

/* 品牌排行榜开始 */
.phbBrand{width: 100%; overflow: hidden; height: auto;}
.phbBrand>div>h3{font-size: 26px; color: #E00B0B; font-weight: 600; line-height: 44px; overflow: hidden; padding: 6px 0; position: relative;}
.phbBrand>div>h3::after{content: ''; display: block; background: url(images/brand/sy_01.png) no-repeat; position: absolute; width: 20px; height: 21px; top: 4px; left: 178px;}
.zsBrand>div>h3::after{content: none;}
.phbBrand>div>h3>span{display: block; float: left; width: 40px; height: 44px; margin-top: 3px; padding-right: 10px; background: url(images/brand/sy_03.png) no-repeat 0 6px;}
.phbBrand>div>h3>a{float: right; color: #999; font-size: 14px; font-weight: normal;}
.phbBrand>div>div:nth-of-type(1){display: flex; justify-content: space-between;}
.phbBrand>div>div>.hot{width: 264px; height: 562px; background: #fff; padding: 20px 14px; box-sizing: border-box;}
.Pptitle{font-size: 20px; font-weight: 600; color: #333; border-bottom: 1px #e5e5e5 solid; padding-bottom: 14px;}
.Pptitle>span{border-bottom: 2px #E00B0B solid;padding-bottom: 14px;}
.Pptitle>span>strong,.phbBrand>div>h3>a:hover{color: #E00B0B;}

/*热门行业排行榜图标*/
.phbBrand>div>div>.hot>ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.phbBrand>div>div>.hot>ul>li{width: 33%;height: auto;}
.phbBrand>div>div>.hot>ul>li>a>div{margin: 22px auto 0;width: 50px;height: 50px;border-radius: 50%;background: #f2f2f2;margin-bottom: 6px;text-align: center;position: relative;}
.phbBrand>div>div>.hot>ul>li>a>div:hover{transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transition: all 0.4s;}
.phbBrand>div>div>.hot>ul>li>a>div>img{display: inline-block; margin: 9px 0; vertical-align: middle;}
.phbBrand>div>div>.hot>ul>li>a>span{font-size: 13px; color: #333; text-align: center; display: block;}
.phbBrand>div>div>.hot>ul>li>a:hover>span{color: #E00B0B;}


.phbBrand>div>div>.click{width: 615px; height: 562px; background: #FFF; padding: 20px 14px; box-sizing: border-box; position: relative;}
.phbBrand>div>div>.click>h3>span>strong::after{content: '';display: block;float: left;background: url(images/brand/sy_02.png) no-repeat;width: 17px;height: 12px;margin: -12px 0 0 80px;}
.Pptitle>a{float: right; color: #999; font-size: 14px; font-weight: normal; margin-top: 6px;}
.Pptitle>a:hover{color: #E00B0B;}
.phbBrand>div>div>.click>div>ul{position: absolute; display: flex; top: 27px; right: 38px;}
.phbBrand>div>div>.click>div>ul>li{width: 54px;color: #333;font-size: 14px;font-weight: 600;margin-left: 32px;text-align: center;cursor: pointer;}
.phbBrand>div>div>.click>div>ul>li.now{border-bottom: 4px #E00B0B solid; padding-bottom: 6px;}
.phbBrand>div>div>.click>div>.List>table{margin-top: 10px;font-size:14px}
.phbBrand>div>div>.click>div>.List>table a{font-size:14px}
.phbBrand>div>div>.click>div>.List>table>thead>tr>th{background: #f8f8f8; font-size: 14px; color: #333; font-weight: normal; text-align: center; padding: 8px 0; position: relative;}
.phbBrand>div>div>.click>div>.List>table>thead>tr>th:nth-of-type(3){text-align: left; padding-left: 30px;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr>th:nth-of-type(1)>span{display: block; margin: 0 auto; width: 19px; height: 19px; border-radius: 4px; color: #fff; text-align: center; line-height: 19px; background: #ccc;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr:nth-of-type(1)>th:nth-of-type(1)>span{background: #E00B0B;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr:nth-of-type(2)>th:nth-of-type(1)>span{background: #ff7640;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr:nth-of-type(3)>th:nth-of-type(1)>span{background: #fdc45c;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr>th:nth-of-type(2)>a{display: block;width: 68px;height: 36px;border-radius: 4px;border: 1px #eee solid;position: relative;overflow: hidden;margin: 4px auto;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr>th:nth-of-type(2)>a>img{width: 68px;height: 36px;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr:nth-of-type(1)>th:nth-of-type(2)>a::after,
.phbBrand>div>div>.click>div>.List>table>tbody>tr:nth-of-type(2)>th:nth-of-type(2)>a::after,
.phbBrand>div>div>.click>div>.List>table>tbody>tr:nth-of-type(3)>th:nth-of-type(2)>a::after{content: ''; display: block; position: absolute; background: url(images/brand/sy_04.png) no-repeat; top: 0; left: 0; width: 28px; height: 28px;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr>th:nth-of-type(3)>a{width: 220px;display: block;padding-left: 30px;color: #f1a31b;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr>th:nth-of-type(4)>a{color: #666666;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr>th:nth-of-type(4),
.phbBrand>div>div>.click>div>.List>table>tbody>tr>th:nth-of-type(5){text-align: center;color: #f1a31b;font-weight: normal;font-size: 14px;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr>th:nth-of-type(5)>img{display: inline-block;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr:nth-of-type(1)>th:nth-of-type(3)>a,
.phbBrand>div>div>.click>div>.List>table>tbody>tr:nth-of-type(1)>th:nth-of-type(4){color: #E00B0B;}
.phbBrand>div>div>.click>div>.List>table>tbody>tr:nth-of-type(2)>th:nth-of-type(3)>a,
.phbBrand>div>div>.click>div>.List>table>tbody>tr:nth-of-type(2)>th:nth-of-type(4){color: #ff7640;}


/*品牌资讯*/
.phbBrand>div>div>.news{width: 303px; height: 562px; background: #FFF; padding: 20px 14px; box-sizing: border-box; position: relative;}
.phbBrand>div>div>.news>div:nth-of-type(1){display: flex;}
.phbBrand>div>div>.news>div:nth-of-type(1)>div{width: 140px;text-align: center;border-bottom: 1px #eee dashed;padding-bottom: 20px;margin-bottom: 20px;font-size: 14px;}
.phbBrand>div>div>.news>div:nth-of-type(1)>div>img,
.phbBrand>div>div>.news>div:nth-of-type(1)>div>a>img{display: inline-block; margin-bottom: 12px;}
.phbBrand>div>div>.news>div:nth-of-type(1)>div>img:hover,
.phbBrand>div>div>.news>div:nth-of-type(1)>div>a>img:hover{transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.phbBrand>div>div>.news>div:nth-of-type(1)>div>span,
.phbBrand>div>div>.news>div:nth-of-type(1)>div>a>span{display: block;}
.phbBrand>div>div>.news>div:nth-of-type(1)>div>a>span{color: #E00B0B;}
.phbBrand>div>div>.news>div:nth-of-type(2)>div>a>span{color: #fd8e1f;}
.phbBrand>div>div>.news>ul>li{padding: 7px 0; overflow: hidden; line-height: 26px;}
.phbBrand>div>div>.news>ul>li>a>span{display: inline-block;float: left;width: 6px;hei;height: 6px;border-radius: 50%;background: #ededed;margin: 10px 10px 0 0;}
.phbBrand>div>div>.news>ul>li>a{width: 275px; font-size: 15px; display: block; float: left; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.phbBrand>div>div>.news>ul>li>a>em.fr{color:#999999}
.phbBrand>div>div>.news>ul>li>a:hover{color: #E00B0B;}
/* 影响力品牌开始 */
.yxlBrand{width: 100%; overflow: hidden; height: auto;}
.yxlBrand>div{position: relative;}
.yxlBrand>div>p{position: absolute;right: 140px;top: 18px;color: #666;font-size: 16px;}
.yxlBrand>div>p>span{color: #E00B0B;}
.yxlBrand>div>a{position: absolute;top: 16px;left: 200px;display: block;width: 126px;height: 30px;color: #fff;line-height: 28px;padding-left: 38px;background: url(images/brand/sy_31.png) no-repeat 14px 6px #fd6e1a;font-size: 14px;}
.yxlBrand>div>h3{font-size: 26px; color: #E00B0B; font-weight: 600; line-height: 44px; overflow: hidden; padding: 6px 0; position: relative;}
.yxlBrand>div>h3>span{display: block; float: left; width: 40px; height: 44px; margin-top: 3px; padding-right: 10px; background: url(images/brand/sy_42.png) no-repeat 0 6px;}
.yxlBrand>div>h3>a{float: right; color: #999; font-size: 14px; font-weight: normal;}
.yxlBrand>div>h3>a:hover{color: #E00B0B;}
.yxlBrand>div>div{display: flex; justify-content: space-between;}
.yxlBrand>div>div>.hot{width: 887px;background: #fff;padding: 20px 14px 40px 12px;box-sizing: border-box;position: relative;}
.yxlBrand>div>div>.hot>h3>span>strong::after{content: '';display: block;float: left;background: url(images/brand/sy_30.png) no-repeat;width: 17px;height: 15px;margin: -15px 0 0 88px;}
.yxlBrand>div>div>.hot>div>ul{position: absolute;display: flex;top: 27px;right: 206px;}
.yxlBrand>div>div>.hot>div>ul>li{width: 90px;color: #333;font-size: 15px;font-weight: 600;margin-right: 40px;text-align: center;cursor: pointer;}
.yxlBrand>div>div>.hot>div>ul>li.now{border-bottom: 4px #E00B0B solid; padding-bottom: 6px; color: #e00b0b;}
.yxlBrand>div>div>.hot>div .scroll-brand>ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 16px;}
.yxlBrand>div>div>.hot>div .scroll-brand>ul>li{margin-bottom: 16px;}
.yxlBrand>div>div>.hot>div .scroll-brand>ul>li>a{display: block; width: 166px; height: 148px; box-sizing: border-box; border: 1px #f7f7f7 solid;}
.yxlBrand>div>div>.hot>div .scroll-brand>ul>li>a>div{width: 164px;height: 100px;border-bottom: 1px #f7f7f7 solid;overflow: hidden;box-sizing: border-box;display: table-cell;vertical-align: middle;}
.yxlBrand>div>div>.hot>div .scroll-brand>ul>li>a>div>img{width: 100%;}
.yxlBrand>div>div>.hot>div .scroll-brand>ul>li>a>span{display: block; color: #333; font-size: 15px; text-align: center; line-height: 46px; padding: 0 10px;}
.yxlBrand>div>div>.hot>div .scroll-brand>ul>li:hover{box-shadow: 0 0 6px #ededed;}
.yxlBrand>div>div>.hot>div .scroll-brand>ul>li a:hover{opacity:.8;filter:alpha(opacity=80);}
.yxlBrand>div>div>.hot>div .scroll-brand1>ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 16px;}
.yxlBrand>div>div>.hot>div .scroll-brand1>ul>li{margin-bottom: 16px;}
.yxlBrand>div>div>.hot>div .scroll-brand1>ul>li>a{display: block; width: 166px; height: 148px; box-sizing: border-box; border: 1px #f7f7f7 solid;}
.yxlBrand>div>div>.hot>div .scroll-brand1>ul>li>a>div{width: 164px; height: 100px; border-bottom: 1px #f7f7f7 solid; overflow: hidden; box-sizing: border-box;}
.yxlBrand>div>div>.hot>div .scroll-brand1>ul>li>a>div>img{width: 100%;}
.yxlBrand>div>div>.hot>div .scroll-brand1>ul>li>a>span{display: block; color: #333; font-size: 15px; text-align: center; line-height: 46px;}
.yxlBrand>div>div>.hot>div .scroll-brand1>ul>li:hover{box-shadow: 0 0 6px #ededed;}
.yxlBrand>div>div>.hot>div .scroll-brand2>ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 16px;}
.yxlBrand>div>div>.hot>div .scroll-brand2>ul>li{margin-bottom: 16px;}
.yxlBrand>div>div>.hot>div .scroll-brand2>ul>li>a{display: block; width: 166px; height: 148px; box-sizing: border-box; border: 1px #f7f7f7 solid;}
.yxlBrand>div>div>.hot>div .scroll-brand2>ul>li>a>div{width: 164px; height: 100px; border-bottom: 1px #f7f7f7 solid; overflow: hidden; box-sizing: border-box;}
.yxlBrand>div>div>.hot>div .scroll-brand2>ul>li>a>div>img{width: 100%;}
.yxlBrand>div>div>.hot>div .scroll-brand2>ul>li>a>span{display: block; color: #333; font-size: 15px; text-align: center; line-height: 46px;}
.yxlBrand>div>div>.hot>div .scroll-brand2>ul>li:hover{box-shadow: 0 0 6px #ededed;}
.yxlBrand>div>div>.hot>div .fCl-nav{height: 24px; line-height: 18px; background: white; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.yxlBrand>div>div>.hot>div .fCl-nav>li{float: left; width: 18px; font-family: Tahoma, Helvetica; font-size: 38px; _font-size: 38px; margin-right: 5px; color: #D6D6D6; cursor: pointer;}
.yxlBrand>div>div>.hot>div .fCl-nav>li.on{color: #fd6e1a;}
.yxlBrand>div>div>.new{width: 303px; height: 447px; background: #fff; padding: 20px 14px 40px; box-sizing: border-box; position: relative;}
.yxlBrand>div>div>.new>h3>span>strong::after{content: ''; display: block; float: left; background: url(images/brand/sy_02.png) no-repeat; width: 17px; height: 15px; margin: -15px 0 0 124px;}
.yxlBrand>div>div>.new>.txtMarquee-top{padding-top: 10px;}
.yxlBrand>div>div>.new>.txtMarquee-top .bd{border:0}
.yxlBrand>div>div>.new>.txtMarquee-top ul>li{display: flex; justify-content: space-between;}
.yxlBrand>div>div>.new>.txtMarquee-top ul>li>a{font-size: 14px; color: #333; width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 32px;}
.yxlBrand>div>div>.new>.txtMarquee-top ul>li>a>i{width: 6px; height: 6px; background: #ededed; border-radius: 50%; display: block; margin: 14px 10px 8px 0; float: left;}
.yxlBrand>div>div>.new>.txtMarquee-top ul>li>a span{color:#999999}
.yxlBrand>div>div>.new>.txtMarquee-top ul>li>a:hover{color: #E00B0B;}