/*
Template Name: 福柯思电气商城V2模板
Template URI: http://www.focus.com/
Description: 控制器，电控箱，智能控制系统请选福柯思
Version: 1.0.0
Author:  relax
Author URI: http://test.nfd8.com/
Logo filename: logo.gif
Template Type: type_0

modify by relax 2017-9-30 make the topbar for this web fit festival style 
*/
@charset "utf-8";
html,body{ margin:0; padding:0; width:100%; height:100%; color:#666666; font-size:14px; font-family:"Microsoft YaHei", "微软雅黑", arial, Lucida Grande, Tahoma, sans-serif;}
a{ text-decoration:none; color:#666666;}
a:hover{ text-decoration:none;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,p,ul,form{ padding:0;margin:0;}
img{ border:0px; margin:0; padding:0;}
ul, ol, li{ list-style:none;}
input, select, textarea{ font-family:"Microsoft YaHei", "微软雅黑", arial, Lucida Grande, Tahoma, sans-serif; font-size:14px; color:#666666;}

.publicWidth{ width:1240px; margin:0 auto;}
.publicWidth2{ width:930px; margin:0 auto;}
.publicBack{ background-image:url(/upload/images/imagelist.png);}
.menuWidth{ width:250px;}
.title1, .title1 a{ font-size:16px; color:#da251d;}
.title1:hover, .title1 a:hover{ color:#ac211b;}
.title2, .title2 a{ font-size:14px; color:#777777;}
.title2:hover, .title2 a:hover{ color:#000000;}


/* 页面私有属性 */
/* 顶部条 */
#topbar{ width:100%; min-width:1240px; height:36px; text-align:center; position:relative;}
#topbar:before{ content:''; position:absolute; z-index:100; background-repeat:no-repeat;}
#topbar:after{ content:''; position:absolute; z-index:100; background-repeat:no-repeat;}
#topbar.publicBack{ background-color:#eee; background-image:linear-gradient(180deg,transparent 0, rgba(0,0,0,.05) 100%); background-repeat:repeat-x;}
#topbar .publicWidth{ height:100%; position:relative;}
#topbar .splitPart>*{ border-left:1px solid #fff; position:relative; padding:0 6px 0 12px;}
#topbar .splitPart>*:before{ content:''; position:absolute; width:1px; height:100%; left:0; top:0; background-color:#ccc;}
#topbar .splitPart>*:first-child{ border-left:0;}
#topbar .splitPart>*:first-child:before{ display:none;}
#topbar .topMenu{ float:left; overflow:hidden;}
#topbar .topMenu li{ display:inline-block; height:14px; line-height:14px; margin-top:10px;}

#userLogin{ float:right; height:100%; margin-right:250px;}
#userLogin .noLogin{ padding-top:10px;}
#userLogin .noLogin a{ display:inline-block; height:14px; line-height:14px;}
#userLogin .noLogin a:hover{ color:#da251d;}
#userLogin .login{ height:100%; position:relative; padding:0 10px;}
#userLogin .login>*{ display:inline-block; font-size:13px; margin-top:10px;}
#userLogin .login span{ padding-right:5px;}
#userLogin .login strong{ color:#333;}
#userLogin .login .menu{ position:absolute; top:35px; left:0; width:100%; background-color:#ccc; z-index:200; max-height:0px; overflow:hidden; margin-top:0; transition:max-height .6s;}
#userLogin .login .menu a{ display:block; line-height:30px; font-size:14px; color:#666; text-align:center; background-color:#fff; margin:1px;}
#userLogin .login .menu a:first-child{ border-top:0;}
#userLogin .login .menu a:hover{ background-color:#ffe0e0; color:#da251d;}
#userLogin .login .menu:before{ display:none; content:''; width:0; height:0; overflow:hidden; border:7px solid transparent; border-bottom-color:#fff; position:absolute; top:-13px; left:50%; margin-left:-7px;  z-index:210;}
#userLogin .login .menu:after{ display:none; content:''; width:0; height:0; overflow:hidden; border:8px solid transparent; border-bottom-color:#ccc; position:absolute; top:-16px; left:50%; margin-left:-8px;  z-index:208;}
#userLogin .login:hover strong{ color:#000;}
#userLogin .login:hover .menu{ max-height:500px; overflow:visible; box-shadow:2px 2px 2px rgba(0,0,0,.3);}
#userLogin .login:hover .menu:before{ display:block;}
#userLogin .login:hover .menu:after{ display:block;}

#topbar .else{ display:table; height:36px; margin:0 auto;}
#topbar .else>div{ display:table-cell; vertical-align:middle;}
#topbar .telNumber{ display:block; height:36px; position:relative; color:#666; line-height:36px; padding-left:25px; padding-right:10px;}
#topbar .telNumber:before{ content:''; position:absolute; width:20px; height:20px; left:0; top:50%; margin-top:-10px; background:url(images/new/imagelist.png) no-repeat -13px -78px; }
#topbar .telNumber strong{ color:#da251d; font-weight:600;}
#topbar .weibo{ float:left; padding-top:6px; margin-left:10px;}

#topbar .topMenu a, #userLogin .noLogin a, #userLogin .login span, #topbar .telNumber{ color:#666; font-size:13px;}
#topbar .topMenu a:hover, #userLogin .noLogin a:hover, #userLogin .login:hover span{ color:#da251d;}
/*
#topbar .link{ float:left; padding-top:6px; margin-left:10px;}
#topbar .link a{ border:1px solid #cccccc; display:block; float:left; margin-right:5px;}
#topbar .link a:hover{ border-color:#da251d;}
*/
/*  节日相关  */
/* 五一 */
#topbar.wuyi{ background-image:none; background-color:#9d050b;}
#topbar.wuyi:before{ background-image:url(/festival/wuyi1.png); width:52px; height:36px; left:0px; top:0;}
/#topbar.wuyi:after{ background-image:url(/festival/wuyi2.png); width:274px; height:36px; right:0px; top:0;}
#topbar.wuyi .splitPart>*{ border-left-color:#646464;}
#topbar.wuyi .splitPart>*:before{ background-color:#fff;}
#topbar.wuyi .topMenu a, .wuyi #userLogin .noLogin a, .wuyi #userLogin .login span, #topbar.wuyi .telNumber{ color:#fff;}
#topbar.wuyi .topMenu a:hover, .wuyi #userLogin .noLogin a:hover, .wuyi #userLogin .login:hover span{ color:#fff;}
#topbar.wuyi .login strong{ color:#fff;}
/* 端午 */
#topbar.duanwu{ background-image:none; background-color:#8e0000;height:41px; padding-top:6px;}
#topbar.duanwu:before{ background-image:url(/festival/duanwu1.png); width:100px; height:59px; left:0px; top:0;}
#topbar.duanwu:after{ background-image:url(/festival/duanwu2.png); width:124px; height:60px; right:0px; top:0;}
#topbar.duanwu .splitPart>*{ border-left-color:#646464;}
#topbar.duanwu .splitPart>*:before{ background-color:#fff;}
#topbar.duanwu .topMenu a, .duanwu #userLogin .noLogin a, .duanwu #userLogin .login span, #topbar.duanwu .telNumber{ color:#fff;}
#topbar.duanwu .topMenu a:hover, .duanwu #userLogin .noLogin a:hover, .duanwu #userLogin .login:hover span{ color:#fff;}
#topbar.duanwu .login strong{ color:#fff;}
/* 建党 */
#topbar.jiandang{ background-image:none; background-color:#890304;height:47px;padding-top:11px}
#topbar.jiandang:after{ background-image:url(/festival/qiyi.png); width:202px; height:57px; right:0px; top:0;}
#topbar.jiandang .splitPart>*{ border-left-color:#bd2a2b;}
#topbar.jiandang .splitPart>*:before{ background-color:#2b0001;}
#topbar.jiandang .topMenu a, .jiandang #userLogin .noLogin a, .jiandang #userLogin .login span, #topbar.jiandang .telNumber{ color:#ffffff;}
#topbar.jiandang .topMenu a:hover, .jiandang #userLogin .noLogin a:hover, .jiandang #userLogin .login:hover span{ color:#da251d;}
#topbar.jiandang .login strong{ color:#fff;}
/* 建军 */
#topbar.jianjun{ background-image:none; background-color:#7b0304;height:44px; padding-top:6px;}
#topbar.jianjun:after{ background-image:url(/festival/bayi.png); width:100px; height:50px; right:0px; top:0;}
#topbar.jianjun .splitPart>*{ border-left-color:#bd2a2b;}
#topbar.jianjun .splitPart>*:before{ background-color:#2b0001;}
#topbar.jianjun .topMenu a, .jianjun #userLogin .noLogin a, .jianjun #userLogin .login span, #topbar.jianjun .telNumber{ color:#ffffff;}
#topbar.jianjun .topMenu a:hover, .jiandang #userLogin .noLogin a:hover, .jianjun #userLogin .login:hover span{ color:#da251d;}
#topbar.jianjun .login strong{ color:#fff;}
/* 国庆 */
#topbar.guoqing{ background-image:none; background-color:#222;}
#topbar.guoqing:before{ background-image:url(/festival/guoqing1.png); width:66px; height:81px; left:5px; top:0;}
#topbar.guoqing:after{ background-image:url(/festival/guoqing3.png); width:243px; height:36px; right:0px; top:0;}
#topbar.guoqing .splitPart>*{ border-left-color:#646464;left:5px}
#topbar.guoqing .splitPart>*:before{ background-color:#000;}
#topbar.guoqing .topMenu a, .guoqing #userLogin .noLogin a, .guoqing #userLogin .login span, #topbar.guoqing .telNumber{ color:#fff;}
#topbar.guoqing .topMenu a:hover, .guoqing #userLogin .noLogin a:hover, .guoqing #userLogin .login:hover span{ color:#da251d;}
#topbar.guoqing .login strong{ color:#fff;}
/* 中秋 */
#topbar.zhongqiu{ background-image:none; background-color:#2354a4;}
#topbar.zhongqiu:before{ background-image:url(/festival/zhongqiu1.png); width:121px; height:67px; left:0; top:0;}
#topbar.zhongqiu:after{ background-image:url(/festival/zhongqiu2.png); width:149px; height:51px; right:0px; top:0;}
#topbar.zhongqiu .splitPart>*{ border-left-color:#467ace;}
#topbar.zhongqiu .splitPart>*:before{ background-color:#0d3068;}
#topbar.zhongqiu .topMenu a, .zhongqiu #userLogin .noLogin a, .zhongqiu #userLogin .login span, #topbar.zhongqiu .telNumber{ color:#fff;}
#topbar.zhongqiu .topMenu a:hover, .zhongqiu #userLogin .noLogin a:hover, .zhongqiu #userLogin .login:hover span{ color:#eecf00;}
#topbar.zhongqiu .login strong{ color:#fff;}
/* 元旦 */
#topbar.yuandan{ background-image:none; background-color:#ffe1a1; height:50px; padding-top:16px;}
#topbar.yuandan .publicWidth{ height:42px; width:60%; min-width:670px; position:relative; background:rgba(210,255,255,.3); background:url(/festival/back0.png)\9; border-radius:6px;}
#topbar.yuandan .publicWidth:after{ content:""; position:absolute; right:5px; top:-10px; width:76px; height:15px;}
#topbar.yuandan:before{ background-image:url(/festival/yuandan1.png); width:217px; height:70px; left:0; top:0;}
#topbar.yuandan:after{ background-image:url(/festival/yuandan2.png); width:195px; height:70px; right:0px; top:0;}
#topbar.yuandan .topMenu{ padding-top:5px;}
#topbar.yuandan #userLogin{ padding-top:3px; margin-right:20px;}
#topbar.yuandan .else{ padding-top:4px;}
#topbar.yuandan .splitPart>*{ border-left-color:#a6bccd;}
#topbar.yuandan .splitPart>*:before{ background-color:#4c6a80;}
#topbar.yuandan .topMenu a, .yuandan #userLogin .noLogin a, .yuandan #userLogin .login span, #topbar.yuandan .telNumber{ color:#000000;}
#topbar.yuandan .topMenu a:hover, .yuandan #userLogin .noLogin a:hover, .yuandan #userLogin .login:hover span{ color:#eecf00;}
#topbar.yuandan .login strong{ color:#000000;}
/* 春节 */
#topbar.chunjie{background-image:none; background-color:#da251d; height:63px; padding-top:16px;}
#topbar.chunjie .publicWidth{ height:42px; width:60%; min-width:670px; position:relative; background:rgba(210,255,255,.3); background:url(/festival/back0.png)\9; border-radius:6px;}
#topbar.chunjie .publicWidth:after{ content:""; position:absolute; right:5px; top:-10px; width:76px; height:15px; background:none;}
#topbar.chunjie:before{ background-image:url(/festival/22chunjie.png); width:220px; height:79px; left:0px; top:0;}
#topbar.chunjie:after{ background-image:url(/festival/22chunjie1.png); width:220px; height:79px; right:0px; top:0;}
#topbar.chunjie .topMenu{ padding-top:5px;}
#topbar.chunjie #userLogin{ padding-top:3px; margin-right:20px;}
#topbar.chunjie .else{ padding-top:4px;}
#topbar.chunjie .splitPart>*{ border-left-color:#222;}
#topbar.chunjie .splitPart>*:before{ background-color:#4c6a80;}
#topbar.chunjie .topMenu a, .chunjie #userLogin .noLogin a, .chunjie #userLogin .login span, #topbar.chunjie .telNumber{ color:#222;}
#topbar.chunjie .topMenu a:hover, .chunjie #userLogin .noLogin a:hover, .chunjie #userLogin .login:hover span{ color:#eecf00;}
/* 元宵 */
#topbar.yuanxiao{ background-image:none; background-color:#41108; height:59px; padding-top:16px;}
#topbar.yuanxiao .publicWidth{ height:42px; width:60%; min-width:670px; position:relative; background:rgba(255,255,255,.3); background:url(/festival/back0.png)\9; border-radius:6px;}
#topbar.yuanxiao:before{ background-image:url(/festival/yuanxiao1.png); width:278px; height:173px; left:0; top:0;}
#topbar.yuanxiao:after{ background-image:url(/festival/yuanxiao2.png); width:278px; height:173px; right:0px; top:0;}
#topbar.yuanxiao .topMenu{ padding-top:5px;}
#topbar.yuanxiao #userLogin{ padding-top:3px; margin-right:20px;}
#topbar.yuanxiao .else{ padding-top:4px;}
#topbar.yuanxiao .splitPart>*{ border-left-color:#a6bccd;}
#topbar.yuanxiao .splitPart>*:before{ background-color:#4c6a80;}
#topbar.yuanxiao .topMenu a, .yuanxiao #userLogin .noLogin a, .yuanxiao #userLogin .login span, #topbar.yuanxiao .telNumber{ color:#fff;}
#topbar.yuanxiao .topMenu a:hover, .yuanxiao #userLogin .noLogin a:hover, .yuanxiao #userLogin .login:hover span{ color:#eecf00;}
#topbar.yuanxiao .login strong{ color:#fff;}
/* 没有 */
#topbar.none{ background-image:none; background-color:#7b0304;}
#topbar.none:after{ background-image:url();}
#topbar.none .splitPart>*{ border-left-color:#bd2a2b;}
#topbar.none .splitPart>*:before{ background-color:#2b0001;}
#topbar.none .topMenu a, .none #userLogin .noLogin a, .none #userLogin .login span, #topbar.none .telNumber{ color:#ffffff;}
#topbar.none .topMenu a:hover, .none #userLogin .noLogin a:hover, .none #userLogin .login:hover span{ color:#da251d;}
#topbar.none .login strong{ color:#fff;}


#header{ height:50px; padding-top:22px; padding-bottom:15px; background-color: #FFF;background-image: url("/top.png?v=1");background-repeat: no-repeat;background-position: right;background-size: 84px 40px;}
#header .logo{ height:50px; width:333px; background:url(images/new/logo.png) no-repeat;margin-left:10px;}
#header .logo img{height: 76px;margin-top: -16px;}
#header .search{ float:right; margin-top:-33px; width:70%; height:30px; overflow:hidden; position:relative;margin-right:10px;}
#header .search .inputbar{ position:absolute; z-index:100; top:0px; right:400px; height:30px; background-color:#bfbfbf;}
#header .search .inputbar input{ display:block; float:left; height:28px; width:400px; margin:0; padding:0 3px; line-height:27px; border:1px solid #bfbfbf; color:#CCCCCC;}
#header .search .inputbar .publicBack{ display:block; float:left; height:20px; width:20px; background-position:-39px -80px; margin:5px; cursor:pointer; background-color:transparent; padding:0; border:none;}
#header .search .inputbar:hover{ background-color:#da251d;}
#header .search .inputbar:hover input{ border-color:#da251d;}
#header .search .keywords{ padding-top:6px; height:24px; text-align:right; margin-right:90px; white-space:nowrap; overflow:hidden;}
#header .search .keywords a{ padding:2px 4px; margin:0 3px; color:#999999; font-size:12px;}
#header .search .keywords a:hover{ background-color:#ffd4d4; color:#da251d;}

#navbar{ height:50px; z-index:500;}
#navbar .menuWidth{ background:url(/upload/images/arrowRight.gif) no-repeat 200px 20px; background-color:#da251d; height:50px; float:left; font-size:18px; color:#FFFFFF; line-height:50px; text-align:center; position:relative;}
#navbar .menuWidth .categoryTitle{ cursor:pointer; display:block; height:50px; background:url(/upload/images/wave_tl.png) no-repeat;}
#navbar .menuWidth:hover{ background-image:url(/upload/images/arrowDown.gif);}


#classMenu{ position:absolute; top:50px; left:0px; z-index:1000; background-color:#FFFFFF; width:100%; text-align:left; display:none;}

/*** 更改分类菜单样式 2024-06-27 start***/

#classMenu{max-height: 650px;}
/* #classMenu{max-height: 650px;overflow-y: scroll;border-bottom: 1px solid #ccc;} */
/* 修改滚动条的宽度、颜色等 */
#classMenu::-webkit-scrollbar {
    width: 8px; /* 滚动条宽度 */
}

/* 滚动条背景 */
#classMenu::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* 滚动条滑块 */
#classMenu::-webkit-scrollbar-thumb {
    background: #ccc;
}

/* 鼠标悬停在滚动条上时的样式 */
#classMenu::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/*** 更改分类菜单样式 2024-06-27 end***/

/* #classMenu ul{border:1px solid #cccccc; border-top:0; padding:8px 10px 8px 25px;} */
#classMenu ul{ border:1px solid #cccccc; border-top:0; padding:4px 10px 4px 25px;}
#classMenu ul:hover{ border-left:4px solid #da251d; padding-left:22px;}
#classMenu ul:first-child{ padding-top:3px;}
#classMenu li{ height:21px; line-height:21px; padding-left:0px; font-size:14px; overflow:hidden;}
#classMenu li a:hover{ color:#da251d;}
#classMenu li:first-child{ font-size:16px; height:26px; line-height:26px; padding-left:0;}
#classMenu li:first-child a{ color:#da251d;}
#classMenu li:first-child a:hover{ color:#b9140c;}
#navbar .navList{ height:50px; background:url(/upload/images: ;/wave_tr.png) no-repeat top right; background-color:#444444;}
#navbar .navList .navButton{ display:block; float:left; height:50px; padding:0 30px; margin:0 15px; line-height:50px; font-size:18px; letter-spacing:1px; position:relative;}
#navbar .navList .navButton:hover{ background-color:#777777;}
#navbar .navList .navButton a{ color:#ffffff;}
#navbar .navList .navButton a:hover{ text-shadow:0px 0px 2px #333333;}
#navbar .navList .navButton .subNav{ position:absolute; z-index:505; top:48px; left:0px; width:140px; padding:5px; background-color:#777777; display:none;}
#navbar .navList .navButton:hover .subNav{ display:block;}
#navbar .navList .navButton .subNav li{ height:30px; line-height:30px; border-top:1px solid #cccccc; font-size:14px; padding-left:20px;}
#navbar .navList .navButton .subNav li:first-child{ border-top:none;}
#navbar .navList .navButton .subNav li:hover{ background-color:#CCCCCC; color:#da251d; border-top-color:#ffffff;}
#navbar .navList .navButton .subNav li a{ color:#ffffff;}
#navbar .navList .navButton .subNav li:hover a{ color:#da251d; text-shadow:0px 0px 2px #ffffff;}
#navbar .navList .navButton .point{ display:block; position:absolute; top:8px; right:8px; height:10px; width:10px; background:url(images/new/circle.png) no-repeat; z-index:506;}
#navbar .navList .navButton:hover .point{ display:none;}

#classMenu .menu3{padding-left:20px;}

/* #slide{ margin-left:250px; width:990px; height:538px; overflow:hidden; position:relative; z-index:200;} */
#slide{ margin-left:250px; width:990px; height:650px; overflow:hidden; position:relative; z-index:200;}
#slide .turnButton{ position:absolute; height:70px; width:32px; top:50%; margin-top:-35px; cursor:pointer; z-index:10;}
#slide .turnButton .publicBack{ display:block; height:33px; width:16px; position:absolute; top:19px; left:8px; z-index:20;}
#slide .turnButton .back{ display:none; height:100%; width:100%; background-color:#000000; opacity:0.2;}
#slide .turnButton:hover .back{ display:block;}
#slide .turnButton.left{ left:0;}
#slide .turnButton.left .publicBack{ background-position:0px -103px;}
#slide .turnButton.right{ right:0;}
#slide .turnButton.right .publicBack{ background-position:-44px -103px;}
#slide .swiper-slide img { height:650px; width: 100%;}
#adv1{ width:990px; height:198px; background-color:#eeeeee; margin-left:250px;}
#adv1 ul{ height:197px; border:1px solid #cccccc; border-left:none;}
#adv1 ul li{ float:left; width:33%; height:100%; text-align:center; border-left:1px solid #cccccc; overflow:hidden;}
#adv1 ul li:first-child{ border-left:none;}
#adv1 ul li img{ margin-top:16px;}

.productList{ margin-top:25px;}
.productList .itemTitle{ height:34px; padding-bottom:7px;}
.productList .itemTitle .publicBack{ display:block; float:left; height:34px; width:34px; margin-right:15px;}
.productList .dk .publicBack{ background-position:0px -143px;}
.productList .wk .publicBack{ background-position:0px -177px;}
.productList .sq .publicBack{ background-position:0px -245px;}
.productList .itemTitle a{ font-weight:600; line-height:34px;}
.productList .itemTitle .more{ float:right; margin-top:5px; *margin-top:-28px; color:#666666; font-weight:300;}
.productList .itemTitle .more:hover{ color:#da251d;}
.productList .itemTitle .subclass{ float:right; margin-top:2px; *margin-top:-31px;}
.productList .itemTitle .subclass a{ font-weight:300; font-size:14px; color:#666666; background-color:#e7e7e7; padding:2px 5px; margin:0px 3px;}
.productList .itemTitle .subclass a:hover{ background-color:#ffdedc; color:#da251d;}
.productList table{ height:280px; border-collapse:collapse;}
.productList table td{ border:1px solid #cccccc; text-align:center; position:relative;}
.productList table td .inside{ border:5px solid #FFFFFF; height:230px; padding-top:40px;}
.productList table td:hover .inside{ border:5px solid #EEEEEE;}
.productList table td .inside img{ width:160px;}
.productList td .names{ position:absolute; display:block; width:275px; left:15px; top:15px; text-align:left;  overflow:hidden; vertical-align:bottom; z-index:100; line-height:16px; text-shadow:0px 0px 2px #ffffff;}
.productList td .intro{ position:absolute; display:block; width:275px; height:32px; overflow:hidden; top:228px; left:15px; font-size:12px; color:#999999; z-index:100; text-align:left; border-top:1px dotted #999999; padding-top:2px;}
.productList td .price{ position:absolute; display:block; top:185px; right:50px; font-size:16px; z-index:100; color:#da251d; text-shadow:0px 0px 2px #ffffff;}
.productList td .aframe{ margin:10px; width:288px; position:relative; float: left;}
.productList td .aframe .imgframe{ width:288px; height:125px; overflow:hidden;}
.productList td .aframe .imgframe img{ width:100%;}
.productList td .aframe .bottom{ position:absolute; width:100%; bottom:0px; left:0px; height:22px;}
.productList td .aframe .bottom .back{ display:block; height:100%; width:100%; background-color:#000000; opacity:0.5;}
.productList td .aframe .bottom .aname{ position:absolute; left:0; top:0; height:100%; width:100%; overflow:hidden; color:#FFFFFF; z-index:100; line-height:22px;}
.productList td .aframe ul{ text-align:left;}
.productList td .aframe li{ height:32px; line-height:34px; border-bottom:1px solid #cccccc; padding-left:25px; background:url(/upload/images/rect.gif) no-repeat 6px 13px; overflow:hidden;}

#sPage{ height:100px; margin-top:25px;}
#sPage .col{ float:left; width:310px; height:100%;}
#sPage .col ul{ height:100%; border-left:1px solid #cccccc; padding:0 50px 0 50px;}

/*
#sPage .col{ float:left; width:228px; height:100%;}
#sPage .col ul{ height:100%; border-left:1px solid #cccccc; padding:0 10px 0 10px;}
modify by relax 2018-12-31 fit four charsets len
*/
#sPage .col:first-child ul{ border-left:none;}
#sPage .col li{ float:left;  height:24px; line-height:24px; padding-left:20px;}
#sPage .col li a{ display:inline-block; white-space:nowrap; width:100%;}
#sPage .col li:first-child{ float:none; width:auto; height:22px; line-height:22px; clear:both; padding-top:7px; padding-left:0;}
#sPage .col li:first-child .publicBack{ display:block; float:left; width:8px; height:14px; background-position:0px -79px; margin-right:12px; margin-top:4px;}
#sPage .col li:first-child a{ display:inline; font-weight:300; line-height:12px; color:#da251d; font-size:16px;}
#sPage .col li:first-child a:hover{ color:#ac211b;}

#bottomMenu{ height:42px; margin-top:20px;}
#bottomMenu ul{ height:31px; border:1px solid #cb1f16; border-bottom:0; background-position:0 -37px; text-align:center; padding-top:10px;}
#bottomMenu li{ display:inline; height:20px; padding:0 10px; border-left:1px solid #FFFFFF;}
#bottomMenu li a{ color:#FFFFFF;}
#bottomMenu li a:hover{ color:#fededc;}
#bottomMenu li:first-child{ border-left:0;}

#bottombar{ background-color:#e8e8e8; padding-bottom:20px; border-top:1px solid #cccccc;}
#bottombar .inside{ background-color:#FFFFFF; border:1px solid #cccccc; border-top:0; position:relative;}
#bottombar .inside .wave{ height:50px; width:100px; background-repeat:no-repeat;}
#bottombar .inside .wave.l{ background-image:url(/upload/images/wave_bl.png); position:absolute; bottom:0px; left:0px;}
#bottombar .inside .wave.r{ background-image:url(/upload/images/wave_br.png); position:absolute; bottom:0px; right:0px;}
#bottombar .firendLink{ padding:10px;}
#bottombar .firendLink strong{ color:#da251d;}
#bottombar .firendLink a{ margin-right:10px;}
#bottombar .infor{ padding:10px; text-align:center; font-size:12px; line-height:20px; color:#999999;}
#bottombar .infor strong{ color:#da251d; font-weight:300;}
#bottombar .infor .title1{ font-size:12px; color:#999999;}
#bottombar .infor .title1 a{ font-size:12px;}

#bottombar .elseInfor{ text-align:center; padding-bottom:5px;}
#bottombar .elseInfor a{ border:1px solid #FFFFFF; font-size:12px; display:inline-table; margin-right:10px; padding:0 3px; color:#aaaaaa;}
#bottombar .elseInfor a:hover{ border:1px solid #cccccc; color:#666666;}
#bottombar .elseInfor img{ vertical-align:middle; padding-right:5px;}

.bottomImage{ position:absolute; bottom:3px; right:3px; height:43px; padding-top:5px; overflow:hidden;}
.bottomImage img{ width:35px;}

/* 产品列表页 */
/* 当前页面位置 */
.pageLocation{ padding-top:8px; padding-bottom:10px; z-index:100;}
.pageLocation .title1{ font-size:12px;}
.pageLocation .title2{ font-size:12px;}

.property{ padding-top:0px; padding-bottom:10px;}
.property li{ border-bottom:1px solid #cccccc; padding:10px 0px; height:18px;}
.property li strong{ display:block; float:left; font-size:14px; min-width:80px; text-align:right; padding-right:10px;}
.property li a{ font-size:14px; display:block; float:left; height:18px; border-left:1px solid #cccccc; padding-left:10px; padding-right:10px; color:#777777;}
.property li a:hover{ color:#da251d;}
.property li a.all{ border-left:none;}
.property li a.sel{ color:#da251d;}

/* 排序条 */
#orderBar{ height:47px; background-position:0 -293px;}
#orderBar .selectItem{ float:right; height:28px; padding:0 10px; line-height:28px; font-size:14px; margin-top:8px; margin-right:15px; border:1px solid #F0F0F0; border-bottom-color:#b9b9b9; border-right-color:#b9b9b9; background-color:#f0f0f0; cursor:pointer;}
#orderBar .selectItem:hover{ background-color:#ffdddd; border:1px solid #fff4f4; border-bottom-color:#eaa1a1; border-right-color:#eaa1a1; color:#da251d;}
#orderBar .selectItem.sel{ background-color:#FFFFFF; border:1px solid #b9b9b9; border-bottom-color:#F0F0F0; border-right-color:#F0F0F0; color:#da251d;}
#orderBar .selectItem.sel:hover{}
#orderBar .selectItem.up{ background-image:url(images/new/arrow2Up.gif); background-repeat:no-repeat; background-position:75px 10px; padding:0 20px 0 15px;}
#orderBar .selectItem.down{ background-image:url(images/new/arrow2Down.gif); background-repeat:no-repeat; background-position:75px 10px; padding:0 20px 0 15px;}

/* 产品列表页产品列表 */
.productList2{ margin-top:10px;}
.productList2 li{ width:304px; height:280px; border:1px solid #CCCCCC; float:left; overflow:hidden; position:relative; margin-bottom:15px;margin-right: 8px;box-sizing: border-box;}
.productList2 li:nth-of-type(4n){margin-right: 0;}
.productList2 li .inside{ border:5px solid #FFFFFF; height:230px; padding-top:40px; text-align:center;}
.productList2 li:hover .inside{ border:5px solid #EEEEEE;}
.productList2 li .inside img{ width:160px;}
.productList2 li .names{ position:absolute; display:block; width:275px; left:15px; top:15px; text-align:left;  overflow:hidden; vertical-align:bottom; z-index:100; line-height:16px; text-shadow:0px 0px 2px #ffffff;}
.productList2 li .intro{ position:absolute; display:block; width:275px; height:32px; overflow:hidden; top:228px; left:15px; font-size:12px; color:#999999; z-index:100; text-align:left; border-top:1px dotted #999999; padding-top:2px;}
.productList2 li .price{ position:absolute; display:block; top:185px; right:50px; font-size:16px; z-index:100; color:#da251d; text-shadow:0px 0px 2px #ffffff;}


/* 分页 */
#cutpage{ padding-top:5px; text-align:center; padding-bottom:20px;}
#cutpage span{ display:inline-block; border:1px solid #FFFFFF; padding:0 6px; font-size:14px; color:#999999; cursor:pointer; margin-left:3px;}
#cutpage span:hover{ border:1px solid #CCCCCC; color:#333333;}
#cutpage span.sel{ color:#da251d; cursor:default;}
#cutpage span.sel:hover{ font-weight:300; border-color:#FFFFFF;}
#cutpage span.first{ background:url(images/new/imagelist.png) no-repeat 10px -340px; padding:0 12px; border:1px solid #CCCCCC;}
#cutpage span.first:hover{ background-color:#EEEEEE;}
#cutpage span.last{ background:url(images/new/imagelist.png) no-repeat 10px -363px; padding:0 12px; border:1px solid #CCCCCC;}
#cutpage span.last:hover{ background-color:#EEEEEE;}
/*
#cutpage a.more{ cursor:default; color:#aaaaaa; font-size:16px;}
#cutpage a.more:hover{ border-color:#FFFFFF; font-weight:300;}
*/

/* 产品详细页 */
.productBase{ padding-top:10px; z-index:200;}
.productBase .productImage{ float:left; width:669px; border-right:1px solid #cccccc;}
.productBase .imgFrame{ padding:10px; text-align:center; height:500px; overflow:hidden; background-color:#FFFFFF; border-bottom:1px solid #cccccc;}
.productBase .thumbImage{ padding:10px 10px; background-color:#EEEEEE; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; height:102px;}
.productBase .thumbImage .inside{ height:100%; overflow:hidden; text-align:center; float:left; width:600px; margin-right:4px;}
.productBase .thumbImage table{ border-collapse:collapse; margin:0 auto;}
.productBase .thumbImage td{ padding:0 5px;}
.productBase .thumbImage td img{ height:100px; border:1px solid #FFFFFF; cursor:pointer;}
.productBase .thumbImage td img:hover{ border:1px solid #da251d;}
.productBase .productImage .buttons{ padding:20px 3px; background-color:#DDDDDD; cursor:pointer; float:left; margin-top:15px;}
.productBase .productImage .buttons:hover{ background-color:#AAAAAA;}
.productBase .productImage .buttons span{ display:block; width:16px; height:33px;}
#turnLeft span{ background-position:0px -102px;}
#turnRight span{ background-position:-43px -102px;}

/* 右侧文字 */
.productBase .baseInfor{ margin-left:670px; padding-left:40px;}
.productBase .baseInfor h1{ font-size:20px; font-weight:300; color:#444444;}
.baseInfor .base{ padding-top:5px; padding-bottom:5px; border-bottom:1px solid #cccccc;}
.baseInfor .base li{ height:32px; line-height:32px; width:100%; vertical-align:text-bottom;}
.baseInfor .base li .floatPart{ float:left; width:250px; height:32px;}
.baseInfor .base strong{ font-size:14px; color:#999999; font-weight:300; text-align:right; display:block; width:90px; float:left; letter-spacing:1px;}
.baseInfor .brand span a{ background-color:#da251d; padding:0 5px; color:#FFFFFF;}
.baseInfor .brand span a:hover{ background-color:#ef635d;}
.baseInfor .price span{ font-size:20px; color:#da251d;}
.baseInfor .marketPrice span{ text-decoration:line-through; color:#999999;}

.baseInfor .base li.project{ height:auto; min-height:32px;}
.baseInfor .base .plist .plist, .baseInfor .base .project .plist2,.baseInfor .base .plist3{ margin-left:90px; width:440px;}
.baseInfor .base .plist span{ display:inline-block; padding:0 4px; margin-right:5px; margin-top:4px; color:#333333; line-height:24px; cursor:pointer;}
.baseInfor .base .plist span:hover{ background-color:#ffe8e8; color:#da251d;}
.baseInfor .base .plist span.sel{ background-color:#FFC9C7; color:#333333;}
.baseInfor .base .plist span.nosel{ background-color:#eeeeee; cursor:default;}
.baseInfor .base .plist span.nosel:hover{ color:#999999;}
.baseInfor .base .plist2{ padding-top:4px;}
.baseInfor .base .plist2 li{ list-style:decimal; margin-left:-20px; height:25px; line-height:25px;}
.baseInfor .base .plist2 li a{ text-decoration:underline; color:#333333;}
.baseInfor .base .plist2 li a:hover{ color:#da251d;}
.baseInfor .base .plist3{ line-height:22px; color:#333333; padding-top:5px;}

.baseInfor .buttonList{ padding-top:20px; padding-bottom:20px; text-align:center; border-bottom:1px solid #cccccc; *height:50px;}
.baseInfor .buttonList .button{ display:inline-block; *float:left; margin-right:10px; margin-left:10px; height:50px; line-height:50px; padding:0 20px; cursor:pointer; width:120px; text-align:center; color:#FFFFFF;}
.baseInfor .buttonList .button:hover{ opacity:0.6;}
#collectButton{ background-color:#da251d; background-position:122px -417px; background-repeat:no-repeat;}
#buyButton{ background-color:#ff4400; background-position:122px -379px; background-repeat:no-repeat;}
.baseInfor .customerService{ padding:10px 0px; vertical-align:bottom; text-align:center; border-bottom:none;}
.baseInfor .customerService:hover{ color:#da251d;}
.baseInfor .customerService img{ vertical-align:bottom;}

/* 产品详细内容 */
.allContent{ z-index:300;}
#detailBar{ height:47px; background-position:0 -293px; margin-top:20px;}
#detailBar h3{ display:inline-block; *float:left; border-left:1px solid #cccccc; font-size:16px; font-weight:300; height:20px; line-height:20px; margin-top:14px; padding:0 10px; cursor:pointer;}
#detailBar h3:hover{ color:#da251d;}
#detailBar h3:first-child{ border-left:none; margin-left:20px;}
#detailBar h3.sel{ color:#da251d;}

.mainContent{ display:none;}
.mainContent.show{ display:block;}
.mainContent .part{border:1px solid #CCCCCC; margin-top:30px; padding:15px; position:relative;}
.mainContent .part h3{ background-color:#FFFFFF;  text-align:center; font-size:20px; height:27px; line-height:26px; letter-spacing:2px; padding-left:10px; padding-right:10px; color:#da251d; position:absolute; top:-12px; left:20px; font-weight:300;}
.mainContent .part h3 strong{ background-color:#da251d; display:block; height:27px; float:left; width:32px; color:#FFFFFF; text-align:center;}
.mainContent .part h3 span{ float:left; padding-left:4px; letter-spacing:3px;}
.mainContent .part h4{ background:url(images/imagelist.png) no-repeat 0 -362px; padding-left:10px; font-size:16px; margin-top:15px; padding-bottom:4px; border-bottom:1px dashed #cccccc; margin-bottom:3px; color:#444444; font-weight:300;}
.mainContent .part p, mainContent .part ul{ padding-left:20px; font-size:14px; padding-top:5px; padding-bottom:5px; color:#777777;}
.mainContent .part p img{ display:block; margin:10px auto 0px auto;}
.mainContent .part ul, .mainContent .part ol{ padding:0px; padding-left:40px;}
.mainContent .part ul li{ list-style:disc; padding:2px 0px 1px 5px;}
.mainContent .part ol li{ list-style:decimal; padding:2px 0px 1px 5px;}

.mainContent .part .red{ color:#FF0000;}
.mainContent .part .orange{ color:#FF9900;}
.mainContent .part .green{ color:#009900;}
.mainContent .part .blue{ color:#1878c2;}
.mainContent .part .gray{ color:#999999;}

/* 企业介绍 */
.listBottom{ padding-left:30px;}
.listBottom li{ height:27px; line-height:27px; color:#da251d;}
.listBottom li strong{ color:#666666; font-weight:300;}
.companyPicture td { padding: 5px; position: relative;}
.companyPicture td .tip_rb { bottom:10px; *bottom:5px; right:5px;}
.companyPicture td .tip_lb { bottom:10px; *bottom:5px; left:5px;}
.companyPicture td .tip_rt { right:5px; top:5px;}
.companyPicture td span { background-color: #da251d; color: #ffffff; display: block; height: 20px; line-height: 20px; position: absolute; text-align: center; width: 20px;}

#showConsult{ padding:10px 0px;}
#showConsult li{border-bottom:1px dotted #cccccc; padding:5px;}
#showConsult .title{ height:26px; line-height:26px;}
#showConsult li .t1{ display:block; float:left; width:80px; text-align:right; color:#999999;}
#showConsult li p{ margin-left:85px; padding-bottom:5px; color:#333333;}
#showConsult li p.answer{ color:#d23b34;}
#showConsult li .names{ display:block; float:left; padding-left:5px; color:#333333;}
#showConsult li .date{ display:block; float:left; margin-left:300px; color:#999999;}

#pager{ text-align:center; padding:10px 0 20px 0;}

#iConsult{ background-color:#EEEEEE; padding:10px;}
#iConsult .title{ border-bottom:1px solid #bbbbbb; font-size:16px; padding-bottom:5px; color:#da251d; padding-left:23px; background-position:10px -358px; background-repeat:no-repeat;}
#iConsult .t1{ display:block; float:left; width:80px; text-align:right; color:#999999; vertical-align:bottom; height:30px; line-height:
30px;}
#iConsult .t2{ display:block; margin-left:85px; height:30px; vertical-align:bottom; line-height:30px;}
#iConsult .users{ border-top:1px solid #FFFFFF;}
#iConsult .usersEmail input{ width:260px;}
#iConsult .yanzheng input{ width:60px;}
#iConsult .yanzheng img{ vertical-align:middle; cursor:pointer; border:1px solid #eeeeee;}
#iConsult .yanzheng img:hover{ border:1px solid #ff0000;}
#iConsult .fill{ padding-top:10px;}
#iConsult .fill .content{ height:auto;}
#iConsult .fill .content textarea{ width:500px; height:100px; margin-bottom:10px;}

#showArticle{ padding:10px;}
#showArticle li{ border-bottom:1px dotted #cccccc; padding-bottom:5px; padding-top:15px; position:relative;}
#showArticle li:hover{ background-color:#FFF6EB;}
#showArticle li .title1{ font-family:16px; padding-bottom:5px;}
#showArticle li p{ color:#999999;}
#showArticle .pubTime{ position:absolute; right:10px; top:15px; color:#999999;}

/* 无相关数据的显示 */
.noData{ text-align:center; height:400px; font-size:14px; color:#da251d; padding-top:150px;}
.noData2{ text-align:center; height:50px; font-size:14px; color:#da251d; padding-top:30px;}

.leftState #detailBar{ margin-right:310px;}
.leftState .mainContent{ margin-right:310px;}

/* 浏览记录 */
#recordList{ background-color:#FFFFFF; width:298px; float:right; padding-left:10px; *margin-top:20px; display:none;}
#recordList .inside{ border:3px solid #CCCCCC;}
#recordList .titles{ height:47px; background-position:0 -293px;}
#recordList .titles strong{ display:block; font-size:16px; font-weight:300; line-height:47px; padding-left:20px; text-align:left; float:left;}
#recordList .titles span{ display:block; float:right; font-size:20px; cursor:pointer; margin-top:10px; margin-right:10px;}

/* 产品浏览记录产品列表 */
#recordList .productList3 li{ text-align:center; margin-top:6px; position:relative;}
#recordList .productList3 li:first-child{ margin-top:0;}
#recordList .productList3 li .inside{ padding-top:30px; padding-bottom:50px; height:160px;width:auto; border:5px solid #FFFFFF; text-align:center;}
#recordList .productList3 li .inside:hover{ border-color:#EEEEEE;}
#recordList .productList3 li .names{ display:block; position:absolute; top:210px; *top:200px; left:10px; width:270px; text-decoration:underline; line-height:16px;}
#recordList .productList3 li .price{ display:block; position:absolute; bottom:50px; right:25px; font-size:16px; color:#da251d; text-shadow:0px 0px 2px #ffffff;}

/* 文章详细页 */
.articleDetails{ border-bottom:1px dotted #cccccc;}
.articleDetails h1{ text-align:center; font-size:24px; font-weight:300; color:#333333; padding-bottom:10px;}
.inforArticle{ height:30px; border-top:1px solid #CCCCCC; line-height:30px; background-color:#e9e9e9; text-align:right; padding:0px 20px;}
.inforArticle .author{ font-size:12px; float:left;}
.inforArticle .fontsize a{ color:#666666;}
.inforArticle .fontsize a:hover{ color:#da251d;}
#article{ padding:20px 40px;line-height: 1.8em;font-size: 16px;}
#article img{max-width: 1024px;}
#article a{text-decoration: underline;font-weight: bold;}
.articleDetails .articlePrev{ text-align:center; height:40px; line-height:40px;}
.articleDetails .articlePrev a{ color:#666666;}
.articleDetails .articlePrev a:hover{ color:#da251d;}
.articleDetails .articlePrev strong{ color:#999999; font-weight:300;}

/* 文章列表页 */
.articleList{}
.articleList .headInfor{ padding-bottom:10px; height:30px;}
.articleList .headInfor h1{ float:left; font-size:24px; font-weight:300; color:#333333; padding-left:20px;}
.articleList .headInfor .searchForm{ float:right;}
.articleList .lists{ padding-bottom:20px; border-bottom:1px dotted #cccccc; margin-bottom:10px;}
/* 从优先级考虑 请把该样式放在最后 */
/* 去除DOM内部仅浮动元素时给DOM带来的虚高问题 */
li.setHeight, div.setHeight, .setHeight{ float:none; display:block; width:100%; height:0; font-size:0; line-height:0; clear:both;}

/* 文章详细内容中的默认规则 */
#article div{ padding-bottom:25px;}
#article p{ padding-bottom:10px; text-indent:2em;}
#article .imgpart{ text-align:center; text-indent:0;}
#article ol{ text-indent:2em; padding:10px 0px;}
#article ul{ text-indent:2em; padding:10px 0px;}
#article li{ padding:8px 0px;}
#article .under{ text-decoration:underline;}
#article .strong{ font-weight:600;}
#article strong{ 
    /* text-decoration:underline;  */
    font-weight:600;}
#article  a strong {text-decoration: underline;color:blue !important;}
#article h4{ font-size:1.4em; color:#bf211a;}
#article table{ width:800px; border-collapse:collapse; margin:0 auto;}
#article table td{ border:1px solid #333333; padding:5px 10px;}
#article table .rowTitle{ font-weight:600; color:#990000; font-size:1.1em; text-align:center; letter-spacing:1em;}


/* 分页样式 */
#pages A {
    padding: 5px 10px;
    background: #e4e4e4;
    color: #666;
    border-radius: 5px;
    margin-right: 2px;
    margin-left: 2px;
    float: left;
}

#pages A:hover {
    COLOR: #fff;
    background: #da251d;
}

#pages span {
    padding: 5px 10px;
    background: #da251d;
    color: #fff;
    float: left;
    border-radius: 5px;
    margin-right: 2px;
    margin-left: 2px;
}

#pages .nolink {
    padding: 5px 10px;
    background: #e4e4e4;
    color: #666;
    border-radius: 5px;
    margin-right: 2px;
    float: left;
    margin-left: 2px;
}

#pages {
    margin: 0px auto;
    height: 36px;
    text-align: center;

}
.clearfix{ clear: both;}

/* 添加联系方式 */
.contact-box .contact-modal{ position: fixed; top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.5); z-index: 1000;}
.contact-box #contact-form{position:fixed;top: 30%;left:50%;transform: translateX(-50%);border-radius: 10px;z-index: 1001;padding: 30px 40px 40px 40px;background: #fff;border: 1px solid #eee;color: #000;}
.contact-box #contact-form h2{text-align: center;}
.contact-box #contact-form .close{width: 30px;height: 30px;line-height: 30px;text-align:center;position: absolute;right: -30px;top: -30px;font-size: 18px;color: #fff;border-radius: 50%;border: 1px solid #fff;cursor: pointer;}
.contact-box .contact-item{display: flex;margin-top: 20px;}
.contact-box label{display: flex;justify-content: space-between;width: 46px;margin-right: 20px;position: relative;}
.contact-box label::after{position: absolute;right: -10px;top: 0;content: ":";}
.contact-box .contact-item:last-child label::after{content: '';}
.contact-box .contact-item input[type="text"]{padding-left: 10px;border: none;border-bottom: 1px solid #666;outline: none;}
.contact-box .contact-item input[type="text"]::placeholder{color: #666;font-size: 12px;}
.contact-box .btn{width: 70px;line-height: 30px;color: #fff;background:#333 ;outline: none;border: none;border-radius: 4px;cursor: pointer;}

/* 搜索分类 */
.search-item-box{ margin-bottom: 30px;overflow: hidden;}
.search-item-box h3{margin-bottom: 20px;border-bottom: 1px solid #999;padding-bottom:10px;color:#333;}
.search-item-box .article-li{line-height: 36px;color: #777;padding-left: 25px;background: url(/upload/images/rect.gif) no-repeat 6px 13px;border-bottom: 1px dotted #ccc;}
.search-item-box .article-li .title{display: inline-block;width: 500px;}
.search-item-box .article-li:hover{color: #333;}

/* 微信在线客服 */
.wechatKefu{text-align: center;margin-top: 20px;}
.wechatKefu .qrcode-box{display: none;position: absolute;top:-15px;left:50%;transform: translate(-50%,-100%);padding: 20px;border: 1px #ccc solid;border-radius: 10px;background: #fff;z-index:1000;}
.wechatKefu .qrcode-box::after{content: '';position: absolute;bottom: -20px; left: 50%;transform: translateX(-50%);border-top: 10px solid #ccc;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;z-index: 100;}
.wechatKefu .qrcode-box::before{content: '';position: absolute;bottom: -18px;left: 50%;transform: translateX(-50%);border-top: 9px solid #fff;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid transparent;z-index: 101;}
.wechatKefu .linkBtn{ position: relative;display: inline-block;width: 120px;padding:0 20px;background: #04BE02;color: #fff;line-height: 50px;}
.wechatKefu .linkBtn .icon{position: relative;width: 24px;top: 7px;}
.wechatKefu .linkBtn:hover .qrcode-box{display: block;}
.wechatKefu .qrcode-box .qrcode {width: 200px;}
.wechatKefu .qrcode-box p{color: #666;line-height: 30px;}

/* 悬浮客服 */
.kefu-box{position: fixed;top: 210px;right:50%;transform: translateX(740px); z-index: 1000;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 6px;}
 @media screen and (max-width: 1440px) {
    .kefu-box{transform: translateX(0px);right: 0;} 
}
.kefu-box>li{position: relative;width: 76px;height: 84px;position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;background: #fff;}
.kefu-box>li:not(:last-child)::after{content: '';position: absolute;bottom: 0px;left: 10px;right: 10px;height: 1px;background:rgba(0, 0, 0, 0.2);}
.kefu-box>li .icon{display: block;width: 30px;margin-bottom: 4px;}
.kefu-box>li:first-child{border-top-left-radius:6px ;border-top-right-radius:6px ;}
.kefu-box>li:last-child{border-bottom-left-radius:6px ;border-bottom-right-radius:6px ;}
.kefu-box>li .kefu-kind{color: #666;}
.kefu-box>li:hover{background: rgba(218, 37, 29, 1);}
.kefu-box>li:hover .icon{display: none;}
.kefu-box>li:hover .kefu-kind{color:#fff;display: none;}
.kefu-box>li .kefu-kind2{display: none;}
.kefu-box>li:hover .kefu-kind2{display: block;color: #fff;letter-spacing: 3px;line-height: 20px;font-size: 16px;}
.kefu-box .kefu-item{display: none;position: absolute;left: -30px;top: 0;width: 170px;transform: translateX(-100%);background: #fff;border: 1px solid #777;padding: 30px;border-radius: 10px;color: 16px;}
.kefu-box .kefu-item::after{content: '';position: absolute;right: -20px; top: 30px;border-left: 10px solid #777;border-right: 10px solid transparent;border-top: 10px solid transparent;border-bottom: 10px solid transparent;z-index: 100;}
.kefu-box .kefu-item::before{content: '';position: absolute;right: -18px;top: 31px;border-left: 9px solid #fff;border-right: 9px solid transparent;border-top: 9px solid transparent;border-bottom: 9px solid transparent;z-index: 101;}
.kefu-box .kefu-item .phone{color: #da251d;}
.kefu-box .kefu-item.kefu-item-wechat{width: 200px;}
.kefu-box .kefu-item.kefu-item-wechat img{width: 160px;}
.kefu-box .kefu-item li{line-height: 30px;}
.kefu-box>li:hover .kefu-item{display: block;}

/* 修改下载列表，文章列表样式 */
.lists td{padding: 8px 8px;}
.lists tr:hover{background: #eee;}
.lists tr:hover td{background: none;}
.lists tr:hover td{background: none;}


/* 知识版权 */
.ip-item{border: 1px solid #da251d;margin-bottom: 40px;position: relative;z-index: 1;}
.ip-item-title{background: #fff;position: relative;top: -12px;color: #333;left: 30px;font-size: 16px;display: inline-block;padding: 0 10px;}
.ip-item-img-box{overflow: hidden;width: 90%;padding: 30px 0;padding-left:30px;margin: 0 auto;display: flex;align-items: center;}
.ip-images-container{overflow: hidden;}
.ip-images-box{padding: 30px;position: relative;left: 0;transition: all 0.1s ease-out;}
.ip-item-img-box .ip-item-content{position:relative;border: 1px solid #ddd;background: #eee;padding: 10px;margin-right: 30px;border-radius: 6px;width: 190px;}
.ip-item-img-box img{width: 190px;cursor: pointer;}
.ip-item-img-box .ip-item-content p{opacity: 0;position: absolute;bottom: 0;left:0;width:100%;text-align: center;line-height: 20px;background: rgba(0,0,0,0.5);color:#fff;padding: 10px 0;transition: all 0.1s;}
.ip-item-img-box .ip-item-content:hover{animation: imgHover 0.1s linear forwards;box-shadow: 4px 4px 4px #999;position: relative;z-index: 1000;}
.ip-item-img-box .ip-item-content:hover p{opacity: 1;}
/* .ip-item-img-box .ip-item-content:hover p{display: block;}
.ip-item-img-box .ip-item-content p{display: none;position: absolute;bottom: 0;left: 0;width: 100%;line-height: 30px;background: rgba(0,0,0,0.8);color:#fff;text-align: center;}
.ip-item .btn-box{cursor: pointer;}*/
@keyframes imgHover {0%{transform: scale(1);} 50%{transform: scale(1.1);} 100%{transform: scale(1.2);}} 

.ip-swiper-container .swiper-button-next{right: 30px;}
.ip-swiper-container .swiper-button-prev{left: 25px;}


/* 文章列表，下载列表 */
.lists{position: relative;padding-left: 180px;margin-top: 20px;min-height: 300px;}
.full-width-lists.lists{padding-left: 0;min-height: auto;}
.lists table{border: 1px solid #C2D5E3;}
.lists th,.lists td{border-bottom: 1px dotted #C2D5E3;padding: 10px 0;}
.lists th{background: #F5F9FB;}
.lists table tr:last-child td{border: none;}
.lists td:hover, .list th:hover{border-right: none;border-left: none;}
.lists td a:hover{text-decoration: underline;}
.lists tr td:first-child,.lists tr th:first-child{padding-left: 1em;}
.lists th{font-weight: normal;font-size: 1.1em;}
.lists .gray{color: #999;font-size: 14px;}
.articleList .lists{border-bottom: none;}
.searchForm input[type="submit"]{cursor: pointer;background: #da251d;color:#fff;border: #da251d;outline: none;box-shadow: none;padding: 4px 6px;}
.lists .nav-list{position: absolute;top: 0;left: 0;border: 1px solid #BDD7E3;}
.lists .nav-list li{padding: 10px 20px;width:80px;border-bottom: 1px solid #C2D5E3;}
.lists .nav-list .nav-list-name{padding: 20px;color: #000;font-weight: bold;background: #F5F9FB;}
.lists .nav-list .active{background: #F5F9FB;}