@charset "utf-8";
/* CSS Document */
body,form,pre,dl,h3,h4,h5{margin:0px;padding:0px;}
body,p,div,li,td,span,font,label,b,i,u{font-size:12px; font-family:'Microsoft YaHei'}
var,code,kbd,dfn{font-style:normal;font-size:12px;}
input,select{font-size:12px;vertical-align:middle;}
textarea{resize:none;}

ul{margin:0px;padding:0px;list-style-type:none;}
ol{margin:0px;padding:0px;padding-left:24px;padding-left:0px \9;margin-left:24px \9;}

a, a:link, a:visited{color:#000000; text-decoration:none; font-family:'Microsoft YaHei'}
a:hover{color:#FD4D20; font-family:'Microsoft YaHei'}

a.red, a.red:link, a.red:hover, a.red:visited{color:#FF0000; text-decoration:none;}
a.unline, a.unline:link, a.unline:hover, a.unline:visited{text-decoration:underline;}

*.important, a.important:link, a.important:hover, a.important:visited{color:#FD4D20;}
*.strongred, a.strongred:link, a.strongred:hover, a.strongred:visited{font-weight:bold;color:#F00;}
*.disabled{color:#808080;}
*.discover{color:#c0993d;}
input.disabled{background-color:#F0F0F0;}
option.selected{background-color:#D8D8D8;color:#414874;font-weight:bold;}

table.layout{border:0px none;border-collapse:collapse; border-spacing:0px;table-layout:fixed;}
table.layout td, table.layout th{padding:0px;}

/*
*{word-break:break-all;word-wrap:break-word;}
*{background-color:;background-image:;background-repeat:;background-position:;}
*{background:#******* url() repeat fixed x y;}
table{border:1px;border-collapse:collapse;table-layout:fixed;}
td{padding:0px;}
*{filter:alpha(opacity=0);opacity:0;}
*/

/*-----------------------------  web app 通用  -----------------------------*/

body{width:100%;height:inherit;max-width:640px;min-height:100%;margin:0px auto;/*update:{*/background-color:#ffffff;/*}*/}
img{border:0px none;vertical-align:middle;}
*.XYCenter{display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;
 display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center;
 display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center;
 display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center;
 display: box; box-orient:horizontal; box-pack:center; box-align: center;}
div#page{padding:0px;/*update:{*/background:#F0F0F0;/*}*/}

/**/
section#header{/*update:{*/background:#ffffff;/*}*/}
section#header header{padding:0px;position:relative; height:60px;}

section#header header nav{float:right;height:inherit;margin-right:0px;overflow:hidden;  }

section#header header div#logo{padding:0px;}
section#header header div#logo img{height:60px; max-width:85%; }

section#pagehead{/*update:{*/background:#ffffff;/*}*/}
section#pagehead header{padding:0px;position:relative; height:60px;}

section#pagehead header nav{float:right;height:inherit;margin-right:0px;overflow:hidden;  }

section#pagehead header div#logo{padding:0px;}
section#pagehead header div#logo img{height:60px; max-width:85%; }


section#header div.swipe{width:100%;overflow:hidden;position:relative;}
section#header div.swipe-wrap{overflow:hidden;position:relative;}
section#header div.swipe-wrap > div{float: left; position: relative;}
section#header div.swipe .bottom {
    bottom: 0;
    color: #FFFFFF;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: absolute;
    text-align: left;
    text-indent: 5px;
    width: 100%;
    z-index: 0;
}

section#header div.swipe-wrap > div img {
    border: 0px none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

section#header div.swipe-wrap > div .dots {
    bottom: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

section#header div.swipe-wrap > div .dots b {
    background: none repeat scroll 0 0 rgba(144, 144, 144, 0.8);
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    height: 6px;
    margin: 12px 4px;
    width: 6px;
}


section#header div.swipe-wrap > div .dots b.select {
    background: none repeat scroll 0 0 #75AF00;
}

.dropdown-menu {
	position: absolute;
	z-index: 9999;
	right: 5px;
    top: 40px;
	background:rgba(0,0,0,0.8);/*background:rgba(R,G,B,0-1);*/
	list-style: none outside none !important;
	margin: 0px;
	padding:0px;
	min-width: 150px;
	display: none;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
	-moz-border-radius: 8px;      /* Gecko browsers */
    -webkit-border-radius: 8px;   /* Webkit browsers */
    border-radius:8px;            /* W3C syntax */
}
.dropdown-menu:after{
	position:absolute;
	top:-8px;
	right:22px;
	content:"";
	width:0px;
	height:0px;
	border:8px solid transparent;
	border-top:0px;
	border-bottom:8px solid rgba(0,0,0,0.8);/*sanjiao*/
}

.dropdown-menu li{
	border-top:1px solid #666;
	border-bottom:1px solid #000;
}
.dropdown-menu li:first-child{
	border-top:0px;
}
.dropdown-menu li:last-child{
	border-bottom:0px;
}
.dropdown-menu li:last-child:after{
	height:0px;
	border:0px none;
}
.dropdown-menu li a{
	text-align:left;
	display:block;
	width:auto;
	height:39px;
	line-height:39px;
	padding-left:8px;
	font-size:16px;
	margin:0px;
}
.dropdown-menu li a,
.dropdown-menu li a:link,
.dropdown-menu li a:hover,
.dropdown-menu li a:visited{color:#fdf7f7;}

.dropdown-menu li img{
	width:30px !important;
	height:30px !important;
	margin:5px 2px 4px 0px;
	line-height:39px;
	vertical-align:top;
}

section#hots{}

section#hots ul { margin:10px 10px 20px 20px;}
section#hots ul li{height:36px; line-height:36px; padding-left:20px;overflow:hidden; border-bottom:1px dashed #BEBEBE; background:url(../../images/index_22.jpg) no-repeat 2px center; font-size:1.2em;}
section#hots ul li a{ color:#136084;}
section#hots ul li span{ float:right;}
section#hots ul li b{ font-weight:normal; color:#333333}

section#badge header{height:42px;line-height:42px;padding:0px 6px 0px 10px;background-color:#853F4A;margin-top:8px;}
section#badge header label{float:left;display:inline;height:inherit;line-height:normal;margin-right:6px;}
section#badge header label img{margin-top:5px;}
section#badge header nav{float:right;display:inline;width:42px;height:inherit;line-height:normal;margin-left:10px;overflow:hidden;}
section#badge header h3{height:inherit;line-height:inherit;font-weight:bold;color:#FFF;}
section#badge header h3 a, section#badge header h3 a:hover{color:#FFF;}

section#badge ul {padding:14px 0px 2px 0px;}
section#badge ul li{float:left;display:inline;width:33%;}
section#badge ul li:nth-of-type(2n) div{margin:0px 8px 14px 7px;}
section#badge ul li:nth-of-type(2n+1) div{margin:0px 7px 14px 8px;}
section#badge ul li a{position:relative;display:block;overflow:hidden;}
section#badge ul li a, section#badge ul li a:hover{color:#EBEBEB;font-weight:bold;}

section#badge ul li a table,
section#badge ul li a h4{position:absolute;width:100%;height:100%;filter:alpha(opacity=0);opacity:0;}

section#badge ul li a h4{background:#5E5E5E;}
section#badge ul li a:hover h4{filter:alpha(opacity=85);opacity:0.85;}

section#badge ul li a table{border:0px none;border-collapse:collapse;table-layout:fixed;}
section#badge ul li a:hover table{filter:alpha(opacity=100);opacity:1;}

section#badge ul li a table td{padding:0px;font-size:10.5pt;line-height:20px;}
section#badge ul li a:hover table td{text-align:center; vertical-align:middle;}



section#list{
	/*update:{*/
	background:#FFF;
	padding-bottom:12px;
	/*}*/
}
section#list ul {padding:6px 8px 0px 8px;}
section#list ul li{
	zoom:1;
	padding:10px 12px;
	margin:6px 0px 0px;
	min-height:60px;
	height:auto;
	border:1px solid #AEACAD;
	-moz-border-radius: 6px;      /* Gecko browsers */
    -webkit-border-radius: 6px;   /* Webkit browsers */
    border-radius:6px;            /* W3C syntax */
	overflow-x:hidden;
}
section#list ul li label{
	float:left;
	display:inline;
	width:80px;
	height:60px;
	height:inherit;
	overflow:hidden;
}
section#list ul li label img{width:inherit;height:inherit;}
section#list ul li h4{
	font-size: 13pt;
	font-weight:bold;
	margin-left:10px;
	margin-top:-2px;
    line-height: 22px;
    min-height: 44px;
    overflow: visible;
    word-break: break-all;
    word-wrap: break-word;
}
section#list ul li h4.short{
	line-height: 22px;
    min-height: 22px;
}
section#list ul li div{
	height:16px;
	line-height:16px;
	font-size:10pt;
	color:#666666;
	padding-left:16px;
}
section#list ul li div.lead{
	margin-top:6px;
	height:auto !important;
	min-height:16px;
	max-height:32px;
	line-height:16px;
	font-size:8.5pt;
	word-break: break-all;
    word-wrap: break-word;
	overflow:hidden;
}

section#button{
	background-color:#2E2E2E; text-align:center; margin:10px 0px;
}

