@charset "utf-8";
/* CSS Document */

/*导航*/

.bt-menu{position: fixed;width: auto;height:40px;right:100px;top:40px;z-index:9999;overflow:hidden;border:2px solid #FFF; background:#000; display:flex}
.bt-menu ul{ padding:0; margin:0;}
.bt-menu ul li{width:100px;height:40px;float:left;position:relative;}
.bt-menu ul li a{ width:100px; height:40px;  float:left; display:block; font-size:16px; color:#FFF; text-align:center;text-decoration: none; line-height:40px }
.bt-menu ul li a:hover{ color:#ffeb32 ;}
.bt-menu ul li:after {display:block;position:absolute;top:50%;margin-top:-7px;right:0;content:"";height:15px;width:2px;background-color:#909090}
.bt-menu ul li:last-child:after {display:none}
.bt-menu ul li a.active{color:#ffeb32 ;}


.bt-menub{position: fixed;width:100px;height:40px;right:100px;top:40px; overflow:hidden;/*border:2px solid #FFF;*/ z-index:9998; display: none; opacity:0}
.bt-menub .bt-menu-trigger{ position:absolute; letter-spacing:10px; font-size:20px;font-family:Arial; font-weight:600; line-height:40px; opacity:1; text-align:center;z-index:111;top:0;right:0;}
.bt-menub .bt-menu-trigger img{width: 60px;margin-top: 7px;}
.bt-menub ul{ padding:0; margin:0;overflow:hidden;display:none;background:#000;}
.bt-menub ul li{width:100px;height:40px;float:left;position:relative;}
.bt-menub ul li a{ width:100px; height:40px;  float:left; display:block; font-size:16px; color:#FFF; text-align:center;text-decoration: none; line-height:40px }
.bt-menub ul li a:hover{ color:#ffeb32 ;}
.bt-menub ul li:after {display:block;position:absolute;top:50%;margin-top:-7px;right:0;content:"";height:15px;width:2px;background-color:#909090}
.bt-menub ul li:last-child:after {
	display:none
}
.bt-menub ul li a.active{color:#ffeb32 ;}
.bt-menub ul li.active a{color:#ffeb32 ;}
.bt-menu.showproduct{ }
.bt-menub.showproduct{ }

@media (max-width: 480px) {
.bt-menu{display: none}
.bt-menub{position: fixed;right:16px;top:15px;width:80px;height:26px;overflow:hidden;/*border:2px solid #FFF;*/ z-index:9998; background: none; display: block; opacity:1;transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;}
.bt-menub .bt-menu-trigger{ position:absolute; right:-2px;color:#FFF;letter-spacing:5px; font-size:15px;font-family:Arial; font-weight:600; line-height:26px;opacity:1; text-align:center;background: none; z-index:9998;transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;}
.bt-menub .bt-menu-trigger img{width: 40px;margin-top: 4px;}
.bt-menub ul{ position:relative; padding:0; margin:0; z-index:1; opacity:0;transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;display:block;}
.bt-menub ul li{width:80px;height: auto;float:left;position:relative;margin-bottom: 10px;
    padding-bottom: 5px;}
.bt-menub ul li a{ width:64px; height: auto;  float: none; display:block; font-size:16px; color:#FFF; text-align:center;text-decoration: none; line-height:20px; margin:0 auto; padding-top:15px; }
.bt-menub ul li a:hover{ color:#ffeb32 ;}
.bt-menub ul li:after {display:block;position:absolute;top:120%;margin-top:0px;right:35%;content:"";height:1px;width:20px;background-color:#909090}
.bt-menub ul li:last-child:after {
	display:none
}
.bt-menub:hover{ height: auto; background:#000 !important;transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;}
.bt-menub:hover ul{z-index:11111; opacity:1;transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;}
.bt-menub:hover .bt-menu-trigger{opacity:0;transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;}
}

#tophead{ width:100%;position:relative;height:auto;overflow:visible;}
#tophead .contents {position:relative;width:100%;height:auto;overflow:hidden;}

#tophead .navigator {
    position: absolute;
    left: -50px;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg); top:325px; z-index:111; font-family:"Circular-Book","微软雅黑","Microsoft YaHei";text-transform: uppercase;

}
#tophead .navigator a {
    display: inline-block;
    overflow: hidden;
    position: relative;
	margin-right:60px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 12px;
    opacity: 1;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
}
#tophead .showcase-navi {
    position: absolute;
    z-index: 11;
    left: 4.5%;
    top:0;
   
}
#tophead .youbian {
    position: absolute;
    z-index: 99;
    top: 142px; right:-390px;
    height: 40px;
    margin-left: 40px;
    font-size:18px;
    line-height: 40px;
    white-space: nowrap;
    text-align: left;
    transform: rotate(90deg);
    transform-origin: left top;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top; color:#fdfdfd;width:500px;
	font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; text-transform:uppercase; font-weight: bold;
}
.dingbu {
    position: absolute; top:45px; left:34.3%; z-index:999; font-size:14px; color:#f0f0f0;letter-spacing:1px ;font-family:"Circular-Book","微软雅黑","Microsoft YaHei";
}
.dingbu .dingbu-a{
   font-size:14px; color:#f0f0f0
}
.dingbu .dingbu-b{
   font-size:14px; color:#f0f0f0;
font-family:"Circular-Book","微软雅黑","Microsoft YaHei";}
#tophead .youxia {
    position: absolute;
    z-index: 11;
     bottom:-900px;
    right:75px;
    width: 100px;
    height: 18px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg); 
}
#tophead .youxia2 {
    position: absolute;
    z-index: 11;
   bottom: 6.4%;
    right: 95px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg); 
top: 710px;}
.youxia2 {
    position: absolute;
    z-index: 11;
   bottom: 30%;
    right: 100px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg); 
}
#tophead .logo {
    z-index: 10;
    position: absolute;
    top: 40px;
    left:100px;
}
#tophead .logo .logo-full {
    width: 180.19px;
    height: 60px;
}
#tophead .logo a {
    display: block;
    width: auto;
    height: auto;
    cursor: pointer;
}

#tophead .navigator a::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    background:#fff;
    opacity:1;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s;
}
#tophead .navigator a:hover::after {
    width: 100%;
    height: 1px;
    background:#fff;
    opacity:1;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s;
}
#top{ height: 100%;
    width: 100%;
    position: relative  ;
    top: 0px;
    bottom: 0px;
   z-index:1;
 word-break:break-all;display: inline-block;  }
 
 .youxia {
    position: absolute;
    z-index: 11;
     bottom:65px;
    right:85px;
    width: 100px;
    height: 18px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg); 
}


