/* CSS Document */



body{font-size:12px;font-family:"宋体","Lucida Grande",Verdana,Lucida,sans-serif;line-height:20px;}

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,span,strong{margin:0;padding:0;}

p,font,span,h1,h3,input,button,textarea{font-size:12px;}

input,button,textarea{background:none;border:0;vertical-align:middle;padding:0 5px;}

ul,ol,dl{list-style: none;}

li,dt,dd{*vertical-align:bottom;}

img{border:0;}

a{text-decoration:none;outline:none;}

a:hover{text-decoration:none;}

input{outline:none;}

.hide{display:block;text-indent:-9999em;overflow:hidden;}

.clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}

.mgauto{margin:0 auto;}

.tal{text-align:left;}

.tac{text-align:center;}

.tar{text-align:right;}

.fl{float:left;display:inline;}

.fr{float:right;display:inline;}

.ft_yh{font-family:微软雅黑;}

.ft_norm{font-family:宋体;}

.ft12{font-size:12px;}

.ft14{font-size:14px;}

.fwb{font-weight:bold;}

.fwn{font-weight:normal;}

.oh{overflow:hidden;zoom:1;}

.tx_i{text-indent:2em;}

.pr{position: relative;}

.pa{position: absolute;}

table, td{border:1px solid black;}

table{border-collapse:collapse;}



.page00{background:url("../image/page00.jpg") center no-repeat; height:1080px;}

.page01{background:url("../image/page01.jpg") center no-repeat; height:1080px;}

div.page00 video{position: absolute;left:50%;top:0;transform:translate(-50%);}

.slogen{background:url("../image/slogen.png"); width:998px; height:275px; position:absolute; top:124px; left:50%; margin-left:-473px;}

.little_slogen { width:998px; /*height:100%;*/ position:absolute; top:350px; left:50%; margin-left:-499px; }

