@font-face {
	font-family:'Myriad Set Pro';
	font-style:normal;
	font-weight:100;
	src:local('Myriad Set Pro'), url("../font/myriad-set-pro_semibold.woff") format("woff");
	/* Copyright (c) 1992 Adobe Systems Incorporated. All Rights Reserved. Myriad is a trademark of Adobe Systems Incorporated. */
}

body{
	font-family: "Myriad Set Pro","微软雅黑";
	margin:0;
}
ul,li,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,input{
	margin:0;
	padding: 0;
	list-style: none;
	font-weight: normal;
}
a{
	text-decoration: none;
}
article, aside, footer, header, nav, section, summary, details, hgroup, figure, figcaption {
    display: block;
}
.onenav{
	width:100%;
	height:44px;
	background:rgba(0,0,0,0.8);
}
.navdiv{
    width:90%;
    margin: 0 auto;
    height: 100%;
}
.onenav .navbox{
	height:44px;
	max-width:1000px;
	margin:0 auto;
	text-align: justify;
}
.onenav .navboxblo{
    height:44px;
    min-width:200px;
    margin:0 auto;
    text-align: justify;
    position: relative;
    display: none;
}
.onenav .navboxblo:after{
  content: "";
  display: inline-block;
  width:100%;
}
.onenav .list{
width:44px;
position: relative;
height:44px;
}
.onenav .logo1{
width:20px;
background:url(images/indeximages/image_large2.svg);
}
.onenav .bag1{
width:20px;
background:url(images/indeximages/image_large1.svg);
transition:transform 0.4s ease 0s;
}

#input{
    display:none;
}
#nav-xl{
    background:rgba(0,0,0,0.9);
    position:absolute;
    top:44px;
    width:100%;
    height:0;
    overflow:hidden;
    transition:height 0.6s ease;
    z-index: 100;
}
#input:checked~#nav-xl{
     height:100%;
}
#input:checked~.onenav .bag1{
   transform:translateX(100px);
}
#input:checked~#nav-xl #xiala li{
    animation-name:rightl;
    animation-duration:0.4s;
    animation-fill-mode:both;
}
#xiala li{
    font:18px/1em 'icomoon';
    height:48px;
    line-height: 48px;
    
}
#xiala li:nth-child(1){
   animation-delay:0.05s;
}
#xiala li:nth-child(2){
   animation-delay:0.1s;
}
#xiala li:nth-child(3){
   animation-delay:0.15s;
}
#xiala li:nth-child(4){
   animation-delay:0.2s;
}
#xiala li:nth-child(5){
   animation-delay:0.25s;
}
#xiala li:nth-child(6){
   animation-delay:0.3s;
}
#xiala li:nth-child(7){
   animation-delay:0.35s;
}
#xiala li:nth-child(8){
  animation-delay:0.4s;
}
#xiala li a{
    display:block;
    width:85%;
    height:47px;
    color:white;
    margin:0 auto;
    border-bottom:1px solid #999;
}
#input~nav div .navboxblo li label{
  position: relative;
  display:block;
  width:44px;
  height:44px;
}
label span{
    transition:all 0.3s ease;
}

