@charset "utf-8";

/*html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	letter-spacing: .03em
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

p {
	word-wrap: break-word
}*/

em,i {
	font-style: normal
}

li {
	list-style: none
}

img {
	border: 0;
	vertical-align: top
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 100
}

/*.clearfix:before,.clearfix:after {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

.clear {
	height: 0;
	clear: both;
	overflow: hidden
}*/

/*body {
	background: #0c91e8;
	color: #fff;
	font: 12px/18px "microsoft yahei","SimHei","SimSun";
	-webkit-text-size-adjust: 100%;
	min-width: 1200px
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none
}*/

/*.h100 {
	height: 100px;
	overflow: hidden
}

.h50 {
	height: 30px;
	overflow: hidden
}

#tbox2 {
	width: 42px;
	height: 42px;
	margin: 0 auto 0 auto
}

#gotop2 {
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-weight: 500;
	background: #3dc878;
	display: block;
	font-size: 12px;
	font-style: italic;
	color: #fff;
	text-align: center;
	border-radius: 50px;
	box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);
	-webkit-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);
	-moz-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1)
}

#gotop2:hover {
	background: #4ad585;
	color: #fff
}

.demo-header {
	width: 100%;
	padding: 50px 0 10px 0;
	overflow: hidden
}

.demo-header .logo-tit {
	width: 220px;
	height: 50px;
	margin: 20px auto 0 auto;
	font-size: 0;
	line-height: 999px;
	text-align: center;
	overflow: hidden
}

.demo-header a {
	width: 220px;
	height: 50px;
	display: block;
	background: url(img/logo2.png) no-repeat
}

.demo-header a:hover {
	background: url(img/logo.png) no-repeat
}

.demo-header .subtit {
	text-align: center;
	font-style: italic;
	font-size: 13px;
	color: #ddf0fb;
	font-weight: 100;
	text-indent: 10px
}

.topnav {
	float: right;
	padding-right: 20px;
	position: relative
}

.topnav li {
	float: left;
	font-size: 14px;
	overflow: hidden
}

.topnav li a {
	text-decoration: none;
	color: #eef7fe;
	padding: 0 10px;
	display: block
}

.topnav li a:hover {
	color: #fff
}

.demo-text {
	width: 1200px;
	margin: 0 auto;
	text-align: center
}

.demo-text h6 {
	font-size: 18px;
	height: 60px;
	line-height: 50px;
	color: #183b52;
	font-weight: 700;
	font-style: italic;
	letter-spacing: .05em
}

.demo-text p {
	font-family: Consolas,"Courier New",Courier,mono,serif!important;
	color: #183b52;
	line-height: 24px;
	font-size: 12px;
	padding: 0 200px 60px 200px
}

.demo-main {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0 140px 0
}

.demo-tit {
	text-align: center;
	font-size: 24px;
	height: 120px;
	line-height: 120px;
	font-weight: bold;
	letter-spacing: .05em;
	font-style: italic;
	color: #183b52
}

.demo-tit h2 {
	text-align: center;
	font-size: 24px;
	height: 120px;
	line-height: 120px;
	font-weight: bold;
	letter-spacing: .05em;
	color: #183b52
}

.demo-tit h2 a {
	font-size: 14px;
	height: 120px;
	line-height: 120px;
	font-weight: 500;
	color: #065589
}

.demo-tit h2 a:hover {
	color: #183b52;
	text-decoration: underline
}

.demo-tit h2 span.a1 {
	padding-left: 20px
}

.demo-tit h2 span.a2 {
	color: #0d79c0;
	font-size: 12px;
	padding: 0 10px
}

.demo-tit p a {
	font-size: 24px;
	height: 120px;
	line-height: 120px;
	font-weight: bold;
	color: #183b52;
	letter-spacing: .05em;
	margin: 0 50px
}

.demo-tit p a:hover {
	color: #fff;
	text-decoration: underline
}

.demo-tit h3 {
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	color: #ECF7FF;
	letter-spacing: .05em
}

.demo-tit h3 a {
	color: #ECF7FF
}

.demo-tit h3 a:hover {
	color: #fff;
	text-decoration: underline
}

.demo-tit h3 span {
	font-size: 12px;
	height: 12px;
	line-height: 12px;
	font-weight: 500
}

.demo-tit h3 span.a2 {
	color: #0d79c0;
	padding: 0 30px
}*/
	
	
	
	
	
	
/* 一、导航菜单演示 */

