html,body,li,ul,dl,dd,dt,p,h1,h2,h3{ padding:0; margin:0; border:0;}
body{ color:#333;font-family:Arial, 微软雅黑; font-size:16px; background-color: #F4F4F4;}
*{ box-sizing:border-box;}
i,em{ font-style:normal;color:#999;}
img{padding:0; margin:0; border:0; vertical-align:middle}
li{ list-style:none;}
q{ color:#FF4A4A; quotes:'' '' '' '';}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#f60;}
.dhidden{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block; }
.dhidden2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.dhidden3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all;}
.dhidden4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-break:break-all;}
.b{ font-weight:bold;}
.song{ font-family:'宋体'}

.c333{ color:#333}
.c666{ color:#666}
.c999{ color:#999}
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;font-weight: 700;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}

header .head_banner{height: 30px;background: #f2f2f2;line-height: 30px;font-size: 12px;}
header .head_banner .index_title{ float: left;display: flex;align-items: center;}
header .head_banner .index_title img {height: 16px;margin-right: 10px;}
header .head_banner .login{float: right;}
header .head_banner .customer{float: right;margin-left: 20px;margin-right: 20px;}
header .head_banner .attention{float: right;display: flex;align-items: center;}
header .head_banner .attention img {height: 20px;margin-right: 10px;}
header{ background-color: #fff;}
header .head{ width:1230px; margin:0 auto; height:120px;}
header .logo{ padding-top:25px; float:left;}
header .sbox{ padding:35px 0 0 130px; float:left;}
header .sbox .search{ width:380px; height:40px; border:2px solid rgb(255,0,119); outline:none; background:#fff; font-size:14px; float:left; padding:0 10px;}
header .sbox .sbtn{background:rgba(255,0,119,1); color:#fff; font-size:16px; height:40px; line-height:40px; border:0; width:90px; cursor: pointer; border-radius: 0 3px 3px 0; letter-spacing: 5px;}
header .sbox:hover .search{border-color:#fe741c}
header .sbox:hover .sbtn{background:#fe741c}

header .sbox .hotkey{ padding:3px 0; margin-left:-10px;}
header .sbox .hotkey span{ display:inline-block; padding:0 10px; line-height:1em; border-left:1px solid #ccc; font-size:14px; cursor:pointer;}
header .sbox .hotkey span:hover{color:#f60;}
header .sbox .hotkey span:first-child{ border-left:0;}
header .righttop{ float:right; width:370px; padding-top:40px; font-size:14px; text-align:right;}
header .righttop a{ display:inline-block; padding:0 10px;}
header .righttop a img{ height: 32px; width: 32px; margin-right: 5px;}
footer{ background:#fff; height:250px; border-top:1px solid #eee; margin-top:30px;}
footer .foot{ width:1230px; margin:0 auto; padding:40px 480px 20px 0; position:relative;}
footer .foot .link{ padding:15px 0 10px 0;}
footer .foot .link a{ padding:0 13px; border-left:1px solid #ccc; line-height:1em; display: inline-block;}
footer .foot .link a:first-child{ border-left:0; padding-left:0;}
footer .foot .sitets{ padding:0 0 15px 0; border-bottom:1px dotted #ccc}
footer .foot .bottom{ margin-top:5px; width:750px; height:50px; padding:7px 0;}
footer .foot .bottom a{ float:left; width:112px; height:36px; font-size:12px; color:#555; line-height:14px; padding:3px 20px 3px 40px;}
footer .foot .bottom a:hover{ color:#f60;}
footer .foot .bottom a.wangluojingcha{ background:url(/public/images/web/foot/wangluojingcha.png) left center no-repeat;}
footer .foot .bottom a.wangjian{ background:url(/public/images/web/foot/wangjian.png) left center no-repeat; width:117px; line-height:30px;}
footer .foot .bottom a.youhaixinxi{ background:url(/public/images/web/foot/youhaixinxi.png) left center no-repeat; width:122px;}
footer .foot .bottom a.jubaozhongxin{ background:url(/public/images/web/foot/jubaozhongxin.png) left center no-repeat; width:158px;}
footer .foot .bottom a.xiaofeizhequanyi{ background:url(/public/images/web/foot/xiaofeizhequanyi.png)  left center no-repeat; width:122px;}
footer .foot .bottom a.appxiazai{ background:url(/public/images/web/foot/appxiazai.png) left center no-repeat;}
footer .foot .copyright span.c999{ margin-right:10px;}
footer .foot .copyright img{ display:inline-block; vertical-align:text-bottom; margin:0 3px 0 5px;}
footer .foot .qrcode1{ position:absolute; right:140px; top:40px; font-size:14px; width:320px; }
footer .foot .qrcode1 .bg{ background:#f9f9f9; height:110px; margin-top:10px; padding:10px; position:relative; padding-left:120px;}
footer .foot .qrcode1 .bg img{ position:absolute; left:10px; top:5px;}
footer .foot .qrcode1 .bg .d{ color:#999; line-height:1.5em; padding:5px 0;}
footer .foot .qrcode2{ position:absolute; right:0; top:40px; font-size:14px;}
footer .foot .qrcode2 img{ border:1px solid #eee; padding:4px; background:#fff; margin-top:10px;}
footer .friend_link{ padding:0 0 10px 0; border-bottom:1px dotted #ccc;width:1230px;margin: 0 auto;height: 45px;margin-top: 5px;}
footer .friend_link a{ margin:10px; font-size: 14px;line-height: 3em;}
footer .friend_link img{ height:100%;float:left;margin:5px; font-size: 12px;}
#navlist{ border-bottom:2px solid #FF0077; background-color: #fff;}
#navlist .navlist{ width:1230px; margin:0 auto; height:37px; line-height:37px;}
#navlist>.navlist>dl>dt{ float:left; background:#FF0077; line-height:37px; width:200px; color:#fff; text-align:center; position: relative;}
#navlist dt .menu{ display:none; width: 200px; height: 588px; float: left; background-color:#fff; box-shadow:0 0 10px #ccc; position:absolute; left:0; top:100%; z-index:100;}
#navlist dt:hover .menu{ display:block;}
#navlist dt .menu .cat1{ line-height: 39px; height: 39px; padding: 0 15px; cursor: pointer; text-align: right;}
#navlist dt .menu .cat1 .name{ float:left;}
#navlist dt .menu .cat1:hover{ background:#fff;}
#navlist dt .menu .cat1:hover .name{ color:#f60;}
#navlist dt .menu .cat1 .belowcategory{display:none; position:absolute; left:200px; top:0; width: 1030px; height: 504px; z-index:99; text-align:left; border:1px solid #ddd; border-left:1px solid #eee;}
#navlist dt .menu .cat1 .belowcategory .left{ width:1028px; height:588px; overflow:auto; float:left; line-height:1.6em; padding:10px 0; background: #fff;display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;flex-direction: column;}
#navlist dt .menu .cat1 .belowcategory .left dt{width: 120px;float:left;padding: 10px 30px;text-align: justify;font-weight:bold;font-size: 14px;text-align-last: justify;}
#navlist dt .menu .cat1 .belowcategory .left i{display:block;position: relative;float: left;margin: 20px 0 20px -26px;background:url(/public/images/web/right_arrow.png) no-repeat;height: 8px;width: 8px;}
#navlist dt .menu .cat1 .belowcategory .left dd{width:688px;float:left;border-bottom:1px dashed #e5e5e5;padding:10px 0;font-size: 14px;}
#navlist dt .menu .cat1 .belowcategory .left dd a{ display:inline-block; margin-right:10px;}
#navlist dt .menu .cat1 .belowcategory .left dd span{ display:inline-block; margin-right:10px; color:#999}
#navlist dt .menu .cat1 .belowcategory .right{ width:200px; height:502px; float:right; background-color: rgba(250,250,250,1); padding:8px 10px;}
#navlist dt .menu .cat1 .belowcategory .right a{ width:50%; float:left; padding:1px;}
#navlist dt .menu .cat1 .belowcategory .right a:hover{ background:#f90;}
#navlist dt .menu .cat1 .belowcategory .right a img{ width:88px; height:38px; display:block;}
#navlist dt .menu .cat1:hover .belowcategory{ display:block;}
#navlist dt .menu .cat1 .belowcategory .belowcategory_content{ width: 45%;margin-left: 20px;margin-right: 20px;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px dashed #e5e5e5}
#navlist dt .menu .cat1 .belowcategory .belowcategory_content .title{ font-size: 14px;font-weight: bold;}
#navlist dt .menu .cat1 .belowcategory .belowcategory_content .content{ font-size: 14px;margin-top: 5px;}
#navlist dt .menu .cat1 .belowcategory .belowcategory_content .content a{ margin-right: 10px}
#navlist dt .menu .cat1 .belowcategory .belowcategory_content .content span{ margin-right: 10px;color: #000000;}

#navlist dd{ width:127px; text-align:center; float:left;}
#navlist dd a{ display:block;}
#navlist dd a.active{ color:#f60}
#position{width:1230px;margin:10px auto 0 auto;padding: 0 20px 0 46px;line-height:40px;font-size: 14px;background: url(/public/images/icon/pos.png) 18px center no-repeat #fff;}
#position .below{ display:inline-block; margin-left:30px; vertical-align:middle; max-width:910px; line-height:2em; padding:5px 0;}
#position .below a{ padding:0 10px; line-height:1em; border-right:1px solid #eee; display:inline-block;}
#position .below a:last-child{ border-right:0;}
#brandnav{width:1230px;margin:10px auto 0 auto; border-bottom:1px solid #ccc; padding:12px 10px;}
#brandnav .bname{ font-size:24px; color:red; font-weight:bold; padding-right:10px;}
#brandnav .bname em{ font-size:18px; color:red; font-weight:100;}
#brandnav a{ line-height:1em; padding:0 10px; border-left:1px solid #ccc;}
#brandnav a.active{ color:red; font-weight:bold;}
#container{ width:1230px; min-height:800px; margin:0 auto; padding-top:10px; position:relative;}
#leftbox{ width:910px; float:left;}
#leftbox .pttl{ padding:16px 0; line-height:18px; border-bottom:1px solid #EDEDED; background: #fff; position:relative;}
#leftbox .pttl span{ border-left:4px solid #9F85CF; padding:0 10px; display: inline-block; font-weight: 700;}
#leftbox .pttl em{ margin-left:10px; font-size:14px;}
#leftbox .pttl.s2 span{ border-left:4px solid #FF7700;}
#rightbox{ width:300px; float:right;}
#rightbox.absolute{ position: absolute; bottom:0; right:0;}
#rightbox.fixed{ position:fixed; top:0; left:50%; margin-left:315px;}
#rightbox.fixed2{ position:fixed; bottom:0; left:50%; margin-left:315px;}
#rightbox.absolute{ position:absolute; right:0;}
#rightbox .ttl{ padding:16px 0; line-height:18px; border-bottom:1px solid #EDEDED; position:relative; background: #fff;}
#rightbox .ttl span{ border-left:4px solid #9F85CF; padding:0 10px; display: inline-block; font-weight: 700;}
#rightbox .ttl.s2 span{ border-left:4px solid #57AF85;}
#rightbox .ttl.s3 span{ border-left:4px solid #FF484D;}
#rightbox .ttl .more{ position:absolute; right:10px; top:16px; font-size:14px; line-height:18px; color:#666}
#rightbox .ttl .more i{ display:inline-block; width:15px; height:15px; line-height:15px; border-radius:50%; text-align:center; border:1px solid #999; color:#999; font-family:'宋体'; font-size:12px; margin-left:5px;}
#rightbox #rbrand{ margin-bottom:15px;}
#rightbox #rbrand a{ float:left; width:149px; margin: 1px 1px 0 0; background: #fff;}
#rightbox #rbrand a:nth-child(2n){ margin-right:0; width: 150px;}
#rightbox #rbrand a:nth-child(9){ margin-bottom:0;}
#rightbox #rbrand a:nth-child(10){ margin-bottom:0;}
#rightbox #rbrand a img{ width:149px; height:65px;}
#rightbox #rbrand a:hover img{opacity: 0.9 }
#rightbox #rcatlist{ margin-bottom:15px;}
#rightbox #rarticle{ background: #fff; padding:10px; margin-bottom:20px;}
#rightbox #rarticle a{ display:block; line-height:2.6em;}
#rightbox #rcatlist{ background:#fff; padding:10px;}
#rightbox #rcatlist a{ float:left; width:29.333%; margin:0 2%; text-align:center; line-height:2em; margin:5px; background:#f7f7f7; border-radius:1em; padding:0 10px;}

.num{ font-size:12px; background:#999; color:#fff; width:15px; line-height:1em; display:inline-block; vertical-align:middle; text-align:center; margin-right:10px; position:relative; margin-top:-2px;}
.num:after{content:""; position:absolute; left:100%; top:50%; margin-top:-3px; border-width:3px; border-style:solid; border-color: transparent transparent transparent #999;}
.num.num1,.num.num2,.num.num3{ background:#F5A256}
.num.num1:after,.num.num2:after,.num.num3:after{ border-color: transparent transparent transparent #F5A256;}


.fixed-share-box {display: none;  position: fixed; right: 50px; bottom: 50px; border-radius: 5px; background-color: white; box-shadow: #5d687a; z-index: 999999}
.fixed-share-box .share-item {width: 81px; height: 81px; display: block; box-sizing: border-box; position: relative; cursor: pointer}

.fixed-share-box .share-item .share {width: 59px; height: 81px; vertical-align: middle; margin: 0 auto; text-align: center;  border-bottom: 1px solid #E8E8E8; background-repeat: no-repeat; background-position: center; background-size: 59px;}
.fixed-share-box .share-item:last-child .share {border-bottom: 0}
.fixed-share-box .share1 {background-image: url("/public/images/web/share1.png")}
.fixed-share-box .active .share1 {background-image: url("/public/images/web/share2.png")}
.fixed-share-box .share-box {display: none; position: absolute; left: -85px; top: 0px;  background-color: white; border-radius: 5px; width: 70px;}
.fixed-share-box .share-box-icon {display: none; position: absolute; left: -15px; top: 30px; width: 9px; height: 17px; background: url('/public/images/web/share-icon.png') no-repeat;}
.fixed-share-box .share-box .share-type { width: 70px; height: 60px; display: block; vertical-align: middle; margin: 0 auto; text-align: center; background-repeat: no-repeat; background-position: center; background-size: 41px;}
.fixed-share-box .share-box .qq {background-image: url("/public/images/web/share-qq.png")}
.fixed-share-box .share-box .qzone {background-image: url("/public/images/web/share-qzone.png")}
.fixed-share-box .share-box .sina {background-image: url("/public/images/web/share-sina.png")}
.fixed-share-box .share-box .wechat {background-image: url("/public/images/web/share-wechat.png")}
.fixed-share-box .qrcode-box {width: 120px; padding: 12px;  left: -130px; top: 0px; font-size: 12px; text-align: center;}
.fixed-share-box .qrcode-box .qrcode{margin: 0 auto 10px; width: 95px; height: 95px;  vertical-align: middle; text-align: center;  border-bottom: 1px solid #E8E8E8; background-image:  url('/public/images/web/qrcode.jpg');  background-repeat: no-repeat; background-position: center; background-size: 90px;}

.fixed-share-box .active {background-color: #FF0077; border: 0;}
.fixed-share-box .collect1 {background-image: url("/public/images/web/collect1.png")}
.fixed-share-box .active .collect1 {background-image: url("/public/images/web/collect2.png") !important;}
.fixed-share-box .back-top1 {background-image: url("/public/images/web/back-top1.png")}
.fixed-share-box .active .back-top1 {background-image: url("/public/images/web/back-top2.png") !important;}
.fixed-share-box .wechat1 {background-image: url("/public/images/web/wechat1.png")}
.fixed-share-box .active .wechat1 {background-image: url("/public/images/web/wechat2.png") !important;}

.foot_cate1{width: 1230px;margin: 0 auto;height: 430px;}
.foot_cate1 dt{margin: 15px 0;font-size: 18px; font-weight:700;}
.foot_cate1 dt span{float: right;}
.foot_cate1 dd{background: #fff;width: 33.33%;float: left;border: 1px solid #f4f4f4;height: 80px;}
.foot_cate1 dd img{float: left;width: 20%;padding: 15px;}
.foot_cate1 dd div{float: left;width: 81%;}
.foot_cate1 dd a{margin: 0 8px;line-height: 25px;}