@charset "utf-8";
body { font: 12px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
td { font-size: 12px; }
p { margin: 0px;  }
img { border-style: none; }
form { font-size: 12px; margin: 0px; padding: 0px; }
input { font-size: 12px; }


ul, li { list-style: none; margin: 0px; padding: 0px; }
a { color: #464646; text-decoration: none; }
a:hover { color: #004080; }
.pagebg { background: url(../images/pagebg.jpg) repeat-x left top; }
.pagebg2 { background: url(../images/pagebg2.jpg) repeat-x bottom; margin-top: 24px; margin-bottom: 25px; height:35px; }



.page { margin: 11px 0px; padding: 6px 37px 5px 28px; color: #A9A9A9; clear: both; text-align: right; }
.pageem { color: #E50012; font-weight: bold; }
.page a { color: #A9A9A9; text-decoration: none; }
.page a:hover { color: #004080; text-decoration: none; }
.pagebox ,#goText1,input.text{ font-size: 10px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #A9A9A9; }
.pagebtn,#goButton1,input.go { color: #FFFFFF; background: url(../images/pagebtn.jpg) no-repeat left top; height: 20px; width: 26px; border-style: none; font: bolder 11px Arial, Helvetica, sans-serif; text-align: left; }

.header{
	background:url(../images/header_bg.jpg) no-repeat top;
	height:83px;
	margin:auto;
	padding:0px 10px;
}
.header .logo { width:210px; height:70px; position:absolute; }
.header .topmenu{ width:935px; text-align:right; font-size:13px; height:38px;}
.header .topmenu a{  color:#aec1e0; white-space:nowrap; float:left;}
.header .topmenu span{ padding-left:437px; display:block; height:37px; float:left;}
.header .topmenu span a{ background:url(../images/header_line.jpg) no-repeat left top; height:27px; line-height:27px; display:block; float:left; padding:10px 22px 0px 22px;}
.header .topmenu span .first{
	background:none;
	padding-left:0px;
	width: 150px;
}
.header .topmenu img{ margin-top:11px; padding-left:3px;}

.header  #imgmenu{ padding-left:393px;}
.header  #imgmenu ul{
	height:35px;
	background: url(../images/mainnav.jpg) no-repeat left top;
	text-align: center;
	padding-top: 10px;
	padding-left:20px;
	
}
.header  #imgmenu ul li{
	float:left;
	display: block;
	padding-right:10px;
	
}
.header  #imgmenu ul li a{
	display: inline;
	height: 35px;
	cursor:hand;
	color:#ffffff;
	font:"微软雅黑";
}
.header  #imgmenu ul li em{ display:none;}

.header  #imgmenu li#ktag1 a{ width: 135px; }
.header  #imgmenu li#ktag1 a.aon{background: url(../images/mainnav.jpg) 0px -35px; }

.header  #imgmenu li#ktag2 a{ width: 121px; }
.header  #imgmenu li#ktag2 a.aon{background: url(../images/mainnav.jpg) -135px -35px; }

.header  #imgmenu li#ktag3 a{ width: 132px; }
.header  #imgmenu li#ktag3 a.aon{background: url(../images/mainnav.jpg) -256px -35px; }

.header  #imgmenu li#ktag4 a{ width: 154px; }
.header  #imgmenu li#ktag4 a.aon{background: url(../images/mainnav.jpg) -388px -35px;}



.clear {clear:both; height:1px; line-height:1px; overflow:hidden;}
.contain { margin: 0px auto; width:950px; background: #FFFFFF; overflow: hidden; }



.sidebar { float: left; width: 216px; padding-left:1px; padding-top:10px; }
.sidespace {
	overflow: hidden;
	background:url(../images/77.jpg) no-repeat;
	padding-top:25px;
	padding-bottom:30px;
	height:209px;
} 
.sidespace ul { list-style:none; line-height:30px;}
.sidespace ul li {
	background:url(../images/aa.jpg) no-repeat center;
	height:35px;
	text-align: center;
	padding-top: 5px;
}
.sidespace ul li a {
	text-align:center;
	padding-top: 5px;
}
.sidespace ul li a:hover {
	color:#2f8fcd;
	font-weight: bold;

}
.sidesearch { }
.sidesearch td{ padding:0px 3px;}
.sidesearch .text{ border:solid 1px #CCCACB; width:144px; height:24px; line-height:24px; padding-left:5px; color:#AFAFB1; font-size: 12px; }
.sidesearch .btn{ background:url(../images/go.jpg) no-repeat; width:43px; height:27px; border:none; cursor:pointer; }


.midcontent{ padding:0px 10px;}
.maincontent { float: right; width: 670px; padding-right:10px; background:url(../images/doth.jpg) repeat-y left; }

.ban{ width:935px; margin:auto; margin-top:5px; overflow:hidden;}
#service .ban { background: url(../images/ban_service.jpg) no-repeat left top; height:209px; overflow:hidden;}
#contact .ban { background: url(../images/ban_contact.jpg) no-repeat left top; height:209px; overflow:hidden;}
#industry .ban { background: url(../images/ban_industry.jpg) no-repeat left top; height:209px; overflow:hidden;}
#news .ban { background: url(../images/ban_news.jpg) no-repeat left top;height:209px; overflow:hidden;}
#pro .ban { background: url(../images/ban_pro.jpg) no-repeat left top; height:209px; overflow:hidden;}
#about .ban { background: url(../images/ban_about.jpg) no-repeat left top; height:209px; overflow:hidden;}




.submenu{ padding-left:756px;}
.submenu ul li{ line-height:22px;}
.submenu ul li a{ display:block; height:22px; noline:expression(this.onFocus=this.blur())}
.submenu ul li em{ display:none;}

.submenu ul li ul{position:absolute; display:none; width:200px; background:#56c5d0; padding:0px; margin:0px; margin-left:-200px; margin-top:-22px;}
.submenu ul li ul li{ border-bottom:solid 1px #007dc5;}
.submenu ul li ul li a{ filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95; color:#fff; padding:2px 10px;}
.submenu ul li ul li a:hover{background:#007dc5;}

#contact .ban .submenu ul{ padding-top:70px;}
#news .ban .submenu ul{ padding-top:70px;}
#news .ban .submenu ul ul{ padding:0px;}
#service .ban .submenu ul{ padding-top:70px;}
#about .ban .submenu ul{ padding-top:75px;}
#industry .ban .submenu ul{ padding-top:73px;}

#pro .ban .submenu_pro ul{ padding-top:50px; font-family:Verdana; }
#pro .ban .submenu_pro  ul ul{ padding:0px;}
#pro .ban .submenu_pro  ul li{ height:18px; overflow:hidden; line-height:22px;}
#pro .ban .submenu_pro  ul li a{ display:block; color:#fff;background:url(../images/list_ico.png) no-repeat left center; padding-left:10px;}
#pro .ban .submenu_pro { padding-left:756px;}


#pro .ban .submenu_pro  ul li ul{position:absolute; display:none; width:200px; background:#56c5d0; padding:0px; margin:0px; margin-left:-200px; margin-top:-22px;}
#pro .ban .submenu_pro  ul li ul li{ border-bottom:solid 1px #007dc5;background:#56c5d0;height: 30px;}
#pro .ban .submenu_pro  ul li ul li a{ filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95; color:#fff; padding:6px 10px; background:none;height: 30px;}
#pro .ban .submenu_pro  ul li ul li a:hover{background:#007dc5;}
#pro .ban .submenu_pro  ul li em{ line-height:20px; height:20px; padding:0px; margin:0px;}

.subtitle{ border-bottom:solid 1px #ebebeb; line-height:30px; height:30px; margin-bottom: 11px; margin-top:10px; background:url(../images/11.jpg) no-repeat left;}
.subtitle span{ display:none;}
.subtitle dl{ float:left; padding:0px; margin:0px; font-size:16px; color:#2559ad; font-family:"微软雅黑";}
.crumb {color: #A9A9A9; float:right;}
.crumb a {	color: #A9A9A9;}
.crumb a:hover { color: #004080; }
.crumb em { font-style: normal; color: #125EB7; text-decoration: underline; }

.china_map{ background:url(../images/china_mapbg.jpg) no-repeat center top; width:882px;  margin:auto;  text-align:center; padding-top:5px;}
.china_mapcont{background:#bebebe; width:842px;  margin:auto; padding:20px; line-height:25px; color:#FFF; font-family:"微软雅黑";}

.NewsLeft{ float:left; width:341px; padding-left:10px; padding-top:10px;}
.NewsLeft ul { height:430px; overflow:hidden;}
.NewsLeft ul li{ border-bottom:solid 1px #e4e4e4; padding:10px 0px; height:195px;}
.NewsLeft ul li .photo{ float:left;}
.NewsLeft ul li .photo img{ width:144px; height:195px;}
.NewsLeft ul li .txt{ float:right; width:170px; line-height:22px; color:#666666; padding-right:10px;}
.NewsLeft ul li .txt a{ color:#22b200; font-weight:bold;}
.NewsLeft ul li .txt a:hover{ text-decoration:underline; color:#ff0000;}
.NewsLeft ul li .txt dl{ text-align:right; padding:0px; margin:0px;}
.NewsLeft ul li .txt p{ text-indent:2em;}

.NewsRight{float: right; width:587px; padding-right:10px; background:url(../images/doth.jpg) repeat-y left; height:auto!important; height:430px; min-height:430px;}

.NewsList{ padding:0px 19px;}
.NewsList li{ background:url(../images/icon.jpg) no-repeat left; padding:0px 14px; line-height:30px; font-size:13px;}
.NewsList li a{ color:#373636;}
.NewsList li a:hover{ color:#ff0000;}
.NewsList li span{ float:right; color:#8c8b8b;}


.listIndustry li{ border:solid 1px #f0f0f0; background:#f6f6f6; padding:6px 0px 6px 12px; height:100px; margin-bottom:7px;}
.listIndustry li dl{ float:left; padding:0px; margin:0px; width:280px;}
.listIndustry li dl span{ display:block; padding:0px 3px; float:left;}
.listIndustry li dl img{ border:solid 1px #e4e4e4; width:123px; height:100px; }
.listIndustry li div{ float:left; width:350px; padding-right:10px; padding-top:5px;}
.listIndustry li div a{ font-size:14px; color:#184b9e; font-weight:bold;}
.listIndustry li div a:hover{ color:#ff0000;}
.listIndustry li div p{ line-height:18px; color:#6e7278; height:55px; padding:7px 0px 0px 0px; margin:0px;}
.listIndustry li div span{ display:block; text-align:right;}
.listIndustry li div span a{ padding:0px;}

.home_news{ float:left; width:310px; padding:0px 1px 10px 10px; margin-right:0px; margin-left:0px;}
.home_news .headnews { height:90px; overflow:hidden;}
.home_news .headnews dl{ text-align:right; padding:0px; margin:0px; margin-top:-10px;}
.home_news .headnews .pic{
	float:left;
	padding-top:5px;

}
.home_news .headnews .pic img{ width:114px; height:79px;}
.home_news .headnews .txt{ float:right; width:255px; padding-right:5px;}
.home_news .headnews .txt p{ padding:0px; margin:0px; text-indent:2em; color:#848383; line-height:18px;}
.home_news .headnews .txt h3{
	font-size:14px;
	padding:0px;
	margin:0px;
	line-height:24px;
	text-align: center;
}
.home_news .headnews .txt h3 a{ color:#02204f;}
.home_news .headnews .txt h3 a:hover{ color:#ff0000;}
.home_news ul li{ font-size:13px; background:url(../images/icon2.jpg) no-repeat left; padding-left:21px; line-height:24px; padding-right:5px;}
.home_news ul li span{ float:right; color:#9c9c9c;}

.home_magazine{ float:left; }
.home_right{ float:right; width:310px; padding-right:2px; color:#585858;  height:98px;  }

.home_right .homePro{
	
	height:98px;

} 
.home_right .homePro ul{
	padding-top:3px;
}
.home_right .homePro li{ float:left; background:url(../images/doth3.jpg) repeat-y right; padding:5px 6px;}
.home_right .homePro li img{
	width:90px;
	height:90px;
}
.home_right .homePro #marqueeDemo2{ width:245px; overflow:hidden; height:70px;}


.home_right .loginbox{
	background:url() no-repeat left;
	padding-left:175px;
	height:50px;
}
.home_right .loginbox td{ padding:2px 0px; text-align:center;}
.home_right .bgtext{ background:#f3f3f3; width:150px; height:18px; line-height:18px; border: solid 1px #b7b7b7; color:#a3a3a3;}
.home_right .btn{ background:#7a7a7a; width:60px; height:20px; border:none; cursor:pointer; color:#fff; font-size:12px;}
.home_right .btn2{ background:#333333; width:60px; height:20px; border:none; cursor:pointer; color:#fff; font-size:12px;}

/**/

.sidetitle { background: url(../images/sidetitle.jpg) no-repeat left top; height: 33px; }
.sidemenubg { background: url(../images/sidemenubg1.jpg) repeat-y left top; }
.sidemenu { background: url(../images/sidemenubg.jpg) no-repeat left bottom; padding-right: 1px; padding-left: 1px; }
.sidemenu ul { color: #5F5F5F; }
.sidemenu li { border-top: 1px solid #E8E8E8; }
.sidemenu li a { color: #5F5F5F; background: url(../images/sideico.jpg) no-repeat 7px 15px; display: block; margin: 0px; padding: 9px 0px 9px 17px; zoom:1;}
.sidemenu li a:hover { color: #165DB9; }

.sidemenu li a.acur { font-weight: 100; color: #165DB9; background: #EEEEEE url(../images/sidemenuon.jpg) no-repeat left top; }
.sidemenu .end a.acur { background: url(../images/sideend.jpg) no-repeat left top; height: 18px; overflow: hidden; }
.sidemenusub { background: url(../images/sidesubbg.gif) repeat-y left top; padding-left: 1px; margin-left: 17px; margin-bottom: 12px; margin-top: 11px; }
.sidemenusub h4 { font-size: 12px; font-weight: normal; margin: 0px; padding: 0px; }
.sidemenusub h4 a { background: url(../images/sidesubico.gif) no-repeat left 11px; display: block; margin: 0px; padding: 4px 0px 4px 11px; color: #5F5F5F; }
.sidemenusub h4 a.acur { color: #125CBB; background: url(../images/sidesubico.gif) no-repeat left 11px;  }












.title {
	font-size: 20px;
	font-weight: bold;
	color: #E60202;
	background-image: url(../images/titlearr.gif);
	background-repeat: no-repeat;
	background-position: 27px 5px;
	background-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 58px;
	margin: 0px;
	line-height: 28px;
	height: 25px;
}
.title_sub {
	font-weight: bold;
	color: #6C6C6C;
	background: url(../images/titlesubbg.jpg) repeat-x left bottom;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 16px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 13px;
}
.title_proinfo { font-size: 20px; font-weight: bold; color: #125EB7; background: url(../images/ico.jpg) no-repeat left 6px; margin: 0px; padding: 6px 0px 12px 38px; }


.content {
	font-size: 14px;
	line-height: 170%;
	color: #888888;
	padding: 0px 35px 12px 30px;
}
.content2 {
	font-size: 14px;
	line-height: 150%;
	color: #6A6A6A;
	padding: 12px 35px 12px 30px;
}
.content3 {
	font-size: 13px;
	line-height: 150%;
	color: #5F5F5F;
	padding: 12px 35px 12px 30px;
}
.content_pro { line-height: 170%; color: #5E5E5E; padding-bottom: 21px; }


.applycontent { line-height: 160%; color: #414141; padding: 14px 35px 12px; }

.f-blueem { font-weight: bold; color: #125EB7; }
.f-orgem { font-weight: bold; color: #FE8A02; }
.f-bigtitle { font-size: 16px; font-weight: bold; color: #125EB7; text-align: center; padding-top: 5px; padding-bottom: 12px; }

.tlb_form { border-top: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; }
.tlb_form td { font-size: 14px; border-bottom: 1px solid #EBEBEB; }
.joblist { color: #929292; background: url(../images/listbg.jpg) repeat; height:auto!important; height:33px; min-height:33px; margin-right: 29px; margin-left: 29px; }
.joblist li { height: 33px; line-height: 33px; background: url(../images/sideico.jpg) no-repeat 15px; padding: 0px 0px 0px 30px; }
.joblist .tname { line-height: 33px; color: #7D7D7D; background: url(../images/listth.jpg) repeat-x left top; height: 33px; font-weight: bold; }
.joblist span { text-align: center; float: right; width: 140px; }
.joblist .itemtitle { width: 234px; }
.joblist a { color: #929292; }
.joblist a:hover { color: #004080; }

.formtxt { font-size: 14px; color: #909090; background: #FFFFFF url(../images/formtxt.jpg) repeat-x top; padding: 2px; border: 1px solid #D1D1D1; }


.box_info { padding: 12px 23px 16px; clear: both; }
.box_info .title_info { color: #125EB7; margin: 0px; padding: 0px 0px 11px; text-align: center; display: block; font: bold 15px Arial, Helvetica, sans-serif; }
.box_info .title_info_sub { color: #A9A9A9; text-align: center; padding-top: 5px; padding-bottom: 11px; border-bottom: 1px dashed #E8E8E8; }
.box_info .content_info { line-height: 170%; color: #8A8989; padding: 11px 16px 16px; }
.box_info .back { text-align: center; padding: 8px; }
.box_info .back a { color: #888787; text-decoration: none; }
.listpic { line-height: 145%; color: #5F5F5F; }
.listpic span { text-align: center; display: block; padding: 5px 0px 0px; }
.listpic li { display: inline; margin: 0px 9px 0px 9px; padding: 8px 0px 0px; float: left; height: 226px; width: 218px; }
.listpic a { color: #5F5F5F; }
.listpic a:hover { color: #125EB7; text-decoration: underline; }
.listnews {
	color: #6D6D6D;
	margin: 12px 23px 0px;
	padding: 0px;
	background-image: url(../images/listbg2.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.listnews a { color: #6D6D6D; }
.listnews a:hover { color: #135FB7; }
.listnews li { line-height: 24px; background: url(../images/listico.jpg) no-repeat 12px 11px; height: 24px; margin: 0px; padding: 0px 11px 0px 23px; }
.listnews span {
	font-size: 11px;
	float: right;
}

.prolist { line-height: 155%; color: #727272; margin: 0px; padding: 0px 0px 0px 3px; }
.prolist li { height: 129px; border: 1px solid #dbdbdb; overflow: hidden; padding: 10px 12px; background:#f2f2f2; margin-bottom:10px;}
.prolist li .pic { background: #f7f7f7; padding: 5px; float: left; border: 1px solid #dbdbdb;}
.prolist li .pic img{width:152px; height:117px; }
.prolist li .txt {	float: right; width: 480px; padding-right:20px;}
.prolist li .txt h3 { color: #000000; background: url(../images/listico.jpg) no-repeat left; padding-left:20px; margin: 0px; margin-bottom:10px; line-height:30px; font-size: 14px; }
.prolist li .txt a { color: #000000; }
.prolist li .txt a:hover { color: #004080; }
.prolist li .txt p{ text-indent:2em;}
.prolist li .txt dl{ padding:0px; margin:0px; text-align:right;}

.prolist .two .pic{ float:right;}
.prolist .two .txt{ float:left;}


.imgbox { background: #F7F7F7; padding: 9px; border: 1px solid #DBDBDB; }
.imgbox2 { background: #F7F7F7; padding: 13px; border: 1px solid #DBDBDB; }
.pic2 { background: #F7F7F7; padding: 4px; border: 1px solid #DBDBDB;cursor:pointer; }
.pic3 { background: #F7F7F7; padding: 14px; border: 1px solid #DBDBDB;  }
.picbox { float:left; margin-right:18px; width: 373px; }

.proinfobox { padding-bottom: 6px; }
.txtintro { float: left; padding-top: 3px; width: 300px; line-height:26px;}
.provideo { clear: both; border: 1px solid #DFDFDF; padding: 8px; }
.prospace { clear: both; height: 15px; overflow: hidden; }
.list_provideo li { display: inline; float: left; height: 99px; width: 137px; padding-top: 6px; overflow: hidden; margin-left: 11px; margin-right: 12px; }
.list_provideo img { padding: 4px; border: 1px solid #DEDEDE; }





.bottom { /*background: #F5F5F5; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;*/ width: 955px; padding-top: 1px; padding-bottom: 1px; margin-right: auto; margin-left: auto; }
.bottom ul { list-style: none; margin: 0px; padding: 0px;}
.bottom ul li { float:right; padding: 0px 8px; height: 33px; line-height: 33px; }
.hbanner {
	padding-bottom: 4px;
	text-align:center;
	border-bottom:solid 2px #dadada;
	width:944px;
	margin:auto;
	margin-bottom:8px;
	position:relative;
	z-index:10px;
}
.hnews { background: url(../images/homepic3.jpg) no-repeat left top; height: 81px; width: 366px; overflow: hidden; }
.hnews ul { color: #5F5F5F; padding-left: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.hnews a { color: #5F5F5F; }
.hnews a:hover { text-decoration: underline; }
.hnews li { background: url(../images/listico.jpg) no-repeat left 12px; margin: 0px; padding: 7px 0px 3px 15px; }

.list_download { padding:0px 0px 0px 2px;}
.list_download ul{ padding:0px; margin:0px; background:url(../images/line3.jpg); height:auto!important; height:220px; min-height:220px;}
.list_download ul li{ float:left; background:url(../images/doth4.jpg) no-repeat right top; height:190px; width:140px; padding:15px 18px;}
.list_download ul dl{ padding:0px; margin:0px;}
.list_download ul h3{ font-size:13px; font-weight:normal; text-align:center; background:url(../images/line2.jpg) no-repeat center; padding:0px; margin:0px; line-height:40px;}
.list_download ul h3 a{ padding:0px 5px;}
.list_download ul .Model{ height:24px;}
.list_download ul li img{ width:140px; height:125px;}
.list_download ul .liEnd{ padding-right:0px; background:none;}

.download{ padding:10px;}
.download .photo{ float:left;}
.download .photo img{ width:200px; height:180x; margin-bottom:10px;}
.download .txt{ float:right; width:480px;}
.download .txt ul li{ height:24px; padding:7px 8px; float:left; width:220px; display:block; height:17px; line-height:17px;}
.download .txt ul li img{ padding-right:5px; width:17px; height:17px;}
.sidebar_search { background: url(../images/sidesearchbg.jpg) no-repeat left top; height: 200px; padding-left: 0px; }

.products_title{ background: #f5f5f5; font-family:"微软雅黑"; font-size:14px; line-height:25px; height:25px; margin-bottom:10px; padding-left:10px; font-weight:bold;}
.news_prev{ line-height:25px; color:#666;}
.news_prev a{ color:#999;}


#menu {
	height:35px;
	margin:0 auto;
	background:url(../images/mainnav.jpg) no-repeat right;
	padding-left:390px;
	position:relative;
	z-index:1000px;
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top:3px;
}
#menu ul li {
	float:left;
}
#menu ul li a {
	display:block;
	width:90px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:14px;
	font:"微软雅黑";
	font-weight:200;
	color:#f2f2f2;
}
#menu ul li a:hover { }
#menu ul li a#current {   color:#fff;}
#menu ul li ul { display:none; position:absolute; border:1px solid #ffffff; height:100px;}
#menu ul li ul li { float:none; width:90px; background:#6aa8d2; margin:0;}
#menu ul li ul li a { background:none;}
#menu ul li ul li a:hover { background:#0f7ac0; color:#fff;}
#menu ul li:hover ul {
	display:block;

}
#menu ul li.sfhover ul { display:block;}

#demo {
	overflow:hidden;
	width:245px;
	overflow:hidden;
	height:100px;
    padding-top:15px;

}
#demo img {
	border:1px solid #ccc;

}
#indemo {
	float: left;
	width: 800%;
	height:95px;

}
#demo1 {

}
#demo2 {
float: left;
}
.ddll{ text-align:center;}