.demo-nav { width:1050px; margin:0 auto; height:50px; background:#fff; border-radius:50px; box-shadow: 0 10px 30px #107cc3; }
.demo-nav .one { padding-left:80px; }
.demo-nav .conts { position:relative; z-index:2; float:left; line-height:50px; padding:0 30px; }

.demo-nav h3 { font-size:15px; font-weight:700; }
	.demo-nav h3 a { color:#317bac; }
	.demo-nav h3 a:hover { color:#fff; text-decoration:none; }
	
.demo-nav .on { background:#3c3; }
	.demo-nav .on a { color:#fff; }
	.demo-nav .on a:hover { color:#fff; text-decoration:none; }

.demo-nav .sub { display:none; text-align:center; width:120px; border-radius:0 0 8px 8px; background-color:#3c3; z-index:99; }
	.demo-nav .sub ul { padding:20px 0; }
	.demo-nav .sub li { color:#fff; text-align:center; font-size:12px; line-height:28px; }
	.demo-nav .sub li a { color:#fff; }
	.demo-nav .sub li a:hover { color:#fff; text-decoration:underline; }


/* 二、文字左右滚动演示 */

.demo-scroll-marquee { margin:0 auto; width: 560px; background:#fff; background:#f9fdff; border-radius:8px; overflow: hidden; box-shadow: 0 10px 30px #107cc3; position:relative; }
	.demo-scroll-marquee .textCont { position: relative; width:500px; margin:0 0 0 30px; padding:25px 0; overflow: hidden; }
		.demo-scroll-marquee .textCont ul { float:left; padding-right:10px; }
			.demo-scroll-marquee .textCont li { height: 30px; line-height: 30px; font-size: 14px; padding-right:25px; overflow:hidden; }
			.demo-scroll-marquee .textCont li span { font-size:12px; color:#ccc; font-style:italic; }
				.demo-scroll-marquee .textCont a { color: #333; }
				.demo-scroll-marquee .textCont a:hover { color: #3dc878; text-decoration: underline; }
				
		.demo-scroll-marquee .btns { width:100%; display:block; z-index:999; background: #212121; height: 42px; line-height:42px; }
		.demo-scroll-marquee .btns h3 { font-size:16px; color:#f9fdff; font-weight:500; padding-left:25px; }
			.demo-scroll-marquee .btns i { width:8px; overflow:hidden; cursor:pointer; }
			
			.demo-scroll-marquee .btns .prevBtn a { display:inline-block; width:8px; height:42px; position:absolute; top:0; right:37px; }
			.demo-scroll-marquee .btns .nextBtn a { display:inline-block; width:8px; height:42px; position:absolute; top:0; right:25px; }
			
		.demo-scroll-marquee .btns .prevBtn a { background: url(img/09.png) center center no-repeat; }
		.demo-scroll-marquee .btns .nextBtn a { background: url(img/10.png) center center no-repeat; }
		
		.demo-scroll-marquee .btns .prevBtn a:hover { background: url(img/11.png) center center no-repeat; }
		.demo-scroll-marquee .btns .nextBtn a:hover { background: url(img/12.png) center center no-repeat; }
		
		
/* 三、(box类型)select下拉菜单演示 */

.demo-navigation { width:710px; padding-left:299px; line-height:45px; z-index:1; position: relative; }
	
	.demo-navigation .area { width: 710px; }
		.demo-navigation .area li.ibox { position: relative; float: left; margin-right:20px; }
				.demo-navigation .area li.ibox a { color: #317bac;  }
			.demo-navigation .area .ibox h3 { float:left; box-shadow: 0 10px 30px #107cc3; background:#fff; font-weight:700; border-radius:8px; cursor: pointer; }
				.demo-navigation .area li.ibox h3 a { float: left; font-weight:700; padding: 0px 34px; color: #317bac; font-size: 14px; display:block; }
				.demo-navigation .area li.ibox h3 a:hover, .demo-navigation .area li.on h3 a { color: #3dc878; }
				.demo-navigation .area li.ibox h3 em { float:left; width:8px; height:45px; margin-right:20px; text-indent:-999px; background:url(img/07.png) center center no-repeat; overflow:hidden; }
				.demo-navigation .area li.on h3 em { float:left; width:8px; height:45px; margin-right:20px; text-indent:-999px; background:url(img/08.png) center center no-repeat; overflow:hidden; }
			.demo-navigation .area li.ibox .menus { position: absolute; left:0; top: 45px; float: left; padding:20px 0; width: 170px; line-height: 28px; background:#f9fdff;  border-radius:8px; display: none; z-index:99; }

			.demo-navigation .area li.ibox .menus li a { font-size:12px; padding: 0px 33px; line-height:28px; height:28px; display:block; }
			.demo-navigation .area li.ibox .menus li a:hover { background: #4ad585; color:#fff; }
		


/* 四、选项卡切换效果演示 */				
				
.domo-tab-box { width:560px; height:242px; background:#f9fdff; margin:0 auto; border-radius:8px; box-shadow: 0 10px 30px #107cc3; overflow:hidden; }
	.domo-tab-box .titList { position:relative; height: 42px; background:#212121; }
		.domo-tab-box .titList ul { float:left; }
			.domo-tab-box .titList ul li { font-size:12px; font-style:italic; font-weight:700; float:left; line-height:42px; padding: 0px 30px; color: #fafafa; cursor: pointer; }
			.domo-tab-box .titList ul li.on { background: #3dc878; }
		
		.domo-tab-box .textCont ul { padding:25px 30px; font-sizes:12px; zoom: 1; }
			.domo-tab-box .textCont li { height: 30px; line-height: 30px; font-sizes:12px; overflow:hidden; }
				.domo-tab-box .textCont li a { float: left; color: #333; font-size:14px; padding-right:20px; }
				.domo-tab-box .textCont li a:hover { color: #3dc878; }
				.domo-tab-box .textCont li span { color:#ccc; font-style:italic; font-size:12px; padding-right:10px; }
				.domo-tab-box .textCont li em { color:#ccc; font-style:italic; font-sizes:12px; padding-right:5px; }

		.domo-tab-box .btns { width:22px; height:42px; z-index:999; }
			.domo-tab-box .btns i { width:8px; overflow:hidden; cursor:pointer; }

			.domo-tab-box .btns .prevStop, .domo-tab-box .btns .prevBtn a { display:inline-block; width:8px; height:42px; position:absolute; top:0; right:37px; }
			.domo-tab-box .btns .nextStop, .domo-tab-box .btns .nextBtn a { display:inline-block; width:8px; height:42px; position:absolute; top:0; right:25px; }
			
			.domo-tab-box .btns .prevStop { background: url(img/13.png) center center no-repeat; }
			.domo-tab-box .btns .nextStop { background: url(img/14.png) center center no-repeat; }
			
		.domo-tab-box .btns .prevBtn a { background: url(img/09.png) center center no-repeat; }
		.domo-tab-box .btns .nextBtn a { background: url(img/10.png) center center no-repeat; }
		
		.domo-tab-box .btns .prevBtn a:hover { background: url(img/11.png) center center no-repeat; }
		.domo-tab-box .btns .nextBtn a:hover { background: url(img/12.png) center center no-repeat; }	
		
		
/* 五、多列左右滚动演示 */

.domo-pic-scroll-lr { width:840px; height:105px; position:relative; margin:0 auto; }
.domo-pic-scroll-lr .conts li { float:left; text-align:center; width:190px; height:120px; font-size:16px; font-style:italic; font-weight:700; text-align:center; color:#317bac; line-height:120px; padding:0 10px; border-radius:8px; vertical-align:top; }
	.domo-pic-scroll-lr .conts li .s1 { width:190px; height:120px; }
	.domo-pic-scroll-lr .conts li a { color:#317bac; background:#fff; display:block; width:190px; height:120px; border-radius:8px; }
	.domo-pic-scroll-lr .conts li a:hover { color:#fff; background:#4ad585; text-decoration:none; }

	.domo-pic-scroll-lr .textList { text-align:center; height:40px; line-height:20px; padding:0px 15px; color:#1eb4e5; font-size:12px; overflow:hidden; }
		.domo-pic-scroll-lr .textList .pageNav { line-height:20px; color:#1eb4e5; }
			.domo-pic-scroll-lr .textList .pageNav font { font-size:14px; padding:0 5px; line-height:20px; color:#b2d5ed; font-style:italic; }
				.domo-pic-scroll-lr .textList .pageNav .current { font-size:18px; padding-right:8px; }
			
.domo-pic-scroll-lr .prev, .domo-pic-scroll-lr .next { z-index:1; position:absolute; top:52%; margin-top:-25px; display:block; width:36px; height:36px; line-height:34px; font-size:22px; color:#fff;box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-webkit-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-moz-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1); border-radius:50px; background:#b2d5ed; text-align:center; font-family:"Comic Sans MS", cursive; cursor:pointer; }
.domo-pic-scroll-lr .prev { left:-70px; background:#212121; }
.domo-pic-scroll-lr .prev:hover, .domo-pic-scroll-lr .next:hover { background:#3dc878; color:#fff; }
.domo-pic-scroll-lr .next { right:-70px; background:#212121; }

.domo-pic-scroll-lr .tabs { width:100%; height:11px; line-height:11px; position:absolute; z-index:1; bottom:0; left:0; overflow:hidden; }
	.domo-pic-scroll-lr .tabs ul { text-align:center; height:11px; }
	.domo-pic-scroll-lr .tabs ul li { line-height:999px; width:11px; height:11px; border-radius:11px; margin:0 5px; cursor:pointer; background:#b2d5ed; cursor:pointer; display:inline-block; *display:inline; zoom:1; overflow:hidden; }
	.domo-pic-scroll-lr .tabs ul .current { background:#4ad585 !important; }



/* 六、折叠(手风琴)效果 */
	
.demo-accordion { width:560px; height:329px; margin:0 auto; font-sizes:12px; }
	.demo-accordion h3 { color:#f9fdff; height:42px; font-weight:700; margin-bottom:1px; line-height:42px; font-size:14px; font-style:italic; background:#212121; cursor:pointer; border-radius:50px; display:block; position:relative; overflow:hidden; }
	.demo-accordion ul { box-shadow: 0 10px 30px #107cc3; background:#f9fdff; padding:25px 30px; border-radius:20px; font-size:12px; overflow:hidden; }
		.demo-accordion ul li { height:30px; line-height:30px; font-size:12px; overflow:hidden; }
		
		.demo-accordion h3 a { font-size:14px; color:#f9fdff; height:42px; padding:0px 30px; display:block; }
			.demo-accordion h3.on a, .demo-accordion h3 a:hover { color:#fff; }
		.demo-accordion h3 a i { position:absolute; width:8px; height:42px; background: url(img/15.png) no-repeat; right:30px; top:18px; }
			.demo-accordion h3 a:hover i { background: url(img/16.png) no-repeat; }
		.demo-accordion h3.on a i { width:8px; height:42px; background: url(img/17.png) no-repeat; }
			.demo-accordion h3.on a:hover i { background: url(img/18.png) no-repeat; }
		
			.demo-accordion ul li a { float:left; color:#333; font-size:14px; padding-right:20px; }
			.demo-accordion ul li a:hover { color:#3dc878; }
			
				.demo-accordion ul li a span, .demo-accordion ul li small { color:#ccc; font-style:italic; font-size:12px; }
				.demo-accordion ul li a span  { padding-right:10px; }
				
				
				
/* 七、幻灯片演示 */
.domo-slides { margin:0 auto; width:540px; height:380px; zoom:1; position:relative; }
.domo-slides .conts { width:540px; height:300px; position:relative; overflow:hidden; box-shadow: 0 10px 30px #107cc3; }
.domo-slides .conts ul { width:540px; height:300px; }
.domo-slides .conts li { width:540px; height:300px; line-height:300px; color:#317bac; font-size:26px; font-style:italic; font-weight:700; text-align:center; overflow:hidden; position:relative; }
.domo-slides .conts li a { display:block; width:540px; height:300px; color:#317bac; background:#f9fdff; overflow:hidden; }
.domo-slides .conts li a:hover {  color:#fff; background:#4ad585; border-radius:8px; text-decoration:none; }
.domo-slides .prev, .domo-slides .next { z-index:1; position:absolute; top:50%; margin-top:-25px; display:block; width:42px; height:42px; line-height:40px; font-size:24px; color:#fff;box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-webkit-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-moz-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1); border-radius:50px; background:#b2d5ed; text-align:center; font-family:"Comic Sans MS", cursive; cursor:pointer; }
.domo-slides .prev { left:-80px; background:#212121; }
.domo-slides .prev:hover, .domo-slides .next:hover { background:#3dc878; color:#fff; }
.domo-slides .next { right:-80px; background:#212121; }
.domo-slides .textList { text-align:center; height:40px; line-height:20px; padding:0px 15px; color:#1eb4e5; font-size:12px; overflow:hidden; }
.domo-slides .textList .pageNav { line-height:20px; color:#1eb4e5; }
.domo-slides .textList .pageNav font { font-size:14px; padding:0 5px; line-height:20px; color:#b2d5ed; font-style:italic; }
.domo-slides .textList .pageNav .current { font-size:18px; padding-right:8px; }
.domo-slides .tabs { width:100%; height:18px; line-height:18px; position:absolute; z-index:1; bottom:0; left:0; font-family:"Comic Sans MS", cursive; overflow:hidden; }
.domo-slides .tabs ul { text-align:center; height:18px; }
.domo-slides .tabs ul li { color:#0c91e8; font-size:12px; width:18px; height:18px; line-height:18px; border-radius:18px; font-style:italic; margin:0 5px; background:#b2d5ed; cursor:pointer; display:inline-block; *display:inline; zoom:1; overflow:hidden; }
.domo-slides .tabs ul .current { color:#fff; background:#4ad585 !important; }
.domo-slides .play, .domo-slides .pause {  right:50%; margin-right:-24px; top:65%; font-size:14px; position:absolute; cursor:pointer; width:60px; height:48px; margin-top:-34px; z-index:4; }

/* 七、幻灯片演示 */
.domo-slides-recommend { margin:0 auto; width:540px; height:380px; zoom:1; position:relative; }
.domo-slides-recommend .conts { width:540px; height:300px; position:relative; overflow:hidden; box-shadow: 0 10px 30px #107cc3; }
.domo-slides-recommend .conts ul { width:540px; height:300px; }
.domo-slides-recommend .conts li { width:540px; height:300px; line-height:300px; color:#317bac; font-size:26px; font-style:italic; font-weight:700; text-align:center; overflow:hidden; position:relative; }
.domo-slides-recommend .conts li a { display:block; width:540px; height:300px; color:#317bac; background:#f9fdff; overflow:hidden; }
.domo-slides-recommend .conts li a:hover {  color:#fff; background:#4ad585; border-radius:8px; text-decoration:none; }
.domo-slides-recommend .prev, .domo-slides-recommend .next { z-index:1; position:absolute; top:50%; margin-top:-25px; display:block; width:42px; height:42px; line-height:40px; font-size:24px; color:#fff;box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-webkit-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-moz-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1); border-radius:50px; background:#b2d5ed; text-align:center; font-family:"Comic Sans MS", cursive; cursor:pointer; }
.domo-slides-recommend .prev { left:-80px; background:#212121; }
.domo-slides-recommend .prev:hover, .domo-slides-recommend .next:hover { background:#3dc878; color:#fff; }
.domo-slides-recommend .next { right:-80px; background:#212121; }
.domo-slides-recommend .textList { text-align:center; height:40px; line-height:20px; padding:0px 15px; color:#1eb4e5; font-size:12px; overflow:hidden; }
.domo-slides-recommend .textList .pageNav { line-height:20px; color:#1eb4e5; }
.domo-slides-recommend .textList .pageNav font { font-size:14px; padding:0 5px; line-height:20px; color:#b2d5ed; font-style:italic; }
.domo-slides-recommend .textList .pageNav .current { font-size:18px; padding-right:8px; }
.domo-slides-recommend .tabs { width:100%; height:18px; line-height:18px; position:absolute; z-index:1; bottom:0; left:0; font-family:"Comic Sans MS", cursive; overflow:hidden; }
.domo-slides-recommend .tabs ul { text-align:center; height:18px; }
.domo-slides-recommend .tabs ul li { color:#0c91e8; font-size:12px; width:18px; height:18px; line-height:18px; border-radius:18px; font-style:italic; margin:0 5px; background:#b2d5ed; cursor:pointer; display:inline-block; *display:inline; zoom:1; overflow:hidden; }
.domo-slides-recommend .tabs ul .current { color:#fff; background:#4ad585 !important; }
.domo-slides-recommend .play, .domo-slides-recommend .pause {  right:50%; margin-right:-24px; top:65%; font-size:14px; position:absolute; cursor:pointer; width:60px; height:48px; margin-top:-34px; z-index:4; }

/* 八、文字上下滚动效果演示 */

.domo-textTopDown { width: 560px; height:242px; margin:0 auto;  background:#f9fdff; border-radius:8px; overflow: hidden; position: relative; box-shadow: 0 10px 30px #107cc3; }
	.domo-textTopDown .textList { height: 42px; line-height:42px; padding: 0px 30px; background: #212121; }
		.domo-textTopDown .textList span.pageCount { font-size:12px; float: right; color: #535353; padding-right:60px; }
			.domo-textTopDown .textList span.pageCount .on { font-size:14px; color:#999; }
		
			.domo-textTopDown .textList .pageCount font { font-size:12px; padding:0 5px; line-height:20px; color:#535353; font-style:italic; }				

		.domo-textTopDown .textList ul { float:left; margin-top:18px; overflow:hidden; zoom:1; }
			.domo-textTopDown .textList ul li { float:left; width: 8px; height: 8px; margin-right:5px; background: #f9fdff; border-radius:8px; cursor:pointer; text-indent:-100px; overflow:hidden; }
			.domo-textTopDown .textList ul li.on { background: #3dc878; }
					
		.domo-textTopDown .btns { width:22px; height:42px; z-index:999; }
			.domo-textTopDown .btns i { width:8px; overflow:hidden; cursor:pointer; }
			
			.domo-textTopDown .btns .prevStop, .domo-textTopDown .btns .prevBtn a { display:inline-block; width:8px; height:42px; position:absolute; top:0; right:37px; }
			.domo-textTopDown .btns .nextStop, .domo-textTopDown .btns .nextBtn a { display:inline-block; width:8px; height:42px; position:absolute; top:0; right:25px; }
			
			.domo-textTopDown .btns .prevStop { background: url(img/05.png) center center no-repeat; }
			.domo-textTopDown .btns .nextStop { background: url(img/06.png) center center no-repeat; }
			
		.domo-textTopDown .btns .prevBtn a { background: url(img/01.png) center center no-repeat; }
		.domo-textTopDown .btns .nextBtn a { background: url(img/02.png) center center no-repeat; }
		
		.domo-textTopDown .btns .prevBtn a:hover { background: url(img/03.png) center center no-repeat; }
		.domo-textTopDown .btns .nextBtn a:hover { background: url(img/04.png) center center no-repeat; }
			
	.domo-textTopDown .textCont { padding: 25px 0px; }
		.domo-textTopDown .textCont ul {}
			.domo-textTopDown .textCont ul li { padding: 0px 30px; height: 30px; line-height: 30px; }
				.domo-textTopDown .textCont li a { color: #333;  font-size:14px; padding-right:20px; }
				.domo-textTopDown .textCont li a:hover { color: #3dc878; }
				.domo-textTopDown .textCont li span { color:#ccc; font-style:italic; font-size:12px; padding-right:10px; }
				
				.domo-textTopDown .textCont li em { color:#ccc; font-style:italic; font-sizes:12px; padding-right:5px; }


/* 九、焦点图组图效果演示 */
	
.domo-focus-pic { position: relative; width: 450px; height:305px; margin:0 auto;  }
  .domo-focus-pic .textCont { position: relative; height: 240px; border-radius:8px; overflow:hidden; z-index: 1; box-shadow: 0 10px 30px #107cc3; }
	  .domo-focus-pic .textCont li { line-height:240px; color:#317bac; font-size:24px; font-style:italic; font-weight:700; text-align:center; zoom: 1; }
		.domo-focus-pic .textCont li a { display:block; width:450px; height:240px; background:#fff; color:#317bac; overflow:hidden; }
		.domo-focus-pic .textCont li a:hover {  color:#fff; background:#4ad585; text-decoration:none; }
	
	.domo-focus-pic .smallCont { width: 450px; height: 48px; margin-top: 15px; position: relative; }
		.domo-focus-pic .smallCont .box { width: 374px; height: 48px; margin: auto; overflow: hidden; }
		.domo-focus-pic .smallCont li {
			float: left;
			margin: 0 7px 0 0;
			line-height: 48px;
			color: #317bac;
			font-size: 12px;
			font-style: italic;
			font-weight: 700;
			text-align: center;
		}
				.domo-focus-pic .smallCont li a { border-radius:8px; display:block; width:88px; height:48px; background:#F9FDFF; color:#317bac; overflow:hidden; }
		.domo-focus-pic .smallCont li a:hover {  color:#fff; background:#4ad585; text-decoration:none; }
				.domo-focus-pic .smallCont li.on a { border-radius:8px; width:88px; height:48px; color:#fff; background:#3dc878; }
				.domo-focus-pic .smallCont li.on a:hover { color:#fff; background:#4ad585; }
				
.domo-focus-pic .prevNext { display:none; }
  .domo-focus-pic .prevBtn { left: 0px; } .domo-focus-pic .nextBtn { right: 0px; }
  .domo-focus-pic .prevBtn, .domo-focus-pic .nextBtn { position: absolute; font-size: 24px; color: #333; text-align:center; width:36px; height:60px; line-height: 60px; top:51%; margin-top: -36px; z-index: 10; cursor:pointer; font-family:"Comic Sans MS", cursive; font-weight:500; overflow:hidden; }
	   .domo-focus-pic .prevBtn a, .domo-focus-pic .nextBtn a { width:36px; height:60px; display:inline-block; color:#fff; background-color:#555; }
	   .domo-focus-pic .prevBtn a:hover, .domo-focus-pic .nextBtn a:hover { display:inline-block; color:#fff; background-color:#212121; }
	   
	   
	.domo-focus-pic .sPrev, .domo-focus-pic .sNext { border-radius:5px; z-index:2; position: absolute; top: 0px; width: 15px; height:40px; padding:6px 5px 2px 5px; background: #212121; font-size: 12px; line-height: 12px; color: #F9FDFF; text-align: center; display:block; }
	.domo-focus-pic .sPrev { left: 5px; }
	.domo-focus-pic .sNext { right: 5px; }
	.domo-focus-pic .sPrev:hover, .domo-focus-pic .sNext:hover { background: #000; }
	
		
/* 十、图片上下滚动效果演示 */	
	
.domo-picScroll-up { position:relative; margin:0 auto; width:230px; background:#f9fdff; border-radius:8px; box-shadow: 0 10px 30px #107cc3; overflow:hidden; }
	.domo-picScroll-up .textList { height:42px; line-height:42px; padding:0px 20px; background: #212121; overflow:hidden; }
		.domo-picScroll-up .textList .pageNav { float:right; line-height: 42px; margin-right: 20px; color: #535353; margin-right:40px; }
			.domo-picScroll-up .textList .pageNav .on { font-size:14px; color: #858585; }
			.domo-picScroll-up .textList .pageNav font { font-size:12px; padding:0 5px; line-height:20px; color:#535353; font-style:italic; }	
			
		.domo-picScroll-up .textList ul { float:left; margin-top:18px; overflow:hidden; zoom:1; }
			.domo-picScroll-up .textList ul li { float:left; width:8px; height:8px; margin-right:5px; background: #f9fdff;  /*border:1px solid #555;*/ border-radius:8px; cursor:pointer; text-indent:-100px; overflow:hidden; }
			.domo-picScroll-up .textList ul li.on { background: #3dc878; /*border:1px solid #f90;*/ }
						
		.domo-picScroll-up .btns { width:24px; height:42px; z-index:999; }
			.domo-picScroll-up .btns i { width:8px; overflow:hidden; cursor:pointer; }
			
			.domo-picScroll-up .btns .prevStop, .domo-picScroll-up .btns .prevBtn a { display:inline-block; width:8px; height:42px; position:absolute; top:0; right:27px; }
			.domo-picScroll-up .btns .nextStop, .domo-picScroll-up .btns .nextBtn a { display:inline-block; width:8px; height:42px; position:absolute; top:0; right:15px; }
			
			.domo-picScroll-up .btns .prevStop { background: url(img/05.png) center center no-repeat; }
			.domo-picScroll-up .btns .nextStop { background: url(img/06.png) center center no-repeat; }
			
		.domo-picScroll-up .btns .prevBtn a { background: url(img/01.png) center center no-repeat; }
		.domo-picScroll-up .btns .nextBtn a { background: url(img/02.png) center center no-repeat; }
		
		.domo-picScroll-up .btns .prevBtn a:hover { background: url(img/03.png) center center no-repeat; }
		.domo-picScroll-up .btns .nextBtn a:hover { background: url(img/04.png) center center no-repeat; }
					
.domo-picScroll-up .textCont { padding: 30px 10px 10px 25px; }
 .domo-picScroll-up .textCont ul { overflow: hidden; }
	 .domo-picScroll-up .textCont ul li { width:180px; height:100px; line-height:100px; font-weight:bold; font-style:italic; font-size:16px; position:relative; margin-bottom:20px; text-align:center; overflow:hidden; }
			 /*.domo-picScroll-up .textCont ul li img { width:180px; height:100px; border-radius:30px 0; }*/
		 	.domo-picScroll-up .textCont li a { color:#317bac; background:#ecf7ff; display:block; width:180px; height:100px; border-radius:8px; }
				.domo-picScroll-up .textCont li a:hover { color:#fff; background:#4ad585; text-decoration:none; }
			 
			.domo-picScroll-up .textCont ul li p { width:180px; font-size:12px; position:absolute; bottom:0; text-align:center; height:40px; line-height:40px; }
			.domo-picScroll-up a { text-decoration: none; color: #def3fd; }
				.domo-picScroll-up a:hover { text-decoration: none; color: #fff; }