@charset "utf-8";
.indexhotcat{}
.indexhotcat .itembox{padding:0;width:720px;overflow:auto; margin:0 auto;}
.indexhotcat .itembox::-webkit-scrollbar { width:0; height:0;}
.indexhotcat ul{ display:table;}
.indexhotcat ul li{ display:table-cell; vertical-align:middle; padding:4px;}
.indexhotcat ul li a{ display:block; width:216px; height:128px; background:url(../../public/img/index/hotcat.png) center center no-repeat; border-radius:20px; text-align:center; font-size:22px; padding:15px 3px 0 3px; line-height:2em; color:#9d6534; font-weight:bold;background-size:100% 100%;}
.indexhotcat ul li a:hover{ color:#f90}
.indexhotcat ul li img{ border:1px solid #cf9f75; display:block; margin:5px auto; width:50px; height:50px; padding:3px; border-radius:50%;}
.navlist1 .item{ width:48%; float:left;padding: 15px 20px;box-shadow: 0 0 0 1px #eee;}
.navlist1 .item:nth-child(2n+1){ float:right;}
.navlist1 .item .img {float: left;width: 50px;height: 50px; border-radius:50%; overflow:hidden;margin-right: 5px; background-repeat:no-repeat; background-size:auto 100%; background-position:center;}
.navlist1 .item .name{line-height:50px;}

.navlist1 .itembox:after,.navlist1 .itembox .slice:after{ content: "";  height: 0;clear: both; display: block;}

.wenbox{}
.wenbox a{display:block;position:relative;}
.wenbox a img{width:100%;border-radius:10px;}
.wenbox a .name{color: #FFF;font-weight: bold;font-size: 30px;position: absolute;left: 180px;top: 0;text-align: center;line-height: 67px;}


.brand10banglist2 .item{ width:23.5%; margin-left:2%;float:left; height:200px;border-radius:10px; background:#795ebe; text-align:center;}
.brand10banglist2 .item:nth-child(4n+1){ margin-left:0;}
.brand10banglist2 .item:nth-child(n+5){ margin-top:20px;}
.brand10banglist2 .item .title{ line-height:1.2em; padding-top:0.4em;}
.brand10banglist2 .item:hover{ color:#ff0}
.brand10banglist2 .item .img{ width:100px; height:100px; margin:10px auto 0 auto;}

.brand10banglist2 .item.s1{ background:#8c72c7; background:linear-gradient(45deg,#8265c3,#8c72c7);}
.brand10banglist2 .item.s2{ background:#917bc9; background:linear-gradient(45deg,#866dc3,#917bc9);}
.brand10banglist2 .item.s3{ background:#a592d3; background:linear-gradient(45deg,#9782cc,#a592d3);}
.brand10banglist2 .item.s4{ background:#b09fd8; background:linear-gradient(45deg,#a895d5,#b09fd8);}

.brand10banglist2 .item.s5{ background:#60b8f3; background:linear-gradient(45deg,#57b5f2,#60b8f3);}
.brand10banglist2 .item.s6{ background:#74c3f5; background:linear-gradient(45deg,#66bdf4,#74c3f5);}
.brand10banglist2 .item.s7{ background:#80caf7; background:linear-gradient(45deg,#71c2f5,#80caf7);}
.brand10banglist2 .item.s8{ background:#8fd2f8; background:linear-gradient(45deg,#82cbf7,#8fd2f8);}

.brand10banglist2 .item.s9{ background:#ff6f4e; background:linear-gradient(45deg,#ff6847,#ff6f4e);}
.brand10banglist2 .item.s10{ background:#ff8560; background:linear-gradient(45deg,#ff7754,#ff8560);}
.brand10banglist2 .item.s11{ background:#ff9b72; background:linear-gradient(45deg,#ff8963,#ff9b72);}
.brand10banglist2 .item.s12{ background:#ffa77e; background:linear-gradient(45deg,#ff9e76,#ffa77e);}

.brand10banglist2 .item.s13{ background:#ffb34e; background:linear-gradient(45deg,#ffad46,#ffb34e);}
.brand10banglist2 .item.s14{ background:#ffbe60; background:linear-gradient(45deg,#ffb753,#ffbe60);}
.brand10banglist2 .item.s15{ background:#ffc86e; background:linear-gradient(45deg,#ffbf5f,#ffc86e);}
.brand10banglist2 .item.s16{ background:#ffd07b; background:linear-gradient(45deg,#ffc971,#ffd07b);}

.brand10banglist2 .item.s17{ background:#ff8e8e; background:linear-gradient(45deg,#ff8585,#ff8e8e);}
.brand10banglist2 .item.s18{ background:#ffa7a7; background:linear-gradient(45deg,#ff9393,#ffa7a7);}
.brand10banglist2 .item.s19{ background:#ffbcbc; background:linear-gradient(45deg,#ffa8a8,#ffbcbc);}
.brand10banglist2 .item.s20{ background:#ffcbcb; background:linear-gradient(45deg,#ffbdbd,#ffcbcb);}

.brand10banglist2 .item.s21{ background:#f39650; background:linear-gradient(45deg,#f18d47,#f39650);}
.brand10banglist2 .item.s22{ background:#f5ae6f; background:linear-gradient(45deg,#f4a059,#f5ae6f);}
.brand10banglist2 .item.s23{ background:#f8c89a; background:linear-gradient(45deg,#f5ab6a,#f8c89a);}
.brand10banglist2 .item.s24{ background:#f9c797; background:linear-gradient(45deg,#f7c08a,#f9c797);}

.brand10banglist2 .item.m1{ background:#795ebe; background:linear-gradient(180deg,#b3a3da,#795ebe);}
.brand10banglist2 .item.m2{ background:#cca874; background:linear-gradient(180deg,#e7d0a9,#cca874);}
.brand10banglist2 .item.m3{ background:#3977c6; background:linear-gradient(180deg,#89c6e7,#3977c6);}
.brand10banglist2 .item.m4{ background:#c76441; background:linear-gradient(180deg,#db9964,#c76441);}
.brand10banglist2 .item.m5{ background:#578bfa; background:linear-gradient(180deg,#97bdfc,#578bfa);}
.brand10banglist2 .item.m6{ background:#ffb751; background:linear-gradient(180deg,#ffd68e,#ffb751);}
.brand10banglist2 .item.m7{ background:#f39e56; background:linear-gradient(180deg,#f9c897,#f39e56);}
.brand10banglist2 .item.m8{ background:#ff9696; background:linear-gradient(180deg,#ffd3d3,#ff9696);}


.brandbangcol5 ul li{}

.brandbangcol5 ul .item2{ width:230px; float:left;background: #fff;text-align: center;margin-top: 46px;padding-top: 30px;position: relative;box-shadow: 0 0 16px rgba(81,74,177,0.3);}
.brandbangcol5 ul .item2:nth-child(2){ border-radius: 10px 10px 0 0;padding-bottom: 34px;z-index: 1;}
.brandbangcol5 ul .item2:nth-child(1) {margin-top: 80px;border-radius: 10px 0 0 0;}
.brandbangcol5 ul .item2:nth-child(3) {margin-top: 80px;border-radius: 0 10px 0 0;}
.brandbangcol5 ul .item2 .bname{ display:block; margin:0 auto;}
.brandbangcol5 ul .item2 .bname img{ display:block; margin:0 auto; width:207px; height:90px; background:#fff;margin-bottom: 16px;}
.brandbangcol5 ul .item2 .btn{margin-top: 10px;}
.brandbangcol5 ul .item2 .btn a{ display:inline-block; line-height:1em; padding:8px 10px; border-radius:5px;}
.brandbangcol5 ul .item2:nth-child(2)::before {content: ""; width: 20%;height: 200px;background: #fff;background: linear-gradient(180deg,rgba(255,255,255,0),#fff,#fff);position: absolute;right: -10%;bottom: -10px;}
.brandbangcol5 ul .item2:nth-child(2)::after {content: "";width: 10%;height: 200px;background: #fff;background: linear-gradient(180deg,rgba(255,255,255,0),#fff,#fff);position: absolute;left: -5%;bottom: -10px;}
.brandbangcol5 ul .item2:nth-child(2) i.icon {background: url(../../public/img/icon/hg.png);width: 60px;height: 46px;border: 0;margin-left: -30px;border-radius: 0;top: -46px;font-size: 0;}
.brandbangcol5 ul .item2 i.icon {position: absolute;left: 50%;margin-left: -22px;top: -22px;width: 44px; height: 44px;line-height: 32px;text-align: center;border: 6px solid rgba(255,255,255,.5);border-radius: 50%;background: #FDB80C;color:#FFF;}
.brandbangcol5 ul .item2:nth-child(3) i.icon{background: #FBE01B;}

.brandbangcol5 ul .item{ width:100%; background-color: #FFF; border-bottom:solid 1px #ddd;}
.brandbangcol5 ul .item .tablecell{ padding:30px 0;}
.brandbangcol5 ul .item i.icon{width:60px; text-align:center; border:0;}
.brandbangcol5 ul .item .bname{  width:280px; padding-left:20px;}
.brandbangcol5 ul .item .logo img{ display:block;}

.brandbangcol5 ul .item .numinfo{ text-align:right; width:140px;  }
.brandbangcol5 ul .item a.piao{ margin-right:6px;}
.brandbangcol5 ul .item .numinfo i.iconfont {display: inline-block;border-radius: 50%;width: 1.2em;height: 1.2em;text-align: center;line-height: 1.1em;border-width: 2px;border-style: solid; margin-right:8px; cursor:pointer;}

.brandbangcol5 .midline{height: 30px;background: #FFF;position: relative;z-index: 5;border-bottom: solid 1px #ddd; margin-top:-1px;}


.articlelist .itembox{ counter-reset:li;}
.articlelist .item{padding:30px 0; border-bottom:1px solid #eee; position:relative; display:block;}
.articlelist .item:nth-child(1){padding-top:0;}
.articlelist .item.haspic .contbox{ width: 450px; float:left;}
.articlelist .item.haspic .contbox .title{height:3em;}
.articlelist .item .ad{ position:absolute; right:0; bottom:30px; background:rgba(0,0,0,0.3); color:#eee; font-size:20px; padding:0 5px;}
.articlelist .item .ad:hover{ color:#ff0;}
.articlelist .item .img{ width:220px; height:137px; float:right; overflow:hidden; position:relative;}
.articlelist .item .img img{ width:100%; height:100%; object-fit:cover;}

.articlelist .item .contbox .title{ line-height:1.5em; text-align:justify;}
.articlelist .item.ads .contbox .title{ margin-bottom:0.5em;}
.articlelist .item .contbox .piclist{margin-top:15px; position:relative;padding: 0;}
.articlelist .item .contbox .piclist .biaoshibox {top:10px;}
.articlelist .item .contbox .piclist .picimg{width:32%; height:138px; float:left; margin-left:2%; background-position:center center; background-size:cover;}
.articlelist .item .contbox .piclist .picimg.first{margin-left:0px;}
.articlelist .item .contbox .piclist .picimg img{ display:block; margin:0px auto; max-width:100%;}
.articlelist .item .contbox .other{margin-top:15px; position:relative; height:1.6em; overflow:hidden; padding-right:100px;}
.articlelist .item .contbox .other .biaoqian{ display:inline-block; border:1px solid #eee;padding:0 20px; margin-bottom:1px; line-height:1.5em; color:#8d99b8}
.articlelist .item .contbox .other .biaoqian:hover{ color:#f60}
.articlelist .item .contbox .other .attention{ position:absolute; right:0; top:0; min-width:100px; color:#ccc; line-height:1.5em; background:#fff;}

.articlelist.tuku .contbox .piclist .picimg{height:216px;}
.articlelist.zhaoshang .contbox .title{ color:#333;}


.download{ width:750px; margin:0 auto;}
.download .imgbox{ display:block;position:relative;}
.download .imgbox .logo{ position:absolute;right: 88px;bottom: 38px;}
.download .imgbox .img{ width:100%;border-radius: 20px;}
.download .mgt20{ display:block; margin-top:20px;}
.download .mgt5{ display:block; margin-top:5px;}