﻿@charset "utf-8";
*{ outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
html{ font:normal 100% "宋体";  -webkit-text-size-adjust:100% }
body{ padding:0px; margin:0px auto; font-size:100%; color:#666; background-color:#fff; min-width:320px; max-width:1080px;-webkit-text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/-webkit-user-select: none;  /*控制内容的可选择性*/-ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
p{ margin:0;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; margin:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
ol, ul,li,dl,dd { list-style:none; }
table { border-collapse:collapse; border-spacing:0 }
table td{border-collapse:collapse;}
em{font-style:normal;}
select,input,textarea{ font-size:100%; color:#666;font-family:"宋体"; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus { color:#333;outline:none; -moz-outline:none;}
a:active{ color:#333 }
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

.Contain{ padding:2%;/* min-height:200px;*/}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; line-height:1.8;}
@media (max-width:480px){
.SinglePage{ font-size:80%;}
}

/*top.html*/
.Top{position:relative;z-index:50;background: #fff; }

.Top img{ /* width:100%;*/ /*height:91px;*/}
.Top .logo{text-align:left; margin-left:50px; display:none;}

.Top .back{position:absolute;width:50px; top:0;height:100%; background-position: center center; background-repeat:no-repeat;background-size:auto 53%;left:0; background-image:url(../images/top_back.png);}
@media (max-width:480px){
.Top .back{ width:40px;}
}


/*栏目名称*/
.ColumnName{ text-align:center; color:#fff; font-size:200%; line-height:90px;  font-weight:bold; }
@media (max-width:480px){
.ColumnName{ font-size:120%;line-height:50px;}
}
@media (max-width:320px){
.ColumnName{ font-size:100%;line-height:40px;}
}
/*栏目名称 End*/
.homeBody .ColumnName{ display:none;}
.homeBody .Top .logo{ position: relative;display:block;}
.enchange{display: inline-block;position: absolute;z-index: 500;right: 12%;}
@media (max-width:480px){
.homeBody .Top .logo img{ height:50px; width:auto;}
}


.Menu{ position:fixed; left:-100%; top:0; width:100%; height:100%; overflow:auto; background:url(../images/nav_bg.jpg) no-repeat center top; z-index:200; background-size:cover; font-size:180%;}
.Menu .close{ height:65px; background:url(../images/close.png) no-repeat center top; background-size:auto 100%; margin-top:10%; margin-bottom:2%;}
.Menu ul{ margin:0 10%;}
.Menu ul li ul{ margin:0;}
.Menu li{ border-bottom:1px solid #c6c2b3; text-align:center;}
.Menu li ul{ border-top:1px solid #c6c2b3; display:none;}
.Menu li a{display:block; padding:4% 0;}
.Menu li ul li a{ color:#999;}
@media (max-width:320px){
.Menu{ font-size:100%;}
.Menu .close{ height:40px;}
}

/*top.html*/


/*Bottom end*/

.Bottom nav{ overflow:hidden; clear:both; padding:1% 0;}
.Bottom nav li{ float:left; width:50%;text-align:center; position:relative;}
.Bottom nav li::before{ position:absolute; right:0; width:1px; height:50%; top: 25%; background-color:#CCC; content:''; box-shadow:1px 0 0 #EEE;}
.Bottom nav li:last-child::before{ display:none;}
.Bottom nav li a{ display:block; color:#555;padding:5% 0 5% 25%; background-repeat:no-repeat; background-position: 30% center; background-size:15% auto; font-size:250%; }
.Bottom nav li:nth-child(1) a{background-image:url(../images/b1.png); }
.Bottom nav li:nth-child(2) a{background-image:url(../images/b2.png);}

.EwmShow{ position:fixed; background:rgba(0,0,0,0.5); left:0; top:0; width:100%; height:100%;z-index:200; display:none;}
.EwmShow div{background:#fff; position:absolute; left:50%;width:300px; margin-left:-150px; top:15%; text-align:center; padding:20px 0; border-radius:10px;}
.EwmShow div img{ width:80%;}
.EwmShow div span{ width:30px; height:30px; position:absolute; right:-15px; top:-15px; background:url(../images/close.png) no-repeat #fff; background-size:cover; border-radius:50%;}
@media (max-width:768px){
.EwmShow div{	width:200px; margin-left:-100px;}
.Bottom nav li a{ font-size:180%;}
}
@media (max-width:640px){
.Bottom nav li a{ font-size:100%;}
}
@media (max-width:480px){
.Bottom nav li a{ font-size:90%;}
.Bottom .copyright{ font-size:80%;}
}
@media (max-width:320px){
.Bottom nav li a{ font-size:80%;}
.Bottom .copyright{ font-size:75%;}
}
/*Bottom end*/

/*二级菜单*/
.Nav{clear:both; overflow:hidden;}
.Nav dd{ width:33.333333%; float:left; border-bottom:4px solid #fff; font-size:180%; text-align:center; position:relative;}
.Nav dd::before{ position:absolute; content:''; right:0; top:0; width:4px; background-color:#fff; height:100%;}
.Nav dd:nth-child(3n)::before{ display:none;}
.Nav dd a{ display:block; padding:5% 0;background-color:#ccc; font-weight:bold;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.Nav dd a.aon{ background-color:#5f5727; color:#fff;}
@media (max-width:768px){
.Nav{ font-size:90%;}
}
@media (max-width:640px){
.Nav{ font-size:65%;}
.Nav dd{border-bottom-width:3px;}
.Nav dd::before{width:3px;}
}
@media (max-width:480px){
.Nav{ font-size:60%;}
}
@media (max-width:320px){
.Nav{ font-size:50%;}
.Nav dd{border-bottom-width:2px;}
.Nav dd::before{width:2px;}
}
/*二级菜单 end*/

#column{ background:#eee; padding:2% 3%; color:#f9bf00; font-size:200%; font-weight:bold;}
@media (max-width:480px){
#column{ font-size:16px;}
}
@media (max-width:320px){
#column{ font-size:13px;}
}

/*banner*/
.banner{ margin:0px; padding:0px; position:relative; z-index:0;}
.banner img{ width:100%;}
.banner li{ position:relative; text-align:center; line-height:0px; vertical-align:middle !important;}
.banner .hd{ position:absolute; width:100%; text-align:center; z-index:10; bottom:1%;}
.banner .hd a{ width:20px; height:20px; border-radius:50%; display:inline-block; background-color:#fff; margin:0 3px; }
.banner .hd a.on{ background-color:#f8bd00;}
@media (max-width:480px){
.banner .hd a{ width:12px; height:12px; }
}
/*banner end*/
.pageban img{ width:100%;}

/*新闻列表*/
.news_list{}
.news_list li{ overflow:hidden; clear:both;position:relative; margin-bottom:2%; border-bottom:1px dashed #cfcfcf; padding-bottom:2%;}
.news_list li:last-child{  border-bottom:0;}
.news_list li .pic{ float:left; width:20%;}
.news_list li .pic img{ width:100%; border-radius:50%;}
.news_list li .txt{ float:right; width:78%}
.news_list li h1{ font-size:125%; margin:1% 0; font-weight:bold;}
.news_list li h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news_list li p{ font-size:115%; line-height:1.7; margin-bottom:1%;}
.news_list li time{ color:#999;}
@media (max-width:768px){
.news_list{ font-size:90%;}
}
@media (max-width:640px){
.news_list{ font-size:70%;}
.news_list li p{ line-height:16px; height:32px; overflow:hidden;}
}
@media (max-width:480px){
.news_list{ font-size:60%;}
}

/*新闻列表 end*/

/*解决方案*/
.solution_list{}
.solution_list li{ overflow:hidden; clear:both;position:relative; margin-bottom:2%; border-bottom:1px dashed #cfcfcf; padding-bottom:2%;}
.solution_list li:last-child{  border-bottom:0;}
.solution_list li .pic{ float:left; width:30%;}
.solution_list li .pic img{ width:100%;}
.solution_list li .txt{ float:right; width:68%}
.solution_list li h1{ font-size:125%; margin:1% 0; font-weight:bold;}
.solution_list li h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.solution_list li p{ font-size:115%; line-height:1.7; margin-bottom:1%;}
@media (max-width:768px){
.solution_list{ font-size:90%;}
}
@media (max-width:640px){
.solution_list{ font-size:70%;}
.solution_list li p{ line-height:16px; height:32px; overflow:hidden;}
}
@media (max-width:480px){
.solution_list{ font-size:60%;}
.solution_list li p{ height:16px;}
}

/*解决方案 end*/
/*pages*/
.Pages{ padding:2% 0; text-align:center;zoom:1; overflow:hidden;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .p_page em,
.Pages .a_first,
.Pages .a_end{ display:none;}
.Pages a{margin:0px 2%;}
/*pages end*/
/*详细页 end*/
.detail{ text-align:center; padding:2% 0;}
.detail a,.info-back a,.Pages a.a_prev,.Pages a.a_next,.View a{ display:inline-block; border-radius:10px; border:1px solid #e2e2e2; padding:1% 7%; color:#000;
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
.info-back{ text-align:center; padding:4% 0;}
.info-title{font-size:125%; margin:1% 0;color:#000; text-align:center; padding-top:3%; padding-bottom:2%;}
.info-date{ border-bottom:1px solid #ccc;color:#999;  padding-bottom:2%;text-align:center; margin-bottom:5%;}
.info-pn span{ display:block; padding-bottom:1%;}
.info-pn span a{color:#999; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
@media (max-width:480px){
.info-title{ font-size:100%;}
.info-date,
.detail a,
.Pages a,
.info-pn{ font-size:80%;}
}
/*详细页 end*/

/*产品中心*/
.product-list{ overflow:hidden; clear:both; padding-top:2%;}
.product-list li{ float:left; width:50%; padding:0 2%; margin-bottom:5%; text-align:center;}
.product-list li:nth-child(2n+1){ clear:left;}
.product-list li h1{ font-size:150%; font-weight:normal; padding-top:5%;}
.product-list li h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product-list li div{ /*padding:5%; border:1px solid #dadada; box-shadow:inset 0 0  20px #ccc; border-radius:5px;*/}
.product-list li img{ width:100%;}

.product_info .name{ padding:2% 0; font-size:150%;}
.product_info .name span{ display:inline-block; padding:1% 3%; background-color:#5f5727; color:#fff;}
@media (max-width:480px){
.product-list li h1{ font-size:80%; }
.product_info .name{ font-size:110%;}
}

.swiper-car .swiper-wrapper{height:50px !important;}
.swiper-car{ background-color:#0073e0; color:#fff; margin-bottom:20px;}
.swiper-car .active{ background-color:#ffba00;}
.swiper-car .swiper-slide{ text-align:center; height:50px !important; line-height:50px; cursor:pointer;}

.swiper-car .arrow-right,
.swiper-car .arrow-left{position:absolute; right:0px;background: url(../images/arrow.png) no-repeat center center; background-size:auto 20px;  width:30px; height:100%; z-index:10; cursor:pointer;}

@media (max-width:480px)
{
.swiper-car{ font-size:14px;}
.swiper-car .arrow-right{ right:-5px;}
}
@media (max-width:320px)
{
.swiper-car{ font-size:12px;}
}
/*产品中心 end*/
/*案例*/
.case-list li{ float:left; width:50%;  padding:2%;}
.case-list li div{border:1px solid #eee; padding:2%; text-align:center;}
.case-list li h1{ padding:2%;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case-list li:nth-child(2n+1){ clear:left;}
.case-list li img{ width:100%;}
@media (max-width:320px)
{
.case-list li{ font-size:12px;}
}

.caseShowInfo{ display:none; top:0; position:fixed; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:100;}
.caseShowInfo .main{ position:absolute; width:80%; padding:3%; max-height:80%; overflow-y:auto;overflow-x:hidden; top:10%; left:10%; background:#fff; border-radius:5px;}
.caseShowInfo .colse{ z-index:10; background:url(../images/close.png) no-repeat #f9bf00; background-size:cover; width:50px; height:50px; overflow:hidden; line-height:150px; border-radius:50%; position:absolute; right:7%; top:8%;}
@media (max-width:480px)
{
.caseShowInfo .colse{width:30px; height:30px;}
}
/*案例 end*/

/*HOME*/
.h-menu{ overflow:hidden; clear:both; padding:5% 4%;}
.h-menu li{ float:left; width:20%; text-align:center; font-size:150%;}
.h-menu li img{ width:85%; max-width:170px; /*margin-bottom:5%;border-radius:50%;*/}
.h-menu li a{ color:#565656;display:block;}
.h-menu li span{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.h-nav{ overflow:hidden; clear:both;}
.h-nav li{ float:left; width:33.33%;}
.h-nav li img{ width:100%;}
@media (max-width:768px){
	
}
@media (max-width:640px){
.h-menu li{font-size:120%; width:33.33%;}	
}
@media (max-width:480px){
.h-menu li{font-size:90%;}	
}
@media (max-width:320px){
  .h-menu li{font-size:75%;-webkit-transform: scale(0.9);}
}
/*HOME end*/

/*map*/
#allmap{ margin-top:2%; }
.map{font-size:150%;}
.map .text{ width:100%; border:1px solid #aaaaaa; Border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;-o-border-radius:5px; background:#f9f9f9;-moz-box-shadow:5px 5px 10px 3px #e5e5e5 inset;-webit-box-shadow:5px 5px 10px 3px #e5e5e5 inset;box-shadow:5px 5px 10px 3px #e5e5e5 inset;padding:2% 1%; }
.map .btn{ width:100%; border:1px solid #fff; Border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;-o-border-radius:8px; -moz-box-shadow:5px 5px 10px 3px #e5e5e5 inset;-webit-box-shadow:5px 5px 10px 3px #e5e5e5;box-shadow:5px 5px 10px 3px #e5e5e5; padding:2% 0; text-align:center;background:-moz-linear-gradient(top, #fdfdfd, #e5e5e5); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #e5e5e5));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e5e5e5', GradientType='0');  cursor:pointer;}
@media (max-width:480px){
.map{font-size:100%;}
}
@media (max-width:320px){
.map{font-size:90%;}
}
/*map end*/

.h-news{padding:2%; }
.h-news ol {padding:2%; background-color:#eee;}
.h-news ol  div{ position:relative;}
.h-news img{ width:100%;}
.h-news ol  div a{ display:block;}
.h-news ol  div span{ position:absolute; bottom:0; height:50px; overflow:hidden; line-height:50px; color:#fff; text-align:center; left:0; width:100%; background:rgba(0,0,0,0.5);}
.h-news ul{ overflow:hidden;}
.h-news li{ /*clear:both;*/ overflow:hidden;  /*border-bottom:1px dashed #ccc; padding:3% 2%;*/ float:left; width:49%; margin-top:2%;}
/*.h-news li:last-child{ border-bottom:0;}*/
.h-news li .pic{ /*width:15%; float:right; margin-left:2%;*/ width:100%;position: relative;padding-bottom: 67%;height: 0;overflow: hidden;}

.h-news li .pic img{  width:100%;display: block;position: absolute;left: 0;top: 0;min-height: 100%;}
.h-news li h1{ font-size:150%; padding:5% 0; width:100%; text-align: center;} 
.h-news li h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
@media (max-width:480px){
.h-news li h1{font-size:16px;}
}
@media (max-width:320px){
.h-news ol  div span{font-size:14px; height:40px; line-height:40px;}
.h-news li h1{font-size:14px;}
}




/*SlideBar*/
.SlideBar{ margin-top:10px;}
.SlideBar .MenuList{ border-bottom:1px solid #D2D6DA; padding-bottom:2.5%;}
.SlideBar .MenuList li{ float:left; padding-left:1.3%; margin-top: 10px;}
.SlideBar .MenuList li a{ display:block; background:#DEDEDE; color:#202020; padding:8px 25px; font-size:2em;}
.SlideBar .MenuList li a:hover,.SlideBar .MenuList li.onmenu a{ background:#212121;color:#fff;}
.SlideBar .subMenu{ padding:1.8% 0; border-bottom:1px solid #D2D6DA; display:none;}
.SlideBar .subMenu dd{ float:left;}
.SlideBar .subMenu dd a{ display:block; padding:8px 25px; font-size:1.75em;}
.SlideBar .subMenu dd.onsubmenu a{ color:#B47634;}
.SlideBar .hsubMenu{ display:none;}
/*SlideBar*/

/*job*/
.job_list{ font-size:150%;}
.job_list th{  color:#5f5727;border-collapse:collapse; border:1px solid #ccc; background:#f0f0f0;padding:2% 0; text-align:center;}
.job_list td{border:1px solid #ccc; background:#fff; padding:2% 0; text-align:center; width:50%;}
.job_info .name{ padding-bottom:10px;}
.job_tabel td{border-collapse:collapse; border:1px solid #ccc; font-size:100%; padding:1%;}
.job_tabel tr td:nth-child(1),
.job_tabel tr td:nth-child(3){ width:18%; text-align:center; font-weight:bold;background:#f0f0f0;font-size:120%;}
.job_tabel tr td:nth-child(4){ width:20%; min-width:90px;}
.job_info .SinglePage{ padding-top:2%; font-size:130%;}
@media (max-width:786px){
.job_list{ font-size:130%;}
}
@media (max-width:640px){
.job_list{ font-size:90%;}
.job_info{ font-size:70%;}
}
@media (max-width:320px){
.job_list{ font-size:80%;}
.job_info{ font-size:60%;}
}
@media screen and (min-width:320px) and (max-width:480px){
.SlideBar .MenuList li a{font-size:1em;}
.SlideBar .subMenu dd a{font-size:0.8em;}
}


/*job end*/




/*2016-1-13 新增*/
.Top{ background-color:#1a7cc5;}
.Bottom nav{background-color:#efefef;}
.dl-menuwrapper ul{ background:rgba(0,0,0,0.9) !important;}
.dl-menuwrapper li a{ border-bottom:1px dashed #777 !important; border-top:none !important;}

.sale_web{border:1px solid #ccc;}
.sale_web .result{padding:3%;}
.sale_web .result dl span, .sale_web .result .tips span{ color:#E50012;}

.sale_web_search{ background-color:#1a7cc5; padding:3%; margin-top:3%;}
.sale_web_search select{border: none;background: #fff;margin-top:2%;margin-left: 2%;}
/*.sale_web_search input{border:none;float:left; margin-top:2%; width:66%;}
*/.sale_web_search input{width:100%; padding: 0 20px;height:25px; line-height:25px;background: url(../images/ss_bg.png) no-repeat;background-size: 100% 100%;border:none;float:left;}

.sale_web_search dl{}

/*.sale_web_search dd .btn{color:#1a7cc5;background: #fff; float:right; width:30%; margin-right:22%; margin-top:2.5%;}
*/

.sale_web_search dd .btn{text-indent: -99em; cursor:pointer; height:25px; width:44px; font-size:14px; background: url(../images/sousuo_bg.png) no-repeat; }


.sale_web_search dd:nth-child(1){ color:#fff; float:left;}
.sale_web_search dd{margin:2% 0;float: left;}

.sale_web_search dd:nth-child(2){width: 50%;}

.sale_web_list{margin-top:3%;}
.sale_web_list table{border:1px solid #ccc; border-collapse:collapse;}
.sale_web_list table td{text-align:center;border:1px solid #ccc; font-size:12px; padding:1% 0;}
.sale_web_list table .w1{width:21%;}
.sale_web_list table .w2{width:32%;}
.sale_web_list table .w3{width:33%;}
.sale_web_list table .w4{ width:21%;}
.news_list li .pic img{border-radius:0 !important;}

.from_table{ padding:3% 0;}
.from_table .f_name{ width:80px; text-align:right;}
.from_table table{ width:100%;}
.from_table td{ padding-bottom:2%;}
.from_table td .text{ width:80%; border:1px solid #ccc; height:30px; line-height:30px; background:#fff;}
.from_table td .btn{ background:#c00; color:#fff; width:100px; height:40px; border:0;}

.View{ text-align:center; padding:2% 0; display:none;}

.downDiv{ background:#000; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,0.5);}
.yz_pass,
.yz_failed{position:fixed; left:50%; top:25%; width:300px; margin-left:-150px; height:50%; z-index:120; background:#fff; border-radius:5px; }
.yz_pass h1,
.yz_failed h1{ color:#fff;  font-size:14px; background:url(../images/float_titlebg.png) repeat-x 0 0; position:relative; height:43px; line-height:43px; padding:0 2%;}
.yz_pass h1 span,
.yz_failed h1 span{ position:absolute; width:25px; height:23px; cursor:pointer; right:2%;background:url(../images/float_colse.png); top:10px;}
.yz_pass p,
.yz_failed p{ padding:3%;}

#dituContent  *{ -webkit- box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box; }
#dituContent img{ max-width:none !important; }

.product_tit{ background-color:#000; color:#fff; font-size:15px; padding:2%; margin:2% 0;}