body{overflow-x:hidden; position:relative;}
#container{ position:static;}
body .zhaoshangbg{ content:""; width:100%; min-width:1200px; height:1255px; position:absolute; left:0; background: url(/public/img/zsbg.jpg) top center no-repeat #1a1d33;}

.nav{ height:104px;}
.nav .navlinks{ width:640px; height:52px; float:left;}
.nav .sbox{ width:560px; height:52px; float:right;}
.nav .sbox .search{ width:100%; height:52px; background:#ffc400; float:left; padding:2px;}
.nav .sbox .search .q{ float:left; height:48px; width:498px; background:#fff; outline:none; border:0; padding:10px; font-size:18px;}
.nav .sbox .search .btn{ float:right; outline:none; background:none; border:0; font-size:26px; height:48px; width:55px; color:#1a1d33; cursor:pointer;}
.nav .sbox .search .btn:hover{color:#ff4d30}
.nav .sbox .category{ width:110px; height:52px; background:#1a1d33; float:right; font-size:18px; text-align:center; line-height:52px; color:#fff;}
.nav .sbox .category:hover{ color:#ff0}

.focusbox .focusimgs{ width:500px; height:312px; float:left; margin-bottom:26px; overflow:hidden;}
.focusbox .focuszhishi{ width:500px; height:312px; padding:0 20px; float:left}
.focusbox .focuszhishi .ttl{ padding:5px 0 10px 0; position:relative;}
.focusbox .focuszhishi .ttl .iconfont{ font-size:30px; color:#f60; display:inline-block; vertical-align:middle; margin-right:5px;}
.focusbox .focuszhishi .ttl .iconfont.icon-next{font-size:14px; margin:0 0 0 3px;}
.focusbox .focuszhishi .ttl span{ font-size:24px; font-weight:bold; display:inline-block; vertical-align:middle; line-height:30px; color:#666;}
.focusbox .focuszhishi .ttl .more{ position:absolute; right:0; top:5px; line-height:30px; color:#ff4d30;}
.focusbox .focuszhishi .ttl .more em{ display:inline-block; width:20px; height:20px; line-height:19px; border:1px solid #ff4d30; border-radius:50%; font-family:'宋体'; text-align:center; transform:scale(0.7); font-weight:bold;}
.focusbox .focuszhishi .ttl .more:hover{ color:#f30;}
.focusbox .loginbox{ width:200px; height:312px; padding:10px; float:right; border:1px solid #e3e3e3; text-align:center;}
.focusbox .loginbox .userpic{ width:60px; height:60px; border-radius:50%; background:#f3f3f3; margin-bottom:5px; padding:2px; margin:0 auto; box-shadow:0 5px 10px rgba(0, 0, 0, 0.05);}
.focusbox .loginbox .userpic img{ width:100%; height:100%; border-radius:50%;}
.focusbox .loginbox .login{ position:relative; padding:10px;}
.focusbox .loginbox .login::after{content:""; width:100%; height:1px; position:absolute; bottom:0; left:0; width:100%; background:#eee; background:linear-gradient(90deg, rgba(238, 238, 238, 0), rgba(238, 238, 238, 1), rgba(238, 238, 238, 0));}
.focusbox .loginbox .welcome{ line-height:2em;}
.focusbox .loginbox .btnbox{ padding:5px 0;}
.focusbox .loginbox .btn{ padding:0 8px; line-height:1em;}
.focusbox .loginbox .btn.rb{ border-right:1px solid #e3e3e3;}
.focusbox .loginbox .block{ padding-top:10px;}
.focusbox .loginbox .block a{ float:left; width:50%; padding:6px; line-height:1.8em;}
.focusbox .loginbox .block a .iconfont{ font-size:36px;}
.focusbox .loginbox .block a.s1{ color:#52a4ff;}
.focusbox .loginbox .block a.s2{ color:#3cd8c4;}
.focusbox .loginbox .block a.s3{ color:#8875ff;}
.focusbox .loginbox .block a.s4{ color:#f00011;}

.bangdans{ border:1px solid #e3e3e3; margin-top:20px; background:linear-gradient(180deg,#fff 950px,#fff6f4 1000px,#fff6f4 1550px,#fff 1600px)}
.bangdans .bangdan{ width:100%; height:715px;}
.bangdans .menu .li{ line-height:60px; background:#ebedf2; border-left:1px solid #fff;}
.bangdans .menu .li:first-child{border-left:none;}
.bangdans .menu .li.active{background:#fff; border-bottom-color:#fff; position:relative;}
.bangdans .menu .li.active:after{content:''; width:100%; height:2px; background:#ffc400; position:absolute; top:0; left:0;}
.bangdans .cont{padding:20px;}
.bangdans .cont .subbangdan{ width:360px; height:545px; float:left; margin:55px 13px 20px 13px; background:#fff; border-radius:10px; box-shadow:0 10px 20px #ffe3de; position:relative; padding:35px 20px 10px 20px;}
.bangdans .cont .subbangdan .subttl{ background:#ffc400; width:236px; line-height:50px; font-size:20px; font-weight:bold; text-align:center; position:absolute; left:62px; top:-25px; border-radius:25px;}

.catlist .box{ margin:0 -1%;}
.catlist a{ border:1px solid #e3e3e3; width:10.5%; float:left; line-height:2em; font-size:16px; border-radius:8px; margin:0 1%; padding:10px 0; text-align:center; transition:all ease-in-out 300ms; margin:10px 1%;}
.catlist.col9 a{ width:9.1111%;}
.catlist.col7 a{ width:12.285%;}
.catlist.col6 a{ width:14.6666%;}
.catlist a:hover{ background:#ff4d30; border:1px solid #ff4d30; color:#fff; box-shadow:0 0 20px #ff4d30; transform:translateY(-10px);}
.catlist a img{ display:block; margin:0 auto; border-radius:50%; background:#f6f6f6; margin-bottom:5px;}

.middlebg{ background:rgba(246, 246, 246,1); width:2600px; height:1255px; position:absolute; left:50%; margin-left:-1300px; background:#1a1d33 url(/public/img/zsbg.jpg) top center no-repeat;}
.ptitle{ padding:40px 0 30px; position:relative; z-index:1;}
.ptitle .iconfont{ font-size:30px; color:#ff4d30; display:inline-block; vertical-align:middle; margin-right:5px;}
.ptitle .iconfont.icon-next{font-size:14px; margin:0 0 0 3px;}
.ptitle span.cn{ font-size:24px; font-weight:bold; display:inline-block; vertical-align:middle; line-height:30px; color:#666;}
.ptitle span.en{ font-size:18px; display:inline-block; vertical-align:middle; line-height:30px; color:#ccc; padding:0 10px; background:#f3f3f3;}
.ptitle .more{ position:absolute; right:0; top:40px; line-height:30px; color:#ff4d30;}
.ptitle .more:hover{ color:#ff4d30;}
.ptitle .more::before{content:""; width:800px; height:1px; background:#e3e3e3; position:absolute; right:130%; top:50%;}
.ptitle .more.s2::before{width:750px;}
.ptitle.white span.cn{color:#fff;}
.ptitle.white span.en{background:none; color:rgba(255, 255, 255, 0.2);}
.ptitle.white .more::before{background:rgba(255, 255, 255, 0.2);}

.zhanhuilist{ width:100%;}
.mingrenpics{ width:100%; height:220px;}
.votelist{ width:100%; height:428px;}
.votelist{ display:block; padding:7px; background:#d62f35; position:relative;}
.votelist .menu{ position:absolute; width:750px; left:370px; top:-60px; z-index:1; height:32px; border:1px solid #e3e3e3; border-radius:30px;}
.votelist .menu .li{ min-width:90px; font-size:14px; line-height:30px; border-right:1px solid #e3e3e3;}
.votelist .menu .li.active{ background:#ff4d30; color:#fff;}

.newsdynamic .l{ float:left; width:870px; height:460px; overflow:hidden;}
.newsdynamic .r{ float:right; width:300px; height:460px;}
.newsdynamic .pic1{ display:block; width:300px; height:220px; background:#f6f6f6; margin-bottom:20px; overflow:hidden;}
.newsdynamic .pic2{ display:block; width:300px; height:220px; background:#f6f6f6; overflow:hidden;}
.newsdynamic .pic1 img,
.newsdynamic .pic2 img{transition:all ease-in-out 200ms;}
.newsdynamic .pic1:hover img,
.newsdynamic .pic2:hover img{transform:scale(1.05);}

.zhishiinfo{ margin-bottom:20px;}
.zhishiinfo dt{ width:70px; background:#666; color:#fff; padding:10px 20px; display:table-cell; text-align:center; vertical-align:middle; font-size:18px;}
.zhishiinfo dd{ width:1130px; overflow:auto; background:#f6f6f6; display:table-cell; vertical-align:middle;}
.zhishiinfo dd .scrollbox{height:190px; overflow:auto; padding:10px 20px; background:#fff; line-height:1.6em;}
.zhishiinfo dd .scrollbox::-webkit-scrollbar{width:5px; height:5px;}
.zhishiinfo dd .scrollbox::-webkit-scrollbar-thumb{background:#ccc;}
.zhishiinfo dd .scrollbox p{padding-top:5px;}
.zhishiinfo dd .scrollbox p:first-child{padding-top:0;}

.zhishipics{ width:100%; height:329px;}

.webshoplist{position:relative;}
.webshoplist .menu{ position:absolute; width:750px; left:370px; top:-60px; z-index:1; height:32px; border:1px solid #e3e3e3; border-radius:30px;}
.webshoplist .menu .li{ min-width:90px; font-size:14px; line-height:30px; border-right:1px solid #e3e3e3;}
.webshoplist .menu .li.active{ background:#ff4d30; color:#fff;}

.productlist{ position:relative; height:397px;}
.productlist .menu{ position:absolute; width:750px; left:370px; top:-60px; z-index:1; height:32px; border:1px solid #e3e3e3; border-radius:30px;}
.productlist .menu .li{ min-width:90px; font-size:14px; line-height:30px; border-right:1px solid #e3e3e3;}
.productlist .menu .li.active{ background:#ff4d30; color:#fff;}


.jczaofl{line-height:0; width:100vw; min-width:1200px; position:relative; left:50%; transform:translateX(-50%);}
.jczaofl img{ width:100%;}
.jczaofl .flbox a{ display:block; min-width:200px; height:18px; line-height:18px; margin-top:-9px; transform:translateX(-50%);}
.jczaofl .flbox .jcz{position:absolute;top: 50%;left: 58%;}
.jczaofl .flbox .jcsc{position:absolute;top: 55%;left: 22%;}
.jczaofl .flbox .xdg{position:absolute;top: 40%;left: 83%;}
.jczaofl .flbox .zx{position:absolute;top: 65%;left: 42%;}
.jczaofl .flbox .xwj{position:absolute;top: 50%;left: 72%;}
.jczaofl .flbox .dkx{position:absolute;top: 61%;left: 83%;}
.flbox .point{width:11px; height:11px; margin-top:3px; background:#fff; background:rgba(255, 255, 255, 0.9); border-radius:50%; position:relative; float:left; animation:point 2s cubic-bezier(0.36, 0, 0.65, 1) infinite;}
@keyframes point{
	0% {box-shadow:0 0 0 0 rgba(255,255,255,0.5);}
	99.999% {box-shadow:0 0 0 10px rgba(255,255,255,0)}
	100% {box-shadow:0 0 0 0 rgba(255,255,255,0.5)}
}
.flbox .point i{content:""; display:block; width:90px; height:1px; background:rgba(255, 255, 255, 0.4); position:absolute; right:100%; top:5px;}
.flbox .point.r i{ left:100%}
.flbox .text{padding-left:100px; font-size:16px; color:#fff; line-height:17px; float:left; transition:all ease-in-out 300ms;}
.flbox .text:hover{transform:translateY(-5px); color:#ff4d30;}
.flbox .linel .point{float:right;}
.flbox .linel .point:after{left:-90px; right:auto;}
.flbox .linel .text{float:right; padding-left:0; padding-right:100px;}