﻿*{padding: 0px;margin: 0px;}
html, body{width: 100%;height: 100%;overflow: hidden;position: relative;background: #fff;}
body{}
.alljb{-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.SetPinMu{position: absolute;overflow: hidden;}
.videoLayout{position: absolute;overflow: hidden;}
.cf{clear: both;}
.fl{display: block;float: left;}
.psr{position: relative;}
.psa{position: absolute;}
.w100{width: 100%;}
.h100{height: 100%;}
.pstr{top: 0;left: 0;z-index: 2;}
.zindex2{z-index: 2;}
.zindex3{z-index: 3;}
.um-vp{margin: 0;padding: 0;overflow-x: hidden;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-select: none;}
.um-vp .up{top: 0;left: 0;width: 100%;min-height: 100%;max-height: 100%;position: absolute;border: 0;}
.ub-ver{-webkit-box-orient: vertical;box-orient: vertical;}
.uh{display: block;width: 100%;font-size: 1em;}
.ub{display: -webkit-box !important;display: box !important;position: relative;}
.ub-f1{position: relative;-webkit-box-flex: 1;box-flex: 1;}
.boxsz{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.dpbk{display: block;}
.dpbn{display: none;}
.dptb{display: table;}
.dptc{display: table-cell;}
.ovh{overflow: hidden;}
.opn{opacity: 0;}
.cf{clear: both;}
.bgh70{background-color:rgba(0,0,0,0.7)}
.text_indent{ text-indent:-9999em;}


.transform{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg);
}
.SetPinMu{width:640px; transform-origin: 0px 0px; top:0; left:0;}
.videoLayout{width:640px; transform-origin: 0px 0px; top:0; left:0;}



.fadeInUp{-webkit-animation: fadeInUp .9s both ease-in-out;animation: fadeInUp .9s both ease-in-out;}
@-webkit-keyframes fadeInUp{
    0%{opacity:0; margin-top:200px;/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1;  margin-top:0px/*-webkit-transform: translateY(0);*/}
}
@-moz-keyframes fadeInUp{
    0%{opacity:0; margin-top:200px;/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1;  margin-top:0px/*-webkit-transform: translateY(0);*/}
}

.fadeInUp2{-webkit-animation: fadeInUp2 .9s both ease-in-out;animation: fadeInUp2 .9s both ease-in-out;}
@-webkit-keyframes fadeInUp2{
    0%{opacity:0; margin-top:50px;/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1;  margin-top:0px/*-webkit-transform: translateY(0);*/}
}
@-moz-keyframes fadeInUp2{
    0%{opacity:0; margin-top:50px;/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1;  margin-top:0px/*-webkit-transform: translateY(0);*/}
}


.fadeInDown2{-webkit-animation: fadeInDown2 .9s both ease-in-out;animation: fadeInDown2 .9s both ease-in-out;}
@-webkit-keyframes fadeInDown2{
    0%{opacity:0; margin-top:-30px;/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1;  margin-top:0px/*-webkit-transform: translateY(0);*/}
}
@-moz-keyframes fadeInDown2{
    0%{opacity:0; margin-top:-30px;/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1;  margin-top:0px/*-webkit-transform: translateY(0);*/}
}

.fadeInLeft{-webkit-animation: fadeInLeft .9s both ease-in-out;animation: fadeInLeft .9s both ease-in-out;}
@-webkit-keyframes fadeInLeft{
    0%{opacity:0; margin-left:100%;/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1;  margin-left:0px/*-webkit-transform: translateY(0);*/}
}
@-moz-keyframes fadeInLeft{
    0%{opacity:0; margin-left:100%;/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1;  margin-left:0px/*-webkit-transform: translateY(0);*/}
}
.fadeInLeft2{-webkit-animation: fadeInLeft2 .9s both ease-in-out;animation: fadeInLeft2 .9s both ease-in-out;}
@-webkit-keyframes fadeInLeft2{
    0%{opacity:0; margin-left:50px;/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1;  margin-left:0px/*-webkit-transform: translateY(0);*/}
}
@-moz-keyframes fadeInLeft2{
    0%{opacity:0; margin-left:50px;/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1;  margin-left:0px/*-webkit-transform: translateY(0);*/}
}

.fadeInCenter{-webkit-animation: fadeInCenter .9s both ease-in-out;animation: fadeInCenter .9s both ease-in-out;}
@-webkit-keyframes fadeInCenter{
    0%{opacity:0; transform: translate3d(0,5px,0) scale(0.5);/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1; transform: translate3d(0,0,0) scale(1)/*-webkit-transform: translateY(0);*/}
}
@-moz-keyframes fadeInCenter{
    0%{opacity:0; transform: translate3d(0,5px,0) scale(0.5);/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1; transform: translate3d(0,0,0) scale(1)/*-webkit-transform: translateY(0);*/}
}

.fadeInBig{-webkit-animation: fadeInBig .9s both ease;animation: fadeInBig .9s both ease;}
@-webkit-keyframes fadeInBig{
    0%{opacity:0; transform: translate3d(0,0px,0) scale(1.1);/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1; transform: translate3d(0,0px,0) scale(1)/*-webkit-transform: translateY(0);*/}
}
@-moz-keyframes fadeInBig{
    0%{opacity:0; transform: translate3d(0,0px,0) scale(1.1);/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1; transform: translate3d(0,0px,0) scale(1)/*-webkit-transform: translateY(0);*/}
}


.infinite_scale{-webkit-animation: infinite_scale 4s both ease-in-out infinite;animation: infinite_scale 4s both ease-in-out infinite;}
@-webkit-keyframes infinite_scale{
    0%{opacity:1; transform: translate3d(0,0px,0) scale(0.95);}
    25%{opacity:1; transform: translate3d(0,0px,0) scale(1.05);}
    50%{opacity:1; transform: translate3d(0,0px,0) scale(0.95);}
    75%{opacity:1; transform: translate3d(0,0px,0) scale(1.05);}
  100%{opacity:1; transform: translate3d(0,0px,0) scale(0.95)}
}
@-moz-keyframes infinite_scale{
    0%{opacity:1; transform: translate3d(0,0px,0) scale(0.95);}
    25%{opacity:1; transform: translate3d(0,0px,0) scale(1.05);}
    50%{opacity:1; transform: translate3d(0,0px,0) scale(0.95);}
    75%{opacity:1; transform: translate3d(0,0px,0) scale(1.05);}
  100%{opacity:1; transform: translate3d(0,0px,0) scale(0.95)}
}




.animate_dou{-webkit-animation: animate_dou 1s both ease-in-out infinite;animation: animate_dou 1s both ease-in-out infinite;}
@-webkit-keyframes animate_dou{
    0%{opacity:1; margin-left: 0;}
    45%{opacity:1; margin-left: -20px;}
    50%{opacity:1; margin-left:  -15px;}
    55%{opacity:1; margin-left: -20px;}
  100%{opacity:1; margin-left:  0}
}
@-moz-keyframes animate_dou{
    0%{opacity:1; margin-left: 0;}
    45%{opacity:1; margin-left: -20px;}
    50%{opacity:1; margin-left:  -15px;}
    55%{opacity:1; margin-left: -20px;}
  100%{opacity:1; margin-left:  0}
}


#Mp3_Btn img{
    animation: xuanzhuan 5s infinite linear ;
}
@-webkit-keyframes xuanzhuan{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);/*-webkit-transform: translateY(20px);*/}
  99.99%{-webkit-transform:rotate(360deg);transform:rotate(360deg);/*-webkit-transform: translateY(0);*/}
  100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);/*-webkit-transform: translateY(0);*/}
}
@-moz-keyframes xuanzhuan{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);/*-webkit-transform: translateY(20px);*/}
  99.99%{-webkit-transform:rotate(360deg);transform:rotate(360deg);/*-webkit-transform: translateY(0);*/}
  100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);/*-webkit-transform: translateY(0);*/}
}


