@charset "utf-8";
/* CSS Document */
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%;}
body{ background-color: #fff; font-size: 14px; font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; -webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;word-wrap: break-word;}
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;}
a{outline: none;star:expression_r(this.onFocus=this.blur()); -moz-transition:all .32s linear; -ms-transition:all .32s linear; -webkit-transition:all .32s linear; transition:all .32s linear;} 
a:hover{ text-decoration:none;}
a.disabled, a.disabled:hover{ cursor:default; pointer-events:none;}
.relativeBox{ position:relative;}
.absoluteBox{ position:absolute;}
.clearfix:before, .clearfix:after{ display:block; content:"\200b"; height:0;}
.clearfix:after{ clear:both;}
.clearfix{ *zoom:1;}
.hide, .tmpl{ display:none;}
.wrap{ margin: 0 auto; width: 1000px; position:relative;}


.f_topicBanner{ background:#f6f6f6 url(../images/wwdc2015/2015bg.jpg) no-repeat center top; margin-bottom:35px; height:419px; width:100%; text-indent:-999em;}
.topic_moduleOne{ width: 100%;}
.topic_moduleOne h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.topic_moduleOne h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}
.topic_moduleOne h3.subtitle{ font-weight: 400; margin-bottom: 28px; text-align: center;}
.topic_moduleOne h3.subtitle a{ color: #999;}
.topic_moduleOne h3.subtitle a:hover{ color:#f61e3b;}
.topic_moduleOne h3.subtitle a i{ display: inline-block; background:#f6f6f6 url(../images/wwdc2015/video_icon.jpg) no-repeat; margin: 2px 0 0 5px; height: 15px; width: 15px; vertical-align: top;}
.topic_moduleOne h3.subtitle span.dot{ padding: 0 5px;}
.topic_moduleOne .flashbox{ margin-bottom: 32px; height: 364px; width: 100%; position: relative; overflow: hidden;}

#idTransformView{ height: 364px;}
#idTransformView .slider{ position: relative;}
#idTransformView .slider div{ padding: 0px; margin: 0px; height: 364px; width: 790px; overflow: hidden; position: relative;}
#idTransformView .slider span{ display: block; color: #fff; font-size: 22px; line-height: 66px; padding: 0 10px; height: 66px; width: 770px; position: absolute; bottom: 0; left: 0; z-index: 99; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
#idTransformView .slider .txtbg{ background: #000; line-height: 66px; filter: alpha(opacity=70); opacity: .7; height: 66px; width: 100%; position: absolute; bottom: 0; left: 0px;}
#idTransformView .slider .txtbg img{ height: 240px; width: 620px;}
.hdnum{ width: 210px; overflow: hidden;}
.hdnum li{ height:122px; width: 206px; overflow: hidden; position: relative;}
.hdnum li p{ background: url(../images/wwdc2015/titlerepeat_bg.png) repeat-x; color: #fff; line-height: 35px; padding: 0 5px; height: 35px; width: 196px; position: absolute; left: 1px; bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hdnum li img{ border:#fff 1px solid;  height:122px; width: 206px;}
.hdnum li.on img{border: 1px solid transparent; padding: 0;}


.topic_newsbox{ margin-bottom: 55px; width: 100%;}
.topic_newsbox h1.title{ border-left: 5px solid #111; color: #111; font-size: 30px; font-weight: 400; line-height: 35px; padding-left: 15px; margin-bottom: 25px; height: 35px;}
.topic_newsbox h1.title a:hover{ color:#f61e3b;}
.topic_newsbox .newsBox{ height: 60px; width: 100%; overflow: hidden;}
.topic_newsbox .newsBox ul{ margin-left: -30px;}
.topic_newsbox .newsBox ul li{ display: inline; float: left; font-size: 16px; margin-left: 30px; height: 30px; width: 310px; *margin-left: 20px;}
.topic_newsbox .newsBox ul li a{ display: inline-block; color: #111; border-bottom: 1px solid #fff; line-height: 28px; height: 28px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.topic_newsbox .newsBox ul li a i.dot{ display: inline-block; background: url(../images/wwdc2015/dot_icon.jpg) no-repeat; margin-right: 5px; height: 28px; width: 2px; vertical-align: top;}
.topic_newsbox .newsBox ul li a:hover{ color: #e20000; border-bottom: 1px solid #e20000;}
.topic_newsbox .newsBox ul li a:hover i.dot{ background: url(../images/wwdc2015/dot_icon_hover.jpg) no-repeat;}


.topic_moduleThree{ padding: 45px 0;}
.topic_moduleThree h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.topic_moduleThree h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}

.commonModule{ height: 604px; width: 100%; overflow: hidden;}
.commonModule .topBox{ background-color: #fff; margin-bottom: 2px; height: 302px;}
.commonModule .topBox .wea_d_606{ float: left; height: 302px; width: 606px; overflow: hidden;}
.commonModule .topBox .wea_d_606 img{ height: 302px; width: 606px; -webkit-transition: all 2s linear; -ms-transition: all 2s linear; -moz-transition: all 2s linear; transition: all 2s linear;}
.commonModule .topBox .wea_d_606 img:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.commonModule .topBox .abs{ float: left; padding: 0 62px; height: 302px; width: 270px; position: relative;}
.commonModule .topBox .abs .tag{ display: inline-block; background: url(../images/wwdc2015/oragin.png) no-repeat; color: #fff; font-size: 16px; line-height: 77px; margin-top: -37px; height: 74px; width: 74px; position: absolute; top: 50%; left: -36px; text-align: center;}
.commonModule .topBox .abs h2{ font-weight: 400; margin: 30px 0 32px 0; height: 58px; width: 100%; overflow: hidden;}
.commonModule .topBox .abs h2 a{ color: #111; font-size: 28px; line-height: 30px; word-break: break-all;}
.commonModule .topBox .abs h2 a:hover{ color:#f61e3b;}
.commonModule .topBox .abs .desc{ color: #999; line-height: 24px; margin-bottom: 30px; height: 94px; width: 100%; overflow: hidden;}
.commonModule .topBox .bottomIct{ color: #999;}
.commonModule .msg{ float: right; color: #999;}
.commonModule .msg i{ display: inline-block; background: url(../images/wwdc2015/msg_icon.jpg) no-repeat; margin: 3px 4px 0 0; height: 14px; width: 14px; vertical-align: top;}
.commonModule .view{ display: inline; float: right; margin-right: 12px;}
.commonModule .view i{ display: inline-block; background: url(../images/wwdc2015/view_icon.jpg) no-repeat; margin: 3px 4px 0 0; height: 12px; width: 16px; vertical-align: top;}
.commonModule .bottomBox{ height: 300px;}
.commonModule .bottomBox ul li{ background-color: #fff; display: inline; float: left; margin-left: 2px; height: 300px; width: 248px; position: relative;}
.commonModule .bottomBox ul li .img{ display: block; margin-bottom: 42px; height: 140px; width: 248px; overflow: hidden;}
.commonModule .bottomBox ul li .img img{ height: 140px; width: 248px; vertical-align: top; -webkit-transition: all 2s linear; -ms-transition: all 2s linear; -moz-transition: all 2s linear; transition: all 2s linear;}
.commonModule .bottomBox ul li .img img:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.commonModule .bottomBox ul li a.titleName{ display: block; color: #111; font-size: 18px; line-height: 25px; padding: 0 25px; margin-bottom: 26px; width: 198px; height: 50px; text-align: center;}
.commonModule .bottomBox ul li a.titleName:hover{ color:#f61e3b;}
.commonModule .bottomBox .funBtn{ color: #999; text-align: center;}
.commonModule .bottomBox .funBtn .msg,
.commonModule .bottomBox .funBtn .view{ float: none;}
.commonModule .bottomBox .funBtn .msg{ margin-right: 20px;}
.commonModule .bottomBox .dsj,
.commonModule .bottomBox .yjq,
.commonModule .bottomBox .kxj,
.commonModule .bottomBox .ymz{ background: url(../images/wwdc2015/red.png) no-repeat; color: #fff; line-height: 62px; margin-left: -31px; height: 62px; width: 62px; position: absolute; left: 50%; top: 108px; text-align: center; z-index: 999;}
.commonModule .bottomBox .yjq{ background: url(../images/wwdc2015/purple.png) no-repeat;}
.commonModule .bottomBox .kxj{ background: url(../images/wwdc2015/green.png) no-repeat;}
.commonModule .bottomBox .ymz{ background: url(../images/wwdc2015/blue.png) no-repeat;}


.topic_moduleFour{ padding: 45px 0; background-color: #f6f6f6;}
.topic_moduleFour h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.topic_moduleFour h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}
.topic_moduleFour .topBox{ background-color: #f6f6f6;}
.topic_moduleFour .commonModule .bottomBox ul li{ background-color: #f6f6f6;}

.commonModule .topBox .abs .tag_radio{ display: inline-block; background: url(../images/wwdc2015/oragin_radius.png) no-repeat; color: #fff; font-size: 16px; line-height: 62px; margin-top: -31px; height: 62px; width: 62px; position: absolute; top: 50%; right: -31px; text-align: center; z-index: 999;}
.commonModule .bottomBox .dsj_radio,
.commonModule .bottomBox .yjq_radio,
.commonModule .bottomBox .kxj_radio,
.commonModule .bottomBox .ymz_radio{ background: url(../images/wwdc2015/red_radio.png) no-repeat; color: #fff; font-size: 12px; line-height: 50px; margin-left: -25px; height: 50px; width: 50px; position: absolute; left: 50%; top: 108px; text-align: center; z-index: 999;}
.commonModule .bottomBox .yjq_radio{ background: url(../images/wwdc2015/purple_radio.png) no-repeat;}
.commonModule .bottomBox .kxj_radio{ background: url(../images/wwdc2015/green_radio.png) no-repeat;}
.commonModule .bottomBox .ymz_radio{ background: url(../images/wwdc2015/blue_radio.png) no-repeat;}

.meetBox{padding: 45px 0;}
.meetBox h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.meetBox h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}
.meetBox .newsBox{ margin-bottom: 20px;}
.meetBox .newsBox ul li{ display: inline; float: left; padding-left: 248px; margin-bottom: 22px; height: 140px; width: 252px; position: relative;}
.meetBox .newsBox ul li .img{ display: block; height: 140px; width: 230px; overflow: hidden; position: absolute; top: 0; left: 0;}
.meetBox .newsBox ul li .img img{ display: block; height: 140px; width: 230px;  -webkit-transition: all 2s linear; -ms-transition: all 2s linear; -moz-transition: all 2s linear; transition: all 2s linear;}
.meetBox .newsBox ul li .img img:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.meetBox .newsBox ul li h2.title{ font-size: 18px; font-weight: 400; line-height: 25px; margin-bottom: 15px; padding-right: 20px; height: 50px; width: 232px;}
.meetBox .newsBox ul li h2.title a{ color: #111;}
.meetBox .newsBox ul li h2.title a:hover{ color: #e10000;}
.meetBox .newsBox ul li .abs{ color: #999; line-height: 20px; padding-right: 20px; height: 65px; width: 232px; overflow: hidden;}
.meetBox .listImg{ height: 150px; width: 100%; position: relative;}
.meetBox .listImgCon{ height: 150px; width: 1000px; overflow: hidden; position: relative;}
.meetBox .listImgCon ul{ margin-left: -2px; height: 150px; width: 500%; position: absolute; left: 0; top: 0;}
.meetBox .listImgCon ul li{ display: inline; float: left; margin-left: 2px; height: 150px; width: 248px; overflow: hidden; position: relative;}
.meetBox .listImgCon ul li .mask{ display: none; background-color: #000; background-color: rgba(0,0,0,.7); filter: alpha(opacity=70); opacity: .7; height: 100%; width: 248px; position:absolute; left: 0; top: 0;}
.meetBox .listImgCon ul li .title{ background: url(../images/wwdc2015/titlerepeat_bg.png) repeat-x; color: #fff; font-size: 14px; font-weight: 400; line-height: 48px; padding: 0 10px; height: 48px; width: 228px; position: absolute; left: 0; top: 102px;}
.meetBox .listImgCon ul li .title a:hover{ color:#f61e3b;}
.meetBox .listImgCon ul li .title.noBg{ background: none;}
.meetBox .listImgCon ul li .title.noBg{ line-height: 22px; height: 48px; width: 100%; overflow: hidden;}
.meetBox .listImgCon ul li .title a{ color: #fff;}
.meetBox .listImgCon ul li .abs{ color: #fefefe; font-size: 12px; padding: 0 10px; height: 62px; width: 228px; position: absolute; top: 150px; left: 0;}

.controller{ font-size:0; height:0; position:relative; top: -142px;}
.controller .prev, .controller .next{ font-size: 0; height:63px; width:38px; overflow:hidden; position:absolute; visibility:hidden; opacity:0; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; transition:all linear .4s;}
.controller .prev{ background:url(../images/wwdc2015/leftArrow.png) no-repeat; left:-38px; top:40px;}
.controller .next{ background:url(../images/wwdc2015/rightArrow.png) no-repeat; right:-38px; top:40px;}
:hover > .controller .prev, :hover > .controller .next{ visibility:visible; opacity:1;}
:hover > .controller .prev{ left:-58px;}
:hover > .controller .next{ right:-58px;}

.feng_view{padding: 45px 0;background: #f6f6f6;}
.feng_view h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.feng_view h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}
.feng_view .con{ height: 300px; width: 100%; overflow: hidden;}
.feng_view .leftimg{ float: left; height: 300px; width: 498px; overflow: hidden; position: relative;}
.feng_view .leftimg .mask{ display: none; background-color: #000; background-color: rgba(0,0,0,.7); filter: alpha(opacity=70); opacity: .7; height: 100%; width: 498px; position:absolute; left: 0; top: 0;}
.feng_view .leftimg .titleName{ background: url(../images/wwdc2015/titlerepeat_bg.png) repeat; color: #fff; font-size: 24px; font-weight: 400; line-height: 70px; padding: 0 10px; height: 70px; width: 478px; position: absolute; left: 0; top: 230px;}
.feng_view .leftimg .titleName.noBg{ background:none; line-height: 32px; height: 70px; overflow: hidden;}
.feng_view .leftimg .titleName a{ color: #fff;}
.feng_view .leftimg .titleName a:hover{ color:#f61e3b;}
.feng_view .leftimg .abs{ color: #fefefe; font-size: 14px; padding: 0 10px; line-height: 25px; height: 62px; width: 478px; position: absolute; top: 300px; left: 0;}

.feng_view .rightlist{ float: left; height: 300px; width: 502px;}
.feng_view .rightlist ul li{ display: inline; float: left; margin: 0 2px 2px 2px; height: 149px; width: 247px; position: relative; overflow: hidden;}
.feng_view .rightlist ul li.last{ margin-right: 0;}
.feng_view .rightlist .mask{ display: none; background-color: #000; background-color: rgba(0,0,0,.7); filter: alpha(opacity=70); opacity: .7; height: 100%; width: 502px; position:absolute; left: 0; top: 0;}
.feng_view .rightlist .titleName{ background: url(../images/wwdc2015/titlerepeat_bg.png) repeat-x; color: #fff; font-weight: 400; line-height: 48px; padding: 0 10px; height: 48px; width: 228px; position: absolute; left: 0; top: 102px;}
.feng_view .rightlist .titleName a:hover{ color:#f61e3b;}
.feng_view .rightlist .titleName.noBg{ background: none; line-height: 22px; height: 48px; overflow: hidden;}
.feng_view .rightlist .titleName a{ color: #fff;}
.feng_view .rightlist .abs{ color: #fff; font-size: 12px; padding: 0 10px; height: 62px; width: 228px; position: absolute; top: 150px; left: 0;}

.meetingPic{ padding: 45px 0;}
.meetingPic h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.meetingPic h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}


.wallPic{ float:left; 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;}


/*往年专题*/
.former_years{padding: 45px 0;} 
.former_years h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.former_years h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}

.former_years .topicList{ height: 172px; width: 980px; overflow: hidden;}
.former_years .topicList ul{ height:172px; width:110%; float:left;}
.former_years .topicList ul li{ display: inline; float: left; margin-right:21px; height: 172px; width: 180px; overflow: hidden;}
.former_years .topicList a.img{ display: block; margin-bottom: 8px; height: 110px; width: 178px; overflow: hidden;}
.former_years .topicList .titleName{ height: 52px; width: 180px; overflow: hidden; text-align: center;}
.former_years .topicList .titleName a{ display: block; color: #333; font-size:16px; word-break:break-all; word-wrap:break-word;}
.former_years .topicList .titleName a:hover{ color:#f61e3b;}

.fixedBackTop{ display:none; float:right; background:url(../images/wwdc2015/backTopBtn.png) no-repeat; margin-left:520px; height:50px; width:50px; position:fixed; bottom:120px; left:50%; z-index:999; text-indent:-999em; _background: url(../images/wwdc2015/backTopBtn.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="backTopBtn.png"); -moz-transition:all .32s linear; -ms-transition:all .32s linear; -webkit-transition:all .32s linear; transition:all .32s linear;}
.fixedBackTop:hover{ background:url(../images/wwdc2015/backTopBtn_hover.png) no-repeat;}

/*产品对比*/
.contrast{padding: 45px 0;background: #f6f6f6;}
.contrast h1.title{ color: #111; font-size: 36px; font-weight: 400; line-height: 50px; margin-bottom: 45px; height: 50px; text-align: center; position: relative;}
.contrast h1.title .line{ display: inline-block; background-color: #111; margin-left: -30px; height: 3px; width: 60px; position: absolute; left: 50%; top: 60px;}
.contrast .box{background:#F0F0F0;}
.contrast .contrast_box{ border-collapse:separate;border-spacing:1px;}
.contrast .contrast_box tr {background:#fff;}
.contrast .contrast_box tr th{ background:#fff;padding:10px;}
.contrast .contrast_box tr td{background:#fff; padding:10px;}
.contrast .contrast_box .gray td{background:#f6f6f6}

.banner90{ margin-top:20px;width:1000px;height:90px;background:#ccc;}