@charset "gb2312";
/* menu */
a:hover{text-decoration: none;}
#top_menu{
	width: 960px;
	height:55px;
	background-image: url(../images/1.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#menu {
	clear: both;
	width: 960px;
	height: 40px;
	float: left;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}


.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
	font-family:"Î¢ÈíÑÅºÚ";
}


.ddsmoothmenu ul li a {
	display: block;
	position: relative;
	width: 100px;
	padding: 9px 0 6px 5px;
	margin: 0px 1px 0 0;
	font-size: 14px;
	color:#fff;	
	text-align: center;
	text-decoration: none;
	font-weight: 400;
	outline: none;
	border: none;
	font-family:"Î¢ÈíÑÅºÚ";
}

* html .ddsmoothmenu ul li a{
display: inline-block;
font-family:"Î¢ÈíÑÅºÚ";
color:#fff;	
}

.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { 
	color: #fff;
background-image: url(../images/ahover.png);
	border-bottom: 3px solid #000;
	font-weight: bold;
	font-size: 14px;
	font-family: "Î¢ÈíÑÅºÚ";
}
	

.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	margin-top:10px;
	display: none;
	visibility: hidden;
	background:#E2E1DD;
	width:400px;
	top:150px;
}


.ddsmoothmenu ul li ul li{
display:block;
float: left;
width:130px;
height:22px;
}


.ddsmoothmenu ul li ul li ul{
top:0;
}


.ddsmoothmenu ul li ul li a{
	font-weight: 500;
	width:auto; 
	padding: 0 10px;
	margin: 0;
	line-height:20px;
	height:20px;
	font-size:12px;
	border-top-width: 0;
	text-align: left;
	background: none;
font-weight: bold;
color:blue;
}

.ddsmoothmenu ul li ul li a.selected{
	
}

.ddsmoothmenu ul li ul li a:hover {color:#EDEDED;
	border-bottom: 2px solid #000;
	width:auto;
	font-size: 12px;}

.ziti1 a:link{color:blue;}
.ziti1 a:visited{color:blue;}

* html .ddsmoothmenu{height: 1%;}




.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #fff;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.5;
}


*{margin:0px;padding:0px;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.7em; 
	background-repeat: repeat-x;
	background-position: top;
	font-family:"Î¢ÈíÑÅºÚ";
}

a, a:link, a:visited { color: #000; text-decoration: none; font-family:"Î¢ÈíÑÅºÚ";}
a:hover { color: #FF6600; text-decoration: underline; }

p {
	padding: 0;
}
img { border: none; }
em { color: #000; font-weight: bold; font-style: normal }

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; }
h1 { font-size: 28px; margin: 0 0 20px 0; padding: 5px 0 }
h2 { font-size: 25px; margin: 0 0 15px 0; padding: 5px 0; }
h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

a.more { display: block; width: 75px; height: 25px; text-align: center; padding: 0px 15px 0 0; color: #fff; font-weight: normal; background: url(../images/templatemo_button.png) }
a.more:hover { text-decoration: none; color: #faca39; }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { display: inline-block; border: 5px solid #fff; background: none; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }


.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none }
.tmo_list li { color:#d7a202; margin: 0; padding: 0 0 0 15px; background: url(../images/templatemo_list.png) no-repeat scroll 0 6px  }
.tmo_list li a { color: #c89806; font-weight: normal }
.tmo_list li a:hover { color: #d7a202 }

#wrapper {
	width: 960px;
	padding: 0 30px;
	margin: 0 auto
}

#header {
	width: 930px;
	height: 45px;
	padding:2px 15px 5px 15px;
}

#site_title {
	float: left;
	height: 40px;
}
#site_title { margin: 0; padding: 0 }
#site_title  a {
	display: block;
	width: 350px;
	height: 45px;
	color: #F60;
	text-indent: -10000px;
	background: url(../images/logo.png) no-repeat
}

#twitter{float: right; width:280px;height:25px;margin: 15px 0 0 0;}

#twitter a{
	float: right;
	font-weight: normal;
	display: block;
	padding: 5px 15px;
	color: #666;
	font-size: 12px;
no-repeat right center }


#twitter h1{margin:0px;padding:0px;display:inline;height:20px;}


#search_box { float: right; width: 200px; height: 20px; margin: 10px 15px 10px 0; background: url(../images/templatemo_search.jpg) left bottom no-repeat }
#search_box form { clear: both; width: 200px; height: 19px; padding: 0; margin: 0 } 
#searchfield {
	height: 18px;
	line-height: 18px;
	width: 190px;
	padding: 0 5px;
	font-size: 12px;
	color: #FFF;
	background: #605654;
	border: 1px solid #453c3a;
} 

