@charset "utf-8";
/*-- index --*/
body{background:url(http://mat1.gtimg.com/app/opent/images/public/body2.gif) repeat-x #fff;}
h2{font-size:16px;text-shadow:0 0 1px #999;text-align:left;position:relative;font-weight:normal;background:url(http://mat1.gtimg.com/app/opent/images/public/bg_title.gif) 0 -46px no-repeat;height:45px;line-height:45px;text-indent:15px;}
h2 span{display:block;position:absolute;top:0;right:15px;font-size:12px;text-shadow:none;line-height:45px;}
.wrapper{width:960px;margin:0 auto;}
.banner{text-align:center;width:960px;height:233px;margin:0 auto;position:relative;overflow:hidden;background:url(http://mat1.gtimg.com/app/opent/images/index/banner.png) no-repeat;}
.banner a.wiki{position:absolute;top:90px;left:430px;font-size:14px;color:#4372A0;}
.banner a.wiki:hover{text-decoration:underline;}
.joinpath{text-align:left;width:961px;height:93px;background:url(http://mat1.gtimg.com/app/opent/images/index/join.png) no-repeat;}
.joinpath a{display:block;width:481px;height:93px;background:rgba(0,255,255,0);border-radius:10px 0 0 10px;
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;
}
.joinpath a:hover{background:rgba(0,0,50,.1);}
.joinpath a.joinpath2{margin-left:482px;width:479px;margin-top:-93px;border-radius:0 10px 10px 0;}
.main{margin-top:20px;overflow:hidden;}
.main a{color:#333;}
.main a:hover{color:#1F376D;}
.main .dynamic,.main .demos,.main .weibo{float:left;}
.main .dynamic{width:296px;}
.main .demos{width:284px;margin:0 26px;}
.dynamic{margin-bottom:39px;margin-left:15px;* padding-bottom:39px;}
.dynamic ul{margin-top:5px;color:#666;}
.dynamic li{height:28px;line-height:28px;_ position:relative;border-bottom:1px dashed #ECEDE8;}
.dynamic li a{color:#1F376D;}
.dynamic li a:hover{color:#656565;text-decoration:underline;}
.dynamic li span{display:block;width:215px;overflow:hidden;margin-left:15px;height:28px;overflow:hidden;}
.dynamic li cite{font-style:normal;display:block;text-align:right;margin-top:-28px;}
.dynamic li em{_ position:absolute;}
.icon_news_new,.icon_news_hot,.icon_news_recommand{background:url(http://mat1.gtimg.com/app/opent/images/index/newsicon.gif) no-repeat;width:20px;height:16px;display:inline-block;* display:inline;zoom:1;vertical-align:middle;}
.icon_news_new{background-position:-32px 0;}
.icon_news_recommand{background-position:-64px 0;}
.indexCon{width:960px;position: relative;left: 0;top: -8px;border-left: 0px !important;border-right: 0px !important;border-bottom: 0px !important;}
.indexCon .leftWrap{width: 610px;padding: 15px;overflow:hidden;float: left;}
.indexCon a{color: #333}
.title1{border-bottom:1px solid #ecede8;padding:0 10px 3px 10px;clear:both;position:relative;}
.title1 h3{display:inline-block;padding-right:8px;*display:inline;font-size:16px;text-shadow:0 0 1px #333;}
.title1 a.title1Right{position:absolute;top:0;right:0;}
.title1 .enNotice{color:#aeaeae;font-size:16px;}
a.title1Right{color:#4371A0;}
.cooperWrap{margin: 12px 0 21px 3px;overflow:hidden;}
.webAccess{background:url(http://mat1.gtimg.com/app/opent/images/index/web_access.jpg) no-repeat;width:221px;height:146px;float:left;position:relative;}
.appAccess{background:url(http://mat1.gtimg.com/app/opent/images/index/app_access.jpg) no-repeat;width:356px;height:146px;float:right;position:relative;}
.iconList{margin-top:10px;}
.iconList li{float: left;width: 100px;margin: 0 auto;text-align: center;overflow: hidden;}
.iconList li:hover{background:url(http://mat1.gtimg.com/app/opent/images/index/iconbg.gif) no-repeat;}
.iconList .iconWrap{display:block;margin:10px 20px 0;width:60px;height:60px;}
#roundedimage{
overflow:hidden; width:50px; height:50px;
position:relative;
}
.UIRoundedImage_Corners {
background:transparent none repeat scroll 0 0;
display:block;height:100%;width:100%;
overflow:hidden;
position:absolute;top:0;left:0;
}
.iconWrap .iconIn{}
.iconList .nameLink{display:block;height: 30px;overflow: hidden;line-height: 30px;color: #333;-webkit-transition-property:text-indent,letter-spacing;-webkit-transition-duration:500ms,900ms;}
.indexCon .rightWrap{width:278px;padding:15px;float:right;overflow:hidden;}
.indexUpdate{margin-top:12px;margin-bottom: 39px;color:#666;}
.indexUpdate li{height:26px;line-height:26px;}
.indexUpdate li a{color:#656565;}
.indexUpdate li a:hover{color:#6BB1E4;text-decoration:underline;}
.indexUpdate li span{display:block;width:220px;overflow:hidden;}
.indexUpdate li cite{font-style:normal;display:block;text-align:right;margin-top:-26px;}
.actioninfo{font-weight:normal;text-align:center;margin:20px auto 100px;font-size:14px;line-height:40px;color:#333;}
.actioninfo img{margin: 90px auto 100px;margin-right:20px;}
.actioninfo a:link,.actioninfo a:visited{text-decoration:none;font-weight:bold;}
.actioninfo a.links:link,.actioninfo a.links:visited{color:#3A8DC9;}
.actioninfo .actionlink{margin-top:32px;}

/* 设置link为子对象定位基点(子对象将相对父容器定位) */ 
#link {position:relative;margin:0 auto;} 
/* 把所有链接设置为绝对定位，设置内补丁，设置边框，设置显示模式，设置文本缩进，设置链接修饰，设置背景图片 */ 
#link a {position:absolute;display:block;text-indent:-9999px;text-decoration:none;border-radius:47px;-webkit-transition-property:box-shadow,letter-spacing;-webkit-transition-duration:500ms,900ms;width:99px;height:98px;* background:url(about:blank);} 
/* 设置各链接区域位置与高宽 */ 
#link a.on1 {left: 62px; top: 14px;width:94px;height:94px;}  
#link a.on2 {left: 100px;top: 22px;}  
#link a.on3 {left: 52px; top: 13px;}  
#link a.on4 {left: 202px;top: 15px;width:94px;height:94px;} 
/* 设置所有链接鼠标经过状态 */ 
#link a:hover {background-color:transparent;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;box-shadow:0 0 10px #999;background:rgba(100,100,100,.1);} 

/*  合作伙伴 */
#friendlink{width:940px; margin: 0 auto;}
#flinkTitleDiv{width:940PX;font-family:'宋体'; font-size:14px; text-indent:0.5EM;  font-weight:bolder; color:#5c5c5c; line-height:32PX;}
#flinkPicDiv{ border-BOTTOM:dashed 1PX #c1c6ce;border-top:dashed 1PX #c1c6ce;width:900PX; height:51px; padding-top:8px; overflow:hidden;}
#flinkPicDiv ul { height:46px; overflow:hidden;}
#flinkPicDiv ul li { width:115px; height:46px;float:left; list-style-type:none;}
#flinkPicDiv ul li img{ border:0px;}
#flinkPicDiv ul li a{ width:103px; height:46px; display:block;}
#flinkPicDiv ul li#bshare a{ background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_01.gif);}
#flinkPicDiv ul li#bshare a:hover{background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_01.gif)}
#flinkPicDiv ul li#Portal a{ background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_02.gif);}
#flinkPicDiv ul li#Portal a:hover{background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_02.gif)}
#flinkPicDiv ul li#jiathis a{ background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_03.gif);}
#flinkPicDiv ul li#jiathis a:hover{background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_03.gif)}
#flinkPicDiv ul li#umeng a{ background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_04.gif);}
#flinkPicDiv ul li#umeng a:hover{background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_04.gif)}
#flinkPicDiv ul li#appcan a{ background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_05.gif);}
#flinkPicDiv ul li#appcan a:hover{background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_05.gif)}
#flinkPicDiv ul li#pinglun a{ background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_06_2.gif);}
#flinkPicDiv ul li#pinglun a:hover{background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_06_2.gif)}
#flinkPicDiv ul li#denglu a{ background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_07.gif);}
#flinkPicDiv ul li#denglu a:hover{background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_07.gif)}
#flinkPicDiv ul li#rexsee a{ background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_08.gif);}
#flinkPicDiv ul li#rexsee a:hover{background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_08.gif)}
#flinkPicDiv ul li#duoshuo a{ background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_09.gif);}
#flinkPicDiv ul li#duoshuo a:hover{background-image:url(http://mat1.gtimg.com/app/opent/images/index/friendlink/flink_on_09.gif)}







/*  |xGv00|2b974f3d6becf55fef8ff00533f78440 */