@charset "utf-8";
/*
cloud common style 2.0
path:/com/style/2.0/common.css
*/
body,html,form,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dd,dl,dt{
	padding:0px;
	margin:0px;
	list-style:none;
}
html {
	background-color: #fff;
}
a{
	color:#666;
	text-decoration: none;
}
input[type=text]{
	border: 1px solid #ccc;
	font-family: "微软雅黑";
	line-height: 1.8em;
	color: #666;
	height: 1.8em;
	padding: 0;
}
textarea{
	border: 1px solid #ccc;
	font-family: "微软雅黑";
	line-height: 2em;
	color: #666;
}
img{
	border:none;
}
select{
	color:#666;
	font-size:12px;
	line-height:18px;
}
.keywordLink{
	color:inherit;
}
.radio{}
.checkbox{
	border:none;
}
input.submitBtn{
	display:block;	
}
.require{
	color:#F00;
	padding-left:10px;
}
.table{
	margin: auto;
	width: 100%;
	background-color: #CCC;
}
.table tr{}
.table th{
	background-color: #eee;
	height: 25px;
	padding-top: 5px;
	}
.table td{
	height: 25px;
	padding-top: 5px;
	text-align: center;
	background-color: #FFF;
}
.titleBar{
	/*font-size: 14px;
	height: 35px;
	padding-top: 10px;
	text-indent: 25px;
	display:block;*/
}

.lang_zh_CN .zh_CN{display:block;}
.lang_zh_CN .zh_TW{display:block;}
.lang_zh_CN .en{display:none;}

.lang_en .zh_CN{display:none;}
.lang_en .zh_TW{display:none;}
.lang_en .en{display:block;}


.lang_zh_TW .zh_CN{display:none;}
.lang_zh_TW .zh_TW{display:block;}
.lang_zh_TW .en{display:none;}



/*
----------留言容器----------
*/
.common_pageMessage{
	border:solid 1px #eee;
	height:170px;
	margin:auto;
	margin-top:10px;
	overflow-y:scroll;
	overflow-x:hidden;
	margin-left:25px;
	margin-right:25px;
}
/*
----------留言表单----------
*/
.common_pageMessageForm{
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
	height:120px;
	height:auto;
	background-color:#f4f4f4;
	/*font-family:"宋体";
	color:#666;*/
	/*margin:5px;*/
	/*margin-left:25px;
	margin-right:25px;*/
}
.common_pageMessageForm ul {
}
.common_pageMessageForm li{
	padding-top: 5px;
	position: relative;
	padding-left:10px;
}
.common_pageMessageForm label{
	/*position:absolute;
	left:00px;
	top:08px;*/
	text-align:right;
	width:80px;
	display:inline-block;
}
.common_pageMessageForm .testCodeImg{
	position:absolute;
	left:220px;
	top:5px;
}
.common_pageMessageForm .submitBtn{
	height: 25px;
	width: 85px;
	border: none;
	background:none;
	text-indent:-9999px;
	background-image:url(../images/submitBtn.gif);
	display:inline-block;
	cursor:pointer;
}
/*
----------留言列表----------
*/
.common_message{
	margin-top:10px;
	margin-bottom:10px;
}
.common_message ul{}
.common_message li{
	position: relative;
	line-height: 25px;
	margin-bottom:10px;
}
.common_message li div.messageContent{
	padding-left: 10px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}
.common_message li div.messageContent .title{
	/*position: absolute;
	left: 15px;
	top: 5px;
	display:block;
	width:auto;
	height:auto;*/
}
.common_message li div.replyContent{
	padding-left: 10px;
	position: relative;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	background-color: #f4f4f4;
}