/* end of menu */

/* slider */
#slider_wrapper {
	clear: both;
	width: 960px;
	height: 220px;
	margin-bottom: 15px;
	background: url(../images/slider_bottom.jpg) bottom no-repeat
}

#slider_wrapper_n {
	width: 960px;
	margin-bottom: 10px;
	background: #F1F1F1 url(../images/slider_bottom1.jpg) no-repeat bottom;
	padding: 0 0 18px 0;
}
#slider_wrapper_n h2 {
	color: #0D50AB;
font-size: 20px;
letter-spacing: 0.3em;
font-weight: bold;
}
#slider_wrapper_n p {
color: black;
font-weight: bold;
text-decoration: none;
font-family: "Î¢ÈíÑÅºÚ";
 font-size:14px }
#slider_wrapper_n ul li{display:block; font-size:16px; margin-left:60px;float:left;}

#slider_wrapper_n ul {text-align:center;margin:20px 0 0 0;}
#slider {
	width: 960px;
	height: 200px;
	overflow: hidden;
}
#slider a img {
	height: 200px;
}



/* end of slider */

#main {
	clear: both;
	position: relative;
	width:1073px;
	padding: 0px 0 30px 0;
	background:#F6FAFF;
	border:1px solid #D7D6D6;
}

#main span.bottom {
	position: absolute;
	left: -1px;
	bottom: -2px;
	width: 960px;
	height: 15px;
	background: url(../images/content_bottom.jpg) no-repeat
}

.col_w900 { width: 900px; padding: 0 30px 70px 30px; margin-bottom: 0; background: url(../images/content_divider.jpg) repeat-x bottom }
.col_w580 { width: 580px }
.col_w420 { width: 420px }
.col_w280 { width: 280px }
.col_allw280 { float: left; width: 280px; margin-right: 30px }
.col_w900_last {
	padding: 0px;
	margin: 0;
	background: none;
	width: 1073px;
}
.col_last { margin: 0; }