section.section .o-img.video p video {
    z-index: 1;
}
.loaded .o-img > p video {
    opacity: 1;
    transition: opacity 0.2s 0.3s;
    -webkit-transition: opacity 0.2s 0.3s;
}
.o-img.video p > video {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    z-index: 1;
}
.loaded .o-img p > video {
    opacity: 1;
    transition: opacity 0.2s 0.3s;
    -webkit-transition: opacity 0.2s 0.3s;
}

.loaded .o-img > p{ width:100%; display:block}

.dfy-x > .x-one.type2 .media .o-img p img {
    display: block;
    width: 100%; margin-bottom:200px;
}
.dfy-x > .x-one.type2 .media .o-img .xt { padding:0 12.5%;
   
    width:75%; margin-bottom:200px;
}
.dfy-x > .x-one.type2 .media .o-img p .metvideobox{    display: block;  width: 100%; margin-bottom:200px;}
.baise{ color:#fff !important;}
.baise::after {
    background:#fff !important;
}
.vtubiao.baise{ background:url(../images/vb.svg) no-repeat; width:14px !important; height:25px !important}
.dfy-x > .x-overview .links ul .baise a{ color:#fff !important;}
.dfy-x > .x-overview .links ul .baise a::after {
 background-color: #294cff;
}
#document > footer .menus .baise {
    border-left: 1px #fff solid;color:#fff !important;
}
#document > footer .menus .baise a{
   color:#fff !important;
}
#document > footer .menus .baise a:hover {color:#264aff !important;}