section#common ul{}
section#common ul li{width:auto;height:42px;line-height:42px;display:block;margin-bottom:12px;}
/*section#common ul li:nth-of-type(2n){float:right;margin-left:1%;}*/
/*section#common ul li:nth-of-type(2n+1){float:left;margin-right:1%;}*/
section#common ul li label{float:left;display:inline;height:inherit;line-height:normal;width:auto;margin-left:10px;margin-right:6px;}
section#common ul li label img{margin-top:5px;}
section#common ul li h4{height:inherit;font-weight:bold;font-size:13pt;font-family:"黑体";color:#FFF;}
section#common ul li h4 a,
section#common ul li h4 a:link,
section#common ul li h4 a:hover,
section#common ul li h4 a:visited{color:#FFF;}

section#article{
	/*update:{*/background:url();/*}*/
	background-color:#FFFFFF;
}
section#article h1.article-title{
	display: block;
    font-size: 16pt;
    font-weight: bold;
    line-height: 28px;
	margin:0px;
	padding:16px 6px 10px;
	/*update:{*/color:#FFFFFF;/*}*/
}

section#article h4.article-time {
	color: #999999;
    font-size: 10pt;
    border-bottom: 1px solid #DADDDE;
    padding: 0px 6px 6px;
	font-weight:normal;
	overflow:hidden;
}