.frontpage_box h2 { padding: 0; margin-bottom: 5px; color: #333 }
.frontpage_box img { float: left; margin-right: 15px }
.frontpage_box a.more { margin-top: 15px }
.tagline { display: block; font-size: 12px; font-weight: bold; font-style: italic; color: #999; margin-bottom: 20px }

.lbe_box { clear: both; margin-bottom: 20px }
.lbe_box h3 { font-size: 16px; margin-bottom: 0 }
.lbe_box h3 a { color: #c89806; font-size: 16px; font-weight: normal }
.lbe_box p { margin-bottom: 0; }
.lbe_box p.date {
	font-size: 10px;
	font-weight: 700;
	color: #000;
	height: 20px;
}

.lp_box { float: left; width: 280px; margin-right: 30px }
.lp_box_last { margin: 0 }
.lp_box img { border: 1px solid #CCC; padding: 4px }

#map img { width: 270px; height: 160px; border: 1px solid #999; padding: 4px }

#cp_contact_form { padding: 0; width: 380px }
#cp_contact_form form { margin: 0px; padding: 0px; }

#cp_contact_form form .input_field { 
	width: 380px; font-size: 12px; color: #333; padding: 5px; 
	height: 20px; border: 1px solid #ccc;  background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#cp_contact_form form label { display: block; width: 220px; margin-bottom: 5px; font-size: 12px; color: #000; }

#cp_contact_form form textarea { 
	width: 380px; height: 160px; padding: 5px; color: #333; 
	border: 1px solid #ccc;  background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	
#cp_contact_form form .submit_btn { margin: 10px 0px; padding: 5px 14px; border: 1px solid #ccc; background: #fff; }

.news_box {
	clear: both;
	margin: 0 15px 15px 15px;
}
.news_box h2 { font-size: 20px; margin-bottom: 0 }
.news_box p.date { color: #000 }
.news_box img { float: left; width: 100px; height: 100px; padding: 4px; border: 1px solid #000; margin-right: 30px }
.news_box a.more { float: right; }

.sb_lp_box { clear: both; margin-bottom: 20px }
.sb_lp_box img { padding: 9px; border: 1px solid #ccc }

.post_box { clear: both; margin-bottom: 30px }
.post_box h2 { font-size: 20px; margin-bottom: 10px }
.post_box p.post_meta { margin-bottom: 0 }
.post_box p span.cat a { color: #cb5c02; font-weight: 400 }
.post_box img { width: 550px; height: 160px; border: 10px solid #eee; margin-bottom: 10px }
.post_box a.more { float: right; }

#gallery {
	margin: 0;
	padding: 0 0 0 10px;
	width: 800px;
	float: left;
}
#xl_boxleftmenu {
	width: 245px;
	height: auto;
	float:left;
	padding: 0 8px 0 0px;
}


#xl_boxleftmenu #jianjiebox .box1 ul h3 {
	font-size: 15px;
	height: 18px;
	background-image: url(../images/1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 15px;
	margin: 0px 0 5px 0;
}


#gallery .gallery_box {
	display: block;
	float: left;
	width:220px;
	margin: 0 5px 15px 0;
}
#gallery .lmb { margin: 0 0 20px 0; }

.gallery_box h3 {
	margin-bottom: 10px;
	text-align: center;
}
#xl_boxleftmenu #jianjiebox .box1 ul {
	margin: 5px 0 5px 0;
}

#jianjiebox .box1 ul h3 a {
	color: #000;
letter-spacing:0.4em;
padding:0 0 0 5px;
}
#xl_boxleftmenu #jianjiebox .box1 ul li {
	background-image: url(../images/templatemo_list.png);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0 0 0 5px;
	height: 25px;
	line-height: 25px;
width:218px;
overflow:hidden;
}

.gallery_box h3 a {
	font-size: 18px;
	font-weight: bold;
	color: #000
}
.gallery_box p { font-style: italic; font-size: 11px; font-weight: bold }
.gallery_box a img {
	border: 1px solid #ccc;
	width:200px;
	height:190px;
	padding: 8px
}
.gallery_box a img:hover { background: #ccc }

#gallery a.more {
	float: right;
	margin-right: 10px
}


#footer {
	clear: both;
	width: 960px;
	padding: 10px 0;
	margin: 0 auto;
	color: #000;
	text-align: center;
	font-size: 11px;
}


#footer a {
	font-weight: normal;
	color: #000;
}


#jianjiebox {
	float: left;
	height: auto;
	width: 245px;
	background-image: url(../images/box1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 15px 0;
}
#jianjiebox .box1 {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 233px;
	padding: 0 5px 0 5px;
}
#jianjiebox .box1 ul li a {
font-size: 12px;
width:218px;
overflow:hidden;
display:block;
height:25px;
}

#jianjiebox .boxheader {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Î¢ÈíÑÅºÚ";
	padding: 0 0 0 25px;
	height: 30px;
	line-height: 30px;
}
.boxbottom  {
	height: 7px;
	background-image: url(../images/box2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 245px;
}

#class_menudiv h2{
  background-image: url(../images/navigation01.png);
  height: 30px;
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 30px;
  margin: 0px 0 0 10px;
}

#class_menudiv h2 a{
  font-size: 16px;
  color: #0472A7;
  font-weight: bold;
}
#class_menudiv li{display:block;height:auto;width:100%;}
#class_menudiv .class_submenu li{display:block;height:25px;width:100%;padding: 0px 0 0px 48px;  background: url(../images/list.png)  no-repeat 9% center;}
#class_menudiv .class_submenu li a{display:block;height:25px;  width: 180px;font-size: 15px;letter-spacing: 0.2em;}
#class_menudiv .class_submenu li a:hover{
  display: block;
  height: 25px;
  width: 180px;
  background: #0061E0;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0.2em;
}



.lisbottomnews {
	padding: 30px 0 0 0;
}

.listnewsbox {
	width: 304px;
	margin: 0 0 0 10px;
	float: left;
}
.listnewsbox .listnewsboxheader {
	background-image: url(../images/box4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 25px;
}
.listnewsbox .box {
	padding: 0 0 20px 0;
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}
.listnewsbox .box ul li {
	list-style-type: none;
	width: 280px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	background-image: url(../images/3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 10px;
}
.listnewsbox .box ul li a {
	color: #666;
}
#main ol {
	list-style-type: none;
	padding: 5px 10px;
}
#main ol li {
	display: inline;
	border-right: 1px solid #ccc;
	padding: 0 1px 0 0;
word-break:keep-all;
}
#main ol li a {
	color: #000;
	font-weight: bolder;
}
#kw {text-align:center;}
#kw ol {
	list-style-type: none;
	padding: 5px 10px;
}
#kw ol li {
	display: inline;
	padding: 0 3px 0 0;
