﻿﻿ /*首页 by LB*/

/* 导航菜单*/
#menu-line{position:absolute;bottom:0;left:0;height:3px;background:#00afff;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
#sub_ul {height:auto!important}
#sub_ul li a{height:60px!important;line-height:60px!important;text-align:center;border-bottom:1px solid #dcdcdc!important;}
#sub_ul li:hover a{color:#00afff!important;}
.active{color: #00afff;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:99;height: 70px;line-height:70px;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #menu-button{display:none}
#cssmenu{width:auto;line-height:1;} 

#cssmenu > ul > li{float:left}
#cssmenu.align-center > ul{font-size:0;text-align:center}
#cssmenu.align-center > ul > li{display:inline-block;float:none}
#cssmenu.align-center ul ul{text-align:left}
#cssmenu.align-right > ul > li{float:right}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu > ul > li > a{ width:85px;text-align:center;font-size:16px;text-decoration:none;color:#000;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a{color:#00afff;font-weight: bold;}
/*#cssmenu > ul > li.has-sub > a{padding-right:25px}*/
#cssmenu > ul > li.has-sub > a::after{position:absolute;top:47px;right:10px;width:4px;height:4px;border-bottom:1px solid #fff;border-right:1px solid #fff;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#fff}
#cssmenu ul ul{position:absolute;left:-9999px;z-index:99999}
#cssmenu li:hover > ul{left:-20px;top:70px;}
#cssmenu.align-right li:hover > ul{right:0}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}
#cssmenu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease}
#cssmenu ul li:hover > ul > li{height:60px}
#cssmenu ul li:hover > ul > li:hover{background:#fff;opacity:1;}
#cssmenu ul ul li a{width:130px;font-size:16px;background:#eee;text-decoration:none;color:#dddddd;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;line-height:1;}
#cssmenu ul ul li a{color:#000;}
#cssmenu ul ul li.has-sub > a::after{position:absolute;top:15px;right:10px;width:4px;height:4px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease}
#cssmenu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;/*border-top:1px solid #dddddd;*/border-left:1px solid #dddddd}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:#00afff;}
@media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px){#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;/*border-top:1px solid rgba(120,120,120,0.15)*/}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block}
#cssmenu ul ul li a{padding:20px 20px 20px 30px;font-size:12px;color:#000000;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000000}
#cssmenu ul ul ul li a{padding-left:40px}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none}
#cssmenu #menu-button{display:block;color:#000000;cursor:pointer;font-size:12px;text-transform:uppercase}
#cssmenu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#000000}
#cssmenu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #000000;border-bottom:2px solid #000000}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:52px;width:52px;cursor:pointer}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000000;z-index:99}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000000;z-index:99}
#cssmenu .submenu-button.submenu-opened:after{display:none}

/*头部*/
.menu{height:66px;margin-bottom:19px;}
.code{left:85px;top:24px;z-index:999;}
.code img{width:80%;}

.header{height:148px;}


/* 外部链接 */
.select-link{height:53px;line-height:53px;background:#000;filter: alpha(opacity=65);opacity: 0.65;}
.select-link select{margin-left:20px;width:228px;height:25px;line-height:25px;_margin-top:10px;border:none;outline:none;color:#000;}

/*模态框*/
.tipss{margin:100px auto;width:400px;overflow:hidden}
.modal-dialog{min-width:383px}
.r-modal{padding:56px 0px 37px 0;background:white}
.r-modal p img{margin-right:15px}
.r-modal .p{text-align:center;height:40px}
.r-madal-close{color:white;width:118px;height:40px;background:#06b388;border-radius:5px;font-size:16px;margin:0 auto}
.btn{float:left}
.btn:hover{color:white}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;outline:none;border:0}
/*面包屑*/
.r-breadcrumb{padding:14px;margin-bottom:20px;list-style:none;font-size:12px}
.r-breadcrumb > li{display:inline-block}
.r-breadcrumb > li + li:before{padding:0 5px;color:#ccc}
.r-breadcrumb li span{padding:0 5px;color:#ccc}
.r-breadcrumb li a{color:black}
.r-breadcrumb > .active{color:#777}
/* 首页商品目录 */
.z-mainNav .fl .nav-ul li span a{color:#a0a0a0;font-family:"微软雅黑";font-size:12px}
.nav-li a{color:#FFF}
.list-li a{color:#3c3c3c}

/*LBJACK的面包屑*/
.breadcrumb{height:57px;line-height:57px;padding-left:30px;color:#999;font-size:14px;border-bottom:1px solid #eee;}
.breadcrumb a{margin-right:6px;color:#999;font-size:14px;}
.breadcrumb .current{color:#0071c5;font-size:14px;}
.breadcrumb h3{font-size:20px;color:#0071c5;font-weight:bold;}

/*左侧菜单*/
.leftMenu{width:272px;background:#f8f8f8;text-align:left;height:800px;}
.leftMenu .leftMenu-title{background:#a0a0a0;color:#FFF;font-size:18px;font-weight:bold;padding-left:30px;overflow:hidden;}
.leftMenu ul li{border-bottom:1px solid #d9d9d9;height:57px;line-height:57px;}
.leftMenu ul li a{font-size:18px;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:30px;cursor:pointer;}
.leftMenu ul li:hover a{color:#0071c5}
.menu-current{background:#e0e0e0;}
.menu-current a{color:#333!important;}	
/*列表*/
.list{width:928px;height:800px;}
.list-content{text-align:left;padding-bottom:50px;min-height:650px;}
.list-content ul li{position:relative;height:60px;line-height:60px;border-bottom:1px solid #e5e5e5;margin-left:25px}
.list-content ul li a{font-size:16px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:80%}
.list-content ul li a:hover{color:#0071c5;text-decoration:underline}
.list-content ul li a img{margin-right:10px;vertical-align:middle;}
.list-content ul li span{position:absolute;right:20px;top:0;color:#b5b5b5;font-size:14px;}

.article-content em{margin-bottom:50px;}