.huadong_left_1{-webkit-animation: huadong_left_1 1s both ease;animation: huadong_left_1 1s both ease;}
@-webkit-keyframes huadong_left_1{
    0%{left:0}
    100%{left:-100%}
}
@-moz-keyframes huadong_left_1{
    0%{left:0}
    100%{left:-100%}
}
.huadong_left_2{-webkit-animation: huadong_left_2 1s both ease;animation: huadong_left_2 1s both ease;}
@-webkit-keyframes huadong_left_2{
    0%{left:100%}
    100%{left:0%}
}
@-moz-keyframes huadong_left_2{
    0%{left:100%}
    100%{left:0%}
}



.huadong_right_1{-webkit-animation: huadong_right_1 1s both ease;animation: huadong_right_1 1s both ease;}
@-webkit-keyframes huadong_right_1{
    0%{left:0}
    100%{left:100%}
}
@-moz-keyframes huadong_right_1{
    0%{left:0}
    100%{left:100%}
}
.huadong_right_2{-webkit-animation: huadong_right_2 1s both ease;animation: huadong_right_2 1s both ease;}
@-webkit-keyframes huadong_right_2{
    0%{left:-100%}
    100%{left:0%}
}
@-moz-keyframes huadong_right_2{
    0%{left:-100%}
    100%{left:0%}
}