.back-btn-wrap .back-btn > .baise {
    position: relative;
    display: inline-block;
    font-size: 30px;
    line-height: 1.5;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -ms-transition: color 0.5s;
    font-family: "Circular-Book","微软雅黑","Microsoft YaHei";
    font-weight: bold;
}
	.back-btn-wrap .back-btn > .baise:before {display:block; position:absolute; bottom:0; content:''; width:100%; height:2px; background-color: #fff;}
	.back-btn-wrap .back-btn > .baise:after {display:block; position:absolute; bottom:0; z-index:1; content:''; width:0; height:2px; background-color: #fdec00; transition:width 0.5s; -webkit-transition:width 0.5s; -ms-transition:width 0.5s;}
	.back-btn-wrap .back-btn > .baise:hover {color:rgba(0, 0, 0, 1); transition:color 0.5s; -webkit-transition:color 0.5s; -ms-transition:color 0.5s;}
	.back-btn-wrap .back-btn > .baise:hover:after {width:100%; transition:width 0.5s; -webkit-transition:width 0.5s; -ms-transition:width 0.5s; height:25px; z-index:-1; background:#294cff !important}
	
	
.heise{ color:#303030 !important;}
.logo .heise { 
    -webkit-filter: invert(0.8);
    -moz-filter: invert(0.8);
    -ms-filter: invert(0.8);
    -o-filter:invert(0.8);
	
    filter:invert(0.8);
	
}
.heise::after {
    background:#303030 !important;
}
.vtubiao.heise{ background:url(../images/vh.svg) no-repeat; width:14px !important; height:25px !important}
.dfy-x > .x-overview .links ul .heise a{ color:#303030 !important;}

.dfy-x > .x-overview .links ul .heise a::after {
 background-color: #fdec00;
}
#document > footer .menus .heise {
    border-left: 1px #303030 solid;color:#303030 !important;
}
#document > footer .menus .heise a{
   color:#303030 !important;
}
#document > footer .menus .heise a:hover {color:#264aff !important;}

.back-btn-wrap .back-btn > .heise {
    position: relative;
    display: inline-block;
    font-size: 30px;
    line-height: 1.5;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -ms-transition: color 0.5s;
    font-family: "Circular-Book","微软雅黑","Microsoft YaHei";
    font-weight: bold;
}
	.back-btn-wrap .back-btn > .heise:before {display:block; position:absolute; bottom:0; content:''; width:100%; height:2px; background-color: #303030;}
	.back-btn-wrap .back-btn > .heise:after {display:block; position:absolute; bottom:0; z-index:1; content:''; width:0; height:2px; background-color: #fdec00; transition:width 0.5s; -webkit-transition:width 0.5s; -ms-transition:width 0.5s;}
	.back-btn-wrap .back-btn > .heise:hover {color:rgba(0, 0, 0, 1); transition:color 0.5s; -webkit-transition:color 0.5s; -ms-transition:color 0.5s;}
	.back-btn-wrap .back-btn > .heise:hover:after {width:100%; transition:width 0.5s; -webkit-transition:width 0.5s; -ms-transition:width 0.5s; height:25px; z-index:-1; background:#fdec00 !important}
	
.topxia {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 999;
    
}

.dfy-x > .x-credits .team a .baise::before {

    background-color: #fff;
}
.dfy-x > .x-credits .team a .baise:hover::before {

    background-color: #fff;
}
.dfy-x > .x-credits .credits .baise:before{background-color:#294cff}