body{margin: 0px auto; padding: 0px; font-size:14px; line-height:24px; color: #333; font-family:Microsoft YaHei;}
div{margin: 0px; padding: 0px;}
span, p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{transition: all 0.7s;}
img:hover{transition: all 0.7s;}
dl,dt,dd,ol,ul,li {margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
form,input,select{margin: 0px; padding: 0px;}
ul{list-style-type: none;}
a{text-decoration: none; color: #333; transition: all 0.6s; font-size:14px;}
a:hover{text-decoration: none; color:#ea0000;transition: all 0.6s;}
element.style{width:201px; line-height:25px;}
.clear{height:0; overflow:hidden; clear:both;}
.fl{float:left;}
.fr{float:right;}
#bodycon{margin-bottom:30px;}

#head{width:100%; margin:0 auto; overflow:hidden;}
.top20{height:20px; overflow:hidden; width:100%; margin:0 auto;}
.top30{height:30px; overflow:hidden; width:100%; margin:0 auto;}
.top40{height:40px; overflow:hidden; width:100%; margin:0 auto;}
.top50{height:50px; overflow:hidden; width:100%; margin:0 auto;}
.top90{height:90px; overflow:hidden; width:100%; margin:0 auto;}


#head-box{width:100%; margin:0 auto; height:35px; overflow:hidden; border-bottom:1px #eee solid; background:#f9f9f9;}
#head{height:35px; overflow:hidden; line-height:35px; color:#999;}
#head a{color:#999;}
#head-l{padding-left:5px; float:left;}
#head-l span{color:#F00; font-weight:bold; font-size:14px;}
#head-r{float:right; padding-right:5px; font-size:14px;}


#top{height:120px; width:100%; margin:0 auto;}
.top_l{width:260px; padding-top:28px; float:left; padding-right:10px;}
.top_name{ width:260px; float:left;}
.top_name1{ width:260px; float:left; font-size:20px; font-weight:bold; text-align:center; height:40px; line-height:40px;}
.top_name2{ width:260px; float:left; font-size:14px; text-align:center; color:#999; height:30px; line-height:30px;}


.top_r{ float:right; width:810px; padding-top:40px; height:46px;}
.menu{}
.menu li{ float:left; text-align:center; width:100px; position:relative;}
.menu li a{ display:block; height:46px; line-height:46px; font-size:16px; text-decoration:none;  width:100px;}

.menu ul > li > ul{width:125px;background:rgba(0,0,0,0.6);position:absolute;display:none;top:61px;left:-30px;z-index:1111;padding:10px 0;}
.menu ul > li > ul li a{color:#fff;font-size:16px;line-height:35px;display:block;text-align:center;}
.menu ul > li > ul li a:hover{background:rgba(255,255,255,0.15); transition: all 0.6s;}


.sddm{margin: 0 auto; padding: 0; width: 100px; position:relative; z-index:99;}
.sddm div{visibility: hidden; margin: 0; padding: 0; position:absolute; z-index:99; left:0px; top:53px; border-bottom:1px solid #6185f8;}
.sddm div a{margin: 0; width: auto; white-space: nowrap; text-decoration: none; font:14px; color:#fff; background-color:#2048cb; line-height:30px; display:block; border-top:1px solid #6185f8;}
#m10 a:link,#nav ul li #m10 a:visited,#nav ul li #m10 a:active{line-height:36px; height:36px; font-size:14px; width:100px; font-weight:normal; padding-top:0px;}
#m10 a:hover{color:#FFFC02; background:#234ac9; line-height:36px; font-size:15px; height:36px; width:100px; font-weight:bold; padding-top:0px;}
#m11 a:link,#nav ul li #m11 a:visited,#nav ul li #m11 a:active{line-height:36px; height:36px; font-size:14px; width:100px; font-weight:normal; padding-top:0px;}
#m11 a:hover{color:#FFFC02; background:#234ac9; line-height:36px; font-size:15px; height:36px; width:100px; font-weight:bold; padding-top:0px;}
#m12 a:link,#nav ul li #m12 a:visited,#nav ul li #m12 a:active{line-height:36px; height:36px; font-size:14px; width:100px; font-weight:normal; padding-top:0px;}
#m12 a:hover{color:#FFFC02; background:#234ac9; line-height:36px; font-size:15px; height:36px; width:100px; font-weight:bold; padding-top:0px;}
#m13 a:link,#nav ul li #m13 a:visited,#nav ul li #m13 a:active{line-height:36px; height:36px; font-size:14px; width:100px; font-weight:normal; padding-top:0px;}
#m13 a:hover{color:#FFFC02; background:#234ac9; line-height:36px; font-size:15px; height:36px; width:100px; font-weight:bold; padding-top:0px;}


.flash_bg{width:100%; margin:0 auto;}
.focus{width: 100%;height:529px; position: relative; overflow:hidden;}
.focus ul,.focus li{ list-style:none; padding:0; margin:0;}
.focus li{ display: none}
.focus .bg { position: absolute; width:100%; height: 30px; left: 0; bottom: 0;  opacity: 0.5; filter: alpha(opacity=50); z-index: 1; background:none;}
.focus .f_btns{position: absolute; width: 100%; height:30px; line-height:30px; left: 0; bottom: 30px; text-align: center; z-index: 2}
.focus .f_btns h2 { color: #fff; font-size: 16px; font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; line-height: 30px; }
.focus .f_btns h2 a{ color: #fff;}
.focus .f_btns h2 a:hover{ text-decoration: none}
.focus .f_btns .btn{ text-align: center; height:14px; overflow: hidden; font-size:0;}
.focus .f_btns .btn span {display: inline-block; width:20px; height: 14px; overflow: hidden; margin: 0 5px; background:url(../image/dian.png) no-repeat; cursor: pointer}
.focus .f_btns .btn span.cur{ background:url(../image/yuan.png) no-repeat;}
.focus .prev {background: url(../image/left.png) no-repeat; position: absolute; top:240px;left:80px; width: 40px; height: 60px; z-index: 3; cursor: pointer}
.focus .next { background: url(../image/right.png) no-repeat; position: absolute; top:240px; width: 40px; height: 60px;right: 80px;z-index: 3;cursor: pointer}
.jqfocus ul li a img{height:529px; text-align:center;}


#searchBoxd {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 506px;
    z-index: 99;
    height:100px;
}
#searchBox{width:100%; margin:0 auto; height:56px; background:#0080FF; padding:22px 0px 22px 0px;}

#search{width:1060px; margin:0 auto; height:56px; overflow:hidden;}
#search-bg{float:left; width:421px; height:54px; font-size:26px; color:#fff; font-weight:bold; border:1px #c9d6ff solid; line-height:54px; text-align:center;}
#search-text{width:590px; float:left; line-height:56px; color:#d0e4ff;}
#search-text a{color:#d0e4ff;}
#search-text span{font-weight:bold;}


.service_dbt{ font-size:34px; text-align:center; font-weight:bold; font-family:"Microsoft Yahei"; padding-top: 25px; width:100%; margin:0 auto; overflow:hidden; height:50px; line-height:50px; padding-bottom:20px;}

.service_dbt1{ font-size:34px; text-align:center; font-weight:bold; font-family:"Microsoft Yahei"; padding-top: 25px; width:100%; margin:0 auto; overflow:hidden; height:50px; line-height:50px; padding-bottom:20px; color:#fff;}


.adv_bt2{width:440px; margin:0 auto; position:relative;}
.adv_bt2x{width:440px; float:left; background:#eee; height:1px; overflow:hidden;}
.adv_bt2a{width:190px; float:left; text-align:center; background:#fff; position:absolute; margin-left:117px; top:-13px; font-size:16px; border:1px #eee solid;}
.adv_bt2a a{font-size:15px; color:#999;}


.adv_bt22{width:440px; margin:0 auto; position:relative;}
.adv_bt22x{width:440px; float:left; background:#acbef9; height:1px; overflow:hidden;}
.adv_bt22a{width:190px; float:left; text-align:center; background:#fff; position:absolute; margin-left:117px; top:-13px; font-size:16px; border:1px #acbef9 solid;}
.adv_bt22a a{font-size:15px; color:#305DC3;}

#main{width:100%; margin:0 auto; overflow:hidden;}
#main li{ width:260px;float:left; border-bottom:1px #eee solid; padding-bottom:20px; margin-left:20px; margin-top:30px; background:#fafafa; position: relative; transition-duration: 1s; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; top: 0; display: block; z-index:11000;}
#main li img{ width:260px; height: 143px; float:left;}
#main li p{ width:260px; float:left; height:36px; line-height:36px; text-align:center; font-weight:bold; font-size:16px; padding-top:10px;}
#main li:hover{ width:260px; background:#305DC3; color:#fff; transition: all 0.6s; box-shadow: 0px 10px 10px 0 #ccc; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; top:-18px;}
#main li span{ width:260px; float:left; height:14px; height:20px; line-height:20px; text-align:center;}


.td_box{width:100%; margin:0 auto; overflow:hidden; background:#305DC3; padding:20px 0px 50px 0px;}

.td{width:1144px; margin:0 auto; overflow:hidden;}
.td li{width:91px; float:left; border-radius:50%; background:#07397e; height:95px; margin-left:22px; overflow:hidden; padding:20px 22px;}

.td li:hover{width:91px; float:left; border-radius:50%; background:#0080FF; height:85px; padding:25px 22px; transition: all 0.8s linear;cursor:pointer;  -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); transform: rotate(360deg);}

.td2{width:1144px; margin:0 auto;}
.td2 li{width:135px; float:left; margin-left:22px;}
.td2 li span{width:135px; float:left; height:50px; line-height:16px; text-align:center; color:#fff; font-size:16px; line-height:50px;}


.client{ margin:0 auto; width:100%; margin-top:50px; overflow:hidden;}
.client1{ background:url(../image/20171211170932_985782156.jpg) center 26px no-repeat; text-align:center; font-size:17px;}
.client1 span{ color:#333; font-weight:bold; font-size:34px;}
.client1 a{ color:#0a4088; font-weight:bold; font-size:34px; text-decoration:none;}
.client1 font{ line-height:32px;}
.client2{ width:100%; margin:0 auto; text-align:center; border: 1px solid #ddd; border-top:none; height: 232px; overflow: hidden; margin-top:20px; }
.client2 li{ float: left; border-top: 1px solid #ddd; border-right: 1px solid #ddd; width: 219px; position: relative; height: 115px;  overflow: hidden;}
.client2 li img { width: 219px; height: 115px; }
.client2 li .on { background: url(../image/20171211170932_985782156.png) repeat; width: 219px; height: 115px; position: absolute; left: 0; top: -15px; line-height: 115px; color: #fff; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: ease-in-out .3s; }
.client2 li:hover .on { opacity: 1; filter: alpha(opacity=100); top: 0; }
.client2 li:nth-child(5n){ border-right:none;}

	
#adv_box{width:100%; margin:0 auto; height:750px; background:url(404.png) center; overflow:hidden;}
.customer{width:1132px; margin:0 auto;}

.customer li{width:246px; float:left; border:1px #305DC3 solid; padding:20px 7px 23px 7px; margin-left:16px; position: relative; transition-duration: 1s; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; top: 0; display: block; z-index:11000; background:#fdfcfc; border-top:10px #305DC3 solid;}
.customer li:hover{width:246px; float:left; display:block; box-shadow: 0px 10px 10px 0 #ccc; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; top:-18px; background:#fff;}

.customer li img{width:114px; float:left; height:114px; margin-left:66px;}
.customer li span{width:140px; float:left; height:40px; margin-left:50px; border-bottom:2px #305DC3 solid; line-height:40px; text-align:center; font-size:18px; font-weight:bold;}
.customer li p{width:206px; float:left; padding-top:6px; padding-left:20px; padding-right:20px; padding-bottom:10px; line-height:30px; text-align:center;}
.customer li a{width:126px; float:left; line-height:30px; text-align:center; height:30px; margin-left:59px; background:#0080FF; color:#fff;}


#company_box{background:url(404.png); margin:0 auto; width:100%; padding:50px 0px;}
#company{margin:0 auto; width:100%; overflow:hidden;}
.ysimg{ float:left; width:505px; height:380px; overflow:hidden; border:20px #fff solid;}


#company_rd{width:470px; float:left; position:relative; margin-left:-40px; margin-top:20px;}
#company_r{width:570px; float:left; padding-top:34px; padding-left:23px; background:#305DC3; padding-bottom:35px; padding-right:23px; color:#666;}
#company_rbt{width:570px; float:left; font-size:24px; font-weight:bold; line-height:36px; color:#fff;}
#company_rbt span{font-weight:normal; font-size:18px; line-height:24px; height:24px;}

#company_rbt2{font-size:30px; color:#7f9cfa; height:40px; line-height:40px;　width:388px; float:left;}
#company_rbg{width:540px; float:left; padding-top:5px; line-height:26px; padding-left:6px; color:#afcffb;}
#company_rmore{width:260px; float:left; height:36px; line-height:36px; border:1px #fff solid; text-align:center; margin-top:10px;}
#company_rmore span{width:130px; height:36px; line-height:36px; text-align:center; float:left; background:#000; color:#fff;}
#company_rmore span a{color:#fff;}
#company_rmore p{width:130px; height:36px; line-height:36px; text-align:center; display:block; background:#0061b7; color:#fff; float:left;}
#company_rmore p a{color:#fff;}


.news{width:100%; overflow:hidden; padding-bottom:28px;}
.news_t{width:100%; overflow:hidden; padding-top:64px; background:#f8f8f8; padding-bottom:30px;}
.news_t_en{text-align:center; font-size:56px; font-family:Aparajita, Arial, Helvetica, sans-serif; color:#d2d2d2; font-weight:bold; line-height:60px; text-transform:uppercase;}
.news_t_m{text-align:center; font-size:26px; color:#305DC3; line-height:33px; position:relative; margin-top:-10px; font-weight:bold;}
.news_t_s{text-align:center; font-size:16px; line-height:24px; padding-top:14px;}
.news_t_den{text-align:center; color:#999; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:20px;}
.news_a{width:420px; margin:0 auto;}
.news_xt{ width:100%; overflow:hidden;}
.news_xt_i{ width:100%; overflow:hidden; border-bottom:solid 1px #eee; position:absolute; margin-top:241px;}
.lanrenzhijia{ width:100%; overflow:hidden;}
.lanrenzhijia .tab{ overflow:hidden; width:100%; position:relative; z-index:99; background:#f8f8f8; padding-bottom:44px;}
.lanrenzhijia .tab a{display:block; float:left; text-decoration:none; height:40px; line-height:40px; width:110px; text-align:center; font-size:16px; color:#fff; background:#305DC3; margin:0px 15px;transition: all 0.8s linear;}
.lanrenzhijia .tab a.on{text-decoration:none; background:#cc0000; transition: all 0.8s linear;}
.lanrenzhijia .content{ overflow:hidden; width:100%; margin:0 auto; height:510px; position:relative;}
.lanrenzhijia .content .ul{ position:absolute; left:0; top:0; width:100%;}
.lanrenzhijia .content .li{ width:100%; float:left; height:510px}

.news_li_t{width:100%; overflow:hidden; height:241px;}
.news_li_t .news_div_item,.news_li_t .divdgweb_new_div_item{width:100%; padding-top:21px;}
.news_li_t .news_div_item_date,.news_li_t .divdgweb_new_div_item_date{float:left; width:146px; height:121px; border-right:solid 5px #f8f8f8; font-size:16px; color:#00458e; line-height:28px; margin-top:36px; font-family:Arial, Helvetica, sans-serif;}
.news_li_t .news_div_item_year,.news_li_t .divdgweb_new_div_item_year{float:left; margin-left:42px; margin-top:82px;}
.news_li_t .news_div_item_month,.news_li_t .divdgweb_new_div_item_month{float:left; margin-top:82px;}
.news_li_t .news_div_item_day,.news_li_t .divdgweb_new_div_item_day{width:146px; text-align:center; position:absolute; margin-top:20px; line-height:60px; font-size:56px;}
.news_li_t .news_div_item_content,.news_li_t .divdgweb_new_div_item_content{float:left; padding-left:42px; margin-top:36px;}
.news_li_t .news_div_item_title,.news_li_t .divdgweb_new_div_item_title{ line-height:30px; padding-bottom:16px;}
.news_li_t .news_div_item_title a,.news_li_t .divdgweb_new_div_item_title a{ font-size:18px;}
.news_li_t .news_div_item_body,.news_li_t .divdgweb_new_div_item_body{line-height:22px; font-size:13px; color:#666; width:576px; display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.news_li_t .news_div_item_pic{float:right; width:300px; height:197px; border:solid 1px #ccc; overflow:hidden;}
.news_li_t .news_div_item_pic img{width:300px; height:197px;transition: all 0.5s linear;}
.news_li_t:hover .news_div_item_pic img{transform: scale(1.05);}

.news_li_d{width:100%; overflow:hidden; padding-top:12px;}
.news_li_d .news_div_item,.news_li_d .divdgweb_new_div_item{ width:520px; float:left; border-bottom:dotted 1px #ccc; margin:0px 15px; line-height:56px; background:url(../image/20171113173141_543317138.jpg) no-repeat 2px 24px;}
.news_li_d .news_div_item_date,.news_li_d .divdgweb_new_div_item_date{float:right; font-size:14px; color:#999; width:90px;}
.news_li_d .news_div_item_year,.news_li_d .divdgweb_new_div_item_year{ float:left;}
.news_li_d .news_div_item_month,.news_li_d .divdgweb_new_div_item_month{float:left;}
.news_li_d .news_div_item_day,.news_li_d .divdgweb_new_div_item_day{float:left;}
.news_li_d .news_div_item_content,.news_li_d .divdgweb_new_div_item_content{float:left; width:410px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left:15px;}
.news_li_d .news_div_item_title a,.news_li_d .divdgweb_new_div_item_title a{font-size:14px;}



#link_box{width:100%; margin:0 auto; overflow:hidden; background:#f9f9f9; padding:30px 0px;}
#link{width:100%; margin:0 auto; overflow:hidden; height:65px; background:#fff;}
#link_bt{width:140px; float:left; height:65px; font-size:16px; color:#666; text-align:center; line-height:65px; font-weight:bold;}
#link_bt .en{padding-left:5px; font-size:14px; color:#cc0000; font-family:Arial, Helvetica, sans-serif;}
#link_bg{width:930px; padding:0px 15px 0px 15px; line-height:65px; height:65px; float:left; overflow:hidden;}


.bq_box{overflow:hidden; background:#305DC3; width:100%; margin:0 auto; padding-top:35px; height:221px;}
.bq{width:100%; margin:0 auto; color:#666; overflow:hidden; font-size:14px;}
.bq a{color:#666; font-size:14px;}

.linkfb{float:left; padding-left:40px; padding-right:40px;}
.linkfa{float:left; padding-left:40px; padding-right:0px; padding-top:23px;}
.linkf{float:left; padding-left:40px; padding-right:40px; border-right:1px #305DC3 solid;}
.linkf_bt{height:50px; line-height:50px; font-size:15px; font-weight:bold; color:#fff; border-bottom:1px #305DC3 solid; width:70px; text-align:center;}
.linkf_bg{float:left; padding-top:3px; line-height:30px; font-size:14px; color:#9fc9ee;}
.linkf_bg a{font-size:14px; color:#9fc9ee;}

.link2{float:right; padding-right:50px; padding-top:25px; width:513px;}
.link21{float:left; width:380px; overflow:hidden;}
.link21 span{float:left; width:380px; text-align:right; font-size:14px; overflow:hidden; margin-bottom:5px; line-height:28px; margin-top:3px;}
.link21 a{float:left; width:180px; height:33px; line-height:33px; background:#cc0000; text-align:center; margin-left:200px; font-size:14px; color:#fff;}
.link22{float:left; width:114px; height:115px; padding-left:15px;}

.bq_bg{width:100%; margin:0 auto; padding:15px 0px 15px 0px; text-align:center; line-height:30px; color:#fff; font-size:14px; overflow:hidden; background:#000;}
.bq_bg a{color:#fff; font-size:14px;}


.bg7{background-color: #f4f4f4; width: 100%; height: 121px;}
.bg7_1{margin: 0 auto; width: 100%; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 19px; background: url(404.png) no-repeat 540px 92px;}
.bg7_1 p{font-size: 18px; color: #cccccc; padding-top: 20px}
.bg7_1 h3{font-size: 20px; font-weight: 600; color: #333333; padding-top: 10px;}
.bg7_1 .l_cn_tit{font-size: 20px; font-weight: 600; color: #333333; padding-top: 10px;}

#jjfa{background-color: #f4f4f4; width: 100%; margin:0 auto; overflow:hidden; padding:20px 0px 50px 0px;}
#jjfa_box{width:100%; margin:0 auto; overflow:hidden; height:356px; overflow:hidden;}

.case_ul > li{width: 300px; height: 50px; margin-bottom: 2px; display: block;}
.case_ul > li a{width: 268px; height: 50px; line-height: 50px; padding-left: 32px; font-size: 16px; color: #333; display: inline-block; *display: inline; zoom: 1; background: url(404.png) no-repeat #ccc 250px 0px;}
.case_ul > li a:hover{background: url(404.png) no-repeat #ccc 250px 0px;}
.case_li .case_bg, .case_li .case_bg a{background: url(404.png) no-repeat #ccc 250px 0px;}
.case_li, .guanyu_li_none{float: left;}
.case_li{width: 300px;}

.guanyu_li_none{ width: 773px; margin-left: 27px; height:356px; overflow:hidden;}
.case_left{float: left; border: 1px solid #c9c9c9; position: relative}
.case_left > p{display: block; width: 406px; height: 45px; line-height: 45px; position: absolute; left: 0px; top: 312px; background: #141414; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; text-align: center;}
.case_left > p span{font-size: 16px; color: #fff; line-height: 45px;}

.case_right{float: right;}
.c_r_span1{width: 80px; height: 50px; text-align: center; display: inline-block; *display: inline; zoom: 1; font-size: 16px; color: #fff; background: #ff6600; line-height: 50px;}
.c_r_span2{width: 240px; height: 50px; display: inline-block; *display: inline; zoom: 1; font-size: 15px; color: #333; background: #fff; line-height: 50px; padding-left:15px;}
.c_r_div1{width: 295px; height: 255px; background: #fff; margin-top: 13px; padding: 20px; font-size: 14px; color: #666; line-height: 24px;}
.c_r_div1 p{font-size: 12px; color: #666; line-height: 24px;}
#bm{ width:100%; margin:0 auto;}
#youx{ width:100%; overflow:hidden; background:url(404.png) no-repeat top; padding-bottom:60px;}
.youx_t{ text-align:center; font-size:30px; font-weight:bold; margin:30px 0px; line-height:35px;}
.youx_t span{ font-weight:normal; color:#666; font-size:18px;}
.liul{ background:#F2F2F2; width:100%; margin:0 auto;}
.liu_a{ float:left;}
.liu_b{ float:right; padding-right:45px;}
.liu_c{ margin-top:20px;}
.liu_tj{ margin-top:20px; text-align:center;}