html,body{ margin:0; padding:0; height:100%; width:100%; position:relative}
body{ background:url(../images/body-bg.png) repeat-x #488fd9}
.z-1{ z-index:1;}
.z-2{ z-index:2;}
.z-3{ z-index:3;}
.z-4{ z-index:4;}
.z-5{ z-index:5;}
.z-6{ z-index:6;}
.z-7{ z-index:7;}
.z-8{ z-index:8;}
.z-9{ z-index:9;}
.z-10{ z-index:10;}
.z-100{ z-index:100;}
.z-101{ z-index:101;}
.z-102{ z-index:102;}
.z-103{ z-index:103;}
.z-104{ z-index:104;}
.z-105{ z-index:105;}
.z-106{ z-index:106;}
.z-107{ z-index:107;}
.z-108{ z-index:108;}
.z-109{ z-index:109;}
.z-9998{ z-index:9998;}
.z-9999{ z-index:9999;}
.rel{ position:relative}
.abs{ position:absolute}
.w1000{ width:1000px;}
.w1055{ width:1055px;}
.w1100{ width:1100px;}
.whitebg{ background:#fff;}
.m-r-0{ margin-right:0 !important;}
.ind0{ text-indent:0;}
*{ margin:0; padding:0}
.header_nav_zt{ display:none}
.transparent-1{filter: alpha(opacity=10);-moz-opacity: 0.1;opacity: 0.1;}
.transparent-2{filter: alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2;}
.transparent-3{filter: alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}
.transparent-4{filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}
.transparent-5{filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.transparent-6{filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.transparent-7{filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.transparent-8{filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
.transparent-8{filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;}
.tier{ width:100%; height:100%; top:0px; left:0; right:0; bottom:0px !important; position: fixed; background:url(../images/tier.png)}
.cloud-top-background{ background:url(../images/cloud-top-background.png) 0 center; left:0; right:0; height:450px;}
.tophead{ background:url(../images/tophead.png) no-repeat; width:1000px; height:450px;}
.topnewhead{ background:url(../images/topnewhead.png) no-repeat 30% 0; width:1000px; height:450px;}

.innerboxmenu{ width:1000px; height:0px; font-size:0;}
.innerboxmenu .inner{ margin-top:-450px;  width:1000px;}
.innerboxmenu .inner-2{ width:1000px; margin-top:-200px;}
.innerboxmenu .wgdctext{ width:428px; height:146px; background:url(../images/wgdc2014-h-text.png) no-repeat; margin-left:130px; margin-top:232px;}
.innerboxmenu .wgdclogo{ width:127px; height:170px; background:url(../images/wgdc-logo.png) no-repeat;  margin-left:15px; margin-top:218px;}
.innerboxmenu .theme{ width:310px; height:93px; background:url(../images/theme.png) no-repeat; margin-top:130px; margin-left:25px;}
.innerboxmenu .theme .left-tit{ font:normal 12px/25px 'Microsoft Yahei'; float:left; margin-left:45px; width:130px;}
.innerboxmenu .theme .right-en{font:normal 12px/25px 'Microsoft Yahei'; float:left;}
.innerboxmenu .theme .right-en a{ color:#fff; text-decoration:none}
.innerboxmenu .theme .right-en a:hover{ color: #F5E047}


.nav{ height:55px; background:url(../images/nav-bg.png) repeat-x}
.nav div,.nav a{color:#fff; text-decoration:none;}
.nav a{display:block; height:55px; background:url(../images/nav-bg.png) 0 0 repeat-x; cursor:pointer}
.nav a:hover{ background-position:0 bottom}
.nav .w1000 div{ float:left; height:55px;}
.nav a div{  background:url(../images/menu-icons.png) no-repeat; margin:0; padding:0 10px 0 40px;}
.nav .cn{ font: normal 14px/18px "Microsoft Yahei"; padding-top:11px;}
.nav .en{ font: normal 12px/14px "Microsoft Yahei"; }
.nav .line{ width:2px; height:55px; background:url(../images/nav-line-bg.png) repeat-y; font-size:0;}
.nav .home-3snews{ width:111px; height:40px; background:url(../images/3snews_home_www.png) no-repeat; position:absolute; top:-40px; left:0px; z-index:102; font-size:0; overflow:hidden}



.nav .Top,
.nav .Highlights,
.nav .Statisticsc,
.nav .Collect,
.nav .Guest,
.nav .Videos,
.nav .Photos,
.nav .Register,
.nav .Retrospect{ float:left}



.nav .Top div{ background-position:5px -6px;}
.nav .Highlights div{ background-position:5px -79px;}
.nav .Statisticsc div{ background-position:5px -146px;}
.nav .Collect div{ background-position:5px -221px;}
.nav .Guest div{ background-position:5px -294px;}
.nav .Videos div{ background-position:5px -366px; padding-left:38px;}
.nav .Photos div{ background-position:5px -441px;}
.nav .Register div{ background-position:5px -511px;}
.nav .Retrospect div{ background-position:5px -582px;}
.nav .Retrospect{ padding:0px;}
.nav .show-slider .Retrospect{ padding:0 10px !important;}
.nav-top-line{ width:100%; height:1px; font-size:0; background-color:#fff; filter:alpha(opacity=20);-moz-opacity: 0.6;opacity: 0.6; position:relative; z-index:100;}
.nav-bot-line{ width:100%; height:8px; font-size:0; background-color:#fff; filter:alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2; position:relative; z-index:100;}




.titwgdc{ width:360px; height:52px; background:url(../images/wgdc2014_title.png) no-repeat;}
.twzb{width:360px; height:52px; background:url(../images/twzb.png) no-repeat;}
.titp1{ background-position:0px 0px;}
.titp2{ background-position:0px -53px;}
.titp3{ background-position:0px -106px;}
.titp4{ background-position:0px -159px;}
.titp5{ background-position:0px -212px;}
.titp6{ background-position:0px -265px;}
.titp7{ background-position:0px -318px;}
.titp8{ background-position:0px -371px;}
.titp9{ background-position:0px -424px;}

.tt_co_{ width:188px; padding-top:10px; display:inline-block; float:left;}
.tt_co_ h4{width:188px; height:44px;  background:url(../images/tt_co_.png) no-repeat; font-size:14px; color:#08517d; text-align:center; font:bold 16px/40px 'Microsoft Yahei'; }
.tt_co_ h4 span{ width:170px; display:block;}
.tt_lo_{ display:block !important; margin-left:200px;}

.Highlight-3-box { background:url(../images/Highlight-3-bg.png) no-repeat; width:1000px; height:245px;}
.Highlight-img{ height:1px; position:relative; z-index:9998}
/**
.Highlight-img .info{ background:url(../images/Highlight.png); background-position:-120px 0; width:195px; height:168px; text-indent:2em; position:absolute; z-index:9999; top:50px; left:-25px; color:#083d5c; display:none}
**/
.Highlight-img .info{ background:url(../images/Highlight.png); background-position:-120px 0; width:280px; height:196px; text-indent:2em; position:absolute; z-index:9999; top:50px; left:-67px; display:none; color:#083d5c}
.Highlight-img .info p{ text-indent:0;}
.Highlight-img .HighlightA,
.Highlight-img .HighlightB,
.Highlight-img .HighlightC{ position:absolute; z-index:9998; background:url(../images/Highlight.png); width:120px; height:93px; margin-top:-173px;}
.Highlight-img .HighlightA{ background-position:0 0; margin-left:127px;}
.Highlight-img .HighlightB{ background-position:0 -93px; margin-left:427px;}
.Highlight-img .HighlightC{ background-position:0 -186px; margin-left:725px;}


.imgboxs-tj{ width:1000px; height:461px; background:url(../images/chsj.png) no-repeat center 0}
.textbox .textfont h4{ color:#f3eb68; margin-bottom:10px;}
.textbox .textfont p{ color:#fff;}
.aimg-box a{ color:#fff; text-decoration:none}
.aimg-box a:hover{ color:#CC0l; text-decoration:underline}
.listnews li{ padding-left:25px; }
.listnews a{ color:#fff; text-decoration:none;}
.listnews a:hover{ text-decoration:underline; color: #FC0;}
.listnews .dd-t .video{ height:40px;  background:url(../images/videoNewsLeft.png) no-repeat 0 center; }
.listnews .dd-t .news{ height:40px;  background:url(../images/NewsLeft.png) no-repeat 0 center;}
.videobg{ background:url(../images/video-bg.png) no-repeat; width:552px; height:450px; position:absolute; margin-top:-30px;}
.tel{ background:url(../images/tel.png) no-repeat; width:207px; height:35px; line-height:35px; margin-top:8px; margin-left:715px; color:#214971 !important;}
.Tel-All{ width:280px; height:33px; background:url(../images/Tel-All.png) no-repeat; line-height:33px; margin-top:15px; margin-left:715px;}
.Tel-All .teltext .left{ text-align:center; color:#226489; font-size:12px; width:72px; height:33px; position:relative; z-index:9997; cursor:pointer}
.Tel-All .teltext .left .info-box-tel{ position:absolute; z-index:99999; width:225px; height:33px; line-height:33px; background:url(../images/Tel-All.png) repeat-x 0 -103px; top:32px; left:0; display:none}
.Tel-All .teltext .bor-l-1px{ border-left:1px #7eb7d8 solid;}
.Tel-All .teltext .on{ background:url(../images/Tel-All.png) repeat-x 0 -43px !important; }
.Tel-All .teltext .left .zs{}
.Tel-All .teltext .left .hz{ margin-left:-72px;}
.Tel-All .teltext .left .pw{ margin-left:-144px;}



.huati{ width:690px;}
.weibo{ width:300px;}
.weibo .whitebg{ width:300px;}
.listnews{ width:420px;}
.dd-pic{ position:relative; cursor:pointer}
.dd-pic img{ width:115px !important;}

.dd-pic .subtitle{position:absolute;left:0;bottom:0px;height:130px;width:115px;background:#333;opacity:0.7;filter:alpha(opacity=70);color:#fff;font-size:12px; top:10px; display:none}

.reg-wizard{ height:41px; background:url(../images/reg-wizard.png) no-repeat;}
.reg-iframe{ border:2px #173b51 solid; padding:15px; background:#fff;}
.reg-iframe .righttext{ width:200px; height:800px;}
.reg-iframe .righttext p{ color:#333; font-size:14px}
.reg-iframe .righttext .green{ color:#12721d;}
.reg-iframe .righttext .blue{ color:#0172dc;}
.reg-iframe .righttext .stt{ padding-left:20px; background:url(../images/st.png) no-repeat 0 center; height:30px; line-height:30px;}


.salebg{ height:73px; width:235px; background:url(../images/salebg.png) repeat-x; border:1px #3f698a solid; border-bottom:0;}
.salebg h4{ color:#1a659d}
.salebg p{ color:#333;}
.salebg .highlightnum{ color:#c87100}

.logo-corp .logo-box{ margin-left:9px; padding:5px 0 0 0;}
.logo-corp .logo-box img{ width:150px; height:60px;}
.w220-h60 img{ width:220px !important;}
.footer-img-bg{ height:420px; width:100%; background:url(../images/foot-img-bg.png) repeat-x center 0}
.footer-img-bg .footer-img{ height:420px; width:1000px; margin:0 auto; background:url(../images/footer-img.png) no-repeat center 0}
.footer-img-bg  .footerbg{ height:420px; background:url(../images/foot-img-bg.png) repeat-x center 0}
.footer-img-bg  .left .footerbg{ margin-right:500px;}
.footer-img-bg  .right .footerbg{ margin-left:499px;}
.footer-white-line-bg{ height:13px; background:url(../images/footer-white-line-bg.png) repeat-x;}


/* roundabout */
.roundabout-holder{width:700px;height:330px;margin:0 auto;}
.roundabout-moveable-item{width:420px;height:220px;cursor:pointer;border:3px solid #ccc;border:3px solid rgba(0, 0, 0, 0.08);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.roundabout-moveable-item img{width:100%;}
.roundabout-in-focus{border:3px solid rgba(0, 0, 0, 0.2);}


.menu-sublist {display:none;position:absolute;top:55px;left:0px;z-index:9999;width:135px; height:80px !important; background:#012744; text-align:center; background-image:none !important;}
.menu-sublist p{ height:40px; line-height:40px;}
.menu-sublist .Retrospect{ display:none !important;  height:30px !important; line-height:30px !important; overflow:hidden;}
.menu-sublist div .ah,.menu-sublist p a{ height:40px !important; line-height:40px !important; background-image:none !important; overflow:hidden; display:block !important;}
.menu-sublist p a:hover{ background:#06446b}


.volunteers p{ line-height:180%; color:#333}
.volunteers h4{ line-height:45px; font-size:16px} /*white-space:nowrap; */
.tnoline{ text-decoration:none !important}



.da-thumbs {
	list-style: none;
	width: 984px;
	position: relative;
	margin: 10px auto 0 auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	margin:10px 5px;
	display:inline;
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	border:1px solid #ccc;
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
	width:215px;
	height:165px;
}
.p5 li a,.p5 li a img { width:165px; height:140px;}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background:#003a75;
	width: 100%;
	height:165px;
	overflow:hidden;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.p5 li a div { height:140px;}
.da-thumbs li a div.da-animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}
.da-thumbs li a div H4 {
	text-align:center;
	color:#FFF;
	line-height:1.5em;
	padding-top:45px;
	font-size:14px !important;
	padding-left:10px;
	padding-right:10px;
}
.p5 li a div H4{	padding-top:15px;}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	text-align:center;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}
.da-thumbs a,.da-thumbs a p{ text-decoration:none !important;}
.da-thumbs a p{ line-height:30px; font-size:12px; padding-top:5px;}
.h21{ height:21px; font-size:0; clear:both;}
.hotnews a{ color:#333; text-decoration:none}
.hotnews a:hover{ color: #C03; text-decoration:underline}
.htlink{font-size:12px;}
.htlink a{ color:#333; text-decoration:none; line-height:30px; }
.htlink a:hover{ color:#900; text-decoration:underline}
.htlink span{ color: #266797; padding-right:5px;}
.linetb{ border-bottom:1px #CCC dashed; height:1px; font-size:0; overflow:hidden}
.introduction,.wgdcinfo{ border:1px #999 solid; background: #FAF9F5; }
.titlrall{ height:52px; background:url(images/titbg.png) repeat-x;}
.titlrall .textleft,.titlrall .rowright{ float:left; height:31px; background:url(images/title_i.png)}
.titlrall .textleft{ background-position:0 0; }
.titlrall .rowright{ background-position:100% 100%; width:49px;}
.morelink{ color:#C00; font-size:12px;}
.yuanzhuo a{ color:#333}
.yuanzhuo a:hover{ color:#C03}

.focus-img{ width:333px;}
.focus-img .focus-img-box{ background:#ecf1f6; padding:10px;}
.focus-img .focus-img-box .banner{ width:300px; height:279px;}



.footerNew{ font:normal 12px "Microsoft Yahei"}
.footerNew .listlink{ padding-top:10px; text-align:center}
.footerNew .listlink ul li{ display:inline; overflow:hidden; vertical-align:middle}
.footerNew .listlink ul li a{ font-size:12px; color:#fff; text-decoration:none; margin:0 10px 0 10px;}
.footerNew .listlink ul li a:hover{ color: #FC0; text-decoration:underline}
.footerNew .listlink .link-line{ background:url(../images/footer-link-line.png) no-repeat 100% center; display:inline}

.footerNew .imglink{ text-align:center}
.footerNew .imglink img{ margin-right:10px;}
.footerNew p{font-size:12px; color:#fff; }