html,body{height: 100%;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,i{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.14  "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,Tahoma,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,Simhei,sans-serif;color:#333;outline:0;}
/******头部***/
.header{width:100%;height:53px;background:#121212 url(../img/header_bj.jpg) center no-repeat;}
.head{width:1004px;margin:0 auto;height:53px;}
.head img{float:left;width:227px;height:53px;}
.head ul{height: 53px;float: left;width: 500px;}
.head ul li{height: 53px;margin-left:67px;float: left;}
.head ul li a{font-size:18px;color:#fff;display: block;font-weight:bold;height:49px;line-height:49px;}
.on,.head ul li a:hover{border-bottom:4px solid #870A00;height:49px;line-height:49px;}
.head div{width: 240px;float: left;height: 33px;margin-top: 10px;margin-left: 37px;}
.head div a{display:block;height:33px;width:104px;float:left;margin-left: 16px;opacity:0.9}
.head div a:hover{opacity:1}
.jrgw{background: url(../img/jrgw.jpg) no-repeat;}
.jrlt{background: url(../img/jrlt.jpg) no-repeat;}
/******头部***/

.g-wrap{position: absolute;width: 100%;height:891px;overflow: hidden;}
.m-bai{position: absolute;width: 50%;height: 100%;left: 0;overflow: hidden;border-right: 1px solid #fff;}
.m-bai .black{position: absolute;width: 100%;height: 100%;background: #c5e2ff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.m-bai .cnt{height: 100%;position: absolute;background: url(../img/bg-1.jpg) no-repeat left center;background-size: cover;}
.m-bai .female{width: 902px;height: 914px;background: url(../img/female-2.png) no-repeat;position: absolute;margin-left: -468px;left: 60%;top:15px;}
.m-bai .btns{position: absolute;width: 1px; height: 1px;top:20%;left: 25%;}
.m-bai .btns .moreBtn{display: block;width: 200px;height: 39px;border: 1px solid #080103;color: #080103;line-height: 39px;text-align: center;margin-left: -100px;left:210px;top: 12px;margin-bottom: 10px;font-size: 18px;}
.m-bai .btns .moreBtn:hover{background:#080103;color: #fff; }
.m-bai .t{width: 115px;height: 45px;background: url(../img/t1.png) no-repeat;margin-left: -57px;left: 0px;bottom: 12px;position: absolute;top:280px;}
.m-bai .w{width: 277px;height:235px;background: url(../img/w.gif) no-repeat;margin-left: -140px;left: 0px;bottom: 12px;position: absolute;top:0px;}

.m-player{width: 50%;position: absolute;right: 0px;height: 100%;overflow: hidden;border-left: 1px solid #fff;}
.m-player .black{position: absolute;width: 100%;height: 100%;background: #fbd1fc;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.m-player .cnt{height: 100%;position: absolute;background: url(../img/bg-2.jpg) no-repeat right center;background-size: cover;right: 0px;}
.m-player .cnt .female{width: 902px;height: 914px;background: url(../img/female-1.png) no-repeat;position: absolute;margin-left: -468px;left:60%;top:15px;}
.m-player .btns{position: absolute;width: 1px; height: 1px;top: 20%;right: 25%;}
.m-player .btns .moreBtn{display: block;width: 200px;height: 39px;border: 1px solid #080103;color: #080103;line-height: 39px;text-align: center;margin-left: -100px;left: 0px;top: 12px;margin-bottom: 10px;font-size: 18px;}
.m-player .btns .moreBtn:hover{background:#080103;color: #fff; }
.m-player .t{width: 115px;height: 45px;background: url(../img/t1.png) no-repeat;margin-left: -57px;left: 0px;bottom: 12px;position: absolute;top:280px;}
.m-player .w{width: 277px;height:235px;background: url(../img/w.gif) no-repeat;margin-left: -140px;left: 0px;bottom: 12px;position: absolute;top:0px;}

@media (min-height: :1100px){
    .m-bai .female{top: 158px;}
    .m-player .cnt .female{top: 179px;}
}



.u-logo{position: absolute;top: 20px;left: 20px;z-index: 9;}
.m-playerPop .imgShow{  width: 1008px;
  height: 549px;
  background: #ccc;
  position: absolute;
  margin-left: -504px;
  /*margin-top: -274px;*/
  left: 50%;
  /*top: 50%;*/
z-index:3;}

   
.d3Cnt>div{
-webkit-transform-origin: 50% 50% -275px;
   -moz-transform-origin: 50% 50% -275px;
    -ms-transform-origin: 50% 50% -275px;
   -o-perspective-origin: 50% 50% -275px;
        transform-origin: 50% 50% -275px;
        
-webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
        transform-style: preserve-3d;

-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
     -o-backface-visibility: hidden;
        backface-visibility: hidden;
        
-webkit-transition: all 1s cubic-bezier(0.25,1,0.25,1);
   -moz-transition: all 1s cubic-bezier(0.25,1,0.25,1);
    -ms-transition: all 1s cubic-bezier(0.25,1,0.25,1);
     -o-transition: all 1s cubic-bezier(0.25,1,0.25,1);
        transition: all 1s cubic-bezier(0.25,1,0.25,1);
}
.d3Cnt>div.side {
-webkit-transform: rotateX(90deg);
   -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
     -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
}
.d3Cnt>div.side2 {
-webkit-transform: rotateX(-90deg);
   -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
     -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
}
.d3Cnt{
  width: 1008px;
  height: 549px;
  left: 50%;
  top: 50%;
  position: absolute;
  margin-top: -275px;
  margin-left: -504px;
  -webkit-transform-origin: 50% 50% 275px;
  -moz-transform-origin: 50% 50% 275px;
  -ms-transform-origin: 50% 50% 275px;
  -o-transform-origin: 50% 50% 275px;
  transform-origin: 50% 50% 275px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-perspective: 550px;
  -moz-perspective: 550px;
  -ms-perspective: 550px;
  -o-perspective: 550px;
  perspective: 550px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.m-playerPop{-webkit-transform: translate3d(0,0,0);}
.s1.TY-share{z-index: 3;}
.m-soundBtn{width: 31px;height: 23px;background: url(../images/soundBtn-1.png) no-repeat;display: block;position: absolute;top: 31px;right: 20px;z-index: 3;}
.m-soundBtn.stop{background: url(../images/soundBtn-2.png) no-repeat;}
/******底部***/
.footer{width:100%;height:115px;background:#121212;position: absolute;top:945px;}
.foot{width:1004px;margin:0 auto;height:115px;}
.sb{width: 245px;height: 90px;margin-top: 20px;float: left;}
.jb{float: left;margin-top: 20px;color: #484848;height: 90px;margin-left: 0px;width: 757px;line-height: 21px;font-size: 12px;}
.jb a{color: #484848;}
.jb a:hover{text-decoration:underline}
.footer-ico{background:url(http://image.tanwan.com/platform/v3/img/footer-ico_v2.png) no-repeat 0 0;display:inline-block;margin-right:5px;}
.footer-ico-1 {width:42px;height:51px;}
.footer-ico-2 {width:51px;height:51px;background-position:-42px 0;}
.footer-ico-4 {width:55px;height:55px;background:url(../img/ShanghaiCommerce.png) no-repeat;}
.footer-ico-5 {width:51px;height:51px;background-position:-141px 0;}
/******底部***/