section#article dl.content,
section#article dl.content p,
section#article dl.content div,
section#article dl.content span {
	/*update:{*/ background:none !important;/*}*/
    font-size: 14px;
}

section#article dl.content {
    line-height: 26px;
    overflow-x: hidden;
	margin-top:1px;
    padding: 20px 10px 10px;
}

section#article dl.content img {
width:100%;
	margin:5px auto 5px;
	vertical-align: middle;
}

section#article dl.content img+br+br+img,
section#article dl.content img+br+div > img,
section#article dl.content img+div > br+img{
	margin-top:-10px;
}

section#works ul {padding-top:14px;}
section#works ul li{
	width:48%;
	margin-bottom:16px;
	zoom:1;
}

section#works ul li:nth-of-type(2n+1){
	float:left;
	display:inline;	
	margin-right:1%;
}
section#works ul li:nth-of-type(2n){
	float:right;
	display:inline;	
	margin-left:1%;
}

section#works ul li div{
	padding:8px 12px;
	border:1px solid #B2B2B2;
	-moz-border-radius: 6px;      /* Gecko browsers */
    -webkit-border-radius: 6px;   /* Webkit browsers */
    border-radius:6px;            /* W3C syntax */
}

section#works ul li label{
	display:block;
	overflow:hidden;
}
section#works ul li label img{
	width:100%;
	max-width:100%;
	height:auto;
}
section#works ul li h4{
	padding-top:5px;
	height:40px;
	line-height:20px;
	font-size:11pt;
	font-family:"黑体";
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
}

footer{text-align:center;margin-top:30px;margin-bottom:30px;font-size:8pt;}
footer, footer a, footer a:link, footer a:visited, footer a:hover{color:#00468C;}

div#photoBox{display:block;width:100%;height:100%;overflow:hidden;}
ul#photoList{display:table;width:auto;height:inherit;margin:0px;padding:0px; list-style-type:none;}
ul#photoList li{display:table-cell;width:auto;height:inherit;text-align:center; vertical-align:middle; overflow:hidden;}

#photoPage{position:absolute;z-index:9;right:8px;top:8px;width:auto;min-width:50px;height:50px;padding:0px;margin:0px;list-style-type:none;-ms-box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}
#photoPage li{position:absolute;width:100%;height:100%;background:#FFF;filter:alpha(opacity=60);opacity:0.6;-moz-border-radius: 24px;/* Gecko browsers */-webkit-border-radius: 24px;/* Webkit browsers */ border-radius:24px;/* W3C syntax */}
#photoPage li+li{line-height:50px;font-size:18pt;font-weight:bold;overflow:hidden;text-align:center;background:none;filter:alpha(opacity=100);opacity:1;white-space:nowrap;}

#toolBarBottom{background:#0096DD url(images/msn_36.jpg) repeat-x;height:40px;display:none;-ms-box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;padding:0px 8px;}/*@H*/


#toolBarBottom ol{
background:url(images/msn_36.jpg) repeat-x;
	display:block;
	width:100%;
	max-width:640px;
	height:inherit;
	+height:100%;
	/*
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:content-box;
	box-sizing:border-box;
	border-right:1px solid #F7FFFF;
	border-left:1px solid #AAB2B4;
	*/
	margin:0px auto;
	padding:0px;
	list-style-type:none;
	overflow:hidden;
}
#toolBarBottom ol li{
	float:left;
	display:inline;
	width:20%;
	height:inherit;
	+height:100%;
	text-align:center;
	overflow:hidden;
	background:url(../../images/index_32.jpg) no-repeat 0px 0px;
	background-size:auto cover;
}
#toolBarBottom ol li:first-child{
	background:none;
}
#toolBarBottom ol li a{
	display:block;
	height:inherit;
	+height:100%;
	text-align:center;
	line-height:20px;/*@H*/
	padding:2px 0px 0px 2px;/*@H*/
}