/*页面控制*/
.common_pageControl{
	clear: both;
	position: relative;
	width:100%;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
	display:flex;
	padding:10px 0;
	background-color:#f4f4f4;
	flex-wrap: wrap;
	border-bottom:solid 1px #eee;
	border-top:solid 1px #eee;
	font-size:12px;
}
.common_pageControl ul{
	width:500px;
	display:flex;
	padding-left:10px;
}
.common_pageControl li{
	position:relative;
	width:auto;
	padding:0 5px;
}
.common_pageControl li a{
	text-align: center;
	padding-left:8px;
	padding-right:8px;
	height:2.0em;
	line-height:2.0em;
	display:block;
	background-color:#fff;
	border-radius: 4px;
	border:solid 1px #ccc;
	font-size:12px;
}
.common_pageControl li a:hover{
	text-decoration:none;
	color:#000;
}

.common_pageControl li.current{
}
.common_pageControl li.current a{
	color:#eee;
	background-color:#999;
	border:solid 1px #999;
}
.common_pageControl li.current a:hover{
	color:#fff;
}


.common_pageControl .firstPage,.common_pageControl .lastPage,.common_pageControl .prevPage,.common_pageControl .nextPage{
	display:none;
}
.common_pageControl .firstPage a{
}
.common_pageControl .lastPage a{
}
.common_pageControl .firstPage a:hover{
}
.common_pageControl .lastPage a:hover{
}
.common_pageControl .prevPage a{
}
.common_pageControl .nextPage a{
}
.common_pageControl .prevPage a:hover{
}
.common_pageControl .nextPage a:hover{
}
.common_pageControl .pageForm{
	line-height:2.2em;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	text-align:center;
}
.common_pageControl .pageForm .page{
	width:30px;
	height:2.0em;
	line-height:2.0em;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:center;
	
	border:solid 1px #ccc;
	border-radius: 4px;
	padding:0;
}
.common_pageControl .pageForm .gotoBtn{
	width:auto;
	height:2.1em;
	cursor:pointer;
	line-height:2.1px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#999;
	color:#fff;
	border-radius: 4px;
	border:solid 1px #ccc;
}
.common_pageControl .pageForm .gotoBtn:hover{
}
.common_pageControl span.tips{
	line-height:2.2em;
	position:relative;
}






/*用户状态*/
.common_userStatus{}
.common_userStatus ul{}
.common_userStatus ul li{ line-height:30px;}
.common_userStatus ul .logoutBtn{
	background-color:#999;
	text-indent:-9999px;
	background-image:url(../images/logoutBtn.gif);
	border:none;width:85px;
	line-height:25px;
	cursor:pointer;
}




/*菜单卡*/
.common_tab{
	padding-top: 10px;
}
.common_tab .tabList{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	height: 30px;
}
.common_tab .tabList li{
	width: 80px;
	height: 30px;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	clear: none;
}
.common_tab .tabList li a{
	display: block;
	width: 75px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #eee;
	color: #666;
	cursor:pointer;
}
.common_tab .tabList li.focusOpen a{
	background-color:#999;
	color:#FFF;
}
.common_tab .tabContentGroup{}
.common_tab .tabContentGroup .tabContent{}



/*------------focusModule---------------*/







