@charset "utf-8";
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: 400;}
body{ background:#fff; font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; font-size:14px;}
img{ border:0;}
ol, ul{ list-style:none;}
:link, :visited, ins{ text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0;}
sub, sup{ font-size:100%; vertical-align:baseline;}
blockquote, q{ quotes:"\201C" "\201D" "\2018" "\2019";}
blockquote:before, blockquote:after, q:before, q:after{ content:""; content:none;}
input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
button, input, select, textarea{ font-family:inherit; font-size:100%; margin:0;}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;}
textarea{ overflow:auto; resize:vertical; vertical-align:top;}
i, cite, em, address{ font-style:normal;}
a{ color:#333; text-decoration:none; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease;}
a:hover{ color:#09F; text-decoration:none;}
a.disabled, a.disabled:hover{ cursor:default; pointer-events:none;}
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.topbanner{ background:#f0f0f0 url(../images/20140909/toprepeater.jpg) repeat-x center top; height: 407px;}
.topbanner a{ display: block; background: url(../images/20141017/topbanner.png) no-repeat center top; height: 407px; width: 100%; text-indent: -999em;}
#bannerCon { margin-bottom:30px; overflow: hidden; zoom: 1; position: relative;}
#banner { width:640px; height: 368px; margin: auto; position: relative; }
#banner img { width: 640px; vertical-align: top;}
#banner .heros { width: 640px; height: 368px; }
#banner .banner_wrap { overflow: visible; position: absolute; }
#banner .next, 
#banner .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: 5px; background-color: #303030; z-index: 3; }
#banner .next:hover, 
#banner .prev:hover { background-color: #09f; }
#banner .next { margin: -25px 5px 0 0; right: 0; }
#banner .disabled { background-color: #eee;}
#banner .mask_left, 
#banner .mask_right, 
#banner .hero{ background: #fff; z-index: 1; position: absolute; top: 0; left: 0; width: 640px; height: 368px; overflow: hidden; left: 1280px; }
#banner .mask_right, 
#banner .mask_left{ background: #000; background: rgba(0,0,0,.8); z-index: 4; left: -640px; filter: alpha(Opacity=80); opacity: .8;overflow: hidden; }
#banner .mask_right{ left: 640px; }
#banner .active { z-index: 2; left: 0;}
.icon_arrow_a_left, .icon_arrow_a_right { background: url(../images/20140909/arrowIcon.png) no-repeat; }
.icon_arrow_a_left { background-position: 0 0; height: 50px; width: 50px; }
.icon_arrow_a_left:hover, .icon_arrow_a_left.arrow_a_left_hover, .icon_arrow_a_left.arrow_a_left_hover { background-position: -60px 0; }
.icon_arrow_a_right { background-position: -120px 0; height: 50px; width: 50px; }
.icon_arrow_a_right:hover, .icon_arrow_a_right.arrow_a_right_hover, .icon_arrow_a_right.arrow_a_right_hover { background-position: -180px 0; }
.hero a{ display: block; height: 368px; width: 640px; position: relative;}
.hero a .info{ color: #fff; font-size: 20px; line-height: 45px; height: 45px; width: 640px; position: absolute; left: 0; bottom: 0; overflow: hidden;}
.hero a .info .maskbg{ background: #000; background: rgba(0,0,0,.7); filter:alpha(opacity=70); opacity: .7; height: 45px; width: 640px;}
.hero a .info h3{ padding: 0 15px; height: 45px; width: 610px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: absolute; top: 0; left: 0; z-index: 2;}
.hero a.wea_d_184{ display: block; height: 184px; width: 640px; overflow: hidden; vertical-align: top;}
.mainCon{ margin: 0 auto; width: 980px;}
.module_one{ margin-bottom: 40px; height: 360px;}
.module_one .sliderLbox{ float: left; height: 360px; width: 775px; vertical-align: top; overflow: hidden;}
.living_hot{ display:inline-block; color:#333; height: 360px; width:775px; position:relative; vertical-align:top; *float:left;}
.living_images{ color:#333; margin-bottom:20px; width:980px; position:relative;}
.living_hot .tit_panel{ border-bottom: 3px solid #333; font-size: 20px; font-weight: 400; line-height: 30px; margin-bottom: 15px; height: 30px; vertical-align: top;}
.living_hot .hot_ico_cur{ display: inline-block; background: url(../images/20140909/wwdcIcon.jpg) no-repeat; margin-right: 8px; height: 30px; width: 53px; vertical-align: top;}
.living_images{ display:inline-block; border-bottom:solid 1px #c2c2c2; color:#333; line-height:31px; padding:10px 0; width:100%; position:relative;}
.living_hot .tit_panel h2{ font-weight: 400;}
.tab_index{ height:10px; overflow:hidden; position:absolute; top:12px; right:0;}
.tab_index a{ float:left; background: #a3a3a3; border-radius: 10px; margin:0 4px; height:10px; width:10px; overflow:hidden; text-indent: -999em;}
.tab_index a.current{ background: #ce0c00;}
.hot_news{ height: 305px;}
.live_news{ height:305px; width:775px; position:relative; overflow:hidden;}
.live_news ul{ width:410%; position:absolute; left:0; top:0;}
.live_news li{ float:left; height:305px; width:775px; overflow:hidden; position:relative;}
.live_news li .one a{ float: left; height: 305px; width: 480px; position: relative; overflow: hidden;}
.live_news li .one .info{ display: block; height: 305px; width: 480px; overflow: hidden; position: absolute; top: 265px; left: 0;  -moz-transition:all .4s ease-in; -ms-transition:all .4s ease-in; -webkit-transition:all .4s ease-in; transition:all .4s ease-in;}
.live_news li .one .maskbg{ background: #000; background: rgba(0,0,0,.7); filter:alpha(opacity=70); opacity: .7; height: 100%; width: 100%;}
.live_news li .one .txt{ color: #fff; padding: 0px 15px 10px; height: 295px; width: 450px; position: absolute; top: 0; left: 0;}
.live_news li .one .txt h3{ font-size: 20px; line-height: 40px; padding-top: 5px;}
.live_news li .one a:hover .info{ top: 0;}
.live_news li .one a:hover .txt h3{ padding-top: 60px;}

.live_news li .twomodule{ float: right; height: 305px; width: 280px;}
.live_news li .twomodule .two a{ float: left; height: 144px; width: 280px; position: relative; overflow: hidden;}
.live_news li .two .info{ display: block; height: 144px; width: 280px; overflow: hidden; position: absolute; top: 105px; left: 0;  -moz-transition:all .4s ease-in; -ms-transition:all .4s ease-in; -webkit-transition:all .4s ease-in; transition:all .4s ease-in;}
.live_news li .two .maskbg{ background: #000; background: rgba(0,0,0,.5); filter:alpha(opacity=50); opacity: .5; height: 100%; width: 100%;}
.live_news li .two .txt{ color: #fff; padding: 0px 15px 10px; height: 139px; width: 250px; position: absolute; top: 0; left: 0;}
.live_news li .two .txt h3{ font-size: 20px; line-height: 22px; padding-top: 16px;}
.live_news li .two a:hover .info{ top: 0;}
.live_news li .mT{ display: inline-block; margin-top: 17px;}
.module_one .sliderRbox{ float: right; height: 360px; width: 170px; vertical-align: top;}
.module_one .sliderRbox h1{ border-bottom: 3px solid #333; font-size: 20px; font-weight: 400; line-height: 30px; margin-bottom: 15px; height: 30px;}
.module_one .sliderRbox h1 i.about{ display: inline-block; background: url(../images/20140909/aboutIcon.jpg) no-repeat; margin-right: 8px; height: 30px; width: 53px; vertical-align: top;}
.module_one .sliderRbox b,
.module_one .sliderRbox p{ line-height: 25px;}
.module_one .sliderRbox .txtColor a{ color: #502c94;}
.module_one .sliderRbox .txtColor a:hover{ color:#09f; text-decoration:underline;}
.module_one .sliderRbox .shareSina{ border-top:1px solid #e3e3e3; padding-top: 12px; margin-top: 15px; height: 30px;}
.module_two{ margin-top: 20px;}

.module_two .header{ height: 98px; width: 100%; position: relative;}
.module_two .header .info{ color: #999; font-size: 16px; line-height: 25px; padding-left: 392px; height: 98px; width: 588px; overflow: hidden; position: relative;}
.module_two .header .info a{ color: #999;}
.module_two .header .info a:hover{ text-decoration: underline;}
.module_two .header .info .title{ display: inline-block; background: url(../images/20140909/iphone6_one.jpg) no-repeat; color: #000; font-size: 18px; font-weight: 700; padding: 20px 0 0 228px; height: 52px; width: 133px; position: absolute; top: 0; left: 0; overflow: hidden;}

.module_two .header .infob{ color: #999; font-size: 16px; line-height: 25px; padding-right: 392px; height: 98px; width: 588px; overflow: hidden; position: relative;}
.module_two .header .infob a{ color: #999;}
.module_two .header .infob a:hover{ text-decoration: underline;}
.module_two .header .infob .title{ display: inline-block; background: url(../images/20140909/iphone6_one.jpg) no-repeat; color: #000; font-size: 24px; font-weight: 700; padding: 20px 0 0 228px; height: 52px; width: 133px; position: absolute; top: 0; right: 0; overflow: hidden;}

.module_two .sliderLbox{ float: left; height: 540px; width: 580px;}
.module_two .sliderLbox ul li{ line-height: 32px; height: 42px;}
.module_two .sliderLbox ul li .name{ float: left; color: #000; font-size: 16px; border-bottom: 1px solid #e6e6e6; font-weight: 700; padding-left: 10px; height: 42px; width: 132px;}
.module_two .sliderLbox ul li .parameter{ display: inline; float: left; color: #666; border-bottom: 1px solid #e6e6e6; font-size: 14px; margin-left: 22px; height: 42px; width: 402px;}
.module_two .sliderLbox .first_line{ border-top: 1px solid #e6e6e6;}

.module_two .sliderRbox{ float: right; height: 540px; width: 358px; vertical-align: top;}
.module_two .wea_dbox{ height: 430px; width: 358px; overflow: hidden; position: relative;}
.module_two .wea_dbox ul{ width: 300%; height: 430px; position: absolute; top: 0; left: 0;}
.module_two .wea_dbox ul li{ float: left; height: 430px; width: 358px; position:relative;}
.module_two .wea_dbox .title{background: rgba(5, 5, 5, 0.35);color: white;margin-top: 390px;padding: 5px;line-height: 30px;height: 30px;text-decoration: underline;font-size: 14px;position: absolute; width:348px; z-index:1; font-size:16px;}
.module_two .wea_dbox .photo{ position:absolute;}
.module_two .smallList{ margin-top: 18px; height: 66px; width: 358px; overflow: hidden;}
.module_two .smallList ul{ display: inline-block; height: 66px; width: 388px;}
.module_two .smallList ul li{ display: inline; float: left; margin-right: 25px; height: 66px; width: 104px; cursor: pointer;}

.module_two .smallList ul li img:hover{ filter:alpha(opacity=60); opacity: .6;}

.module_two .sliderLbox .imagesList .newimg a:hover em,
.module_three .showInfo .imagesList .newimg a:hover em{ opacity: 1; filter: alpha(opacity=99); /* internet explorer */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/}
.module_two .sliderLbox .ioS8{ background: url(../images/20140909/ios8.jpg) no-repeat; height: 97px; width: 98px; position: absolute; top: 0; left: 0;}
.module_two .smallAppList{ margin-top: 0; height: 82px; width: 358px; overflow: hidden;}
.module_two .smallAppList span{ display: inline-block;}
.module_two .smallAppList .midspace{ margin: 0 25px;}
.module_three .osx{ background: url(../images/20140909/osx.jpg) no-repeat; height: 97px; width: 98px; position: absolute; top: 32px; left: 0;}
.module_four{ margin: 20px 0 40px 0;}
.new_conference{ position: relative;}
.new_conference h2{ color: #333; border-bottom: 3px solid #333; font-size: 20px; font-weight: 400; line-height: 30px; margin-bottom: 24px; height: 30px;}
.new_conference h2 i.more{ display: inline-block; background: url(../images/20140909/moreIcon.jpg) no-repeat; margin-right: 8px; height: 30px; width: 53px; vertical-align: top;}
.module_four .listMore{ height: 292px; width: 980px; overflow: hidden; position: relative;}
.module_four .listMore ul{ width: 300%; height: 292px; position:absolute;}
.module_four .listMore ul li{ float: left; height: 292px; width: 980px;}
.new_citem{ display: inline; float: left; padding-left: 224px; margin-bottom: 36px; height: 128px; width: 258px; overflow: hidden; position: relative;}
.new_citem a.img{ height: 128px; width: 202px; position: absolute; top: 0; left: 0; overflow: hidden;}
.new_citem h2{ color: #333; font-size: 20px; font-weight: 400; line-height: 1.4em; height: 58px; overflow: hidden; word-break:break-all; word-wrap:break-word}
.new_citem p.info{ color: #888; margin-top: 8px; height: 62px; width: 258px; overflow: hidden;}



.module_four .even{ margin-left: 15px;}
.module_five{ margin-bottom: 40px;}
.new_conference{ position: relative;}
.new_conference h2{ color: #333; border-bottom: 3px solid #333; font-size: 20px; font-weight: 400; line-height: 30px; margin-bottom: 24px; height: 30px; position:relative;}
.new_conference h2 i.feng{ display: inline-block; background: url(../images/20140909/fengIcon.jpg) no-repeat; margin-right: 8px; height: 30px; width: 69px; vertical-align: top;}

.module_five .fengCon{ height: 305px; width: 980px; overflow: hidden; position: relative;}
.module_five .fengCon ul{ width: 300%; height: 305px; position: absolute; top: 0; left: 0;}
.module_five .fengCon ul li{ float: left; width: 980px; height: 305px;}
.module_five .fengCon ul li .one a{ float: left; height: 305px; width: 480px; position: relative; overflow: hidden;}
.module_five .fengCon ul li .one .info{ display: block; height: 305px; width: 480px; overflow: hidden; position: absolute; top: 265px; left: 0;  -moz-transition:all .4s ease-in; -ms-transition:all .4s ease-in; -webkit-transition:all .4s ease-in; transition:all .4s ease-in;}
.module_five .fengCon ul li .one .maskbg{ background: #000; background: rgba(0,0,0,.5); filter:alpha(opacity=50); opacity: .5; height: 100%; width: 100%;}
.module_five .fengCon ul li .one .txt{ color: #fff; padding: 0px 15px 10px; height: 295px; width: 450px; position: absolute; top: 0; left: 0;}
.module_five .fengCon ul li .one .txt h3{ font-size: 20px; line-height: 40px;}
.module_five .fengCon ul li .one a:hover .info{ top: 0;}
.module_five .newlist{ float: right; width: 475px; height: 305px; vertical-align: top; overflow: hidden;}
.module_five .newlist .newsItem{ padding-left: 144px; margin-bottom: 35px; height: 78px; width: 331px; position: relative; overflow: hidden;}
.module_five .newlist a .img{ height: 78px; width: 122px; position: absolute; top: 0; left: 0;}
.module_five .newlist .tit{ display: inline-block; color: #333; font-size: 18px; font-weight: 400; line-height: 30px; height: 30px; width: 331px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.module_five .newlist .tit:hover{ color:#09f;}
.module_five .newlist .info_tit{ display: inline-block; color: #888; height: 45px; width: 331px; overflow: hidden; word-break:break-all; word-wrap:break-word;}


.new_conference h2 i.pictures{ display: inline-block; background: url(../images/20140909/picturesIcon.jpg) no-repeat; margin-right: 8px; height: 30px; width: 77px; vertical-align: top;}
.wallPic{ height: 415px; width: 980px; overflow: hidden;}
.wallPic .itemBlock{ float: left; height: 415px; width: 324px;}
.wallPic .itemBlock img{ border: 1px solid #dad5d4;}
.wallPic .itemBlock .bigBoxImg{ height: 203px; width: 324px; overflow: hidden;}
.wallPic .itemBlock p{ height:100px; width:324px; overflow:hidden;}
.wallPic .itemBlock .spaceTable{ margin: 5px 0; height: 98px;}
.wallPic .itemBlock span{ float:left; height:100px; width:160px;}
.wallPic .itemBlock span.even{ margin-right:4px;}
.wallPic .midspace{ margin: 0 4px;}
.new_conference h2 i.topic{ display: inline-block; background: url(../images/20140909/topicIcon.jpg) no-repeat; margin-right: 8px; height: 30px; width: 77px; vertical-align: top;}
.topicList{ height: 172px; width: 980px; overflow: hidden;}
.topicList ul li{ display: inline; float: left; margin-left: 16px; height: 172px; width: 180px; overflow: hidden;}
.topicList a.img{ display: block; margin-bottom: 8px; height: 110px; width: 178px; overflow: hidden;}
.topicList a.img:hover{ -webkit-box-shadow:0 2px 2px rgba(0,0,0,.5); -moz-box-shadow:0 2px 2px rgba(0,0,0,.5); -ms-box-shadow:0 2px 2px rgba(0,0,0,.5); box-shadow:0 2px 2px rgba(0,0,0,.5);}
.topicList .titleName{ height: 52px; width: 180px; overflow: hidden; text-align: center;}
.topicList .titleName a{ display: block; color: #333; font-size:16px; word-break:break-all; word-wrap:break-word;}
.topicList .titleName a:hover{ color:#09f;}
.new_conference h2 i.review{ display: inline-block; background: url(../images/20140909/messageIcon.jpg) no-repeat; margin-right: 8px; height: 30px; width: 77px; vertical-align: top;}
.new_conference .tabNews{ font-size: 16px; position: absolute; top: 2px; right: 60px;}
.new_conference .tabNews a{ display: inline-block; color: #999; line-height: 25px; height: 25px; margin: 0 10px;}
.new_conference .tabNews a.current{ color: #333; border-bottom: 2px solid #ce0c00;}
.hidenTxt,.hidenTxtB{ display:inline-block; line-height:20px; padding-top: 10px; height:64px; width:250px; overflow:hidden;}
.hidenTxtB{ width:450px;}


.comment{margin-bottom: 40px;}
.comment .title{position: relative;}
.comment .title h3{color: #333;border-bottom: 3px solid #333;font-size: 20px;font-weight: 400;line-height: 30px;margin-bottom: 24px;height: 30px;
position: relative; background:none;}
.comment .title h3 i.review {display: inline-block;background: url(../images/20140909/messageIcon.jpg) no-repeat;margin-right: 8px;height: 30px;width: 77px;vertical-align: top;}
.comment .title .counter {color: #666;margin:-51px 0 0 190px;position: absolute; font-size:20px;}
.comment .title .add_commt_btn { background:url(../images/20140909/add_comment.png) no-repeat;margin: -56px 0 0 879px;height: 29px;width: 123px;position: absolute;padding-left: 30px;line-height: 26px; font-size:16px;text-indent:0;}
.commt_order{font-size: 16px; position: absolute; margin:-56px 0 0 730px;}
.commt_order li {float: left; background:none;}
.commt_order li a.focus, .commt_order li a:hover {color: #333;border-bottom: 2px solid #CE0C00; background:none;} 
.commt_order li a {display: inline-block;color: #999;line-height: 25px;height: 25px;margin: 0 10px; background:none;}
.commt_order li a, .commt_order li span{ background:none;}
.commt_order li a.focus span, .commt_order li a:hover span{ background:none;}