.little_slogen p{ text-align:center; font-size:14px; color:#666; font-family:"微软雅黑"; -webkit-animation: slogen2 2s linear both;animation: slogen2 2s linear both;-webkit-transform: translateY(100px);transform: translateY(100px); }

.little_slogen p span{ color:#dc0a0a;font-size:14px; }

.line{background:url("../image/index_line.png"); width:30px; height:78px; top:460px; left:50%; margin-left:-15px; position:absolute;}

.index_sp_btn{background:url("../image/index_sp_btn.png"); width:66px; height:66px; top:540px; left:50%; margin-left:-33px; position:absolute; display:block; -webkit-animation: slogen2 1s linear .2s both;animation: slogen2 1s linear .2s both;-webkit-transform: translateY(100px);transform: translateY(100px);}

.logo{background:url("http://www.frxxtl.com:89/images/logo.png"); width:242px; height:85px; position:absolute; top:30px; left:30px;}

.top_nav{background:url("../image/top_nav_bg.png"); width:109px; height:34px; position:absolute;color:#ffff98; text-align:center;top:30px;right:30px; line-height:26px;}

.top_nav a.top_nav_home{background:url("../image/top_nav_home.png"); width:42px; height:32px; float:left; margin-left:10px; }

.top_nav a.top_nav_music{background:url("../image/top_nav_music.png"); width:41px; height:32px; float:right; margin-right:10px; }

.down_icon{background: url('../image/next_icon.png'); width:150px; height:40px; position:fixed; bottom:60px; left:50%; margin-left:-75px; z-index:2; -webkit-animation: down_icon 1s infinite ease-in-out;animation: down_icon 1s infinite ease-in-out;}





.right_nav{background:url("../image/right_nav.png");width:117px;height:182px; position:fixed; top:50%; margin-top:-91px; right:10px; z-index:2;}

.right_nav a{background:url("../image/right_nav.png"); width:117px; height:15px; float:left; margin-bottom:10px;}

.right_nav a.scroolNav01{ background-position:0 -33px; margin-top:33px;}

.right_nav a.scroolNav02{ background-position:0 -58px;}

.right_nav a.scroolNav03{ background-position:0 -83px;}

.right_nav a.scroolNav04{ background-position:0 -108px;}

.right_nav a.scroolNav05{ background-position:0 -136px; height:46px; margin:3px 0 0 0;}

.right_nav a.scroolNav01.on{ background-position:-117px -33px;}

.right_nav a.scroolNav02.on{ background-position:-117px -58px;}

.right_nav a.scroolNav03.on{ background-position:-117px -83px;}

.right_nav a.scroolNav04.on{ background-position:-117px -108px;}

.right_nav a.scroolNav05.on{ background-position:-117px -136px;}





.main{width:1000px; height:100%;}

.act_tit{ width:1197px; height:189px; top:0; left:50%; margin-left:-598px; position:relative; z-index:2;}



.page01 .player_div{ width:1196px; height:751px; position:relative; top:50px; left:50%; margin-left:-598px;}

.page01 .player_div a{ width:399px; height:100%; position:absolute; top:0;}

.page01 .player_div a:hover{transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;}

#player_layout{position:absolute;z-index: 1;width:1196px;height: 751px;background: url("../image/player_layout.png"); display:none;}



.page02_act{width:1196px; height:754px; position:relative; top:50px; left:50%; margin-left:-598px;}

.page02_lb{ width:1196px; height:417px; float:left; margin-bottom:20px}

.rollBox {clear:both;width:1196px;height:417px;position:relative;left:0;top:0;}

.rollBox .LeftBotton {height:79px;width:39px;overflow:hidden;position: absolute;display:inline;cursor:pointer;top: 160px;left: -65px;}

.rollBox .RightBotton {height:79px;width:39px;overflow:hidden;position: absolute;display:inline;cursor:pointer;top: 160px;right: -65px;}

.rollBox .Cont {width:1196px;overflow:hidden;position: absolute;top: 0;left: 0;}

.rollBox .ScrCont {width:10000000px;}

.rollBox .Cont .pic {width:598px;float:left;position: relative;}

.rollBox .Cont .pic img {display:block;margin:0 auto;width:598px; height:417px;}

.rollBox #List1, .rollBox #List2 {float:left;}



.page02_talk{ width:1196px; height:315px; float:left; position:relative;}

.scrollDiv{width:1196px; height:222px; overflow:hidden; position:relative; top:0; left:0;}

.scrollDiv ul{ position:relative; display:block;}

.scrollDiv li{line-height:31px; font-size:14px; font-family:"微软雅黑"; display:inline-block; width:100%;}

.scrollDiv li span{ color:#698cea;  }

.scrollDiv li span.ip{ float:left; padding-right:20px; }

.scrollDiv li span.time{ float:left; width:100%; display:block;}

.scrollDiv li span.content{ color:#FFF;float:left; width:100%; font-size:20px;}

.talk_about{ width:1196px; height:59px; bottom:0; position:absolute; left:0;}

.talk_about .talk_content{ float:left; background-color:#FFF; width:1060px; height:59px;}

.talk_about .talk_content input{ width:1050px; height:59px;font-size:18px; text-align:left; padding-left:30px;color:#535353;}

.talk_about .tj_btn{ float:left; background-color:#c9582d; width:136px; color:#FFF; font-size:22px; font-weight:bolder; font-family:"微软雅黑"; text-align:center; line-height:59px;}





.page04_act{width:1195px; height:784px; position:relative; top:70px; left:50%; margin-left:-597px;}

.page04_act a:hover{transform: scale(1.05);transition:all 0.5s linear 0s;-webkit-transform: scale(1.05);-webkit-transition:all 0.5s linear 0s;-moz-transform: scale(1.05);-moz-transition:all 0.5s linear 0s;}

.page04_act01{background: url('../image/page04_act01.jpg'); width:345px; height:523px; float:left;margin:110px 16px 0 0;}

.page04_act01:hover{background: url('../image/page04_act01_hover.jpg');}

.page04_act02{background: url('../image/page04_act02.jpg'); width:463px; height:405px; float:left; margin-bottom:16px;}

.page04_act02:hover{background: url('../image/page04_act02_hover.jpg');}

.page04_act03{background: url('../image/page04_act03.jpg'); width:355px; height:526px; float:right; margin-top:25px;}

.page04_act03:hover{background: url('../image/page04_act03_hover.jpg');}

.page04_act04{background: url('../image/page04_act04.jpg'); width:225px; height:363px; float:left;margin-right:16px;}

.page04_act04:hover{background: url('../image/page04_act04_hover.jpg');}

.page04_act05{background: url('../image/page04_act05.jpg'); width:225px; height:363px; float:left;}

.page04_act05:hover{background: url('../image/page04_act05_hover.jpg');}

.act_btn{ width:1197px; height:212px; position:relative; top:280px; left:50%; margin-left:-598px;}

.act_btn a{width:284px; height:212px; float:left; margin-right:20px; color:#303437; font-family:"微软雅黑"; text-align:center; position:relative;}

.act_btn a:hover{ color:#FFF;}

.act_btn a p{ font-size:20px; padding:30px 0 10px 0; font-weight:bold;z-index:1; position:relative;}

.act_btn a h1{ font-size:30px;z-index:1; position:relative;}

.act_btn a hr{border:none;border-top:2px solid #303437; margin:30px 0 30px 0;width:20px; display:inline-block;z-index:1; position:relative;}

.act_btn a:hover hr{border-top:2px solid #FFF;width:40%;transition:all 0.5s linear 0s;-webkit-transition:all 0.5s linear 0s;-moz-transition:all 0.5s linear 0s; }

.act_btn span.jia_icon{background: url('../image/jia_icon.png'); width:28px; height:28px; position:absolute; bottom:50px; margin-left:-14px; left:50%; z-index:1;}

.act_btn a:hover span.jia_icon{transform: rotate(360deg);transition:all 0.5s linear 0s;-webkit-transform: rotate(360deg);-webkit-transition:all 0.5s linear 0s;-moz-transform: rotate(360deg);-moz-transition:all 0.5s linear 0s;}

.act_btn span.act_btn_hover{background: url('../image/act_btn_hover.png'); width:284px; height:212px; position:absolute; top:0; left:0; z-index:0; display:none;}

.act_btn a:hover span.act_btn_hover{ display:block;}



/*弹出层样式*/

html{

_background:url(http://www.frxxtl.com:89/css/.224:88/css/about:blank);

}

.mydiv {

display:none;

z-index:99;

left:50%;/*FF IE7*/

top: 50%;

position:fixed;

}



.close{background:url("../image/tc_close.png");position:absolute;width:37px;height:37px;right:-40px;top:0;}

.page04_tc01{background:url("../image/page04_tc01.jpg"); width:830px; height:403px; margin-left:-415px; margin-top:-201px;}

.page04_tc02{background:url("../image/page04_tc02.jpg"); width:830px; height:403px; margin-left:-415px; margin-top:-201px;}

.page04_tc03{background:url("../image/page04_tc03.jpg"); width:830px; height:403px; margin-left:-415px; margin-top:-201px;}

.page04_tc04{background:url("../image/page04_tc04.jpg"); width:830px; height:507px; margin-left:-415px; margin-top:-253px;}

.page04_tc05{background:url("../image/page04_tc05.jpg"); width:830px; height:341px; margin-left:-415px; margin-top:-170px;}



.bg {

display:none;

background-color: #000;

width: 100%;

height: 100%;

left:0;

top:0;/*FF IE7*/

filter:alpha(opacity=75);

-moz-opacity: 0.75;

opacity: 0.75;

z-index:31;

position:fixed;/*FF IE7*/

_position:absolute;

_height:expression(eval(document.documentElement.clientHeight));

_top:expression(eval(document.documentElement.scrollTop));

}







/*日历浮层样式*/

.cal{

    position: relative;

    z-index: 9999;

}

.cal-nav{

    position: fixed;

    bottom:0;

    left: 0;

    right: 0;

    width: 100%;

    min-width: 1200px;

    height:183px;

    background: url("../image/cal-cd.png") no-repeat center bottom;

    transition: all .5s;

    z-index: 9999;

}

.cal-btn{

    position: fixed;

    width: 186px;

    height:220px;

    background: url("http://www.frxxtl.com:89/images/cal-btn.png") no-repeat center/cover;

    bottom:5px;

    left:50%;

    margin-left: -786px;

    z-index: 9999;

}

.rotate{

    transform: rotate(180deg);

}

.btn-pointer{

    position: absolute;

    width: 45px;

    height: 28px;

    top:150px;

    left: 50%;

    background: url("../image/btn-pointer.png") no-repeat center/cover;

    margin-left: -28px;

    animation: pointer 1s linear infinite;

    -webkit-nimation: pointer 1s linear infinite;

}

.cal-list{

    position: absolute;

    bottom:0;

    left: 50%;

    transform: translatex(-50%);

    width: 640px;

    height:165px;

}

.cal-list li{

    float: left;

    background: url("../image/btn-img.png") no-repeat;

    background-size: 231px 2219px;

    position: absolute;

    bottom:0;

    cursor: pointer;

    transition: transform .3s ease-in-out;

    transform: translateY(62px);

}

.cal-list li.on,

.cal-list li:hover {

    transform: none;

}

.cal-list li.grey:hover {

    transform: translateY(62px);

}

.cal-list li.item1{

    left: 152px;

    height:226px;

    width:158px;

    background-position:0 -1197px;

}

.cal-list li.item1.grey{

    height:226px;

    width:138px;

    background-position:0 -482px;

    left: 162px;

}

/* .cal-list li.item1.on,

.cal-list li.item1:hover{

    left: 152px;

    height:226px;

    width:158px;

    background-position:0 -1197px;

} */

.cal-list li.item2{

    left:0;

    height:227px;

    width:149px;

    background-position:0 -970px;

}

.cal-list li.item2.grey{

    height:226px;

    width:146px;

    background-position:0 -808px;

    left: 1px;

}

/* .cal-list li.item2.on,

.cal-list li.item2:hover{

    height:227px;

    width:149px;

    background-position:0 -970px;

} */

.cal-list li.item3{

    left: 320px;

    height:228px;

    width:178px;

    background-position:0 -1423px;

}

.cal-list li.item3.grey{

    height:228px;

    width:178px;

    background-position:0 -1816px;

}

/* .cal-list li.item3.on,

.cal-list li.item3:hover{

    height:228px;

    width:178px;

    background-position:0 -1423px;

} */

.cal-list li.item4{

    left: 495px;

    height:238px;

    width:187px;

    background-position:-44px -1981px;

}

.cal-list li.item4.grey{

    height:221px;

    width:138px;

    background-position:0 0;

}

/* .cal-list li.item4.on,

.cal-list li.item4:hover{

    height:238px;

    width:187px;

    background-position:-44px -1981px;

} */

/* .cal-list .item1:hover {

    left: 152px;

    height: 226px;

    width: 158px;

    background-position: 0 -1197px;

}

.cal-list .item2:hover {

    height:227px;

    width:149px;

    background-position:0 -970px;

}

.cal-list .item3:hover {

    height:228px;

    width:178px;

    background-position:0 -1423px;

}

.cal-list .item4:hover {

    height:238px;

    width:187px;

    background-position:-44px -1981px;

} */

.cal-active{

    box-sizing: border-box;

    width: 825px;

    height:461px;

    padding:40px 55px 40px 80px;

    margin-top: -264px!important;

    background: url("../image/activity-bg.png") no-repeat center/cover;

}

.cal-active .dia-close{

    position: absolute;

    right:-100px;

    top:50%;

    margin-top: -39px;

    width: 88px;

    height:78px;

    background: url("../image/layer-close.png") no-repeat center/cover;

}

.cal-active .content{

    width: 700px;

    min-width: 700px;

    height:380px;

    min-height:380px;

    overflow-y: auto;

    padding-right: 10px;

}

.cal-active .line{

    display: block;

    width: 97%;

    height:0;

    border-top:1px solid #E4B2AA;

    margin:15px auto;

}

.cal-active .content h2{

    margin: 0 auto;

    height:30px;

    width:326px;

    background: url("../image/h2-bg.png") no-repeat center/cover;

    font-size: 21px;

    color:#823137;

    line-height: 30px;

    text-align: center;

}

.cal-active .content h2 a,.cal-active .content a{

    color:#823137;

}

.cal-active .content h3{

    height:23px;

    margin:15px 0;

    font-size: 24px;

    color:#823137;

    line-height: 23px;

    text-align: left;

}

.cal-active .cont{

    width: 100%;

    overflow: hidden;

}

.cal-active .box dl{

    float: left;

    width: 50%;

    text-align: left;

    margin-bottom: 10px;

}

.cal-active .box dl dt{

    width:125px;

    height:26px;

    background: url("../image/title-bg.png") no-repeat center/cover;

    text-align: center;

    color:#fff;

    font-size: 16px;

    float: left;

    padding-left: 16px;

    line-height: 26px;

}

.cal-active .box dl.long{

    width: 100%;

}

.cal-active .box dl:last-child{

    margin-bottom: 0;

}

.cal-active .box dd{

    margin-left: 150px;

    font-size: 15px;

    color:#1B1A1A;

    line-height: 26px;

}

.cal-active .enter-btn{

    display: block;

    width: 151px;

    height: 46px;

    background: url("../image/activity-enter.png") no-repeat center/cover;

    margin: 10px auto 30px;

}

/*popup1-list-details滚动条样式*/

.scrollbar-fj::-webkit-scrollbar{

    /*滑块宽度*/

    width:9px;

}

/*滚动条轨迹的样式*/

.scrollbar-fj::-webkit-scrollbar-track{

    /*隐藏滚动条的轨迹*/

    /*display: none;*/

    /*background-color:#9AC2B4;*/

}

/*滚动条的滑块样式*/

.scrollbar-fj::-webkit-scrollbar-thumb{

    background: #A8100D;

    /*background: -moz-linear-gradient(top,  #6D9E8C 0%, #387960 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6D9E8C), color-stop(100%,#387960));

    background: -webkit-linear-gradient(top,  #6D9E8C 0%,#387960 100%);

    background: -o-linear-gradient(top,  #6D9E8C 0%,#387960 100%);

    background: -ms-linear-gradient(top, #6D9E8C 0%,#387960 100%);

    background: linear-gradient(to bottom, #6D9E8C 0%,#387960 100%);*/

    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6D9E8C', endColorstr='#387960',GradientType=0 );*/

    border-radius:5px;

}

/*重新定义的滚动条轨迹（自己定位过去）*/

.scrollbar-fj .scrollbar{

    width: 2px;

    height: 380px;

    background: #A27426;

    position: absolute;

    top: 40px;

    right: 38.5px;

    z-index: -1;

}

/*动画*/

@keyframes pointer{

    0%,100%{

        top:150px;

    }

    50%{

        top:155px;

    }

}

@-webkit-keyframes pointer{

    0%,100%{

        top:150px;

    }

    50%{

        top:155px;

    }

}

.upStep{

    bottom: -185px;

    transition: all .5s;

    -webkit-transition: all .5s;

}



/*周年庆倒计时样式*/

#_overlay_{

    opacity: 0.75!important;

}

.modal-year{

    width: 1200px;

    height:auto;

    margin:0 auto;

}

.modal-year .modal-body img{

    display: block;

    margin:0 auto;

}

.modal-year .modal-body .enter-btn{

    display: block;

    width: 250px;

    height:92px;

    background: url(../image/activity-enter.png) no-repeat center/cover;

    margin:20px auto 0;

}

.modal-year .dia-close{

    display: block;

    width: 133px;

    height:118px;

    background: url(../image/activity-enter.png) no-repeat center/cover;

    position: absolute;

    right:140px;

    top:-20px;

}



/* tganime */

.line7 .tganime-scan-qrcode {

    width: 120px;

    height: 120px;

    position: absolute;

    right: 20px;

    top: 20px;

}



.line7 img {

    position: initial;

}



.line7 .tganime-scan-line {

    margin: 0;

    display: none;

}



.line7 .bgspr:hover .tganime-scan-line {

    display: block;

}



.feature-wp-tab .slider {

    display: none;

}



.feature-wp .tab-hd {

    display: inline-block;

    margin: 270px auto 0;

    width: 140px;

}



.feat-ct {

    position: relative;

    text-align: left;

}



.feature-wp-slide {

    position: absolute;

    top: 0;

    left: 0;

}



.tganime-slide-slidein {

    /* position: relative; */

    /* height: 100%; */

}



.feature-tab {

    text-align: center;

}