@charset "gb2312";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
fieldset,img{ border:0;}
ol,ul{ list-style:none;}
body{ font-size:62.5%; color:#fff; font-family:"ËÎÌå"; text-align:left;background:url(../images/body_bg_a.jpg) top center no-repeat;}
html{ background:url(../images/body_bg_b.jpg) center 1200px no-repeat;}
a:link, a:visited, a:focus{ outline:none;}
a:link{ color:#666666; text-decoration:none;}
a:visited{ color:#666666; text-decoration:none;}
a:hover{ color:#666666; text-decoration:underline;}
a:active{ color:#666666; text-decoration:none;}
a:hover{ -webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;}




#page{ width:1000px; margin:0 auto;}
.disn{ display:none;}
.bdimgshare-content{ display:none;}
#bdSharePopup_selectshare1438583038482box{ display:none;}
.bdimgshare-bg{ display:none;}

#parta{ width:1000px; height:760px; background:url(../images/parta_bg.jpg) no-repeat; overflow:hidden; position:relative;}
#partb{ width:1000px; height:1100px; background:url(../images/partb_bg.jpg) no-repeat; overflow:hidden;position:relative;}
#partc{ width:1000px; height:1310px; background:url(../images/partc_bg.jpg) no-repeat; overflow:hidden; position:relative;}
#partd{ width:1000px; height:1300px; background:url(../images/partd_bg.jpg) no-repeat; overflow:hidden; position:relative;}


#head01{ background:url(../images/head01.jpg) 0 0 no-repeat; height:670px; overflow:hidden; position:relative;}
#head02{ background:url(../images/head02.jpg) 0 0 no-repeat; height:300px; overflow:hidden;}
#parte01{ background:url(../images/parte01.jpg) 0 0 no-repeat; height:400px; overflow:hidden; position:relative;}
#parte02{ background:url(../images/parte02.jpg) 0 0 no-repeat; height:620px; overflow:hidden; position:relative;}
#parte03{ background:url(../images/parte03.jpg) 0 0 no-repeat; height:380px; overflow:hidden; position:relative;}
#partf01{ background:url(../images/partf01.jpg) 0 0 no-repeat; height:610px; overflow:hidden;}
#partf02{ background:url(../images/partf02.jpg) 0 0 no-repeat; height:350px; overflow:hidden; position:relative;}



/*---nav---*/
#nav{position:fixed; bottom:15px; _bottom:15px; right:50%; margin-right:-620px; height:408px; width:80px; _position:absolute; _margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop); background:url(../images/nav_bg.png) no-repeat;}
#nav .nav_1{ display:block;width:75px; height:55px; margin-top:4px;}
#nav .nav_2{ display:block;width:75px; height:55px; margin-top:4px;}
#nav .nav_3{ display:block;width:75px; height:55px; margin-top:8px;}
#nav .nav_4{ display:block;width:75px; height:55px; margin-top:8px;}
#nav .nav_5{ display:block;width:75px; height:55px; margin-top:8px;}
#nav .nav_6{ display:block;width:75px; height:55px; margin-top:4px;}
#nav .nav_7{ display:block;width:75px; height:22px; margin-top:20px;}
#nav a:hover{ background-color:#F00;opacity:0.3;   }


@-webkit-keyframes mymove /* Safari and Chrome */{from{-webkit-mask-position:left -20px top -226px;}to {-webkit-mask-position:left -20px top 226px;}}


@-webkit-keyframes mymove2 /* Safari and Chrome */{from{-webkit-mask-position:left -70px top -226px;}to {-webkit-mask-position:left -70px top 226px;}}
@-webkit-keyframes mymove3 /* Safari and Chrome */{from{-webkit-mask-position:left -160px top -226px;}to {-webkit-mask-position:left -160px top 226px;}}



/*head*/
.head_tit{ padding:215px 0 0 158px;  animation-delay:1s; -webkit-animation-delay:1s;}
.head_info{ padding:5px 0 0 185px; animation-delay:2s; -webkit-animation-delay:2s;}
.share{ position:absolute; background:url(../images/share.png) no-repeat; width:240px; height:175px; top:110px; right:5px; animation-delay:3.5s; -webkit-animation-delay:3.5s;}
#shareBox {padding: 140px 0 0 25px; width: 300px; height: 30px;}
#shareBox li { float: left; display: inline; cursor: pointer; margin: 0 15px 0 0;}


/*#parta*/
#parta .title{ width:246px; height:226px; background:url(../images/parta_t_bg.jpg) no-repeat; position:absolute; top:59px; left:34px;}

#parta .title .element{width:246px; height:226px; background:url(../images/parta_t_bg2.png) no-repeat; position:relative;
-webkit-mask: url(../images/ymb.png) no-repeat;-webkit-mask-size: 430px 430px;-webkit-mask-position:left -70px top -30px;
 -webkit-animation: mymove 4s;}

#parta .txt_1{ display:block; width:640px; font-family:"΢ÈíÑźÚ";font-weight:400; font-size:1.7em; line-height:40px; text-indent:34px; color:#000000;letter-spacing:0.1px;position:absolute; left:298px; top:144px;}
#parta .txt_1 a{ color:#9f0008; text-decoration:none;}
#parta .txt_1 a:hover{color:#f8000c;}
#parta .img_1{ position:absolute; top:290px; left:40px;}


.tab{ width:720px; margin:330px 0 0 90px;}
.tab h3{ height:117px; width:720px; position:relative;}
.tab h3 ul{}
.tab h3 li{float:left; width:115px; height:115px; margin:0 9px 0 10px; cursor:pointer; background-repeat:no-repeat; background-position:0 0; border:3px solid #cfa972; border-radius:115px; -webkit-filter:brightness(.4); transition: all 0.8s ease-in;}
.tab h3 li.current, .tab h3 li:hover { -webkit-filter:brightness(1);}
.tab h3 li:hover { -webkit-filter:brightness(1); transition: all 0.1s ease-in;}

.tab h3 li.current:after {
  content:url(../images/arrow.png);
  position:absolute; top:145px;
  float:left; text-align:center; width:117px;
  }
  
.tab h3 li.tit01{ background-image:url(../images/tab_t01.jpg);}
.tab h3 li.tit02{ background-image:url(../images/tab_t02.jpg);}
.tab h3 li.tit03{ background-image:url(../images/tab_t03.jpg);}
.tab h3 li.tit04{ background-image:url(../images/tab_t04.jpg);}
.tab h3 li.tit05{ background-image:url(../images/tab_t05.jpg);}
.tab_tit span{ display:block; float:left; width:20%; text-align:center; color:#000; font-family:"΢ÈíÑźÚ", "ºÚÌå"; font-size:16px; line-height:25px;}

.tab .content{ width:450px; padding:70px 0 0 100px; clear:both;}
.tab .content li.tabc{ display:none; color:#000; font-family:"΢ÈíÑźÚ", "ºÚÌå"; font-size:1.7em; line-height:30px; text-indent:2em;}
.tab .content li.current{display:block} 


.c-1 {
  width: 695px;
  background: url("http://p1.yokacdn.com/pic/div/2015/topic/02/Year/image/1_02.png") no-repeat;
}
.c-1 .element {
  width: 695px;
  height: 642px;
  overflow: hidden;
  color: #fff;
  background: url("http://p1.yokacdn.com/pic/div/2015/topic/02/Year/image/1_02_mb.png") no-repeat;
  -webkit-mask: url("http://p1.yokacdn.com/pic/div/2015/topic/02/Year/image/ymb.png") no-repeat;
  -webkit-mask-size: 700px;
  -webkit-animation: wipe 6s;
}


.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*fadeIn*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}




/*#partb*/
#partb .title{ width:243px; height:264px; background:url(../images/partb_t_bg.png) no-repeat; position:absolute; top:95px; left:13px;}
#partb .element{width:243px; height:264px; background:url(../images/partb_t_bg2.png) no-repeat; position:relative;
-webkit-mask: url(../images/ymb.png) no-repeat;-webkit-mask-size: 400px 400px;-webkit-mask-position:left -90px top -10px;
-webkit-animation: mymove 6s;}


#partb .txt_1{ display:block; width:670px; font-family:"΢ÈíÑźÚ";font-weight:400; font-size:1.7em; line-height:40px; text-indent:34px; color:#000000;letter-spacing:0.1px;position:absolute; left:282px; top:216px;}
#partb .txt_1 a{ color:#9f0008;text-decoration:none;}
#partb .txt_1 a:hover{color:#f8000c;}
#partb .img_1{ position:absolute; top:352px; left:31px;}


#partb .img_forgin{ width:894px; height:623px; margin:394px auto; position:relative;}
#partb .img_forgin  span{}
#partb .img_forgin .pb_a_1{ position:absolute; top:0px; left:0px;}
#partb .img_forgin .pb_a_2{ position:absolute; top:0px; right:0px;}
#partb .img_forgin .pb_a_3{ position:absolute; top:237px; left:0px;}
#partb .img_forgin .pb_a_4{ position:absolute; top:237px; right:0px;}
#partb .img_forgin .pb_a_5{ position:absolute; top:453px; left:0px;}
#partb .img_forgin .pb_a_6{ position:absolute; top:453px; right:0px;}
#partb .img_forgin .pb_b_1{ width:430px; height:49px; background:url(../images/partb_img_b_1.png) no-repeat; position:absolute; top:121px; left:0px;}
#partb .img_forgin .pb_b_2{ width:430px; height:49px; background:url(../images/partb_img_b_2.png) no-repeat;position:absolute; top:121px; right:0px;}
#partb .img_forgin .pb_b_3{ width:430px; height:49px; background:url(../images/partb_img_b_3.png) no-repeat; position:absolute; top:358px; left:0px;}
#partb .img_forgin .pb_b_4{ width:430px; height:49px; background:url(../images/partb_img_b_4.png) no-repeat; position:absolute; top:358px; right:0px;}
#partb .img_forgin .pb_b_5{ width:894px; height:49px; background:url(../images/partb_img_b_5.png) no-repeat; position:absolute; top:574px;}
#partb .img_forgin .txt span{ display:block; font-family:"΢ÈíÑźÚ"; font-size:1.7em; line-height:40px; color:#FFF; height:49px;letter-spacing:0.1px; text-indent:0px;}
#partb .img_forgin .pb_b_1  .content{ padding-top:6px; padding-left:21px; width:392px;}
#partb .img_forgin .pb_b_2  .content{ padding-top:6px; padding-left:30px; width:392px;}
#partb .img_forgin .pb_b_3  .content{ padding-top:6px; padding-left:15px; width:408px;}
#partb .img_forgin .pb_b_4  .content{ padding-top:6px; padding-left:15px; width:408px;}
#partb .img_forgin .pb_b_5  .content{ padding-top:6px;width:480px; margin:0px auto;}


/*#partc*/
#partc .title{ width:227px; height:242px; background:url(../images/partc_t_bg.png) no-repeat; position:absolute; top:115px; right:13px;}
#partc .element{width:227px; height:242px; background:url(../images/partc_t_bg2.png) no-repeat; position:relative;
-webkit-mask: url(../images/ymb.png) no-repeat;-webkit-mask-size: 360px 360px; -webkit-mask-position:left -70px top -10px;
-webkit-animation: mymove2 6s;}

#partc .txt_1{ display:block; width:670px; font-family:"΢ÈíÑźÚ";font-weight:400; font-size:17px; line-height:40px; text-indent:34px; color:#000000;letter-spacing:0.1px;position:absolute; left:263px; top:202px;}
#partc .txt_1 a{ color:#9f0008;text-decoration:none;}
#partc .txt_1 a:hover{color:#f8000c;}
#partc .img_1{ position:absolute; top:352px; right:9px;}

#partc  .fade_img{ }
#partc  .fade_txt{font-family:"΢ÈíÑźÚ"; font-size:15px; line-height:30px; text-indent:30px;color:#000000;}
#partc  .pc_a_1{ position:absolute; top:181px; left:19px;}
#partc  .pc_a_2{ position:absolute; top:481px; left:556px;}
#partc  .pc_a_3{ position:absolute; top:803px; left:0px;}

#partc  .pc_b_1{ width:385px;  position:absolute; top:313px; left:378px;}
#partc  .pc_b_2{ width:400px; height:49px;position:absolute; top:630px; left:145px;}
#partc  .pc_b_3{ width:355px; height:49px; position:absolute; top:945px; right:182px;}


                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
/*#partd*/                                                      
#partd .title{ width:326px; height:175px; background:url(../images/partd_t_bg.png) no-repeat; position:absolute; top:122px; left:42px;}
#partd .element{width:326px; height:175px; background:url(../images/partd_t_bg2.png) no-repeat; position:relative;
-webkit-mask: url(../images/ymb.png) no-repeat;-webkit-mask-size: 560px 420px; -webkit-mask-position:left -160px top -60px;
-webkit-animation: mymove3 6s;}
#partd .txt_1{ display:block; width:670px; font-family:"΢ÈíÑźÚ";font-weight:400; font-size:1.7em; line-height:40px; text-indent:34px; color:#000000;letter-spacing:0.1px; position:absolute; left:380px; top:195px;}
#partd .txt_1 a{ color:#9f0008;text-decoration:none;}
#partd .txt_1 a:hover{color:#f8000c;}
#partd .img_1{ position:absolute; top:300px; left:42px;}


#partd .switch{ width:1000px; height:1007px; position:absolute; top:293px;  }
#partd .switch .animate_txt{ width:1000px; height:1007px; z-index:1; position:relative;z_index:2;}
#partd .switch .animate_txt .pd_1{ display:block;position:absolute; left:42px; top:99px;z_index:2;}
#partd .switch .animate_txt .pd_2{ display:block;position:absolute; left:72px; top:206px;z_index:2;}
#partd .switch .animate_txt .pd_3{ display:block;position:absolute; left:29px; top:534px;z_index:2;}
#partd .switch .animate_txt .pd_4{ display:block;position:absolute; left:134px; top:634px;z_index:2;}
#partd .switch .animate_txt .pd_5{ display:block;position:absolute; right:103px; top:5px;z_index:2;}
#partd .switch .animate_txt .pd_6{ display:block;position:absolute; right:16px; top:131px;z_index:2;}
#partd .switch .animate_txt .pd_7{ display:block;position:absolute; right:22px; top:547px;z_index:2;}
#partd .switch .animate_txt .pd_8{ display:block;position:absolute; right:32px; top:640px;z_index:2;}
#partd .switch .animate_txt .pd_9{ position:absolute; left:208px; top:99px;z_index:1;}
#partd .switch .animate_txt .pd_10{ position:absolute; left:94px; top:699px;z_index:1;}


/*---parte---*/
#parte01 .title{ width:326px; height:220px; background:url(../images/pe_t_bg.png) no-repeat; position:absolute; top:112px; left:42px;}
#parte01 .title .element{width:326px; height:220px; background:url(../images/pe_t_bg2.png) no-repeat; position:relative;
-webkit-mask: url(../images/ymb.png) no-repeat;-webkit-mask-size: 560px 440px; -webkit-mask-position:left -160px top -40px;
-webkit-animation: mymove3 6s;}
#parte01 .pe_t_1{position:absolute; top:278px; left:52px;}

.pe_txt{padding:0 18px; margin:360px 0 0 25px; font-size:1.7em; color:#fff; font-weight:400; line-height:35px; font-family:"΢ÈíÑźÚ", "ºÚÌå"; letter-spacing:0.5px; background:#1a08bd; display:inline-block; transition: all .3s ease-in-out; width:400px;}
.pe_txt a:link, .pe_txt a:visited, .pe_txt a:active{ color:#fff;}
.pe_txt a{  text-decoration:none;}
.pe_txt:hover{ background:#013eca; text-decoration:none;}
.pe_txt .more{ color:#fff100;  transition: all .6s ease-in-out;}
.pe_txt:hover .more{ color:#ffa60b;}

.pe_txt01{ position:absolute; top:113px; left:393px; background:url(../images/pe_bg01.png) 0 0 no-repeat;}
.pe_txt02{ position:absolute; top:32px; left:518px; background:url(../images/pe_bg02.png) 0 0 no-repeat;}
.pe_txt03{ position:absolute; top:335px; left:132px; background:url(../images/pe_bg03.png) 0 0 no-repeat;}
.pe_txt04{ position:absolute; top:332px; left:570px; background:url(../images/pe_bg04.png) 0 0 no-repeat;}
.pe_txt05{ position:absolute; top:60px; left:110px; background:url(../images/pe_bg05.png) 0 0 no-repeat;}
.pe_txt06{ position:absolute; top:42px; left:470px; background:url(../images/pe_bg06.png) 0 0 no-repeat;}
.txtBg{ -webkit-filter:brightness(0.9); transition: all 1s ease-in;}
.txtBg:hover{ -webkit-filter:brightness(1.4);}


/*---partf---*/
.pf_tit{padding-top:100px;}
.pf_txt{padding:0 18px; margin:0 0 0 315px; font-size:1.8em; color:#fff; font-weight:400; line-height:32px; font-family:"΢ÈíÑźÚ", "ºÚÌå"; letter-spacing:0.5px; background:#691608; display:inline-block; transition: all .3s ease-in-out;}
.pf_txt a:link, .pf_txt a:visited, .pf_txt a:active{ color:#fff;}
.pf_txt a{text-decoration:none;}
.pf_txt:hover{ background:#931f0b;}
.pictxt{ float:left; width:375px; margin-top:55px; margin-right:20px;}
.pt_pic{border:3px solid #fff; width:357px; box-shadow:#000 0 0 10px; overflow:hidden;  transition: all 1.5s ease-in-out; margin:0 auto;}
.pt_pic:hover{box-shadow:#686868 0 0 10px; }
.pt_pic img{ display:block; -webkit-filter:brightness(.9); transition: all 1.5s ease-in-out; }
.pt_pic:hover img{-webkit-filter:brightness(1); transform: rotate(0) scale(1.02) skew(0) translate(0);}
.pictxt p{font-family:"΢ÈíÑźÚ", "ºÚÌå"; font-size:14px; color:#000; line-height:22px; text-indent:2em; padding:15px 10px 0 10px;}
.pf_picture01{ position:absolute; top:60px; left:45px; overflow:hidden;box-shadow:#686868 0 0 10px;}
.pf_picture01 img, .pf_picture02 img, .pf_picture03 img{ border:3px solid #fff;  display:block; }
.pf_picture02{ position:absolute; top:35px; left:380px; overflow:hidden;box-shadow:#686868 0 0 10px;}
.pf_picture03{ position:absolute; top:60px; left:672px; overflow:hidden;box-shadow:#686868 0 0 10px;}







/***animates
***************************************************************************/
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}



/*---bottom---*/
#bottom{ background:url(../images/bottom.jpg) 0 0 no-repeat; height:700px; overflow:hidden;}
.mess{ width:940px; height:340px; background:#fff; margin:167px 0 0 30px; overflow:hidden;}
#copyright{ clear:both; font-size:1.2em; color:#000; text-align:center; padding:65px 0px 0px 0px; line-height:20px; overflow:hidden;}
#copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active{ color:#000; text-decoration:none;}