@charset "gb2312";
/* CSS Document */


/* 全局样式定义 不需要拷贝 */
html{width:100%; height:100%;}
body{width:100%; height:100%; overflow:hidden; margin:0; font-size:12px; font-family:"Microsoft Yahei",Arial Narrow,arial,serif; line-height:18px; background-color:#FFFFFF;}
div,a,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote{margin:0; padding:0;}
table,td,tr,th {font-size:12px;}
div{outline:0 none;}
input{vertical-align:middle;}
ul,li{list-style-type:none; }
table{margin:0 auto;}
img{vertical-align:top; border:0;}
ol,ul{list-style:none outside none;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}


/* 常用样式设置 */
.fn-hide{display:none;}


/* 背景图引用 */
.play,.layer-close,a.btn-look,.btn-look,.icon-prev,.icon-next,.focusd a.prev,.focusd a.next,.focusd a.point{background:url(../images/main-bg.png) no-repeat;_background:url(../images/main-bg-png8.png) no-repeat;}


#fullpage{width:100%;height:100%;}

.section{width:100%;height:100%;position:relative;overflow:hidden;min-width:1180px;}
.section .main-bg{width:1740px;height:100%;position:absolute;top:0;left:50%;margin-left:-870px;z-index:0;text-align:center;}
.section .main-bg img {display:block;margin:0 auto;width:auto;}
.section .cards{width:1180px;height:100%;margin:0 auto;position:relative;z-index:1;}

/* 首页 */
.homepage{zoom:1;background-color:#cd4803;}
.homepage .main-bg{width:1181px;margin-left:-590.5px;}
.homepage .main-bg img{height:90%;max-height:1079px;_height: expression((document.documentElement.clientHeight||document.body.clientHeight)<1079?"90%":"1079px");}
.homepage .cards h2.logo{height:30px;padding-top:50px;}
/* 导航 */
.nav{position: absolute;bottom:10px;clear: both;}
.nav li{float: left;}
.nav .link,.nav .coming{display: block;width: 380px;height: 120px;margin-right: 20px;font-size: 0;overflow:hidden;}
.nav .coming small{font-size:0;}
.nav .link{background: url(../images/nav_btn.png) no-repeat;text-indent: -1000em;}
.nav .brand{background-position: -1055px 0;}
.nav .brand:hover{background-position: -523px 0;}
.nav .brand-current{background-position: 0 0;}
.nav .friend{background-position: -1055px -130px;}
.nav .friend:hover{background-position: -523px -130px;}
.nav .friend-current{background-position: 0 -130px;}
.nav .tenyears{background-position:0 -260px;margin-right:0;}
.nav .tenyears:hover{background-position:-523px -260px;}
.nav .tenyears-current{background-position:0 -260px;}
.primary-tip{width:122px;height:69px;position:absolute;left:50%;bottom:150px;margin-left:-59px;padding-top:47px;background:url(../images/pic/btn.gif) no-repeat;font-family:\5B8B\4F53;color:#503507;}



/* 第一屏 */
.one{background-color:#1a0c08;}
.one .main-bg img {height:70%;margin-top:50px;max-height:929px;_height: expression((document.documentElement.clientHeight||document.body.clientHeight)<929?"90%":"929px");}
.one .cards-cont{width:820px;position:absolute;top:16%;left:16%;}
.one .cards-cont .names{padding-bottom:40px;text-align:center;}
.one .cards .videoul{width:820px;}
.one .cards .videoul li{width:182px;float:left;margin-right:20px;}
.one .cards .videoul li .pic{height:100px;border:1px solid #cc913d;border-radius:2px;overflow:hidden;position:relative;}
.one .cards .videoul li .pic a{display:block;}
.one .cards .videoul li .pic a .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);}
.one .cards .videoul li .pic a:hover .mask{display:none;}
.one .cards .videoul li .pic .play{display:inline-block;width:32px;height:32px;position:absolute;top:32px;left:77px;background-position:-78px -40px;}
.one .cards .videoul li .text{height:24px;line-height:24px;overflow:hidden;text-align:center;padding:2px 0;color:#fff2b2;font-size:14px;}
/* 视频弹层 */
.layer{width:690px;height:440px;position:relative;}
.layer .layer-close{display:blockl;width:48px;height:48px;position:absolute;top:-90px;right:-150px;background-position:0 -75px;}
.layer .layer-close:hover{background-position:-51px -75px;}
.layer .layer-content{width:690px;height:440px;}

/* 第二屏 */
.two{background-color:#030101;}
.two .main-bg img {height:90%;max-height:908px;_height: expression((document.documentElement.clientHeight||document.body.clientHeight)<908?"90%":"908px");}
.two .cards-cont{width:1010px;position:absolute;top:18%;left:80px;}
.two .cards-cont .names{padding-bottom:180px;text-align:center;}
.two .familyul{width:1010px;zoom:1;}
.two .familyul li{width:172px;float:left;margin:0 40px;float:left;position:relative;_display:inline;}
.two .familyul li .pic{width:160px;height:160px;overflow:hidden;border:5px solid #ffda59;border-radius:90px;cursor:pointer;}
.two .familyul li .text{padding-top:10px;color:#fffbe5;text-align:center;line-height:24px;}
.two .familyul li .text .name{font-weight:bold;font-size:18px;font-weight:bold;}
.two .familyul li .text .mess{font-size:14px;}
.two .familyul li .layer-cont{width:280px;height:400px;position:absolute;top:-96px;left:-42px;background-color:#fffbe5;}
.two .familyul li .layer-cont .user{width:80px;height:80px;overflow:hidden;border:3px solid #ffda59;border-radius:90px;margin:40px auto 10px auto;}
.two .familyul li .layer-cont .text{color:#1a0c08;text-align:center;line-height:24px;}
.two .familyul li .layer-cont .text .name{font-weight:bold;font-size:16px;font-weight:bold;}
.two .familyul li .layer-cont .text .mess{font-size:14px;}
.two .familyul li .layer-cont .info{margin:20px 30px;line-height:24px;font-family:\5B8B\4F53;}
.two .familyul li .layer-cont a.btn-look{display:block;width:154px;height:36px;margin:0 auto;background-position:-113px 0;}
.two .familyul li .layer-cont a.btn-look:hover{background-position:-113px -39px;}


/* 第三屏 */
.three{background-color:#030101;}
.three .main-bg img {height:90%;max-height:853px;_height: expression((document.documentElement.clientHeight||document.body.clientHeight)<853?"90%":"853px");}
.three .cards-cont{width: 1180px;position:absolute;top:16%;left:0;}
.three .cards-cont .names{padding-bottom:100px;text-align:center;}



#automatic { width: 1180px; height: 295px; position: relative; margin: 0 auto; overflow: hidden; }

.prev_div { width: 50px; height: 80px; position: absolute; top: 118px; left:0; z-index: 5;cursor: pointer; }
.prev_div a.icon-prev{display:block;width:50px;height:80px;background-position:0 -127px;}
.prev_div a.icon-prev:hover{display:block;background-position:0 -210px;}
.next_div { width:50px; height:80px; position: absolute; top: 118px; right:0; z-index: 5;cursor: pointer; }
.next_div a.icon-next{display:block;width:50px;height:80px;background-position:-50px -127px;}
.next_div a.icon-next:hover{display:block;background-position:-50px -210px;}

#automatic ul { width: 930px; height: 295px; position: absolute; top: 0; left:140px; z-index: 1; }
#automatic li { position: absolute; }

#automatic .line { border: 4px solid #fff; width: 672px; height: 336px; position: absolute; top: 0; left: 50%; margin-left: -340px; z-index: 3; }

#automatic .pos_0 { top: -104px; left: 0; z-index: 1; filter: alpha(opacity=0); opacity: 0; }
#automatic .pos_1 { top: 104px; left: 0; z-index: 2; filter: alpha(opacity=60); opacity: 0.6; }
#automatic .pos_2 { top: 43px; left: 50px; z-index: 3; filter: alpha(opacity=80); opacity: 0.8; }
#automatic .pos_3 { top: 0; left: 145px; z-index: 4; }
#automatic .pos_4 { top: 43px; left: 410px; z-index: 3; filter: alpha(opacity=80); opacity: 0.8; }
#automatic .pos_5 { top: 104px; left: 720px; z-index: 2; filter: alpha(opacity=60); opacity: 0.6; }
#automatic .pos_6 { top: -104px; left: 720px; z-index: 1; filter: alpha(opacity=0); opacity: 0; }


/* 第四屏 */
.four{background-color:#030101;}
.four .main-bg img {height:90%;max-height:834px;_height: expression((document.documentElement.clientHeight||document.body.clientHeight)<834?"90%":"834px");}
.four .cards-cont{width: 1180px;position:absolute;top:12%;left:0;}
.four .cards-cont .names{padding-bottom:80px;text-align:center;}

.four .cards .actividl{width:1180px;overflow:hidden;}
.four .cards .actividl  dt.activi-top{width:1200px;height:290px;padding-bottom:20px;}
.four .cards .actividl  dt .activi-pic{width:580px;height:290px;float:left;overflow:hidden;margin-right:20px;}
.four .cards .actividl  dd .activiul{width:1200px;height:165px;}
.four .cards .actividl  dd .activiul li{width:220px;height:165px;float:left;position:relative;margin-right:20px;}
.four .cards .actividl  dd .activiul li a{display:block;}
.four .cards .actividl  dd .activiul li a .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;opacity:.3;filter:alpha(opacity=30);display:none;}
.four .cards .actividl  dd .activiul li a:hover .mask{display:block;}


/* 第五屏 */
.five{background-color:#030101;}
.five .main-bg img {height:90%;max-height:838px;_height: expression((document.documentElement.clientHeight||document.body.clientHeight)<838?"90%":"838px");}
.five .cards-cont{width: 1200px;position:absolute;top:16%;left:0;}
.five .cards-cont .names{padding-bottom:100px;text-align:center;}

.five .cards .picul{width:1200px;top:34%;}
.five .cards .picul li{width:280px;height:186px;float:left;margin:0 20px 20px 0;position:relative;}
.five .cards .picul li a{display:block;}
.five .cards .picul li a .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;opacity:.3;filter:alpha(opacity=30);display:none;}
.five .cards .picul li a:hover .mask{display:block;}


/* 第六屏 */
.six{background-color:#0d0b0b;}
.six .main-bg img {height:100%;max-height:2000px;_height: expression((document.documentElement.clientHeight||document.body.clientHeight)<2000?"100%":"2000px");}
.six .cards .concerul{width:570px;position:absolute;top:30%;right:0;word-break:keep-all;white-space:nowrap;}
.six .cards .concerul li{border:1px solid #f7d356;margin-bottom:10px;color:#fffbe5;clear:both;float:left;}
.six .cards .concerul li.date{padding:16px 10px;}
.six .cards .concerul li.name{font-size:74px;line-height:84px;padding:10px;}
.six .cards .concerul li.forward{font-size:30px;line-height:30px;padding:10px 30px 10px 10px;}
.six .cards .concerul li.add{font-size:18px;line-height:20px;padding:10px;}
.six .cards .concerul li.link{padding:10px 0;border:none;}
.six .cards .concerul li.link a.btn-look{display:block;width:226px;height:52px;background-position:-113px -77px;}
.six .cards .concerul li.link a.btn-look:hover{width:226px;height:52px;background-position:-113px -132px;}


/* 第七屏 */
.seven{background-color:#1a0c08;}
.seven .main-bg img {height:90%;max-height:828px;_height: expression((document.documentElement.clientHeight||document.body.clientHeight)<828?"90%":"828px");}
.seven .cards .payto{width:880px;position:absolute;top:30%;color:#cc913d;left:150px;text-align:center;}
.seven .cards .payto .topul{text-align:center;overflow:hidden;zoom:1;padding-left:240px;}
.seven .cards .payto .topul li{width:100px;float:left;margin:0 55px;}
.seven .cards .payto .topul li .pic{width:90px;height:90px;margin:0 auto;}
.seven .cards .payto .topul li .text{padding:10px 0;font-family:\5B8B\4F53;}
.seven .cards .payto .info{font-size:14px;line-height:24px;padding-top:90px;}
.seven .cards .payto .footer{font-family:\5B8B\4F53;padding-top:160px;}


/* 焦点 */
.focusd{width:36px;position:fixed;_position:absolute;right:10px;top:50%;margin-top:-120px;z-index:100;}
.focusd a{display:block;}
.focusd a.prev{width:36px;height:36px;background-position:0 0;margin-bottom:10px;}
.focusd a.prev:hover{background-position:0 -38px;}
.focusd a.next{width:36px;height:36px;background-position:-39px 0;margin-top:10px;}
.focusd a.next:hover{background-position:-39px -38px;}
.focusd a.point{width:18px;height:18px;background-position:-79px -21px;margin:3px 9px 3px 9px;}
.focusd a.active{background-position:-79px 0;}
/* 后添加 */
.linkmore{color:#fffbe5;}
.linkmore:hover{color:#f7d356;}