label span:first-child{
    position: absolute;
    top:18px;
    left:11px;
    width:20px;
    border-bottom:1px solid white;
}
label span:last-child{
    position: absolute;
    top:26px;
    left:11px;
    width:20px;
    border-bottom:1px solid white;
}
#input:checked~nav div .navboxblo li label span{
    transition-delay:0.3s;
}
#input:checked~nav div .navboxblo li label span:first-of-type{
    transform:rotateZ(90deg) translateX(6px);
}
#input:checked~nav div .navboxblo li label span:last-of-type{
    transform:translateY(-2px)
}
#input:checked~nav div .navboxblo li label{
    transition:all 0.6s ease;
    transform:rotateZ(45deg);
}
#input:checked+nav{
    background:rgba(0,0,0,0.9);
}
@keyframes rightl{
    0%{
        opacity:0;
        transform:translateX(500px);
    }
     100%{
        opacity:1;
        transform:translateX(0px);
    }
}
.onenav a span{
	display:none;
}
.onenav .navbox:after{
  content: "";
  display: inline-block;
  width:100%;
}
.onenav li{
display:inline-block;
height:44px;
transition:0.2s all ease 0s;
}
.onenav li:hover{
opacity:0.8;
}
.onenav .logo{
width:20px;
background:url(images/indeximages/image_large2.svg);
}
.onenav .mac{
width:1.8em;
background:url(images/indeximages/image_large3.svg);
}
.onenav .ipad{
width:1.8em;
background:url(images/indeximages/image_large4.svg);
}
.onenav .iphone{
width:2.85em;
background:url(images/indeximages/image_large5.svg);
}
.onenav .watch{
width:2.66em;
background:url(images/indeximages/image_large6.svg);
}
.onenav .tv{
width:1.3em;
background:url(images/indeximages/image_large7.svg);
}
.onenav .music{
width:2.4em;
background:url(images/indeximages/image_large8.svg);
}
.onenav .support{
width:3.6em;
background:url(images/indeximages/image_large9.svg);
}
.onenav .find{
width:20px;
background:url(images/indeximages/image_large10.svg);
}
.onenav .bag{
width:18px;
background:url(images/indeximages/image_large1.svg);
}
.onenav .navbox a{
	display:block;
	width:100%;
	height:100%;
}
/*article*/

/*aside*/

.clear:after{
    display: block;
    clear:both;
    content:'';
}
aside ul li {
    float:left;
    width:25%;
    height:200px;
}
a.promo-watch {
    background-image: url("images/indeximages/download.jpg");
}
a.promo-iphone6s {
    background-image: url("images/indeximages/promo_startsomethingnew_iphone6s_large.jpg");
}
a.promo-ios{
    background-image: url("images/indeximages/promo_ios93preview_large.jpg");
}
a.promo-macbook{
    background-image: url("images/indeximages/promo_macbook_large.jpg");
}
aside a{
background-size: 640px 200px;
height: 200px;
background-position: center center;
display: block;
border-right:2px solid white;
font:0/0 a;
}
/*footer*/
.globalfooter{
    font-size: 12px;
    line-height: 1.66667;
    font-weight: 400;
    background-color: #f2f2f2;
    color: #666;
    overflow: hidden;
    position: relative;
    width:100%;
    border-top: 2px solid white;
    margin: 0 auto;
}
.footer-title{
    width:0;
    height:0;
    overflow: hidden;
    position: absolute;
    top:0;
    left: 0;
}
.globalfooter .content{
max-width: 980px;
margin:0 auto; 
padding: 0 22px; 

}
.globalfooter nav{
    padding-top: 20px;
}
.globalfooter .col{
    width:20%;
    float:left;
}
.globalfooter .col .col-section ul{
    margin-right: 20px;
}
.globalfooter .col-section a{
    color:#666;
}
.globalfooter .col-section a:hover{
    text-decoration: underline;
}
.ptop{
    padding-top:20px;
}
.globalfooter .col .col-section h3{
    color:#666;
}
.ac-gf-footer{
    padding:20px 0 24px;
    color:#999;

}
.ac-gf-footer a{
    color:#666;
}
.ac-gf-footer-shop{
    border-bottom: 1px solid #e3e3e3;
        margin-bottom: 6px;
    padding-bottom: 5px;
}
.ac-gf-footer-locale{
    float:right;
}

.ac-gf-footer-legal-copyright,.ac-gf-footer-legal-links{
    margin-right: 26px;
    float: left;
}
.ac-gf-footer-legal-link{
    border-right: 1px solid #d6d6d6;
    margin-right: 10px;
    padding-right: 12px
}
#shop-a{
    color:#08c;
}
.ac-gf-footer-locale-flag{
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("http://images.apple.com/ac/flags/1/images/us/16.png");
    cursor: pointer;
    float: left;
    margin-top: 1px;
    padding-right: 5px;
}