.focusModule{
	/*position:absolute;*/
	width:400px;
	height:400px;
}
.focusModule .container{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.focusModule ul{}
.focusModule li{
	position:absolute;
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}
.focusModule li.focusOpen{
}
.focusModule li.focusClose{
}
.focusModule li a{
	cursor:pointer;
}
.focusModule li a.preview{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	background-position: center center;
	background-size: cover;
}
.focusModule li a.preview img{
	display:block;
	border:none;
}
.focusModule .prevBtn{
	position:absolute;
	left:0;
	top:0;
	width:100px;
	height:100%;
	z-index:50;
	cursor:pointer;
	background-color:#ccc;
	text-indent:-9999px;
}
.focusModule .prevBtn.disable{
	display:none;
}
.focusModule .nextBtn{
	position:absolute;
	right:0;
	top:0;
	width:100px;
	height:100%;
	z-index:50;
	cursor:pointer;
	background-color:#ccc;
	text-indent:-9999px;
}
.focusModule .nextBtn.disable{
	display:none;
}



.focusModule .columnName{display:none;}
.focusModule .slaveColumnName{display:none;}
.focusModule .title{display:none;}
.focusModule .upDateTime{display:none;}
.focusModule .description{display:none;}



/*-----------.focusModule.alpha---------*/
.focusModule.alpha{ width:100%; height:100%;}
.focusModule.alpha:hover .prevBtn{ display:block;}
.focusModule.alpha:hover .nextBtn{ display:block;}
.focusModule.alpha .prevBtn{
	background:none;
	background-repeat:no-repeat;
	background-position: 0px center;
	background-image:url(../images/focusModuleAlphaBtnBg.png);
	display:none;
}
.focusModule.alpha .prevBtn:hover{
	background-position: -100px center;
}
.focusModule.alpha .nextBtn{
	background:none;
	background-repeat:no-repeat;
	background-position: -200px center;
	background-image:url(../images/focusModuleAlphaBtnBg.png);
	display:none;
}
.focusModule.alpha .nextBtn:hover{
	background-position: -300px center;
}
.focusModule.alpha li{
	left:0px;
	top:0px;
}
.focusModule.alpha li.focusOpen{display:block;}
.focusModule.alpha li.focusClose{display:block;}


/*/-----------.focusModule.position---------*/
.focusModule.position{
	position:relative;
	width:670px;
	height:625px;
	margin-left:20px;
}
.focusModule.position .container{}
.focusModule.position .prevBtn{
	left:-15px;
	top:0px;
	width:10px;
	height:100%;
}
.focusModule.position .nextBtn{
	right:-15px;
	top:0px;
	width:10px;
	height:100%;
}
.focusModule.position ul{
	position:absolute;
	width:10000px;
	top:0px;
	left:0px;
}
.focusModule.position li{
	float:left;
	width:100px;
	height:90px;
	position:relative;
}
.focusModule.position li.focusOpen{}
.focusModule.position li.focusClose{}
.focusModule.position li a.preview{
	width:90px;
	height:90px;
}
.focusModule.position li a.preview img{
}
.focusModule.position li a.title{
	display:none;
	text-indent:-9999px;
}


/*/-----------.focusModule.control---------*/
.focusModule.control{
	position: absolute;
	width:100%;
	height:15px;
	bottom: 15px;
	left:0px;
	z-index:11;
}
.focusModule.control .container{
	height:100%;
}
.focusModule.control.leftAlign .container{
	margin:auto;
	margin-left:25px;
}
.focusModule.control.centerAlign .container{
	margin:auto;
}
.focusModule.control.rightAlign .container{
	margin:auto;
	margin-right:25px;
}



.focusModule.control .prevBtn{
	left:-20px;
	top:0px;
	width:15px;
	height:15px;
	display:none;
}
.focusModule.control .nextBtn{
	right:-20px;
	top:0px;
	width:15px;
	height:15px;
	display:none;
}
.focusModule.control ul{
	position:relative;
	width:10000px;
}
.focusModule.control li{
	float:left;
	width:25px;
	height:15px;
	position:relative;
}
.focusModule.control li.focusOpen{}
.focusModule.control li.focusClose{}
.focusModule.control li a.preview{
	display:none;
}
.focusModule.control li a.preview img{
}
.focusModule.control li a.title{
	display:block;
	width:15px;
	height:15px;
	background-color:#CCC;
	text-align:center;
	cursor:pointer;
	text-indent:-9999px;
	border-radius:10px;
}
.focusModule.control li.focusOpen a.title{
	background-color:#666;
	color:#FFF;
}




/*-----------scrollModule---------*/
.scrollModule{
	overflow:hidden;	
}
.scrollModule ul{
	width:6000px;
	position:relative;
}
.scrollModule li{
	width:155px;
	height:150px;
	position:relative;
	float:left;
}
.scrollModule .preview{
	position:absolute;
	overflow:hidden;
	height:118px;
	width:118px;
	display:block;
}
.scrollModule img{
	/*position:absolute;*/
}



.common_paraSearchForm{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eee;
	border-bottom-color: #eee;
	padding:10px;
	margin:10px;
	margin-top:30px;
	margin-right:5px;
	margin-left:5px;
}
.common_paraSearchForm ul{}
.common_paraSearchForm li{
	line-height:30px;
	position:relative;
}
.common_paraSearchForm .paraSearchBtn{
	margin-left:60px;
	display:none;
}
.common_paraSearchForm a{
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	
	/*margin:10px;*/
	cursor:pointer;
	line-height:25px;
}
.common_paraSearchForm a.current{
	background:#999;
	color:#FFF;
}




.magnifier{
	/*position:absolute;
	top:0px;
	height:240px;
	width:240px;
	overflow:hidden;
	background-color:#000;
	display:none;
	z-index:10000;*/
	background-color:#000;
	height:240px;
	width:240px;
	overflow:hidden;
	position:relative;
	display:none;
	z-index:10000;
}
.magnifier img{
	width:auto;
	position:absolute;
}


.magnifyArea{
	position:absolute;
	background-color:#000;
	filter:alpha(opacity=30);  
	-moz-opacity:0.3;  
	-khtml-opacity: 0.3;  
	opacity: 0.3;
	color:#ff0000;
	display:none;
	z-index:10000;
}



.orderButton{
	background:none;
	border:none;
	background-image: url(../images/orderButtonBg.png);
	position:relative;
	width:21px;
	height:20px;
	text-indent:-9999px;
	margin-left:10px;
	
	cursor:pointer;
}
.orderButton:hover{
	background-position:left -20px;
}


.orderButton[value=desc]{
	background-position:left -20px;
}
.orderButton[value=desc]:hover{
	background-position:left 20px;
}
.orderButton[value=asc]{
	background-position:left 20px;
}
.orderButton[value=asc]:hover{
	background-position:left 00px;
}









/*----------文章列表样式----------*/
.articleList{}
.articleList li{position: relative;line-height: 2em;}
.articleList li:hover{}
.articleList a{}
.articleList a:hover{}
.articleList .columnName{}
.articleList .slaveColumnName{}
.articleList .preview{ overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center;display: block;}
.articleList .preview img{max-height: 100%; max-width: 100%; display: none;}
.articleList .title{}
.articleList .description{height: 4.0em; line-height: 2.0em; overflow: hidden; width: 100%;font-size: 0.8em;}
.articleList .updateDate{}

/*----------附加样式1　(标题)----------*/
.articleList.attachStyle1{}
.articleList.attachStyle1 li{line-height: 3em; border-bottom: dotted 1px #ccc; display: flex;padding: 0 15px;}
.articleList.attachStyle1 .columnName{ margin-right: 10px;}
.articleList.attachStyle1 .slaveColumnName{}
.articleList.attachStyle1 .title{ flex-grow:1;}
.articleList.attachStyle1 .preview{ display: none;}
.articleList.attachStyle1 .description{ display: none;}
.articleList.attachStyle1 .updateDate{}

/*----------附加样式2　（标题加描述）----------*/
.articleList.attachStyle2{}
.articleList.attachStyle2 li{border-bottom: dotted 1px #ccc;padding: 15px;}
.articleList.attachStyle2 .columnName{margin-right: 10px;}
.articleList.attachStyle2 .title{ flex-grow:1;}
.articleList.attachStyle2 .preview{ display: none;}
.articleList.attachStyle2 .description{padding-top: 10px;}
.articleList.attachStyle2 .updateDate{}

/*----------附加样式3　（标题+图片+描述 横排）----------*/
.articleList.attachStyle3{}
.articleList.attachStyle3 li{border-bottom: dotted 1px #ccc; padding-top: 1em; padding-bottom: 1em; min-height: 150px; padding: 15px;padding-left: 230px;display: flex;flex-wrap: wrap; justify-content: flex-start;}
.articleList.attachStyle3 li:hover{}
.articleList.attachStyle3 .columnName{margin-right: 10px;}
.articleList.attachStyle3 .slaveColumnName{}
.articleList.attachStyle3 .title{ width: 100%;order:-1;}
.articleList.attachStyle3 .preview{ width: 200px; height: 150px; display: block; position: absolute; left: 15px;top: 15px;}
.articleList.attachStyle3 .description{padding-top: 10px;}
.articleList.attachStyle3 .updateDate{}


/*----------附加样式4　（标题+图片+描述 竖排）----------*/
.articleList.attachStyle4 {display: flex; flex-wrap:wrap;}
.articleList.attachStyle4 li{width: 33.33%;padding-top:15px;padding-bottom:15px;}
.articleList.attachStyle4 li:hover{}
.articleList.attachStyle4 .columnName{display:none;}
.articleList.attachStyle4 .slaveColumnName{display:none;}
.articleList.attachStyle4 .title{margin: auto;text-align: center; display: block; line-height: 2em;}
.articleList.attachStyle4 .updateDate{display:none;}
.articleList.attachStyle4 .preview{position:relative;height:240px;width:240px;margin:auto;}
.articleList.attachStyle4 .description{display: none;}



/*----------附加样式5　（日历样式）----------*/
.articleList.attachStyle5{}
.articleList.attachStyle5 li{border-bottom: dotted 1px #ccc; min-height: 70px; padding-left: 90px; padding-top: 15px; padding-bottom: 15px;}
.articleList.attachStyle5 .columnName{margin-right: 10px;}
.articleList.attachStyle5 .title{}
.articleList.attachStyle5 .preview{ display: none;}
.articleList.attachStyle5 .description{}
.articleList.attachStyle5 .updateDate{ position: absolute; left: 15px; top: 15px; width: 60px; height: 70px; background-color: #ccc; color: #fff;}

.articleList.attachStyle5 .updateDate .day{
	display:block;
	font-size:28px;
	color:#fff;
	line-height:45px;
	text-align:center;
}
.articleList.attachStyle5 .updateDate .yearAndMonth{
	display:block;
	font-size:12px;
	color:#fff;
	line-height:15px;
	text-align:center;
}






@media only screen and (max-width:480px) {
	.articleList.attachStyle4 .preview{
		width:120px;
		height:120px;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.banner{ height: 300px;}
}
@media only screen and (min-width:1025px) {
	.banner{ height: 475px;}
}





.common_article{}
.common_article .detail{}
.common_article .detail header{height:auto;margin:0;padding:0;padding-top:20px;background:none; width:100%; min-width:100%;}
.common_article .detail footer{height:auto;margin:0;padding:0;padding-bottom:20px;background:none; width:100%; min-width:100%;}

.common_article .detail .title{font-size:1.5em;height:auto;line-height:2em;text-align:center; padding-top:0.5em;padding-bottom:0.5em;}
.common_article .detail .para{text-align: center;background-color: #f4f4f4;line-height: 2.5em; font-size:1em;width:100%;border-top:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid; display: block;}
.common_article .detail .content{line-height:2em;height:auto;min-height:600px;margin-top:20px;margin-bottom:20px;}
.common_article .detail .content img{max-width:100%; height:auto !important;}


.related{position: relative;width: 100%;line-height: 2em;background-color:#f4f4f4;border-top:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid;}
.related .prevRelated{text-indent:10px; display:block;}
.related .listRelated{text-indent:10px; display:block;}
.related .nextRelated{text-indent:10px; display:block;}


.bdsharebuttonbox{text-align:center; margin:auto; width:140px; height:auto;}