@charset "UTF-8";
/**
 * create by syGuo on 2018/4/10
 */

 /*CSS reset*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p { margin:0; padding:0; }
ol, ul { list-style:none; }
:link, :visited { text-decoration:none; }
body { color: #333; font-family:"Microsoft YaHei",sans-serif,Arial; }
a:hover { text-decoration: none; }
img { border: 0;}
.hidden { display:none; }
.fl { float:left; }
.fr { float:right; }
.clearFix:after { content:"\200B"; display:block; height:0; clear:both; }
.clearFix { *zoom:1; }

body{ background-color:#000627;min-width: 1200px; }

/* 头部 */
#top-logbar{ position: relative;background-color: #242525;z-index: 11;}

.upfbh-w1200{ width: 1200px;margin: 0 auto;}

/* 导航 */
.upfbh-nav{ position: fixed;top: 35px;width: 100%;min-width: 1200px;height: 60px;background-color: rgba(0,0,0,.5);overflow: hidden;z-index: 10;}
.upfbh-nav ul{ width: 1420px;height: 100%;font-size: 0;color: #fff;line-height: 60px;margin-left: -107px;}
.upfbh-nav ul li{ display: inline-block;padding: 0 109px;font-size: 18px;cursor: pointer;transition: all .3s;}
.upfbh-nav ul li a{ color: #fff;transition: all .3s;}
.upfbh-nav ul li:hover,.upfbh-nav ul li.active,.upfbh-nav ul li:hover a{ color: #ff7200;}

.upfbh-container{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-width: 1200px;}
.upfbh-container .upfbh-swiper-container{ height: 100%;}
.upfbh-container .swiper-slide{ position: relative;background: url("../images/bg2.jpg") left center no-repeat;overflow: hidden; }
/* 首页 */
.upfbh-container .upfbh-index{ background: url("../images/bg1.jpg") center top no-repeat;}
.upfbh-container .upfbh-index .upfbh-index-video{ position: absolute;top: 0;left: 50%;width: 1920px;height: 1080px;margin-left: -960px;}
.upfbh-container .upfbh-index-iframe{ position: absolute;top: 50%;left: 50%;width: 580px;height: 400px;padding: 10px;box-sizing: border-box;margin-top: -112px;margin-left: -290px;} 
.upfbh-container .upfbh-index-iframe i{ position: absolute;display: block;width: 800px;height: 360px;display: none;}
.upfbh-container .upfbh-index-iframe i.cBg1{ top: 0;left: 0;background-color: rgba(255,148,10,.5);}
.upfbh-container .upfbh-index-iframe i.cBg2{ bottom: 0;right: 0;background-color: rgba(0,23,147,.5);}
.upfbh-container .upfbh-index-iframe iframe{ width: 100%;height: 100%;}
.upfbh-container .upfbh-index-word{ position: absolute;top: 50%;left: 50%;}
.upfbh-container .upfbh-index-word1{ width: 1119px;height: 121px;background: url("../images/con-word1.png") center center no-repeat;margin-left: -560px;margin-top: -344px;}
.upfbh-container .upfbh-index-word2{ width: 280px;height: 62px;background: url("../images/con-word2.png") center center no-repeat;margin-left: -140px;margin-top: -198px;}
.upfbh-container .upfbh-index-word3{ width: 424px;height: 73px;background: url("../images/con-word3.png") center center no-repeat;margin-left: 415px;margin-top: 282px;}

.upfbh-container .swiper-slide .upfbh-w1200{ position: absolute;top: 50%;left: 50%;height: 540px;margin-left: -600px;margin-top: -270px;}

/* 大话文创 */
.upfbh-container .upfbh-news .fl,
.upfbh-container .upfbh-news .fr{ position: relative;width: 580px;height: 100%;}
.upfbh-container .upfbh-news .news-swiper-container{ width: 100%;height: 300px;overflow: hidden;}
.upfbh-container .upfbh-news .swiper-slide img{ display: block;width: 100%;height: 100%;}
.upfbh-container .upfbh-news .swiper-slide p{ position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;padding: 0 15px;box-sizing: border-box;font-size: 20px;color: #fff;text-align: center;line-height: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
background: -webkit-linear-gradient(rgba(0,0,0,0), #000); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(rgba(0,0,0,0), #000); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(rgba(0,0,0,0), #000); /* Firefox 3.6 - 15 */
background: linear-gradient(rgba(0,0,0,0), #000); /* 标准的语法 */}
.upfbh-container .upfbh-news .swiper-slide:hover p{ text-decoration: underline;}
.upfbh-container .upfbh-news .swiper-button-prev,
.upfbh-container .upfbh-news .swiper-button-next{ width: 28px;height: 50px;margin-top: -25px;}
.upfbh-container .upfbh-news .swiper-button-prev{ left: 10px;background: url("../images/con2-btn4.png") center top no-repeat;}
.upfbh-container .upfbh-news .swiper-button-next{ right: 10px;background: url("../images/con2-btn5.png") center top no-repeat;}
.upfbh-container .upfbh-news .swiper-button-prev:hover,
.upfbh-container .upfbh-news .swiper-button-next:hover{ background-position: center bottom;}
.upfbh-container .upfbh-news .news-list{ position: relative;width: 100%;height: 240px;overflow: hidden;
    background: -webkit-linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* 标准的语法 */}
.upfbh-container .upfbh-news .news-list ul{ padding: 9px 15px;}
.upfbh-container .upfbh-news .news-list li{ height: 40px;}
.upfbh-container .upfbh-news .news-list li a{ position: relative;display: block;height: 100%;padding: 0 50px 0 25px;font-size: 14px;color: #fff;line-height: 40px;}
.upfbh-container .upfbh-news .news-list li a::before{ position: absolute;top: 50%;left: 6px;display: block;width: 8px;height: 8px;margin-top: -4px;background-color: #cab16e;border-radius: 100%;content: '';}
.upfbh-container .upfbh-news .news-list li a span{ display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.upfbh-container .upfbh-news .news-list li a i{ position: absolute;top: 0;right: 0;display: inline-block;height: 100%;font-style: normal;}
.upfbh-container .upfbh-news .news-list li a:hover span{ text-decoration: underline;}
.upfbh-container .upfbh-news .news-list .moreNewsBtn{ position: absolute;bottom: 0;right: 0;display: block;width: 72px;height: 22px;background: url("../images/con2-btn3.png") center top no-repeat;}
.upfbh-container .upfbh-news .news-list .moreNewsBtn:hover{ background-position: center bottom;}
.upfbh-container .upfbh-news .fr{ padding-top: 45px;box-sizing: border-box;}
.upfbh-container .upfbh-news .fr .pageNextBtn{ position: absolute;top: 0;right: 0;display: block;width: 72px;height: 22px;background: url("../images/con2-btn1.png") center top no-repeat;}
.upfbh-container .upfbh-news .fr .pageNextBtn:hover{ background-position: center bottom;}
.upfbh-container .upfbh-news .fr .imageNews-list{ width: 100%;height: 100%;font-size: 0;overflow: hidden;}
.upfbh-container .upfbh-news .fr .imageNews-li{ position: relative;display: inline-block;width: 290px;height: 165px;}
.upfbh-container .upfbh-news .fr .imageNews-li img{ display: block;width: 100%;height: 100%;}
.upfbh-container .upfbh-news .fr .imageNews-li .imageNews-li-shadow{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 30px 25px 0;box-sizing: border-box;transition: all .5s;
    background: -webkit-linear-gradient(rgba(0,23,147,0.7), rgba(209,97,27,0.7)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(0,23,147,0.7), rgba(209,97,27,0.7)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(0,23,147,0.7), rgba(209,97,27,0.7)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(0,23,147,0.7), rgba(209,97,27,0.7)); /* 标准的语法 */}
    .upfbh-container .upfbh-news .fr .imageNews-li-active .imageNews-li-shadow{ background: rgba(0, 23, 147, 1);}
.upfbh-container .upfbh-news .fr .imageNews-li:hover .imageNews-li-shadow{ /*transform: translate3d(0,-100%,0);*/opacity: 0;}
.upfbh-container .upfbh-news .fr .imageNews-li .imageNews-li-shadow p{ height: 52px;font-size: 16px;color: #fff;line-height: 26px;overflow: hidden;}
.upfbh-container .upfbh-news .fr .imageNews-li .imageNews-li-shadow span{ display: block;width: 40px;height: 40px;margin: 15px auto 0;background: url("../images/con2-btn2.png") center top no-repeat;}

/* 新品荟萃 */
.upfbh-container .upfbh-products{ background-image: url('../images/bg3.jpg');}
.upfbh-container .upfbh-products .upfbh-w1200{ padding-right: 166px;box-sizing: border-box;}
.upfbh-container .upfbh-products .upfbh-products-nav{ position: absolute;top: 0;right: 0;width: 166px;height: 100%;background: url("../images/con3-navBg.png") -61px 10px no-repeat;}
.upfbh-container .upfbh-products .upfbh-products-nav ul{ padding-top: 54px;}
.upfbh-container .upfbh-products .upfbh-products-nav li{ display: block;width: 100%;height: 100px;margin-bottom: 14px;}
.upfbh-container .upfbh-products .upfbh-products-nav li i{ display: block;width: 100px;height: 100px;background: url("../images/con3-btn1.png") center top no-repeat;cursor: pointer;}
.upfbh-container .upfbh-products .upfbh-products-nav li:nth-child(1){ padding-left: 15px;}
.upfbh-container .upfbh-products .upfbh-products-nav li:nth-child(2){ padding-left: 66px;margin-bottom: 22px;}
.upfbh-container .upfbh-products .upfbh-products-nav li:nth-child(3){ padding-left: 66px;}
.upfbh-container .upfbh-products .upfbh-products-nav li:nth-child(4){ padding-left: 15px;}
.upfbh-container .upfbh-products .upfbh-products-nav li:nth-child(5){ display: none;}
.upfbh-container .upfbh-products .upfbh-products-nav li.upfbh-products2 i{ background-position: center -102px;}
.upfbh-container .upfbh-products .upfbh-products-nav li.upfbh-products3 i{ background-position: center -204px;}
.upfbh-container .upfbh-products .upfbh-products-nav li.upfbh-products4 i{ background-position: center -306px;}
.upfbh-container .upfbh-products .upfbh-products-nav li.upfbh-products5 i{ background-position: center -408px;}
.upfbh-container .upfbh-products .upfbh-products-nav li i:hover{ background-image: url("../images/con3-btn1-hover.png");}
.upfbh-container .upfbh-products .upfbh-products-list{ position: relative;width: 100%;height: 100%;overflow: hidden;}
.upfbh-container .upfbh-products .upfbh-products-li{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;overflow: hidden;transition: all .5s;}
.upfbh-container .upfbh-products .upfbh-products-li.active{ opacity: 1;visibility: visible;z-index: 5;}
.upfbh-container .upfbh-products .upfbh-products-li .fl{ position: relative;width: 580px;height: 100%;}
.upfbh-container .upfbh-products .upfbh-products-li .fr{ position: relative;width: 414px;height: 100%;background-color: #010c43;padding: 15px 12px;box-sizing: border-box;}
.upfbh-container .upfbh-products .upfbh-products-li:nth-child(1) .fr{ padding: 0;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-title{ width: 100%;height: 134px;background: url("../images/con3-title1.png") left top no-repeat;}
/* .upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-title h3{ width: 136px;height: 114px;} */
.upfbh-container .upfbh-products .upfbh-products-li:nth-child(2) .upfbh-products-li-title{ background-image: url("../images/con3-title2.png");}
.upfbh-container .upfbh-products .upfbh-products-li:nth-child(3) .upfbh-products-li-title{ background-image: url("../images/con3-title3.png");}
.upfbh-container .upfbh-products .upfbh-products-li:nth-child(4) .upfbh-products-li-title{ background-image: url("../images/con3-title4.png");}
.upfbh-container .upfbh-products .upfbh-products-li:nth-child(5) .upfbh-products-li-title{ background-image: url("../images/con3-title5.png");}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-content{ position: relative;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-contentLi{ position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;width: 100%;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-contentLi.active{ opacity: 1;visibility: visible;z-index: 5;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-image{ width: 100%;height: 215px;position: relative;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-image img{ display: block;width: 100%;height: 100%;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-image iframe{ width: 100%;height: 100%;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-image .iframe-play{ position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-image .iframe-play::after{ position: absolute;top: 50%;left: 50%;display: block;width: 88px;height: 88px;background: url("../images/video-play.png") center top no-repeat;content: '';margin-left: -44px;margin-top: -44px;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-image .iframe-play:hover::after{ background-position: center bottom;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-word{ width: 100%;height: 190px;padding: 20px 20px 0 24px;box-sizing: border-box;
    background: -webkit-linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* 标准的语法 */}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-word h4{ margin-bottom: 12px;font-size: 20px;color: #cab16e;line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-word p{ height: 120px;font-size: 14px;color: #fff;line-height: 30px;overflow: hidden;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-moreBtn{ position: absolute;bottom: 0;right: 20px;display: block;width: 72px;height: 22px;background: url("../images/con2-btn3.png") center top no-repeat;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-moreBtn:hover{ background-position: center bottom;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-newsLi{ display: block;width: 100%;padding: 15px 0 15px 5px;box-sizing: border-box;border-top: 1px dashed #001793;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-newsLi:first-child{ border-top: 0;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-newsLi h4{ margin-bottom: 12px;font-size: 20px;color: #cab16e;line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-li-newsLi p{ max-height: 104px;font-size: 14px;color: #fff;line-height: 26px;overflow: hidden;word-break: break-all;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-games{ font-size: 0;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-games li{ display: inline-block;width: 138px;height: 108px;box-sizing: border-box;cursor: pointer;position: relative;
    background: -webkit-linear-gradient(rgba(255,114,0,1), rgba(3,24,145,1)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(255,114,0,1), rgba(3,24,145,1)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(255,114,0,1), rgba(3,24,145,1)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(255,114,0,1), rgba(3,24,145,1)); /* 标准的语法 */}
    .upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-games li:not(:nth-child(10))::after{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);content: '';}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-games li:nth-child(10){ cursor: default;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-games li:not(:nth-child(10)):hover,
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-games li:not(:nth-child(10)).active{ padding: 2px;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-games li:not(:nth-child(10)):hover::after,
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-games li:not(:nth-child(10)).active::after{ display: none;}
.upfbh-container .upfbh-products .upfbh-products-li .upfbh-products-games li img{ display: block;width: 100%;height: 100%;}

/* 现场围观 */
.upfbh-container .upfbh-scenes{ background-image: url('../images/bg4.jpg');}
.upfbh-container .upfbh-scenes .upfbh-scenes-list{ position: relative;width: 100%;height: 516px;}
.upfbh-container .upfbh-scenes .upfbh-scenes-li{ display: block;width: 100%;height: 258px;overflow: hidden;padding: 20px;box-sizing: border-box;
    background: -webkit-linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(0,23,147,0.3), rgba(0,23,147,0)); /* 标准的语法 */}
.upfbh-container .upfbh-scenes .upfbh-scenes-img,
.upfbh-container .upfbh-scenes .upfbh-scenes-word{ width: 560px;height: 218px;}
.upfbh-container .upfbh-scenes .upfbh-scenes-img img{ display: block;width: 100%;height: 100%;}
.upfbh-container .upfbh-scenes .upfbh-scenes-word h4{ position: relative;margin-bottom: 8px;padding-bottom: 14px;font-size: 20px;color: #cab16e;line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.upfbh-container .upfbh-scenes .upfbh-scenes-word h4::after{ position: absolute;bottom: 0;left: 0;display: block;width: 28px;height: 2px;background-color: #ff7200;content: '';}
.upfbh-container .upfbh-scenes .upfbh-scenes-word p{ height: 156px;font-size: 14px;color: #fff;line-height: 26px;overflow: hidden;}
.upfbh-container .upfbh-scenes .upfbh-scenes-icon{ position: absolute;bottom: -12px;left: 50%;display: block;width: 50px;height: 235px;background: url("../images/con4-btn1.png") center center no-repeat;margin-left: -25px;}

/* 二维码 */
.upfbh-container .upfbh-code{ position: absolute;top: 50%;left: 50%;width: 142px;height: 142px;padding: 6px;box-sizing: border-box;z-index: 1;margin-left: 650px;margin-top: 215px;}
.upfbh-container .upfbh-code.sm{ width: 122px;height: 122px;left: auto;right: 10px;}
.upfbh-container .upfbh-code img{ position: relative;display: block;width: 100%;height: 100%;}
.upfbh-container .upfbh-code i{ position: absolute;display: block;width: 130px;height: 130px;}
.upfbh-container .upfbh-code.sm i{ width: 112px;height: 112px;}
.upfbh-container .upfbh-code .upfbh-code-bg1{ top: 0;left: 0;background-color: rgba(255,148,10,.5);}
.upfbh-container .upfbh-code .upfbh-code-bg2{ bottom: 0;right: 0;background-color: rgba(0,23,147,.5);}
.upfbh-container .upfbh-code p{ position: absolute;bottom: -26px;left: 0;width: 100%;font-size: 14px;color: #fff;text-align: center;line-height: 1;}

/* 动画 */
.upfbh-news,.upfbh-products,.upfbh-scenes{ -webkit-animation: aniBg 150s linear infinite alternate;animation: aniBg 150s linear infinite alternate;}
@-webkit-keyframes aniBg{
    to{ background-position: -1920px center; }
}
@keyframes aniBg{
    to{ background-position: -1920px center; }
}
.aniTranslate{ -webkit-animation: aniTranslate 2s ease-out 1s infinite;animation: aniTranslate 2s ease-out 1s infinite;}
@-webkit-keyframes aniTranslate{
    10%{ -webkit-transform: translate3d(0,-10px,0); }
    20%{ -webkit-transform: translate3d(0,0,0);}
    30%{ -webkit-transform: translate3d(0,-5px,0); }
    40%{ -webkit-transform: translate3d(0,0,0);}
    to{ -webkit-transform: translate3d(0,0,0);}
}
@keyframes aniTranslate{
    10%{ transform: translate3d(0,-10px,0);}
    20%{ transform: translate3d(0,0,0);}
    30%{ transform: translate3d(0,-5px,0);}
    40%{ transform: translate3d(0,0,0);}
    to{ transform: translate3d(0,0,0);}
}
.upfbh-container .upfbh-index-iframe,.upfbh-container .upfbh-index-word{ opacity: 0;visibility: hidden;-webkit-animation: showAni 2s linear 1s forwards;animation: showAni 2s linear 1s forwards;}
@-webkit-keyframes showAni{
    to{ opacity: 1;visibility: visible; }
}
@keyframes showAni{
    to{ opacity: 1;visibility: visible; }
}

.iframe-div{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background-color: rgba(0, 0, 0, .5);}
.iframe-div iframe{ position: absolute;top: 50%;left: 50%;width: 640px;height: 420px;margin-top: -210px;margin-left: -320px;}

@media screen and (min-width: 1367px) and (max-width: 1440px){
    .upfbh-container{ zoom: .8;}
}
@media screen and (max-width: 1366px){
    .upfbh-container{ zoom: .7;}
}