word-break:keep-all;

}
#kw ol li a {
	color: #000;
	font-weight: bolder;
}


.list_proboox dl dd .list_proboox_pic{
display: block;
	float: left;
	margin: 0 5px 0 0;
	height: 202px;
	width: 202px;
}
.list_proboox dl dd img {
	height: 200px;
	width: 200px;
	border: 1px solid #ccc;
	float: left;
}

.list_proboox {
	height: 248px;
	width: 382px;
	background: url(../images/box5.gif) left top no-repeat;
	float: left;
	margin: 0 10px 10px 0;
}
.list_proboox:hover {
	background: url(../images/box6.gif) left top no-repeat;
	cursor: pointer;
}

.list_proboox dl dt {
	height: 35px;
	line-height: 35px;
	padding: 0 0 0 15px;
	width: 350px;
	overflow: hidden;
}
.list_proboox dl dt a {
color: #000;
  font-size:14px;
  letter-spacing: 0.12em;
  font-weight: bold;
}
.list_proboox dl dd {
	width: 370px;
	height: 205px;
	overflow: hidden;
	font-size: 12px;
	line-height: 110%;
	padding: 5px 0 0 5px;
}
.list_proboox dl dd p {
	text-indent: 20px;
	height: 120px;
	overflow: hidden;
	font-size: 14px;
	margin: 12px 0 0 0;
	color:#666;
	line-height: 150%;
	float: left;
	width: 150px;
}
.list_proboox dl dd span {
	font-size: 16px;
	color: #0F56AE;
	font-weight: bold;
	float: left;
	padding: 10px 0 0 0;
	display: block;
	height: 22px;
	line-height: 22px;
}
#product_content {
	width: 650px;
	height: auto;
	float: left;
	margin: 0 30px 0 0;
}
#product_content_img {
	display: block;
	height: 280px;
	width: 650px;
	overflow: hidden;
}
#product_content_img img {
	height: 260px;
	width: 270px;
	float: left;
	margin: 8px;
	margin-right: 30px;
	border: 5px solid #000000;
}
#yingyong img {
	border: none;
	width: 105px;
	height: 85px;
	margin: 5px 35px 0px 15px;
}
#jiage {
	font-size:14px;
	height: 30px;
	width: auto;
	padding: 0 0 0 20px;
	line-height: 30px;
	background-image: url(../images/2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#yingyong {
	font-size: 12px;
}
.box1 ul p img {
	height: 80px;
	width: 90px;
border:1px solid #ccc;
}
.box1 ul p {
	margin: 0 0 0 15px;
}
#canshu {
	padding: 35px 0 0 18px;
	background-image: url(../images/head-associated.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 18px 0 0 8px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#canshu a {
	color: #333;
}
.col_w900.col_w900_last h2 {
	margin-left: 25px;
}
.col_w900.col_w900_last .lbe_box {
	margin-left: 30px;
}
.lbe_box .p {
	height: 40px;
	width: 900px;
	background-color: #CCC;
	overflow: hidden;
}
#newstext {
	height: auto;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	background-color: #CCC;
	margin: 0 25px 0 0;
}

.lbe_box h7 span {
	margin: 0 35px 0 0;
}


#class_tuijian_img {
	float: right;
	margin: 0 15px 0 0;
border: 3px solid #196BBA;
display:block;
height:190px;
width:180px;
}
.class_tuijian span img {
height: 190px;
width: 180px;
	
}

#class_tuijian_jianjie img {
height: 75px;
width: 80px;
margin: 10px 5px 0 0;
border: 3px solid #ccc;
display:block;
float:left;
}