#input1,#input2,#input3,#input4,#input5,#input6,#input7{
    display: none;
}
#input1:checked~.globalfooter .col .col-section #ul1{
 visibility:visible;
 position:relative;
 height:200px;
}
#input2:checked~.globalfooter .col .col-section #ul2{
 visibility:visible;
 position:relative;
 height:200px;
}
#input3:checked~.globalfooter .col .col-section #ul3{
 visibility:visible;
 position:relative;
 height:40px;
}
#input4:checked~.globalfooter .col .col-section #ul4{
 visibility:visible;
 position:relative;
 height:80px;
}
#input5:checked~.globalfooter .col .col-section #ul5{
 visibility:visible;
 position:relative;
 height:60px;
}
#input6:checked~.globalfooter .col .col-section #ul6{
 visibility:visible;
 position:relative;
 height:120px;
}
#input7:checked~.globalfooter .col .col-section #ul7{
 visibility:visible;
 position:relative;
 height:160px;
}
#input1:checked~.globalfooter .col .col-section #h31:after{
    transform: rotate(45deg) scale(1.08);
    transform-origin:center center;
}
 #input2:checked~.globalfooter .col .col-section #h32:after{
    transform: rotate(45deg) scale(1.08);
    transform-origin:center center;
}
#input3:checked~.globalfooter .col .col-section #h33:after{
    transform: rotate(45deg) scale(1.08);
    transform-origin:center center;
}
#input4:checked~.globalfooter .col .col-section #h34:after{
    transform: rotate(45deg) scale(1.08);
    transform-origin:center center;
}
#input5:checked~.globalfooter .col .col-section #h35:after{
    transform: rotate(45deg) scale(1.08);
    transform-origin:center center;
}
#input6:checked~.globalfooter .col .col-section #h36:after{
    transform: rotate(45deg) scale(1.08);
    transform-origin:center center;
}
#input7:checked~.globalfooter .col .col-section #h37:after{
    transform: rotate(45deg) scale(1.08);
    transform-origin:center center;
}
/**/
article{
    position: relative;
    width: 100%;
    height:650px;
    overflow: hidden;
}
.bannerbox{
    width: 100%;
    height:100%;
     position: relative;
}
.bannerbox>div{
    width: 100%;
    height:100%;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    transition:all 0.5s ease;
}

.imgbox>a{
    display: block;
    width: 100%;
    height:100%;
}

