/* CSS Document */
/*reset css*/
html, body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0; font-weight: normal; }
body { font: 12px 'Microsoft YaHei', "宋体", "Arial Narrow", HELVETICA; background: #fff; -webkit-text-size-adjust: 100%; color: #333; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #3e6dd8; }
li { list-style: none }
img { border: 0; vertical-align: middle }
table { border-collapse: collapse; border-spacing: 0 }
p { word-wrap: break-word }
ul, ol, li { list-style-type: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.content_w { width: 1200px; }
.bc { margin-left: auto; margin-right: auto; }
.div { display: block; }
.mt7 { margin-top: 7px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt18 { margin-top: 18px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt110 { margin-top: 110px; }
.mt120 { margin-top: 120px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.m110 { margin-left: 10px; }
.m120 { margin-left: 20px; }
.m130 { margin-left: 30px; }
.red { color: #d01313; }
.f22 { font-size: 20px; }
.w100 { width: 100%; }
.cb { clear: both; }
input { outline: none; }
input, button, textarea, select { font-size: 100%; outline: none; resize: none; }
/*=============公共样式=============*/ 

.top { height: 120px; }
.nav { height: 50px; line-height: 50px; background: #3e6dd8; }
.nav_con ul li { float: left; font-size: 16px; line-height: 50px; }
.nav_con ul li a { display: block; padding: 0px 34px; color: #fff; }
.nav_con ul li a.a_hover { background: #eba34d; }
/*banner*/
.fullSlide { position: relative;width: 100%; height: 600px !important; z-index: 1; overflow: hidden; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 600px !important; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 600px !important; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 25px; left: 0; height: 14px; line-height: 14px; }
.fullSlide .hd ul { text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 60px; height: 6px; margin: 0 5px; overflow: hidden; background: #fff; font-size: 0; color: #fff; }
.fullSlide .hd ul .on { background: #3e6dd8; }
/*banner(e)*/

.title h3, .case_title h3 { font-size: 24px; text-align: center; line-height: 35px; font-weight: normal; }
.title p, .case_title p { font-size: 14px; color: #666; text-align: center; line-height: 30px; }
.advantage_li { height: 410px; }
.advantage_li ul li { float: left; width: 300px; height: 370px; transition: all 0.3s ease-out 0s; }
.advantage_li ul li:hover { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); margin-top: -20px; height: 410px; }
.advantage_li ul li.li1, .advantage_li ul li.li3 { background: #f5f5f5; }
.advantage_li ul li.li2, .advantage_li ul li.li4 { background: #fbfbfb; }
.advantage_li ul li.li1 h3 { display: block; background: url(../images/icon01.png) no-repeat center 30px; font-size: 18px; text-align: center; padding-top: 200px; }
.advantage_li ul li.li2 h3 { display: block; background: url(../images/icon02.png) no-repeat center 30px; font-size: 18px; text-align: center; padding-top: 200px; }
.advantage_li ul li.li3 h3 { display: block; background: url(../images/icon03.png) no-repeat center 30px; font-size: 18px; text-align: center; padding-top: 200px; }
.advantage_li ul li.li4 h3 { display: block; background: url(../images/icon04.png) no-repeat center 30px; font-size: 18px; text-align: center; padding-top: 200px; }
.advantage_li ul li p { display: block; text-align: center; font-size: 13px; line-height: 24px; margin-top: 30px; }
/* products */
.pro_title h3, .infor_title h3 { font-size: 24px; color: #666; line-height: 30px; padding: 20px 0px; background: url(../images/line_bg1.png) no-repeat center bottom; text-align: center; }
.pro_title p { line-height: 18px; color: #999; text-align: center; margin-top: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 13px; }
.more a { padding: 3px 25px; border: 1px solid #ccc; background: url(../images/jt.png) no-repeat center center; }
.more a:hover { background: url(../images/jt_hover.png) no-repeat center center; border: 1px solid #32b8c3; }
#scroll { width: 1200px; margin: 0 auto; padding-top: 40px; font-family: Verdana, Geneva, sans-serif; }
#scroll .owl-wrapper-outer { margin: 0 auto; }
#scroll .item { width: 380px; height: 278px; margin: 0 auto; overflow: hidden; }
#scroll .shd img { width: 380px; height: 278px; }
#scroll .item span { display: block; text-align: center; font-size: 15px; font-family: "微软雅黑"; position: absolute; z-index: 2; width: 380px; height: 35px;line-height: 35px; bottom: 0px;background: rgba(23, 23, 23, 0.82);color: #FFFFFF}
#scroll .txt { width: 380px; }
#scroll h3 { width: 380px; height: 25px; margin-bottom: 6px; padding-top: 6px; font: 16px Verdana, Geneva, sans-serif; overflow: hidden; }
#scroll h3 a { color: #333; text-decoration: none; }
#scroll h3 a:hover { color: #338de6; }
#scroll p { width: 380px; height: 36px; line-height: 18px; font: 13px Verdana, Geneva, sans-serif; color: #999; overflow: hidden; }
#scroll .item:hover { -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); cursor: pointer; color: #32b8c3; }
.case_con { height: 900px; background: #f5f5f5; }
.case_title { padding-top: 40px; }
/*------------- 案例特效图片放大效果 开始 ------------------------------*/
.content-five { width: 1200px; height: 390px; margin: 40px auto; }
.contentbox-five li { width: 380px; height: 300px; margin-right: 30px; margin-bottom: 20px; }
.con-five { width: 380px; height: 240px; float: left; margin-right: 30px; overflow: hidden; cursor: pointer; }
.conimg { width: 380px; height: 240px; overflow: hidden; }
.txt-five { width: 100%; height: 45px; line-height: 45px; margin-top: 240px; text-align: left; color: #fff; }
.txt-five h3 { display: block; float: left; font-weight: normal; font-size: 16px; }
.txt-five h3::before { position: absolute; content: ""; width: 20px; height: 1px; background-color: #3C3C3C; margin-top: 55px; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.contentbox-five li.list1:hover .txt-five h3::before, .contentbox-five li.list2:hover .txt-five h3::before, .contentbox-five li.list3:hover .txt-five h3::before { width: 50px; }
.txt-five i { display: block; float: right; width: 20px; height: 45px; line-height: 45px; background: url(../images/icon05.png) no-repeat left center; transition: ease-in 0.5s; margin-right: 20px; }
.contentbox-five li:hover i { margin-right: 0px; }
.con-five2 { width: 380px; height: 237px; float: left; margin-right: 20px; margin-bottom: 20px; position: relative; overflow: hidden; cursor: pointer; }
.contentbox-five li.last, .news_li ul li.last { margin-right: 0px; }
.conimg2 { width: 380px; height: 237px; }
/*------------- 案例特效图片放大效果 结束------------------------------*/
.viewm { width: 173px; height: 38px; background: url(../images/bg1.jpg) no-repeat center; margin: 20px auto; }
.viewm a, .viewm1 a, .viewm2 a { display: block; font-size: 14px; line-height: 38px; background: url(../images/icon06.png) no-repeat 138px center; padding-left: 45px; }
.viewm a:hover, .viewm1 a:hover, .viewm2 a:hover { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
/* 新闻 */
.news_li ul li { float: left; width: 580px; height: 128px; }
.news_tu, .news_zi { width: 156px; height: 128px; }
.news_zi { width: 395px; height: 128px; }
.news_zi time { font-size: 13px; color: #999; }
.news_zi h3 { font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; margin-top: 10px; }
.news_zi h3::before { position: absolute; content: ""; width: 20px; height: 1px; background-color: #3C3C3C; margin-top: 35px; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.news_zi p { margin-top: 20px; line-height: 24px; height: 48px; overflow: hidden; font-size: 14px; color: #666; }
.news_li ul li:hover .news_zi h3::before { width: 50px; }
.news_li ul li { margin-right: 40px; margin-bottom: 40px; }
.viewm1 { width: 173px; height: 38px; background: url(../images/bg2.jpg) no-repeat center; margin: 20px auto; }
/* 关于 */
.about { height: 690px; background: #f5f5f5; }
.about_con { padding: 100px 0px 20px 0px; }
.about_tu, .about_tu img { width: 490px; height: 328px; }
.about_zi { width: 680px; height: 328px; overflow: hidden; }
.about_zi h3 { font-size: 24px; }
.about_zi h3::before { position: absolute; content: ""; width: 20px; height: 1px; background-color: #3C3C3C; margin-top: 45px; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.about_zi p { margin-top: 30px; line-height: 30px; font-size: 14px; }
.viewm2 { width: 173px; height: 38px; background: url(../images/bg1.jpg) no-repeat center; margin-top: 40px; }
.aboutshow { height: 150px; background: #f9f9f9; }
.aboutshow ul li { width: 399px; float: left; margin-top: 40px; }
.aboutshow ul li p { text-align: center; line-height: 30px; font-size: 18px; }
.aboutshow ul li.line { width: 1px; height: 32px; line-height: 150px; margin-top: 0px; }
.aboutshow ul li p b { font-size: 30px; font-weight: normal; }
/* 底部 */
.footer { height: 370px; background: #3e6dd8; }
.footer_nav { width: 1050px; margin-top: 85px; }
.footer_nav .item { float: left; padding: 0px 35px 45px 35px; background: url(../images/line_bg3.gif) no-repeat right 80px; }
.footer_nav ul li { line-height: 24px; }
.footer_nav .t { display: block; font-size: 16px; color: #fff; padding-bottom: 20px; }
.footer_nav ul li a { color: #fff; font-size: 14px; }
.miit{color:#fff}
.miit:hover{color:#000}
.ewm { margin-top: 140px; }
.ewm span { display: block; line-height: 30px; text-align: center; font-size: 14px; color: #fff; }
.bq { height: 50px; line-height: 50px; background: #3e6dd8; border-top: 1px solid #2e60d2; }
.bq span { display: block; text-align: center; color: #fff; font-size: 14px; }
/* 内页 */
.banner01,.banner01 img{ width:100%;}
/* 关于 */
.main { min-height: 500px; padding-bottom: 50px; }
.about_nav { height: 50px; line-height: 50px; border-bottom: 1px solid #e3e3e3; }
.nav_li li, .newsnav_li li { float: left; }
.nav_li { width: 700px; height: 50px; margin: 0px auto; }
.nav_li li a, .newsnav_li li a { display: block; padding: 0px 34px; font-size: 18px; }
.nav_li li a.a_hover::before, .newsnav_li li a.a_hover::before { position: absolute; content: ""; width: 70px; height: 1px; background-color: #3e6dd8; margin-top: 50px; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.nav_li li a.a_hover, .newsnav_li li a.a_hover { color: #3e6dd8; }
.aboutxq h3 { display: block; line-height: 30px; text-align: center; font-size: 18px; }
.aboutxq p { text-align: center; line-height: 30px; font-size: 14px; margin-top: 30px; }
.contact { height: 70px; line-height: 70px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; }
.contact ul li { float: left; width: 25%; text-align: center; font-size: 14px; }
.contact ul li.li1 { background: url(../images/icon07.png) no-repeat left center; }
.contact ul li.li2 { background: url(../images/icon08.png) no-repeat 45px center; }
.contact ul li.li3 { background: url(../images/icon09.png) no-repeat 25px center; }
.contact ul li.li4 { background: url(../images/icon10.png) no-repeat 15px center; }
.aboutpic ul li { float: left; margin-right: 6px; }
.aboutpic ul li.last, .style_li ul li.last { margin-right: 0px; }
.style_li ul li { float: left; width: 295px; height: 230px; margin-right: 6px; }
.style_li ul li img { width: 295px; height: 230px; }
.style_li ul li span { display: block; line-height: 30px; text-align: center; font-size: 14px; }
/* 资质荣誉 */
.honor_con ul li img { width: 200px; height: 142px; margin-top: 32px; }
.honor_con ul li { float: left; margin-right: 28px; margin-bottom: 20px; width: 276px; height: 230px; border: 1px solid #e3e3e3; }
.honor_con ul li.last { margin-right: 0px; }
#credit { clear: both; margin-top: 50px; padding-top: 20px; font-size: 10px; border-top: 1px solid #BBB; font-family: Verdana; }
#imgbox-loading { position: absolute; top: 0; left: 0; background: url('imgbox-spinner.gif') center center no-repeat; cursor: pointer; display: none; z-index: 90; }
#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }
.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }
.imgbox-close { position: absolute; top: -15px; right: -15px; height: 30px; width: 30px; background: url('imgbox-close.png') top left no-repeat; cursor: pointer; outline: none; }
.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }
.imgbox-bg-n { left: 0; top: -20px; width: 100%; background: url(imgbox-bg-n.png) repeat-x; }
.imgbox-bg-ne { right: -20px; top: -20px; background: url(imgbox-bg-ne.png) no-repeat; }
.imgbox-bg-e { right: -20px; top: 0; height: 100%; background: url(imgbox-bg-e.png) repeat-y; }
.imgbox-bg-se { right: -20px; bottom: -20px; background: url(imgbox-bg-se.png) no-repeat; }
.imgbox-bg-s { left: 0; bottom: -20px; width: 100%; background: url(imgbox-bg-s.png) repeat-x; }
.imgbox-bg-sw { left: -20px; bottom: -20px; background: url(imgbox-bg-sw.png) no-repeat; }
.imgbox-bg-w { left: -20px; top: 0; height: 100%; background: url(imgbox-bg-w.png) repeat-y; }
.imgbox-bg-nw { left: -20px; top: -20px; background: url(imgbox-bg-nw.png) no-repeat; }
.zi2 a { display: block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; text-align: center; }
.zi2 { display: block; width: 276px; line-height: 30px; background-color: #eee; margin-top: 26px; }
/*案例*/
.casesnav_li { width: 820px; height: 50px; margin: 0px auto; }
.casesnav_li li { float: left; }
.casesnav_li li a { display: block; padding: 0px 34px; font-size: 18px; }
.casesnav_li li a.a_hover::before { position: absolute; content: ""; width: 70px; height: 1px; background-color: #3e6dd8; margin-top: 50px; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.casesnav_li li a.a_hover { color: #3e6dd8; }
/*设计方案*/

.solutionnav_li { height: 50px; margin: 0px auto; }
.solutionnav_li li { float: left; }
.solutionnav_li li a { display: block; padding: 0px 34px; font-size: 18px; }
.solutionnav_li li a.a_hover::before { position: absolute; content: ""; width: 70px; height: 1px; background-color: #3e6dd8; margin-top: 50px; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.solutionnav_li li a.a_hover { color: #3e6dd8; }
/* 新闻 */	
.newsnav_li { width: 420px; height: 50px; margin: 0px auto; }
.news_li1 ul li { height: 128px; border-bottom: 1px dashed #e3e3e3; padding: 10px 0px; }
.news_zi1 { height: 128px; }
.news_zi1 time { font-size: 13px; color: #999; }
.news_zi1 h3 { font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; margin-top: 10px; }
.news_zi1 h3::before { position: absolute; content: ""; width: 20px; height: 1px; background-color: #3C3C3C; margin-top: 35px; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.news_zi1 p { margin-top: 20px; line-height: 24px; height: 48px; overflow: hidden; font-size: 14px; color: #666; }
.news_li1 ul li a:hover .news_zi1 h3::before { width: 50px; }
/* 新闻详情 */	
.new_con1 h1 { padding: 10px 0; text-align: center; font-size: 18px; color: #333; line-height: 30px; }
.new_con1 .artInfo { width: 100%; height: 30px; text-align: center; margin-bottom: 10px; }
.new_con1 .artInfo span { display: inline-block; clear: left; color: #777; font-size: 12px; padding: 0 5px; }
.new_con1 .artCon { font-size: 14px; color: #666; line-height: 30px; padding-bottom: 20px; }
.new_con1 .artCon p { text-indent: 2rem; }
.casexq h3 { font-size: 18px; display: block; line-height: 30px; text-align: center; }
.case_tu span { display: block; line-height: 30px; font-size: 14px; text-align: left; margin-top: 20px; }
.contact_con p { display: block; float: left; border-right: 1px solid #e3e3e3; font-size: 14px; line-height: 30px; }
.map { margin-right: 100px; }

/* 产品展示 */
.pro_nav { width: 240px; background: #3e6dd8; z-index: 1; }
.protop { position: absolute; margin-top: -80px; width: 240px; height: 180px; background: #2b5fd5; }
.protop_con { width: 200px; margin: 30px auto; }
.protop_con h3 { font-size: 24px; color: #fff; line-height: 45px; border-bottom: 1px solid #4f7adb; }
.protop_con p { line-height: 30px; font-size: 14px; color: #4f7adb; margin-top: 5px; }
.protop_con i { display: block; width: 18px; height: 15px; margin-top: 20px; }
.content { width: 240px; margin-top: 100px; }
/*以上css可不用，仅作为展示外观样式*/
.list { width : 240px; }
.list ul { list-style: none; }
.list>ul>li { width: 100%; border-bottom: 1px solid #4f7adb; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }
.list>ul>li p[class=title] { width : 100%; text-align : center; height : 50px; line-height: 50px; padding : 0; border : none; position : relative; font-size : 16px; color: #fff; }
.list>ul>li p[class=title]>span { position: absolute; right: 10%; }
.list-se { overflow: hidden; display: none; }
.list-se>p { background: #eba34d !important; color : #ee4977; }
.list-se>li>p>a{ color:#fff;}
.list-se>li { position: relative; right : -100%; -webkit-transition: right .5s; -moz-transition : right .5s; -o-transition : right .5s; transition : right .5s; }
.list-se>li>p { background : #4f7adb; color : #f0f0f0; height : 50px; font-size: 14px; -webkit-box-sizing : border-box; box-sizing : border-box; padding-left: 25px; line-height : 50px; border-left : 5px solid #eba34d; -webkit-transition : border .5s; transition : border .5s; -webkit-transition : background .3s; transition : background .3s; }
.list-se>li>p:hover { border-color: #eba34d; background : #eba34d; }

.pro_li{ width:900px;}
.menubread{ height:50px; line-height:50px; border-bottom:1px solid #e3e3e3; font-size:14px;}
.proimg_li h3{ display:block; font-size:16px; line-height:25px; border-left:5px solid #3e6dd8; padding-left:10px; margin-bottom:20px;}
.proimg_li ul li{ float:left; width:290px; height:212px; margin-right:15px; margin-bottom:50px;}
.proimg_li ul li.last{ margin-right:0px;}
.proimg_li ul li img{width:290px; height:212px;}
.proimg_li ul li span{ display:block; line-height:35px; font-size:16px; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.proxq h3{ display:block; text-align:center; line-height:30px; font-size:18px;}
.pro_tu p{ margin-top:20px; font-size:14px; line-height:30px;}

/* 在线客服 */
.floating_ck{position:fixed;right:20px;top:30%; z-index:999;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#3e6dd8;border-bottom:solid 1px #2b5fd5;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#eba34d;border-bottom:solid 1px #eba34d;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background:url(../images/ewm.jpg) no-repeat center;display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}


/* 翻页 */
.pageTurn { width: 500px; height: 30px; margin: 20px auto 20px; }
.pageTurn ul { display: table; margin: 0 auto; height: 30px;  text-align: center;  padding: 0;  }
.pageTurn ul li{float: left;  margin-left: 5px;  margin-right: 5px;  padding: 0;  width: 42px;  height: 32px;}
.pageTurn ul li a { width: 40px;  height: 30px;  display: block;  color: #333333;  font-size: 14px; line-height: 30px; font-weight: normal; border: 1px solid #E3E3E3;  }
.pageTurn a:hover { background: #3e6dd8; color: #fff; }
.active span { width: 40px;  height: 30px;  display: block;  font-size: 14px;  line-height: 30px;  font-weight: normal;  color: #fff;  background-color: #0089f3;  border: 1px solid #0089f3;  }
.disabled span {width: 40px; height: 30px; display: block; font-size: 14px; line-height: 30px;  font-weight: normal;  color: #999999;  background-color: #fff;  border: 1px solid #e3e3e3;  }