#class_tuijian_jianjie {
	width: 470px;
	float: left;
}
.class_tuijian {
	background: url(../images/content_divider.jpg) repeat-x bottom;
	padding: 0 0 50px 0;
}
#daohang{background:#DCDCDC; height:25px; padding:0 0 0 30px; margin:0 0 10px 0;}
.paging a {
border: 1px solid #CCC;padding: 2px 8px;margin: 0 5px;background:#2380C7;color: white;}
.paging span{font-size: 16px;border: 1px solid #CCC;margin: 0 8px;padding: 0 8px;}
.paging {margin:0 0 10px 0}

#one_page_list_titlebox {
  height:auto;
  background: #FFF;
   margin: 0 0 10px 0;
}

.one_page_h1 {
  height: 32px;
  width: 790px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
  overflow: hidden;
}

#one_page_list_titlebox h1 {
background: #FFF url(../images/doc.png) no-repeat left top;
  font-size: 18px;
  display: block;
width:auto;
  height:32px;
  line-height:32px;
  overflow: hidden;
  color: #333;
padding: 0 25px 0 45px;
letter-spacing: 0.15em;
font-weight: bold;
width: auto;
float: left;
}
#one_page_list_titlebox span{float: left;display: block;  height:32px;line-height:32px;font-size:14px;width:auto;}

#PageBox{  height:auto;
  background: #FFF;
   margin: 0 0 10px 0;}

#low_level_name {
  height: auto;
  width: 100%;
  color: #C53B31;
  font-weight: bold;
  padding: 0 0 0 15px;
}
#low_level_name dl {
  margin: 0;
}

#low_level_name dl dd {
  display: block;
  width: 229px;
  margin: 2px 5px;
  height: 25px;
  float: left;
  font-size: 14px;
  background: #D3E3F0 url(../images/02.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 15px;
  line-height: 25px;
  overflow: hidden;
  letter-spacing: 0.1em;
}
#low_level_name dl dd:hover{ background: #DCDCDC;}

#low_level_name dl dd a {
  color: #0D50AB;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-size:15px;
}
/*---------------footer------------------------*/
.footer{
	height:auto;
	background-color: #4E4E4E;
	clear: both;
        width:1100px;
}
.left_footer{
	float:left;
	padding:15px 0 0 25px;
	width: 1150px;
	height: 80px;
}
.right_footer{
float:right;
padding:10px 250px 0 0;
}
.footer a{
text-decoration:none;
padding:0 5px 0 5px;
color:#797979;
}

.contact {
	padding: 0px;
	margin: 0px;
	clear:both;
        disply:block;
        width:1010px;
        height:auto;
        background:#4E4E4E;
}
.contact dt {
	font-size: 14px;
	font-weight: bold;
	color: #FF640B;
        disply:block;
        float:left;
        height:30px;
        line-height:30px;
}
.contact dd {
	font-size: 14px;
	color: #333;
	font-weight: bold;
        disply:block;
        float:left;
        height:30px;
        line-height:38px;
}
.sm {
	display: block;
	width: 100%;
	color: #FFF;
        text-align:center;
        font-size:12px;
        font-family:"Î¢ÈíÑÅºÚ"
}

.sm a {
	
	color: #FFF;
        
        font-size:12px;
        font-family:"Î¢ÈíÑÅºÚ"
}


.feat_prod_box_details{
	padding:0px 0 10px 0;
	margin:0 0px 10px 0;
	background-color: #FFF;
}
.prod_img{
	float:left;
	margin: 0 0 6px 0px;
	width: 253px;
}

.productbox {
  width: 365px;
  height: 355px;
  float: left;
  padding: 0 10px 0 25px;
  margin: 0 0 0 15px;
}
.price{
height:35px;
  width: 365px;
  font-size:16px;
  font-weight: bold;
  line-height: 35px;
  color: #333;
  border-bottom: 1px solid #D3E3F0;
}
.productbox h2{
height: 65px;
  width: 365px;
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
  color: #333;
  border-bottom: 1px solid #D3E3F0;
}
.productbox h2 a {
	font-size: 16px;
	font-weight: bold;
}
.product_content {
height: 165px;
    margin: 15px 0 15px 0;
    overflow: hidden;
}
.product_text {
    width: 360px;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 180%;
}

.productbox  span{
  font-size:16px;
  color: #52668A;
  font-weight: bolder;
}
.product_img {
  width:355px;
  height: 355px;
  float: left;
padding:2px;

}

.product_img img {
  width:350px;
  height:350px;
  border: 2px solid #2a4275;
}

.demolayout{  padding: 15px 20px 50px 25px;background: #fff;}
.Details{  margin: 8px 0;
  font-size: 16px;
  color: #52668A;
  font-weight: bolder;
  border-bottom: 8px solid #F6FAFF;}