.bannerbox div:nth-child(1) .bg_img{
    background-image: url(images/indeximages/cny_tvad_home_hero_large.jpg);
    background-repeat: no-repeat;
   /*  background-position:90% center; */
    background-size: cover;
}
.bannerbox div:nth-child(1) .neirongbox{
    width: 100%;
    position: absolute;
    top:70px;
    left:0;
    padding-bottom: 40px;
}
.bannerbox div:nth-child(1) .neirongbox h1{
    color: #fff;
    font-size: 50px;
    text-align: center;
    text-shadow:0px 0px 10px #000;
    margin-bottom: 16px;
    letter-spacing: 5px;
}
.bannerbox div:nth-child(2) .bg_img{
    background-image: url(images/indeximages/home_hero_cny_medium.jpg);
    background-repeat: no-repeat;
   /*  background-position:center 161px; */
    background-size: cover;
}
.bannerbox div:nth-child(2) .neirongbox{
    width: 100%;
    position: absolute;
    top:76px;
    left:0;
    padding-bottom: 40px;
}
.bannerbox div:nth-child(2) .neirongbox h1{
    width: 132px;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-indent: -2000px;
    background-image: url(images/indeximages/watch_logo_medium.png);
}
.bannerbox div:nth-child(2) .neirongbox h2{
    margin-bottom:17px; 
    font-size: 42px;
}
.bannerbox div:nth-child(2) .neirongbox a{
    font-size: 14px;
    color: #08c;
    font-weight: 100;
}
.bannerbox div:nth-child(2) .neirongbox a:hover{
    color: #333;
}
.icon:after{
    content:" >";
}
.bannerbox div:nth-child(3) .bg_img{
    background-image: url(images/indeximages/home_hero_ssn_large.png);
    background-repeat: no-repeat;
   /*  background-position:center 10px; */
    background-size: cover;
}
.bannerbox div:nth-child(3) .neirongbox{
    width: 100%;
    position: absolute;
    top:105px;
    left:0;
    padding-bottom: 40px;
}
.bannerbox div:nth-child(3) .neirongbox h1{
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
    font-size: 50px;
    color: #333;
    letter-spacing: 1.5px;
}
.bannerbox div:nth-child(3) .neirongbox h2{
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 10px;
}
.bannerbox div:nth-child(3) .neirongbox a{
    font-size: 13px;
    letter-spacing: 2px;
    color: #08c;
}
.bannerbox div:nth-child(3) .neirongbox a:hover{
    color: #333;
}
.bannerbox div:nth-child(4) .bg_img{
    background-image: url(images/indeximages/hero_music_movies_books_large.png);
    background-repeat: no-repeat;
   /*  background-position:center 219px; */
    background-size: cover;
}
.bannerbox div:nth-child(4) .neirongbox{
    width: 100%;
    position: absolute;
    top:74px;
    left:0;
    padding-bottom: 40px;
}
.show_small{
    display: none;
}
.bannerbox div:nth-child(4) .neirongbox h1{
    font-size: 27px;
    text-align: center;
    font-weight: 100;
    margin-bottom: 15px;
    line-height: 10px;
    line-height: 37px;
}
.bannerbox div:nth-child(4) .neirongbox a{
    font-size: 13px;
    letter-spacing: 2px;
    color: #08c;
}
.bannerbox div:nth-child(4) .neirongbox a:hover{
    color: #333;
}
.imgbox>a>span{
    width: 1px;
    height: 1px;
    font: 0/0 a;
    position: absolute;
}
.neirongbox>h2{
    text-align: center;
}
.neirongbox>ul{
    text-align: center;
    font-size: 20px;
    font-weight: 200;
}
.neirongbox>ul>li{
    display:inline-block;
    margin: 0 7px 10px 6px;
}
.neirongbox a:hover{
    text-decoration: none;
}
.neirongbox a span:hover{
    color: #08c;
}
.neirongbox a span:hover{
    color: #08c;
}
.snysgnggg a span{
    color: white;
    font-size: 14px;
    text-shadow: 0 0 10px #000;
}
.snysgngMV a span{
    color: white;
    font-size: 14px;
}
.iconplay:after{
   content:" ";
   display: block;
   float: right;
   margin-top: 9px;
   margin-left: 6px;
   width: 20px;
   height: 20px;
   background-image: url(images/indeximages/play_white.png);
   background-repeat: no-repeat;
   background-size: 16px;
   clear:both;
}

.botnavan{
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 50%;
     bottom:60px;
    margin-left: -56px;
    z-index: 5;
}
.botnavan>ul{
    display: inline-block;
}
.botnavan>ul>li{
    float: left;
    margin: 0 10px;
    display: block;
    background: #999;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    cursor:pointer;
}
#thisan{
    width: 8px;
    height: 8px;
    background: none;
    border: 1px solid #08c;
}



@media(max-width: 1068px){
    aside ul li{width:50%;}
}
@media(max-width: 735px){ 

    .ac-gf-footer-locale,.ac-gf-footer-legal-copyright{
    float:none;
     }
    .globalfooter .col .col-section ul{
        visibility:hidden;
        position: absolute;
        height:0;
        overflow:hidden;
        transition:height 0.3s ease 0s;
    }
    .globalfooter .col .col-section{
        border-bottom: 1px solid #ccc;
        position: relative;
    }
    .globalfooter .col .col-section h3:after{
        content:'+';
        float:right;
        display:inline-block;
        width:23px;
        height:100%;
        transition: transform .3s ease;
        text-align: center;
        line-height: 23px;
    }
    .ptop{
    padding-top:0px;
    }
    .globalfooter .col{
    width:100%;
    }
    .navbox{
        display:none;
    }
    .onenav .navboxblo{    
        display:block;
    }
    article{
        height:300px;
    }
    .botnavan{
        bottom:0px;
    }
    aside ul li{width:100%;}
a.promo-watch {
    background-image: url("images/indeximages/promo_holiday_watch_small.jpg");
}
a.promo-iphone6s {
    background-image: url("images/indeximages/promo_startsomethingnew_iphone6s_small.jpg");
}
a.promo-ios{
    background-image: url("images/indeximages/promo_ios93preview_small.jpg");
}
a.promo-macbook{
    background-image: url("images/indeximages/promo_macbook_large.jpg");
}
}