/*home*/
#TCC{width:100%;background:#ccc;overflow:auto;margin:0;padding:0;}
#TCC ul li{width:50%;height:40px;line-height:40px;float:left;text-align:center;font-size:14px;color:#787878;list-style:none;margin:0;padding:0;}
#TCC ul li a{color:#787878;}



.ui-bar-a {
	border:none /*{a-bar-border}*/;
	color: 					#fff /*{a-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{a-bar-background-start}*/), to( #C8C8C8 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fff /*{a-bar-background-start}*/, #C8C8C8 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fff /*{a-bar-background-start}*/, #C8C8C8 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fff /*{a-bar-background-start}*/, #C8C8C8 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fff /*{a-bar-background-start}*/, #C8C8C8 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fff /*{a-bar-background-start}*/, #C8C8C8 /*{a-bar-background-end}*/);
}
.ui-bar-a,
.ui-bar-a input,
.ui-bar-a select,
.ui-bar-a textarea,
.ui-bar-a button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-bar-a .ui-link-inherit {
	color: #fff /*{a-bar-color}*/;
}
.ui-bar-a a.ui-link {
	color: #7cc4e7 /*{a-bar-link-color}*/;
	font-weight: bold;
}
.ui-bar-a a.ui-link:visited {
    color: #2489ce /*{a-bar-link-visited}*/;
}
.ui-bar-a a.ui-link:hover {
	color: #2489ce /*{a-bar-link-hover}*/;
}
.ui-bar-a a.ui-link:active {
	color: #2489ce /*{a-bar-link-active}*/;
}
.ui-body-a,
.ui-overlay-a {
	border: 1px solid 		#444 /*{a-body-border}*/;
	background: 			#222 /*{a-body-background-color}*/;
	color: 					#fff /*{a-body-color}*/;
	text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
	font-weight: normal;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);	
}
.ui-overlay-a {
	background-image: none;
	border-width: 0;
}
.ui-body-a,
.ui-body-a input,
.ui-body-a select,
.ui-body-a textarea,
.ui-body-a button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-a .ui-link-inherit {
	color: 	#fff /*{a-body-color}*/;
}
.ui-body-a .ui-link {
	color: #2489ce /*{a-body-link-color}*/;
	font-weight: bold;
}
.ui-body-a .ui-link:visited {
    color: #2489ce /*{a-body-link-visited}*/;
}
.ui-body-a .ui-link:hover {
	color: #2489ce /*{a-body-link-hover}*/;
}
.ui-body-a .ui-link:active {
	color: #2489ce /*{a-body-link-active}*/;
}
.ui-btn-up-a {
	border: 2px groove 		#fff /*{a-bup-border}*/;
	background: 			#072047 /*{a-bup-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
}
.ui-btn-up-a:visited,
.ui-btn-up-a a.ui-link-inherit {
	color: 					#fff /*{a-bup-color}*/;
}
.ui-btn-hover-a {
	border: 2px groove 		#fff /*{a-bup-border}*/;
	background: 			#072047 /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
}
.ui-btn-hover-a:visited,
.ui-btn-hover-a:hover,
.ui-btn-hover-a a.ui-link-inherit {
	color: 					#fff /*{a-bhover-color}*/;
}
.ui-btn-down-a {
	background: 			#072047 /*{a-bdown-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bdown-color}*/;
	text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
}
.ui-btn-down-a:visited,
.ui-btn-down-a:hover,
.ui-btn-down-a a.ui-link-inherit {
	color: 					#fff /*{a-bdown-color}*/;
}
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}

/*----home----*/
.ui-header{ background:url(headerbg.jpg); padding:10px 0px 10px 10px;}
.ui-header .ui-btn-right,.ui-header .ui-btn-left{ position:absolute; top:15px;  line-height:12px; padding:0; margin:0px;}
.ui-header .ui-btn-inner { padding:5px 10px}
.ui-header #search{ position:absolute; top:0; right:0; width:20%; height:100%; display:block; background:url(search.png);}
.ui-footer{ height:45px;}
.ui-footer .ui-btn-text{ top:-3px;}
.ui-panel { width:170px}
.ui-content{ padding:0;}
#nav {
	width:100%;
	height:40px;
	background:#072047;
	overflow:auto;
	position:relative;
}
#nav3{ position:relative; z-index:9999; margin-top:-40px; height:40px; line-height:40px;}
#scroller {
	width:590px;
	height:40px; line-height:40px;
	float:left;
	padding:0;
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller li {
	display:block;
	vertical-align:middle;
	float:left;
	padding:0 10px;
	width:50px;
	height:100%;
	text-align:center;
	border-right:1px solid #FFF;
	font-size:14px;
}
#prev, #next {
	position:absolute;
	color:#fff; text-shadow:none;
	background:#072047;
	height:39px; line-height:39px;
	z-index:2;
	width:18px;
	 text-align:center;
}

