@charset "utf-8";
/* CSS Document */
/*基础部分*/
html{-webkit-text-size-adjust:none;}
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,button,textarea,blockquote,th,td,p{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
td,th{ word-wrap:break-word; word-break:break-all;}
img{ border:0;}
/*del,ins{ text-decoration:none;}*/
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}	
h1{ text-align:center; line-height:70px; font-size:18px; font-weight:bold;}
h2{ height:40px; font-size:20px; font-weight:bold;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0; font-variant:normal;}
sup,sub{ vertical-align:baseline;}
/* because legend doesn't inherit in IE */
input,select{ vertical-align:middle; outline: none;}
i,cite,em{ font-style:normal}
/* New Clearfix */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0;}
* html .clearfix{ zoom:1; } /* IE6 */
body{ font:normal 12px tahoma,Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
*:first-child+html .clearfix { zoom:1;} /* IE7 */
/* Defaults */
a{ text-decoration:none;}
.l{ float:left;}
.r{ float:right;}
.reset_ul{ margin:0; padding:0; list-style:none;}
.topad40{ padding-top:40px;}
.w1000{ width:1000px; margin:0 auto;}
.w_100{ width:100%;}
.topad25{padding-top:25px;}
.topad12{padding-top:12px;}

.contentpage{ padding:20px 0px; line-height:18px; }
 
.newlist{ padding-top:25px;}
.newlist .deta{ color:#f63805; padding-left:8px; float:right;}
.newlist dt{ height:28px;}
.newlist dt a{ color:#000; font-size:14px; font-weight:bold;}
.newlist dd{ padding-bottom:25px; line-height:16px; height:48px;}
.newlist dd a{ color:#787878;}


.titles{  display:block; height:60px; line-height:60px;}
.titles i{ display:block; float:left; font-size:22px;}
.titles a{ display:inline-block; float:left; width:21px; height:21px; margin:20px 0 0 12px; background:url(../images/more.png) no-repeat; }
.orage{ background:url(../images/lll.gif) repeat-x center bottom; padding-bottom:2px; }
.orage i{ color:#dc5921;}

.plist{ position:relative;  }
.plist ul{ position:absolute;}
.plist li{ float:left; border:#d9d9d9 solid 1px; position:relative;}
.plist li .new{ position:absolute; width:41px; height:41px; right:-3px; bottom:-3px; background:url(../images/new.png) no-repeat;}
.plist li .shadow{ position:absolute; bottom:-6px; height:5px; background:url(../images/prshow.png) no-repeat center;}
.plist a{ color:#000; display:block;}
.plist a:hover .prname{ background:#dc5921; color:#fff;}

.idx{width:1022px; height:193px; margin:0 auto; overflow:hidden;}
.plist .prname{ display:block; width:100%; text-align:center; line-height:33px; background:#d9d9d9;}
.plist .par{ display:block; width:100%; text-align:center; line-height:33px;}


.idx_pr_w{}
.idx_pr_w li{ width:231px; margin:0px 11px; }
.idx_pr_w img{ width:231px; height:121px;}
.idx_pr_w .shadow{ width:233px;}

.c_idx{ width:700px; margin-top:12px;}
.c_idx ul{ position:relative;}
.c_pr_w li{width:221px; margin:6px 5px 6px 5px; padding-bottom:14px; }
.c_pr_w img{ width:221px; height:121px;}
.c_pr_w .shadow{ width:223px;}
.c_pr_w .par{ color:#686868; text-align:left; line-height:20px; padding:0 15px; font-family:Arial, Helvetica, sans-serif;}
.c_pr_w h3{ font-weight:bold; color:#000; font-size:12px; height:16px;}

.ys{ overflow:hidden; height:179px; margin-top:20px; position:relative;}
.ys ul{ position:absolute;}
.ys li{ float:left; width:164px; margin-right:45px;}
.ys img{ border-radius:12px;}
.ys span{ display:block; text-align:center; padding:12px 0;}
.ys a{ color:#575757;}

#prjj {
padding: 20px 0 35px;
font-family: Arial, Helvetica, sans-serif;
position: relative;
height: 190px;
}
#prjj .images{ margin-top:30px;}
#prjj dl{ width:440px; }
#prjj dt{ font-size:40px; font-weight:bold; height:30px;}
#prjj dt span{ font-size:16px; font-weight:normal; color:#333; padding-left:10px;}
#prjj dd {
line-height: 18px;
color: #595959;
margin-bottom: 35px;
}


#header{ background:url(../images/top_bg.gif) repeat-x; }
#welcome{ line-height:26px; height:26px;}
#welcome .bts span{ padding:0 6px;}
#welcome span{ color:#666;}
#welcome a{ color:#666; line-height:26px;}
#welcome a:hover{ color:#000;}

#top{ height:105px;}
.logo{ width:307px; height:105px; background-repeat:no-repeat;}
.logo a{ display:block; width:100%; height:100%;}
.sle{ height:33px; line-height:33px; color:#000; margin-top:48px;}
.sle span{ display:block; float:left;}
.sle .lan{ width:120px; position:relative; width:107px; height:33px; z-index:10001; background:url(../images/lanallbg.png) no-repeat;}
.sle .lan .bts{ position:absolute; cursor:pointer; width:107px; top:0; left:0; text-indent:15px; overflow:hidden; z-index:10002; background:url(../images/lanbg.png) no-repeat right bottom;}
.sle .lan .bts i{ display:block; height:33px; background-image:url(../images/lanbg.png); background-repeat:no-repeat; background-position:-107px 11px;}
.sle .lan .bts i em{ display:inline-block; float:right; margin:13px 15px 0 0; width:11px; height:9px; background-image:url(../images/lanarr.gif); background-repeat:no-repeat;}
.sle .lan .bts a{ display:block; text-indent:15px; color:#333; line-height:25px; background:#f3f3f3; width:105px; border-left:#c3c3c3 solid 1px; border-right:#c3c3c3 solid 1px;}
.sle .lan .bts a:hover{ background:#666; color:#fff;}
.sle .email{ background:url(../images/email.gif) no-repeat; width:68px; margin-right:16px; text-align:right;}
.sle .email a{color:#666; }
.sle .search{ width:224px; height:33px; background:url(../images/ss.gif) no-repeat; margin-right:16px;}
.sle .search #text{ border:none; height:33px; width:131px;  background:none; line-height:33px; margin-left:34px;}

#ly{margin-top:25px; border-top:#999 dashed 1px; padding-top:25px;}
#ly select,#ly input{ background:#fff; width:500px; border:#dcdcdc solid 1px; line-height:29px; height:29px; margin-bottom:15px;}
#ly input{ text-indent:4px;}
#ly span{ display:block; line-height:18px; color:#999; margin-bottom:15px; }
#ly textarea{ font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; background:#fff; width:700px; border:#dcdcdc solid 1px; height:250px; text-align:left; margin-bottom:15px; text-indent:4px;}

#ly #sm{ width:87px; height:25px; border:none; float:right;}


.idx_contact{ }
.idx_contact select,.idx_contact input{ background:#fff; width:297px; border:#dcdcdc solid 1px; line-height:29px; height:29px; margin-bottom:15px;}
.idx_contact input{ text-indent:4px;}
.idx_contact span{ display:block; line-height:18px; color:#999; margin-bottom:15px; }
.idx_contact textarea{ font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; background:#fff; width:297px; border:#dcdcdc solid 1px; height:92px; text-align:left; margin-bottom:15px; text-indent:4px;}

.idx_contact #sm{ width:87px; height:25px; border:none; float:right;}


#nav{ width:100%; height:49px; background:#dc5921; font-size:16px; position:relative; *z-index:200;}
#nav .home{ float:left; background:url(../images/home.png) no-repeat center center;}
#nav .one{ float:left; font-family:Arial, Helvetica, sans-serif; position:relative;}
#nav .liover{ background:#411515 url(../images/home.png) no-repeat center center; color:#FFF;}
#nav .oneover{ background:#FFF; color:#000;}
#nav a{ padding:0 24px; color:#FFF; line-height:49px; display:block;}

#nav .two{ z-index:10000; display:none; position:absolute; background:#fff; padding:12px 0px; overflow:hidden; border-bottom:#dc5921 solid 2px;}
#nav .two a{ display:block; white-space:nowrap; line-height:25px; color:#000; font-size:14px;  }
#nav .two a:hover{ color:#dc5921; }
#nav .twosty{ width:1000px; padding:0;}
#nav .twosty dt{ margin:20px;}
#nav .twosty dd{ width:900px; margin:0px auto 20px;}
#nav .twosty dd a{ display:block; width:225px; float:left; padding:0px;}
#nav .twosty .navtit{ display:block; position:relative; float:left; font-size:14px; line-height:30px; color:#000; width:200px; background:#eee; text-align:center; margin-right:15px; cursor:pointer;}
#nav .twosty .navtit a{ display:block;  line-height:30px; color:#000; }
#nav .twosty .navtit .arr{ display:block; display:none; position:absolute; left:50%; margin-left:-3px; width:7px; height:4px; bottom:-4px; background:url(../images/arr.gif) no-repeat center center;}
#nav .twosty .over{ background:#333; }
#nav .twosty .over a{color:#FFF;}

.btl,.btr{ cursor:pointer; display:block; margin-top:17px; float:right; width:27px; height:27px; background-image:url(../images/arr3.gif); background-repeat:no-repeat;}
.btl{ background-position:-27px;}
/*首页公司简介开始*/
#intro{ background:#ededed; height:268px; padding:40px; border-radius:15px; width:920px; margin:25px auto 14px;}
#intro dl{ width:590px; float:left;}
#intro dt{ color:#c54a00; font-size:30px; height:57px;}
#intro dd{ font-size:14px; line-height:18px; height:190px; word-wrap:break-word;}
#intro dd p{ padding-bottom:12px;}
#intro .more{color:#c54a00; }
/*首页公司简介结束*/
/*焦点图开始*/
.slider{ width:100%;  min-width:1000px; overflow:hidden;  height:320px;  position:relative; background:#fff; text-align:center;   }
.slider .bd{ width:1000px; position:absolute; left:50%; margin-left:-500px  }
.slider .bd li{ width:1000px;  overflow:hidden; }
.slider .bd li img{ width:1000px; height:300px;}
.slider .tempWrap{ overflow:visible !important  }
.slider .tempWrap ul{  margin-left:-1000px !important; /*强制位置*/  }

.slider .hd{ background:url(../images/bannerlist.png) no-repeat center; position:absolute; width:884px; height:80px; left:50%; margin-left:-442px; bottom:-5px; text-align:center;  }
.slider .hd ul{height:28px; margin:16px auto 0px; position:relative; left:50%; float:left;}
.slider .hd li{ width:28px; height:28px; float:left; background:url(../images/li.gif) no-repeat; cursor:pointer; position:relative; right:50%;  }
.slider .hd li.on{ background:url(../images/li.gif) no-repeat left bottom;  }
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:335px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-500px;  }
.slider .next{ left:50%;  margin-left:500px;  }
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:300px; background:#000; filter:alpha(opacity=10);opacity:0.1;   }
.slider .pnBtn .arrow{ position:absolute; top:50%; margin-top:-10px; z-index:1; width:35px; height:69px; background-image:url(../images/bannerbt.png); background-repeat:no-repeat;  }
.slider .prev .arrow{ right:14px; background:url(../images/bannerbt.png) 0 0 no-repeat;   }
.slider .prev .arrow:hover{ background:url(../images/bannerbt.png) 0 bottom no-repeat;}
.slider .next .arrow{ left:14px; background:url(../images/bannerbt.png) -35px 0 no-repeat;  }
.slider .next .arrow:hover{background:url(../images/bannerbt.png) -35px bottom no-repeat;}
/*焦点图结束*/
#chooseus,#news,#contus{ width:302px;}
#chooseus{ margin-right:48px;}
#chooseus dl{ width:218px; float:right;}
#chooseus dt{ font-size:14px;height:28px;}
#chooseus dt a{ color:#000; }
#chooseus dd{ line-height:16px; padding-bottom:25px; height:48px;}
#chooseus dd a{ color:#787878;}

#chooseus2{width:100%; margin-top:25px;}
#chooseus2 dl{ width:600px; float:right;}
#chooseus2 dt{ font-size:14px;height:28px;}
#chooseus2 dd{ line-height:16px; padding-bottom:25px; color:#666; }

#news{}
#contus{}

/*页脚开始*/
#foot{ width:100%; background:#ddd url(../images/footbg.jpg) repeat-x center bottom; height:199px; margin-top:35px;}
.bb{ border-bottom:#c0c0c0 solid 1px;}
.bt{ border-top:#eee solid 1px; line-height:20px; color:#696969; padding-top:10px; position:relative; }
.bt .lltj{ position:absolute; width:20px; height:20px; left:360px; bottom:-2px;}
.bt .adtj{ position:absolute; width:20px; height:20px; left:339px; bottom:0px;}
.bt .companyname{ position:absolute; right:0; top:26px; font-size:20px;}
.cr{ margin-top:14px; line-height:52px; text-align:right; color:#dbdbdb;}
#fnav{ line-height:59px; z-index:40;}
#fnav li{ float:left; font-size:14px;}
#fnav a{ display:inline-block; padding-right:25px; color:#000;}

#ssg{ height:59px; width:300px; background:url(../images/flogo.gif) no-repeat right center;}
#ssg a{ background-image:url(../images/ssg.jpg); display:block; background-repeat:no-repeat; width:31px; height:31px; float:left; margin-left:6px; width:31px; height:31px; cursor:pointer;}
#ssg a:hover{ background-position-x:-31px;}
#ssg .f{ background-position-y:-31px;}
#ssg .b{ background-position-y:-62px;}
#ssg .in{ background-position-y:-93px;}
#ssg .you{background-position-y:-124px;}
/*页脚结束*/

#cont{ width:700px;}
#sidebar{ width:268px;}
#tab{ background:#2b2b2b; height:45px; line-height:45px; padding-left:7px; font-family:"\5FAE\8F6F\96C5\9ED1";}
#tab span{ display:block; float:left; color:#FFF; padding:0 40px; cursor:pointer;}
#tab .on{ background:#f5f5f5; color:#e42600; height:39px; line-height:39px; border-top:6px solid #2b2b2b;}
#p_a ul{ background:#f5f5f5; width:266px; height:524px; border-style:none solid solid solid; border-width:0 1px 1px 1px; border-color:#c8c8c8;}
#p_a .p{font-family:Arial, Helvetica, sans-serif;}
#p_a .p dl{ width:246px; margin:0 auto; padding:2px 0 10px; border-bottom:#999 dashed 1px;}
#p_a .p dt{ line-height:32px; font-size:14px; font-weight:bold; }
#p_a .p dt a{ color:#000;}
#p_a .p dd{ font-size:12px; line-height:14px;}
#p_a .p img{ border:#d6d6d6 solid 1px; margin-right:12px;}

#p_a .a li{width:246px; margin:0 auto; padding:23px 0; border-bottom:#999 dashed 1px;}
#p_a .a dl{ width:186px;}
#p_a .a img{ margin-top:25px;}
#p_a .a dt{font-size:14px; font-weight:bold; height:25px;}
#p_a .a dt a{ color:#000;}

#crumbs{ color:#333; width:100%; text-indent:25px; line-height:43px; border-bottom:#e6e6e6 solid 1px; background:url(../images/crumbs.gif) no-repeat left center;}
#crumbs a{color:#333;}
#crumbs a:hover{color:#000;}
#newtop{ margin:25px 0; padding-bottom:25px; border-bottom:#e6e6e6 solid 1px;}
#newtop dl{ width:420px;}
#newtop dt{ height:47px; line-height:47px; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; position:relative;}
#newtop dt .deta{ display:block; position:absolute; width:34px; top:0; right:0; color:#FFF;}
#newtop dd{ color:#666; margin:18px 0; line-height:16px;}
#newtop .deta span{ display:block; text-align:center; font-weight:normal;}
#newtop a{ display:block; color:#dc5921;  font-size:14px; line-height:21px; background:url(../images/more.png) no-repeat; text-indent:28px; }
#newtop .deta .d{ background:#bdbdbd; height:25px; line-height:25px; font-size:16px;}
#newtop .deta .m{ background:#0a396b; height:22px; line-height:22px; font-size:14px;}

.lister{color:#303030;}
.lister li{ border-bottom:#999 dashed 1px; padding-bottom:12px; height:145px;}
.lister dt{ font-size:18px; height:40px; line-height:40px; }
.lister dt a{ color:#000;}
.lister dd{ line-height:16px; width:472px; position:relative; padding-right:56px;}
.lister dd .deta{ display:block; position:absolute; width:34px; top:0; right:0; color:#FFF;}
.lister dd .deta span{ display:block; text-align:center; font-weight:normal;}
.lister dd .deta .d{ background:#bdbdbd; height:25px; line-height:25px; font-size:16px;}
.lister dd .deta .m{ background:#0a396b; height:22px; line-height:22px; font-size:14px;}

#lp{ margin-top:20px; text-align:right;}

#tagHot .title{ line-height:45px; background:#2b2b2b; color:#FFF; text-align:center }
#tagHot .taglist{ padding:10px; width:246px; background:#f5f5f5; border-style:none solid solid solid; border-width:0 1px 1px 1px; border-color:#c8c8c8;}
#tagHot a{ display:inline-block; float:left; line-height:25px; padding:0 8px; color:#464646; white-space:nowrap;}
#tagHot a:hover{ color:#000;}

#xgnews{ margin-top:40px;}
#xgnews .tit{ line-height:50px; font-size:18px;}

.left_menu{ position:relative;}
.left_menu .title{ line-height:45px; background:#2b2b2b url(../images/left_menu.gif) no-repeat 14px center; color:#FFF; text-indent:50px;}
.left_menu .bor{ border-style:none solid solid solid; border-width:0 1px 1px 1px; border-color:#c8c8c8; background:#fbfbfb;}
.left_menu ul{ width:266px; overflow:hidden;}
.left_menu a{ display:block; line-height:29px; text-indent:35px; color:#000; border-bottom:#e5e5e5 solid 1px;}
.left_menu a:hover{ background-color:#f3f3f3;}
.left_menu .classtit{ display:block; background-color:#e5e5e5;
background-image:url(../images/leftmenu_down.gif); 
background-repeat:no-repeat;
background-position:10px center;
border:none; line-height:35px; text-indent:27px; color:#dc5921; font-size:12px; font-weight:bold; !important
}
.left_menu .classtit:hover{background-color:#e5e5e5;}

.left_menu span{display:block; line-height:29px; text-indent:28px;}
.pars{ width:100%; border-bottom:#FFF solid 1px; overflow:hidden;}
.pars h4{ background:#6c6c6c url(../images/t2_t3.gif) no-repeat 20px center; line-height:43px; color:#FFF; font-size:16px; text-indent:45px; cursor:pointer;}
.pars .t1{ background:#6c6c6c url(../images/t1.gif) no-repeat 20px center;}
.pars .t4{ background:#6c6c6c url(../images/t4.gif) no-repeat 20px center;}
.pars .t5{ background:#6c6c6c url(../images/t5.gif) no-repeat 20px center;}
.pars .content{ padding:20px 12px;}
.pars .jt{ float:right; display:block; width:42px; height:43px; 
background-image:url(../images/sssf.gif);
background-repeat:no-repeat;
background-position:left;
}
.pars table{ border-style:solid; border-color:#dc5921;}
.pars thead td{ background:#dc5921; color:#FFF; padding:12px 4px;}
.pars td{ padding:10px 4px; background:#fff; text-align:center; vertical-align:middle;}

.zz li{ float:left; margin:11px;}
.zz a:hover img{border:#dc5921 solid 1px;}
.zz img{ border:#aaa solid 1px;}
.zz span{ line-height:40px; text-align:center; display:block;}

#References li{ margin:15px 0; padding-bottom:15px; border-bottom:#999 dashed 1px;}
#References img{ border-radius:12px;}
#References dl{ width:500px;}
#References dt{ font-size:16px; color:#000; font-weight:bold; height:40px;}
#References dt a{ color:#000;}
#References dd a{ color:#666;}


.Download{ margin-top:25px;}
.Download .tit{ font-size:14px; height:20px; color:#dc5921; font-weight:bold; background:url(../images/xx.gif);  margin-bottom:10px;}
.Download .tit a{ color:#dc5921; display:inline-block; padding:0px 12px; background:#FFF; height:20px; line-height:20px; margin-left:20px; }
.Download li{ float:left; width:123px; height:171px; margin:10px 8px; background:#f6f6f6; text-align:center;}
.Download .ja{ height:137px; border-width:1px 1px 0 1px; border-color:#d9d9d9; border-style:solid solid none solid; background:url(../images/pdf_ico.jpg) no-repeat center 30px;}
.Download .ja span{ display:block; line-height:14px; margin-top:95px;}
.Download li p{ line-height:33px; background:url(../images/downpic.jpg) no-repeat;}
.Download li p a{ display:inline-block; width:100%; height:33px;}

.nopro{ display:block; background:#f5f5f5 url(../images/nopro.gif) no-repeat center; width:100%; height:500px;}

#Refright .title{ line-height:45px; background:#2b2b2b; color:#FFF; text-indent:24px; font-weight:bold; }
#Refright .taglist{ width:266px; background:#f5f5f5; border-style:none solid solid solid; border-width:0 1px 1px 1px; border-color:#c8c8c8;}
#Refright .taglist .on{ background:#fff;}
#Refright .taglist .on a{ color:#dc5921;}
#Refright a{ border-bottom:#dadada solid 1px; display:block; text-indent:20px; width:100%; line-height:40px; color:#464646; background:none; }
#Refright a:hover{ background:#ddd; color:#000;}
#gotop{ position:fixed; right:100px; width:29px; height:29px; background:url(../images/gotop.png) no-repeat; z-index:99999; top:80%; cursor:pointer;}


#prjj .zoom {
position: absolute;
bottom: 35px;
background: url(../images/zoom.gif) no-repeat left center;
line-height: 20px;
font-size: 16px;
}
#prjj .zoom a{outline:none; display:inline-block; height:20px; width:20px;}

#jxt {width: 700px;}
#jxt li {
float: left;
width: 171px;
margin: 2px;
height: 200px;
background: #EEE;
}
#jxt ul {
width: 700px;
}
#jxt li span {
display: inline-block;
width: 147px;
text-align: center;
line-height: 14px;
word-wrap: break-word;
padding: 0 12px;
}
#jxt .picbin {
background: #EEE;
width: 171px;
height: 164px;
text-align: center;
}
#jxt .classname {background:#CCC;padding-left: 12px;margin-bottom: 15px;}
#jxt .classname .on {background: #FFF;color: #000;}
#jxt .classname span {
cursor: pointer;
display: block;
border-top: #CCC solid 5px;
float: left;
margin-left: 2px;
background: #333;
line-height: 35px;
font-size: 14px;
color: #fff;
padding: 0 20px;
}

#tt h1{ border-bottom:#aaa solid 2px;}
#Sitemap{ width:670px; margin:0 auto;}
#Sitemap ul{ float:left;}
#Sitemap .channle{ border-bottom:#ccc solid 1px; padding:12px 0;}
#Sitemap li{ line-height:35px; font-size:14px;  }
#Sitemap li span{ display:block; width:200px; float:left; }
#Sitemap a{ color:#333;}
#Sitemap a:hover{ color:#F30;}

#hometit{ line-height:35px; font-size:14px; padding:12px 0; width:220px; }

#classCh .a {
background: url(../images/ssy.png) no-repeat 62px 27px;
}
#fnav #classCh {
margin-right: 15px;
padding-left: 25px;
padding-right: 8px;
}
#classlink {
display: none;
position: absolute;
background: #FFF;
width: 586px;
padding: 15px;
top: 57px;
left: 0px;
border-bottom: #dc5921 solid 2px;
}
#fnav li {
	z-index:700;
float: left;
font-size: 14px;
position: relative;
}
#classlink a {
display: inline-block;
float: left;
color: #666;
font-size: 12px;
padding: 0 12px;
line-height: 30px;
}