@charset "utf-8";
/* 初始化---------------------------------------------- */
body{font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif; color: #555; background-color: #FFF;}
body, button, input, textarea{font-size: 12px; line-height: 1.531; outline: none; margin: 0; padding: 0; border: 0;}
a{text-decoration: none; color: #333;}
a:hover{color: #C70D0E;}
p, ul, ol, dl, dt, dd, form, blockquote{margin: 0; padding: 0;}
ul, ol{list-style: none;}
h1, h2, h3, h4, h5, h6{font-size: 12px; margin: 0; padding: 0;}
input, select{font-family: Microsoft Yahei; vertical-align: middle;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #EEEEEE inset !important;}
em, b, i{font-style: normal; font-weight: normal;}
img{vertical-align: middle; border: 0;}
label{cursor: pointer;}

/*常用浮动和网页宽度等*/
.fl{float:left;display:inline;}/*左浮动left*/
.fr{float:right;display:inline;}/*右浮动right*/
.ce{margin:0px auto;}/*水平居中对齐*/
.cl{clear:both;}/*清除浮动*/
.of{overflow:hidden;}/*隐藏溢出*/
.kuang{border:solid 1px #d4d4d4;background-color:#fff;}/*框线*/
.fn-clear{zoom:1; /* for IE6 IE7 */margin-bottom:10px;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;margin-bottom:10px;}
.w1000{width:1000px;margin:0px auto;overflow:hidden;}/*宽度*/
.w1100{width:1100px;margin:0px auto;overflow:hidden;}/*宽度*/
.w1200{width:1200px;margin:0px auto;overflow:hidden;}/*宽度*/
.w1400{width:1400px;margin:0px auto;overflow:hidden;}/*宽度*/
.mt10{ margin-top:10px;}

/*常用文本缩进*/
.ti_1{text-indent:10px;}
.ti_2{text-indent:20px;}
.ti_3{text-indent:30px;}
.ti_4{text-indent:40px;}

/*隐藏文本*/
.yctext{text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}

/*提交按钮设置为图片*/
#an{width:32px;height:32px;background:url(../images/an.png) no-repeat center;cursor:pointer;display:inline-block;font-size:0;text-indent:-9999px;line-height: 42px;}

.clearfix{clear:both;*zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;}

/*声明元素为块级*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/*内嵌元素弹性布局*/
video,embed,object,iframe {width: 100%;height: auto;}

/* 主体框架--------------------------------------------- */
#wrapper .wrap{width: 1000px; margin: 0px auto;}
#wrapper .mb{margin-bottom: 50px;}

/* -- page -- */
#pageLeft{float: left; width: 180px; margin-right: 20px;}
#pageIn{float: left; width: 800px; overflow: hidden;}

/* 头部导航---------------------------------------------- */
/* -- top -- */
#top{background-color: #EEEEEE; height: 30px; border-bottom: 1px solid #DDDDDD; text-align: right;}

/* topNav */
#top .topNav{float: left; position: relative; z-index: 1000; height: 30px; font-size: 13px;}
#top .topNav li{border: 1px solid #EEEEEE; border-bottom: 0; float: left; zoom: 1; text-align: center;}
#top .topNav li.spacer{overflow: hidden; margin: 11px 5px 0; width: 1px; height: 10px; background-color: #BBB;}
#top .topNav li a{padding: 0 7px; height: 28px; line-height: 28px; color: #333;}
#top .topNav li.hover{position: relative; background: #FFF; border: 1px solid #DDDDDD; border-bottom: 0;}
#top .topNav li.hover s{border-left: 1px solid #FFF;}
#top .topNav ul{background: #FFF; border: 1px solid #DDDDDD; border-top: 0; width: 100%; display: none; position: absolute; top: 100%; left: -1px; padding-bottom: 4px;}
#top .topNav ul li{float: none;}
#top .topNav li.hover ul li{border: none;}
#top .topNav li.hover ul li a{height: 25px; line-height: 25px;}

/* search */
#top .search{float: right; _width: 205px;}
#top .search .searchBox{border: 1px solid #545454; background-color: #545454; height: 28px; padding-left: 10px;}
#top .search .searchBox .keyword{background-color: #545454; color: #CCCCCC;}
#top .search .searchBox .btnSearch{background-color: #545454;}

/* -- header -- */
#header{min-height: 55px; position: relative; z-index: 1000; border-bottom: 1px solid #DDDDDD;}
#header .logo{float: left;}

/* -- mainNav -- */
#header .mainNav{float: right; height: 30px; font-size: 14px; margin-top: 15px; position: relative; z-index: 1001;}
#header .mainNav li{position: relative;}
#header .mainNav .m{height: 30px; _width: 100px; zoom: 1; float: left;}

/* LEVEL ONE */
#header .mainNav .nav{display: block; text-align: center; height: 30px; line-height: 30px; padding: 0 20px; color: #333; font-weight: bold;}
#header .mainNav .hover .nav, #header .mainNav .cur{background: #19B4EA; position: relative; color: #FFF;}

/* LEVEL TWO */
#header .mainNav ul{display: none; position: absolute; background: #E0E0E0; top: 100%; left: 0;}
#header .mainNav ul li{_float: left;}
#header .mainNav .child{display: block; text-align: center; height: 30px; line-height: 30px; padding: 0 20px; color: #333;white-space:nowrap;}
#header .mainNav .hover .hover .child{background: #19B4EA; color: #FFF;}
#header .mainNav .parent{background: url(images/icon_main_nav.png) no-repeat 85px top;}
#header .mainNav .hover .hover .parent{background: #19B4EA url(images/icon_main_nav.png) no-repeat 85px bottom;}

/* LEVEL THREE */
#header .mainNav ul ul{left: 100%; top: 0; min-width: 98px; _width: 98px;}
#header .mainNav .children{display: block; text-align: center; height: 30px; line-height: 30px; padding: 0 20px; color: #333;white-space:nowrap;}
#header .mainNav .hover .hover .hover .children{background: #19B4EA; color: #FFF;}

/* 首页样式--------------------------------------------- */
/* -- slideShow -- */
.slideShow .slides a{height: 350px;}

/* -- indexBox -- */
#index .indexBox{padding: 15px 0; zoom: 1; overflow: hidden;}
#index .indexBox.bg{background-color: #F5F5F5; padding: 25px 0 35px 0;}
#index .indexBox h3{color: #333; position: relative; height: 30px;}
#index .indexBox h3 em{font-size: 20px; font-weight: bold;}
#index .indexBox h3 .more{display: block; position: absolute; right: 0; bottom: 3px; width: 90px; text-align: center; line-height: 21px; background-color: #19B4EA; color: #FFF; font-weight: normal;}
#index .indexBox h3 .more:hover{background-color: #0072C6; text-decoration: none; color: #FFF;}

/* -- recProduct -- */
#index .recProduct{float: left; width: 570px; padding-right: 30px; border-right: 1px solid #EEEEEE;}
#index .recProduct .list{padding-top: 20px; zoom: 1; overflow: hidden;}
#index .recProduct .list dl{float: left; width: 130px; height: 200px; margin-right: 16px;}
#index .recProduct .list dl.noMargin{margin-right: 0;}
#index .recProduct .list dl dd.img{border: 1px solid #E4E4E4; margin-bottom: 8px; _padding-bottom: 1px;}
#index .recProduct .list dl dd.img img{width: 128px; height: 127px;}

/* -- recArticle -- */
#index .recArticle{float: right; width: 360px; text-align: left;}
#index .recArticle .list{padding-top: 15px;}
#index .recArticle .list li{border-bottom: 1px dotted #D1D1D1; padding: 0 2px 13px 2px; margin-bottom: 13px;}
#index .recArticle .list li b{float: right; color: #999;}
#index .recArticle .list li.last{border-bottom: 0;}

/* -- about -- */
#index .about{float: left; width: 680px;}
#index .about h1{font-size: 20px; color: #0072C6;}
#index .about .desc{color: #666; margin: 15px 0 15px 0; line-height: 200%;}

/* -- contact -- */
#index .contact{float: right; width: 270px; text-align: left; padding-top: 45px;}
#index .contact h2{float: left; width: 80px; height: 30px; background: #19B4EA url(images/icon_contact.png) no-repeat center 12px; color: #FFF; text-align: center; font-size: 13px; font-weight: normal; padding-top: 40px;}
#index .contact ul{float: right; width: 170px; text-align: left; color: #666;}
#index .contact ul li{margin-bottom: 8px;}

/* -- link -- */
#index .link{padding: 10px 0; border-top: 1px solid #DDD; background-color: #F5F5F5;}
#index .link strong{color: #7A7F81; font-weight: bold;}
#index .link a{color: #555;}

/* page--------------------------------------------- */
#page{padding: 20px 0; min-height: 400px;}
#page h1{color: #333; font-size: 18px; font-weight: bold;}
#page .info{padding: 2px 0 20px 0; color: #999; font-size: 13px;}
#page .content{color: #666; line-height: 200%; padding-top: 10px;}
#page .content img{max-width: 100%;}

/* product_category--------------------------------------------- */
#productList{padding-top: 20px; color: #999;}
#productList dl{float: left; width: 378px; height: 115px; margin: 0 20px 30px 0;border: 1px solid #ddd;border-radius: 5px;padding: 10px 0 10px 10px;}
#productList dl.noMargin{margin-right: 0;}
#productList dt{float: left; width: 135px;}
#productList dd{margin-left: 155px;}
#productList dt img{border: 1px solid #EEEEEE; width: 135px; height: 100px;border-radius: 5px;border: 1px solid #ddd;padding: 5px;}
#productList .name{height: 18px; overflow: hidden; font-size: 14px;}
#productList .name a{color: #333; font-weight: bold;}
#productList .brief{color: #999; padding-top: 8px; height: 60px;overflow: hidden;}
#productList .price{padding-bottom: 10px;}

/* product--------------------------------------------- */
#product{padding: 15px 0;}
#product .productImg{float: left; width: 330px;}
#product .productImg img{border-radius: 5px;border: 1px solid #ddd;padding: 10px;}
#product .productInfo{float: left; width: 425px; padding: 10px 0 0 15px; line-height: 200%;}
#product .productInfo h1{font-size: 18px;}
#product .productInfo ul{padding-top: 10px; margin-bottom: 50px;}
#product .productInfo .productPrice{margin-bottom: 5px;}
#product .productInfo .productPrice .price{font-family: Arial; font-size: 20px; font-weight: bold;}
#product .productInfo .btnAsk{zoom: 1; overflow: hidden;}
#product .productInfo .btnAsk dt{float: left; width: 88px; height: 39px; line-height: 39px; text-align: right; padding-right: 3px; margin-right: 6px; background-color: #E0E0E0; color: #333; font-weight: bold;}
#product .productInfo .btnAsk dd{float: left; width: 300px;}
#product .productInfo .btnBuy{margin-bottom: 40px;}
#product .productInfo .btnBuy .addToCart{background: #19B4EA url(images/btn_addtocart.png) no-repeat 20px 50%; color: #FFF; padding: 8px 25px 8px 50px; text-decoration: none; cursor: pointer; font-size: 16px;}
#product .productInfo .btnBuy .addToCart:hover{background-color: #44C4EE;}
#product .productContent{padding: 15px 0;}
#product .productContent h3{padding: 30px 0 10px 0; color: #333; font-weight: bold; font-size: 16px; border-bottom: 1px solid #CBD1D3;}
#product .productContent ul{padding: 15px 0; color: #666; line-height: 200%;}
#product .productContent img{max-width: 100%;}



/* -- slideShow -- */
.slideShow{position: relative; margin: 0 auto 10px; padding: 0; *zoom: 1;}
.slideShow .slides a{display: block; height: 350px; background-repeat: no-repeat; background-position: center center;}
.slideShow .slideBox{background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
/* -- slideLoading -- */
.slideShow .slideLoading{min-height: 50px; background: url(images/slide_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 60;}
/* -- previous 和 next 按钮 -- */
.slideShow .arrowBox a{z-index: 70; font-family: \5b8b\4f53, sans-serif; position: absolute; display: block; margin-bottom: -20px; width: 40px; height: 40px; bottom: 50%; line-height: 40px; text-decoration: none; text-align: center; color: #fff; font-size: 2em; background-color: #333; background-color: rgba(50, 50, 50, .3);}
.slideShow .arrowBox a.disabled{display: none;}
.slideShow .arrowBox .arrowPrev{left: 20px;}
.slideShow .arrowBox .arrowNext{right: 20px;}
.slideShow .arrowBox a:hover{background-color: rgba(50, 50, 50, .6);}
/* -- controlBox -- */
.slideShow .controlBox{z-index: 70; position: absolute; bottom: 10px; width: 100%; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666;}
.slideShow .controlBox .control{display: inline-block; *zoom: 1; *display: inline;}
.slideShow .controlBox.controlDefault a{background: url(images/inactive.png) no-repeat 50% 50%; text-indent: -9999px; overflow:hidden; width: 20px; height: 30px; clear: none; display: block;}
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active{background: url(images/active.png) no-repeat 50% 50%;}
/* -- slideTitle -- */
.slideShow .slideTitle{z-index: 70; position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}
.slideShow .slideTitle span{color: #fff; display: block; font-size: .85em; padding: 15px 10px;}
/* -- sileThumb -- */
.slideShow .sileThumb{z-index: 70; text-align: center; position: absolute; bottom: 8px; right: 8px;}
.slideShow .sileThumb a{margin: 0 3px;}
.slideShow .sileThumb a img{border: solid #B0B0B0 1px;}
.slideShow .sileThumb a.active img{border: solid #19B4EA 1px;}
/* -- 商品图切换 -- */
.slide_goods{float: left; width: 320px; height: auto; overflow: hidden;}
.slide_goods .bigImg{float: left; width: 320px; height: 300px; overflow: hidden;}
.slide_goods .bigImg li{float: left; width: 320px; height: 300px; overflow: hidden;}
.slide_goods .bigImg li img{width: 316px; height: 296px; padding: 1px; border: 1px solid #e9e9e9;}
.slide_goods .smallScroll{float: left; width: 320px; margin-top: 10px; height: 103px; left: 0; bottom: 0; position: relative;}
.slide_goods .smallImg{float: left; width: 330px; height: auto; position: relative;}
.slide_goods .smallImg ul{float: left; width: 330px; height: auto; text-align: center; overflow: hidden;}
.slide_goods .smallImg ul li{width: 56px; height: 56px; display: inline; margin: 5px;}
.slide_goods .smallImg ul li img{width: 50px; height: 50px; cursor: pointer; padding: 2px; border: 1px solid #e8e8e8;}
.slide_goods .smallImg .on img{border: 1px solid #3084d5;}



/* article_category---------------------------------------------- */
#articleList dl{border-bottom: 1px dotted #D1D1D1; padding: 20px 0; zoom: 1; overflow: hidden;}
#articleList dl.last{border-bottom: 0;}
#articleList dt{width: 620px; margin-bottom: 10px; font-size: 14px;}
#articleList dd{color: #999; line-height: 180%; zoom: 1; overflow: hidden;}
#articleList dd p{float: left;}
#articleList dd p.img{margin-right: 10px;}
#articleList dd p.desc{width: 590px;}
#articleList .numDate{float: right; text-align: right; padding-top: 12px;}
#articleList .numDate em{background-color: #0072C6; color: #FFF; padding: 3px 4px; font-size: 14px; font-weight: bold;}
#articleList .numDate p{font-size: 16px; color: #999; margin-top: 5px;}

/* article--------------------------------------------- */
#article{padding: 15px 0; min-height: 400px;}
#article h1{color: #333; font-size: 18px; font-weight: bold;}
#article .info{padding: 2px 0 20px 0; color: #999; font-size: 13px;}
#article .content{color: #666; line-height: 180%;}
#article .content img{max-width: 100%;}

/* 提示信息--------------------------------------------- */
#douMsg{padding: 10px 0 100px 0;}
#douMsg dl{padding: 160px 0 200px 0; text-align: center;}
#douMsg dt{color: #0072C6; font-size: 16px; margin-bottom: 30px; font-weight: bold;}
#douMsg dd{color: #666;}
#douMsg dd a{margin-left: 5px; color: #000;}

/* 全局样式--------------------------------------------- */
/* -- urHere -- */
.urHere{height: 35px; line-height: 35px; padding-top: 15px; color: #999; font-weight: bold; font-size: 14px; border-bottom: 1px solid #DDD;}
.urHere a{color: #999;}
.urHere b{margin: 0 8px;}

/* -- tree -- */
.treeBox{margin-bottom: 15px;}
.treeBox h3{height: 35px; line-height: 35px; padding-top: 15px; color: #999; font-weight: bold; font-size: 14px; border-bottom: 1px solid #DDD; margin-bottom: 15px;}
.treeBox li{padding: 5px 8px;}
.treeBox li a{color: #000; font-size: 14px;}
.treeBox li.cur{background-color: #19B4EA;}
.treeBox li.cur a{color: #FFF;}
.treeBox .search{margin: 20px 0;}
.treeBox .search .keyword{width: 136px;}

/* -- screen -- */
.screen{padding-top: 20px; border-bottom: 1px dotted #DDD;}
.screen dl{margin-bottom: 10px;}
.screen dl dt{display: inline-block; font-weight: bold;}
.screen dl dd{display: inline-block;}
.screen dl dd a{display: inline-block; background-color: #DDD; color: #555; padding: 2px 10px; margin-right: 8px;}
.screen dl dd a.cur{background-color: #19B4EA; color: #FFF;}

/* -- searchBox -- */
.searchBox{border: 1px solid #DDDDDD; background-color: #FFF; height: 28px; padding-left: 10px;}
.searchBox .keyword{color: #CCCCCC;}
.searchBox .btnSearch{background: url(images/icon_search.png) no-repeat 50% 50%; width: 28px; height: 28px; text-indent: -999px; overflow: hidden; cursor: pointer;}

/* -- common -- */
.cue{color: red; font-size: 12px;}
.clear{clear: both; height: 0; line-height: 0; font-size: 0;}
.captcha{text-transform: uppercase;}
.price{color: #CC0000;}
.none{display: none;}
.pointer{cursor: pointer;}

/* -- form -- */
.btn{display: inline-block; background-color: #0072C6; color: #EEE; padding: 6px 25px; text-transform: capitalize; cursor: pointer; font-weight: bold; text-align: center; -webkit-appearance: none;}
.btn:hover{text-decoration: none; color: #FFF; background-color: #007AD5;}
.btnGray{display: inline-block; background-color: #CCC; border: 0; color: #333; padding: 6px 15px; text-transform: capitalize; cursor: pointer; font-weight: bold; -webkit-appearance: none;}
.btnPayment{display: inline-block; background-color: #ff4246; color: #FFF; padding: 7px 28px; text-transform: capitalize; cursor: pointer; font-weight: bold; font-size: 14px; text-align: center; -webkit-appearance: none;}
.btnCaptcha{display: inline-block;background-color: #19B4EA;-moz-border-radius: 2px;-webkit-border-radius: 2px;border: 0;color: #FFF;padding: 7px 22px;text-transform: capitalize;cursor: pointer;font-size: 13px;}
.btnCaptcha[disabled], .btnCaptcha:disabled, .btnCaptcha.disabled{color: #FFF;background-color: #b2b2b2;opacity: 1;}

/* -- color -- */
.cRed{color: #F40;}
.cOra{color: #f30;}
.cGre{color: #0c6;}
.cBlu{color: #69c;}
.cGra{color: #999;}

/* -- input -- */
.textInput{height: 20px; padding: 6px; font-size: 14px; border: 1px solid #E9E9E9; background-color: #FFF; color: #666; -webkit-appearance: none;}
.textArea{padding: 4px; border: 1px solid #E9E9E9; background-color: #FFF; line-height: 20px; -webkit-appearance: none;}
.textAreaAuto{border: 1px solid #E9E9E9; background-color: #FFF; padding: 0; font-size: 12x; line-height: 20px; resize: none; min-height: 40px; -webkit-appearance: none;}

/*- inputFile -*/
.inputFile{width: 80px;}
.inputFile .inputFileShow{height: 80px; line-height: 80px; text-align: center; color: #555; background-color: #F5F5F5;}
.inputFile .inputFileShow img{width: 100%; height: 80px;}
.inputFile .inputFileBtn{width: 100%; background-color: #EEE; color: #999; line-height: 25px; cursor: pointer; text-align: center; -webkit-appearance: none;}

/*- tableBasic -*/
.tableBasic{color: #666; border-left: 1px solid #EEE; border-top: 1px solid #EEE; border-collapse: collapse;}
.tableBasic select{color: #8F8F8F;}
.tableBasic td, .tableBasic th{border-right: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.tableBasic th{background-color: #EEE;}
.tableBasic .child{background-color: #FFF;}
.tableBasic td label{margin-right: 15px;}
.tableBasic td i{color: #F00; margin-left: 5px; font-weight: bold;}

/*- tableDiv -*/
.tableDiv dl{zoom:1; overflow:hidden; margin-bottom:20px;}
.tableDiv dl dt{font-weight: bold; margin-bottom: 5px; font-size: 13px;}
.tableDiv dl dt i{color:#F00; margin-left:5px; font-weight:bold;}
.tableDiv dl dd label{margin-right: 15px; line-height:34px;}

/* -- lift -- */
.lift{color: #999; font-size: 14px;border: 1px solid #ddd;border-radius: 5px;padding: 5px 10px;width:97%;margin: 0 auto;margin-top: 35px;}
.lift a{color: #999;padding:5px 0;display: inline-block;}
.lift span{margin-right: 15px;}

/* -- pager --
word-break: break-all; overflow: hidden; width: 300px; text-overflow: ellipsis; white-space: nowrap;
.pager{padding-top: 20px; color: #666; font-size: 14px;}
.pager a{color: #666; text-decoration: underline;}
.pager ul{display: inline-block;margin: 0 auto;padding: 0;}
.pager ul li{display: inline-block;}
.pager ul li a{float: left; padding: 0 14px;margin:2px; line-height: 33px; text-decoration: none; background-color: #FFF; border: 1px solid #dddddd;}
.pager ul li a:hover{background-color: #f5f5f5;margin:2px;}
.pager ul .active a{background-color: #f5f5f5; color: #999; cursor: default;}
 */

/* -- pager --*/
.pager{text-align:center;padding-top: 20px;color: #666;font-size: 14px;}
.pager a{color: #666;text-decoration: underline;}
/* -- pager class two --*/
.pager ul{display: inline-block;/*display: inline;border-left: 1px solid #dddddd;*/}
.pager ul li{display: inline;}
.pager ul li a, .pager ul li em{float: left;padding: 0 14px;line-height: 30px;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;/*border-left-width: 0;*/}
.pager ul li a:hover{background-color: #f5f5f5;}
.pager ul li.active a{background-color: #f5f5f5;color: #999999;cursor: default;}
.pager ul li em.total{margin-left: 10px;border-left-width: 1px;color: #999;}

/* -- onlineService -- */
.onlineService{position: fixed; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px"); top: 208px; right: 0; z-index: 999; display: block;}
.onlineService .onlineIcon{position: relative; cursor: pointer; background: url(images/online_service.png) no-repeat; width: 34px; height: 110px; text-indent: -9999px; overflow: hidden;}
.onlineService #pop{border: 3px solid #19B4EA; background-color: #F2F2F2; padding: 8px; width: 95px; min-height: 84px; position: absolute; right: 34px; top: 0; display: none; z-index: 999;}
.onlineService .onlineQQ a{display: block; background: url(images/online_service.png) no-repeat left -160px; color: #19B4EA; width: 82px; height: 24px; line-height: 23px; padding-left: 27px; margin-bottom: 8px;}
.onlineService .onlineQQ a:hover{text-decoration: none; color: #19B4EA;}
.onlineService .service{border-top: 1px solid #DDDDDD; padding-top: 8px; color: #666;}
.onlineService .service a{color: #666;}
.onlineService .service li{background: url(images/online_service.png) no-repeat left -202px; padding-left: 8px;}
.onlineService .goTop{display: none;}
.onlineService .goTop .goBtn{background: #F2F2F2 url(images/online_service.png) no-repeat left -120px; width: 34px; height: 34px; display: block;}

/* footer--------------------------------------------- */
#footer{border-top: 1px solid #DDD; background-color: #F5F5F5; padding: 30px 0; font-size: 14px;}
#footer .footNav{margin-bottom: 10px;}
#footer .footNav a{color: #333;}
#footer .footNav i{margin: 0 12px; color: #CACACA;}
#footer .footNav a.first{margin-left: 0;}
#footer .copyRight, #footer .copyRight a{font-family: Arial, Lucida, Verdana, Helvetica, sans-serif; color: #888;}
#footer .netSafeRecord{margin-left: 10px;}
#footer .netSafeRecord img{vertical-align: bottom;}


.bga{width:100%;min-width:1400px;margin: 0 auto;padding: 30px 10px;min-height:900px;overflow-y: scroll;}
.scrollbar{width: 30px;height: 300px;margin: 0 auto;}
/*滚动条整体样式，高宽分别对应横竖滚动条的尺寸*/
.bga-1::-webkit-scrollbar{width: 10px;height: 1px;}
/*滚动条里面小方块*/
.bga-1::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #fff;}
/*滚动条里面轨道*/
.bga-1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #175bc0;} 

/*返回顶部-TOP*/
p#top{ position:fixed;display:none;bottom:0px;right:20px;}  
p#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;transition:color 1s;}  
p#top a:hover{ color:#979797;  }  
p#top a span{background:url(../images/gotop.png) no-repeat center;border-radius:6px;display:block;width:54px;height:30px;transition:background 1s;right: 5px;position: relative;bottom: 10px;}  
#top a:hover span{background:url(../images/gotop.png) no-repeat center;}


/* 客服插件 css 代码块 */
.jinni8_kefu_style{position: fixed;width:78px;top: 50%;transform: translateY(-50%);right: 0;font-size: 13px;color: #fff;z-index:100000000000000000;background-color: #fd529e;cursor:pointer;}
.jinni8_kefu_nth{display:block;position: relative;text-align: center;padding: 15px 10px;padding:15px 0;border-top: rgb(0, 0, 0) 1px solid;transition:all 0.3s;color:#fff !important;}
.jinni8_kefu_nth a{color:#fff !important;}
.jinni8_kefu_nth:before{content:"";position: absolute;left: 0;top: -1px;width: 100%;height: 1px;background-color: #FFFFFF;z-index: 10;}
.jinni8_kefu_nth:hover{background-color: #fd529e;}
.jinni8_kefu_nth:nth-child(1){border:0;}
.jinni8_kefu_nth:nth-child(1):before{display:none;}
.jinni8_kefu_mipimgs{height:32px;}
.jinni8_kefu_xx .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_xx.png) no-repeat center;}
.jinni8_kefu_qq .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_qq.png) no-repeat center;}
.jinni8_kefu_sj .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_sj.png) no-repeat center;}
.jinni8_kefu_ma .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_ma.png) no-repeat center;}
.jinni8_kefu_top .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_top.png) no-repeat center;}
.jinni8_kefu_nth span{display:block;margin-top:8px;}
.jinni8_kefu_nth .tips{display:none;opacity:0;transition: all 0.3s;position: absolute;right: 78px;top: 0;width: 300px;height: 100%;box-shadow: 0 5px 10px rgba(72, 139, 255, 0.38);background-color: rgba(255, 255, 255, 1);color: #fd529e;line-height: 90px;text-align: center;text-indent: 10px;font-size: 21px;text-shadow: 0 0 1px #C5DAFF;z-index:1000000;}
.jinni8_kefu_nth:hover .tips{display:block;opacity:1;}
.jinni8_kefu_ma .tips{top: inherit;bottom: 0;height: inherit;width: 200px;padding: 10px;margin: 10px;}
.jinni8_kefu_ma .tips:before{content: "";width: 100%;height: 100%;position: absolute;z-index: 1;}
.jinni8_kefu_ma .tips a{display:none;}
.jinni8_kefu_style mip-fixed{position: relative !important;right: inherit !important;bottom: inherit !important;left: inherit !important;top: inherit !important;}
.jinni8_kefu_style mip-fixed mip-gototop{background-image:none;width:auto !important;height:inherit;background:none !important;border:none;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth{border-top: rgb(0, 0, 0) 1px solid;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth:before{display:block;}
@media screen and (max-width:767px){
.jinni8_kefu_style{width:100%;bottom:0;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 25% - 1px );float:left;border-top:0 !important;border-left: #68a0ff 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left:0;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 260px;height: 260px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{display:block;color: #fff !important;position: fixed;top: 10px;right: 10px;color: #fff !important;z-index: 1000000000000000000000000000000000;font-size: 13px;padding: 10px;}
}
/* 客服插件 代码块 END */

/*3级菜单
#nav, #nav ul{list-style: none;background: #0557c9;font-weight: bold;padding: 0px;margin: 0px;border: solid 1px #fff;border-bottom: 0px;width: 240px;text-align: left;margin-bottom:15px;}
#nav ul ul{border: solid 1px #fff;border-bottom: 0px;}
#nav a{display: block;width: 240px;color: #fff;text-decoration: none;text-align: center;border-bottom: solid 1px #fff;text-align: left;padding-left: 10px;}
#nav a:hover{color: #336666;}
#nav a.selected{}
#nav li{line-height: 36px;position: relative;z-index:999;}
#nav li ul{position: absolute;left: -999em;width: 240px;font-weight: normal;margin: 0px;padding: 0px;z-index:999;}
#nav li li{width: 240px;}
#nav li ul a{width: 240px;padding: 0px 12px;line-height: 36px;text-align: left;}
#nav li ul ul{margin: 0px 0 0 240px;}
#nav li:hover ul ul,#nav li.sfhover ul ul{left: -999em;}
#nav li:hover ul, #nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{left: auto;}
#nav li:hover ul,#nav li.sfhover ul{left: 240px;top: 0px;}
#nav li:hover, #nav li.sfhover{background: #000;}
* html #nav li{float: left;height: 1%;}
* html #nav li a{height: 1%;} 
*/