#next {right:0; top:65px;}

#scroller li a:link,#scroller li a:visited{ color:#fff; text-shadow:none; text-decoration:none;}
/*banner*/
#banner {
	width:100%;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
	margin:0 auto;
}

#scroller2 {
	width:960px;
	height:100%;
	float:left;
	padding:0;
}

#scroller2 ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller2 li {
	display:block; 
	float:left;
	width:320px;
	text-align:center;
	font-size:18px;
}

#nav2 {
	width:100px;
	margin:0 auto;
	position:absolute;
	z-index:9999;
	bottom:10px;
	left:50%; margin-left:-50px;
}



#indicator, #indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}

#indicator {
	width:110px;
	padding:12px 0 0 30px;
}

#indicator > li {
	text-indent:-9999em;
	width:8px; height:8px;
	background:#ddd;
	overflow:hidden;
	margin-right:4px;
}

#indicator > li.active {
	background:#072047;
}

#indicator > li:last-child {
	margin:0;
}

.ui-icon-phone{ background-image:url(../images/phone.png); background-size:100%; background-position:0 5px; }
.ui-icon-mail{ background-image:url(../images/mail.png); background-size:100%; background-position:0 5px; }
.ui-icon-map{ background-image:url(../images/map.png); background-size:100%; background-position:0 5px; }
.ui-icon-share{ background-image:url(../images/share.png); background-size:100%; background-position:0 5px; }
.ui-icon-message{ background-image:url(../images/message.png); background-size:100%; background-position:0 5px; }
.ui-icon-menu{ background-image:url(../images/menu.png); background-size:80%; background-position:4px 2px; }

.forumTitle{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfef2 /*{a-bar-background-start}*/), to( #ddd /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fdfef2 /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fdfef2 /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fdfef2 /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fdfef2 /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fdfef2 /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/);

	  color:#072047; text-shadow:none; width:100%; text-indent:10px;
	  border-top:1px solid #ccc;
	  border-bottom:1px solid #ccc; padding:0;}
.forumTitle a:link,.forumTitle a:visited{ display:block; background:url(../images/arrowr2.png) center right no-repeat; padding:0; text-align:left;height:35px; line-height:35px; color:#072047; text-decoration:none;}
.forumTitle .ui-btn-inner{ padding:0;} 
.infoLeft{ width:40%; float:left;}
.infoRight{ width:58%; float:right;}
.productIndex{ list-style-type:none; margin:0; padding:0;}
.productIndex li{ width:50%; float:left; text-align:center; border-bottom:1px solid #ccc; margin-bottom:10px;}
.productIndex li p{ padding:0; display: block; text-overflow: ellipsis; overflow: hidden; white-space:nowrap ;}
.productIndex li a:link,.productIndex li a:visited{ font-size:12px; color:#666; text-decoration:none;}
.productIndex li img{ width:80%; border:1px solid #ddd; padding:2px; background:#fff;}
article{ padding:0px 5px 0px 5px;}
h2{ padding:0px 5px 0px 5px;}
.article{ font-size:14px; line-height:24px;  padding:0px 5px 0px 5px;}
article img { width:100%;}
.ui-listview li{ border:none;border-bottom:1px solid #ccc; font-weight:normal;}
.copyright{ text-align:center; border-top:1px solid #ccc; font-size:12px; padding:10px 0px;}
#bdshare ul li{ width:100%; display:block;}

/*detail*/
h2{ padding-top:.5em; margin:0;}
.source{ font-size:12px; color:#999; height:30px; line-height:30px; text-align:center;}


.bshare-custom{ }
.bshare-custom a{ width:100%; padding:10px; border-bottom:1px solid #ccc; background:none; font-size:14px; font-weight:normal;}

.maplist .ui-li-desc{
font-size: 12px;
font-weight: normal;
display: block;
margin: -.5em 0 .6em;
text-overflow: ellipsis;
overflow: hidden;
white-space:normal;
}