#toolBarBottom ol li a,
#toolBarBottom ol li a:link,
#toolBarBottom ol li a:hover,
#toolBarBottom ol li a:visited{font-size:12px;color:#fff;}

#toolBarBottom ol li:first-child a{
	padding-left:0px;
}

#toolBarBottom ol li a img{
	vertical-align:middle;
	margin:0px auto 1px; clear:both; height:20px;
}
#toolBarBottom ol li a img,
#toolBarBottom ol li a br{}


.herdmenu{ background:#fff;}
.herdmenu td{ background:#006CC9; text-align:center}
.herdmenu td a{ color:#FFFFFF; font-size:1.2em;}

.homeh3{ color:#fff; font-size:1.3em; line-height:36px; padding-left:25px; background:#0096DD url(../../images/index_18.jpg) no-repeat left 5px;}
.homeh3 span{ float:right;margin-right:10px;}
.homeh3 span a{color:#fff; font-size:1.3em;  }


section#hotpro{ height:;}
section#hotpro div.swipe{width:100%;overflow:hidden;position:relative; background:#F0F0F0}
section#hotpro div.swipe-wrap{overflow:hidden;position:relative;}
section#hotpro div.swipe-wrap > div{float: left; position: relative; padding:15px 0px;}
section#hotpro div.swipe-wrap > div h4{ width:100%; height:24px; line-height:24px; overflow:hidden; font-weight:normal}
section#hotpro div.swipe .bottom { 
    bottom: 0;
    color: #FFFFFF;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: absolute;
    text-align: left;
    text-indent: 5px;
    width: 100%;
    z-index: 0;
}

section#hotpro div.swipe-wrap > div .dots {
    bottom: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

section#hotpro div.swipe-wrap > div .dots b {
    background: none repeat scroll 0 0 rgba(144, 144, 144, 0.8);
    border-radius: 3px 3px 3px 3px;
    display: none;
    height: 6px;
    margin: 12px 4px;
    width: 6px;
}


section#hotpro div.swipe-wrap > div .dots b.select {
    background: none repeat scroll 0 0 #75AF00;
}

.toolWrap{width: 38px;height: 60px;float: left;}
.toolWrap a{
    width: 38px;
    height: 60px;
    display: block;
    text-decoration: none;
    background: url(/wap/images/common.png) no-repeat;
    background-size: 400px;
}

a.search{
    background-position: -100px -37px;
}
a.download{
    background-position: -176px -37px;
}
a.lang{
    background-position: -138px -37px;
}

.searchInput{
display:none;
position: absolute; 
    top: 60px;
    z-index: 999;
    width: 100%;
	max-width:640px;
    height: 100%;
	background:rgba(0,0,0,0.8);

}
.searchmain{padding:2% 1%;width:98%;float:left;background:rgba(0,150,221,1);}
.search_txt{background:rgb(255, 255, 255);width:88%;padding-left:5px;padding-top:5px;padding-bottom:5px;font-family:\5FAE\8F6F\96C5\9ED1;float:left; border:1px solid #ccc; line-height:24px; margin:0px;}
.search_but{padding:0px;border:1px solid #ccc;width:10%; max-width:70px;height:36px;float:left; background:#006CC9; color:#fff; font-size:1.2em;}


.langnav{
display:none;
position: absolute; 
    top: 60px;
    z-index: 999;
    width: 100%;
	max-width:640px;
    height:auto;
}
.langnav ul{ min-width:120px; float:right; background:rgba(0,150,221,1);}
.langnav ul li{ line-height:30px; padding-left:10px;}
.langnav ul li a{ color:#fff; font-size:1.3em;}