.fadeInSmall{-webkit-animation: fadeInSmall 1s both ease;animation: fadeInSmall 1s both ease;}
@-webkit-keyframes fadeInSmall{
    0%{opacity:1; transform: translate3d(0,0px,0) scale(1);/*-webkit-transform: translateY(20px);*/}
    20%{opacity:1; transform: translate3d(0,0px,0) scale(1);/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1; transform: translate3d(0,0px,0) scale(0.5)/*-webkit-transform: translateY(0);*/}
}
@-moz-keyframes fadeInSmall{
    0%{opacity:1; transform: translate3d(0,0px,0) scale(1);/*-webkit-transform: translateY(20px);*/}
    20%{opacity:1; transform: translate3d(0,0px,0) scale(1);/*-webkit-transform: translateY(20px);*/}
  100%{opacity:1; transform: translate3d(0,0px,0) scale(0.5)/*-webkit-transform: translateY(0);*/}
}


#Tc_System_Close_TS { z-index:99999; }
#Tc_System_Close_TS .TcContent .tcmain-mm{position:relative;width:100%;top:0; margin:0px; padding:0px;}
#Tc_System_Close_TS .TcContent .tsww{padding-left:40px; padding-right:20px; max-height:500px; overflow:auto;  margin-left:10px;  min-height:80px; font-size:16px; color:#333; line-height:80px; background:url(/images/ic/ts.png) left 20px no-repeat;}
#Tc_System_Close_TS .TcContent .Info_Btn{ padding:15px 0; border-top:1px #ddd dotted; position:relative; width:100%;}
#Tc_System_Close_TS .gbbtn {display:none;}
/*弹出层*/
.tclayout{position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5); display:none; z-index:600}
.TcContent{position:absolute; background:#fff; min-width:300px; min-height:80px; z-index:2;}
.TcContent .gbbtn{width:30px; height:30px; text-align:center;line-height:30px; position:absolute; right:-10px; top:-10px; background:#ff6a00; color:#fff; z-index:10;}
.TcContent .gbbtn:hover{background:#f00; cursor:pointer;}
.TcContent  .tcmain-tt{padding:0 10px; background:#1991eb; color:#fff; height:40px; line-height:40px;}
.TcContent  .tcmain-mm{position:absolute; top:40px; bottom:0; left:0; right:0; overflow:auto;}
.TcContent  .tcmain-mm.pdb50{padding-bottom:50px;}
.TcContent  .tcmain-dd{position:absolute; bottom:0; left:0;width:100%; text-align:center; background:#fff;}
 
.TcContent .N_gbbtn{width:30px; height:30px; text-align:center;line-height:30px; position:absolute; right:-10px; top:-10px; background:#1991eb; color:#ffffff; z-index:10;}
.TcContent .N_gbbtn:hover{background:#f00; cursor:pointer;}

.btnb{background:#fff; color:#1991eb; border-color:#1991eb;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btnb:hover{background:#1991eb; color:#fff; border-color:#1991eb}
.btny{background:#fff; color:#ff6a00; border-color:#ff6a00;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btny:hover{background:#ff6a00; color:#fff; border-color:#ff6a00}
.btnr{background:#fff; color:#ea5445; border-color:#ea5445;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btnr:hover{background:#ea5445; color:#fff; border-color:#ea5445}
.btnlv{background:#fff; color:#90c31f; border-color:#90c31f;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btnlv:hover{background:#90c31f; color:#fff; border-color:#90c31f}
.btnlv2{background:#fff; color:#06a603; border-color:#06a603;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btnlv2:hover{background:#06a603; color:#fff; border-color:#06a603}
.btng{background:#fff; color:#848484; border-color:#848484;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btng:hover{background:#848484; color:#fff; border-color:#848484}
.btnz{background:#fff; color:#7b7cd3; border-color:#7b7cd3;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btnz:hover{background:#7b7cd3; color:#fff; border-color:#7b7cd3}
.btng2{background:#fff; color:#dddddd; border-color:#dddddd;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btng2:hover{background:#dddddd; color:#fff; border-color:#dddddd}


a.btnb,a.btny,a.btnr,a.btng,a.btng2,a.btnz,a.btnlv,a.btnlv2,span.btnb,span.btny,span.btnr,span.btng,span.btng2,span.btnz,span.btnlv,span.btnlv2,div.btnb,div.btny,div.btnr,div.btng,div.btng2,div.btnz,div.btnlv,div.btnlv2{
	vertical-align: middle;
	display:inline-block;
    cursor:pointer;
    border-width:1px;
    border-style:solid;
	-webkit-font-smoothing:subpixel-antialiased; 
	-webkit-transition:border .25s linear,color .25s linear,background-color .25s linear; 
	transition:border .25s linear,color .25s linear,background-color .25s linear;
}

.smlbtn{height:22px; padding:0 10px; line-height:20px; font-size:12px; cursor:pointer;}
.midbtn{height:30px; padding:0 15px; line-height:28px; font-size:13px; cursor:pointer;}
.bigbtn{height:36px; padding:0 15px; line-height:34px; font-size:14px; cursor:pointer;}
.smlbtn i{margin-right:3px;}
.midbtn i{margin-right:3px; width:14px; height:14px;}
.bigbtn i{margin-right:3px;}


/*边框，边距 包含在设置宽度内*/
.boxsz{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}




.animate_mp{  -webkit-animation: animate_mp .6s both ease-in-out infinite;
            animation: animate_mp .6s both ease-in-out infinite;}
 @-webkit-keyframes animate_mp{
0%{background: url(../img/ma/1.png) center center no-repeat;background-size: 100%;}
12.5%{background: url(../img/ma/1.png) center center no-repeat;background-size: 100%;}
25%{background: url(../img/ma/2.png) center center no-repeat;background-size: 100%;}
37.5%{background: url(../img/ma/3.png) center center no-repeat;background-size: 100%;}
50%{background: url(../img/ma/4.png) center center no-repeat;background-size: 100%;}
62.5%{background: url(../img/ma/5.png) center center no-repeat;background-size: 100%;}
75%{background: url(../img/ma/6.png) center center no-repeat;background-size: 100%;}
87.5%{background: url(../img/ma/7.png) center center no-repeat;background-size: 100%;}
100%{background: url(../img/ma/1.png) center center no-repeat;background-size: 100%;}
}
@-moz-keyframes animate_mp{
0%{background: url(../img/ma/1.png) center center no-repeat;background-size: 100%;}
12.5%{background: url(../img/ma/1.png) center center no-repeat;background-size: 100%;}
25%{background: url(../img/ma/2.png) center center no-repeat;background-size: 100%;}
37.5%{background: url(../img/ma/3.png) center center no-repeat;background-size: 100%;}
50%{background: url(../img/ma/4.png) center center no-repeat;background-size: 100%;}
62.5%{background: url(../img/ma/5.png) center center no-repeat;background-size: 100%;}
75%{background: url(../img/ma/6.png) center center no-repeat;background-size: 100%;}
87.5%{background: url(../img/ma/7.png) center center no-repeat;background-size: 100%;}
100%{background: url(../img/ma/1.png) center center no-repeat;background-size: 100%;}
}



.animate_mp2{  -webkit-animation: animate_mp2 .6s both ease-in-out infinite;
            animation: animate_mp2 .6s both ease-in-out infinite;}
 @-webkit-keyframes animate_mp2{
0%{background: url(../img/ma/a1.png) center center no-repeat;background-size: 100%;}
8.3%{background: url(../img/ma/a1.png) center center no-repeat;background-size: 100%;}
16.5%{background: url(../img/ma/a2.png) center center no-repeat;background-size: 100%;}
25%{background: url(../img/ma/a3.png) center center no-repeat;background-size: 100%;}
33.3%{background: url(../img/ma/a4.png) center center no-repeat;background-size: 100%;}
41.5%{background: url(../img/ma/a5.png) center center no-repeat;background-size: 100%;}
50%{background: url(../img/ma/a6.png) center center no-repeat;background-size: 100%;}
58%{background: url(../img/ma/a7.png) center center no-repeat;background-size: 100%;}
66.5%{background: url(../img/ma/a8.png) center center no-repeat;background-size: 100%;}
75%{background: url(../img/ma/a9.png) center center no-repeat;background-size: 100%;}
83%{background: url(../img/ma/a10.png) center center no-repeat;background-size: 100%;}
91.5%{background: url(../img/ma/a11.png) center center no-repeat;background-size: 100%;}
100%{background: url(../img/ma/a1.png) center center no-repeat;background-size: 100%;}
}
@-moz-keyframes animate_mp2{
0%{background: url(../img/ma/a1.png) center center no-repeat;background-size: 100%;}
8.3%{background: url(../img/ma/a1.png) center center no-repeat;background-size: 100%;}
16.5%{background: url(../img/ma/a2.png) center center no-repeat;background-size: 100%;}
25%{background: url(../img/ma/a3.png) center center no-repeat;background-size: 100%;}
33.3%{background: url(../img/ma/a4.png) center center no-repeat;background-size: 100%;}
41.5%{background: url(../img/ma/a5.png) center center no-repeat;background-size: 100%;}
50%{background: url(../img/ma/a6.png) center center no-repeat;background-size: 100%;}
58%{background: url(../img/ma/a7.png) center center no-repeat;background-size: 100%;}
66.5%{background: url(../img/ma/a8.png) center center no-repeat;background-size: 100%;}
75%{background: url(../img/ma/a9.png) center center no-repeat;background-size: 100%;}
83%{background: url(../img/ma/a10.png) center center no-repeat;background-size: 100%;}
91.5%{background: url(../img/ma/a11.png) center center no-repeat;background-size: 100%;}
100%{background: url(../img/ma/a1.png) center center no-repeat;background-size: 100%;}
}