@import url('logo.css');
.center { position: relative; margin: 0 auto; width: 1200px; }
.nav-menu { position: relative; z-index: 2; height: 82px; width: 100%; }
.nav-menu::before { position: absolute; top: 0; left: 50%; content: ''; background: url(img/menu-mask-bg.png) 50% 0 no-repeat; width: 1920px; height: 154px; margin-left: -960px; z-index: 1; }
.nav-menu .logo { position: absolute; left: -115px; top: 10px;}
.nav-menu>.center { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.nav-menu>.center>ul { padding-left: 260px; height: 100%; }
.nav-menu>.center>ul li { position: relative; float: left; width: 134px; height: 100%; font-size: 18px; color: #fff; cursor: pointer; text-align: center; line-height: 82px; }
.nav-menu>.center>ul li:hover, .nav-menu>.center>ul li.act { color: #ffd489; }
.nav-menu>.center>ul li::before { position: absolute; top: 50%; margin-top: -15px; width: 5px; height: 29px; background: url(img/menu-icon.png) no-repeat; content: ''; }
.nav-menu>.center>ul li::before { left: -2px; }
.nav-menu>.center>ul li:first-child::before { display: none; }
.nav-menu .more-menu-info { position: absolute; top: 0; left: 50%; margin-left: -960px; z-index: 1; width: 1920px; background: url(img/nav-mask.png) no-repeat 50% 0; height: 242px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding-top: 82px; box-sizing: border-box; opacity: 0; visibility: hidden; }
.nav-menu .more-menu-info.show { opacity: 1; visibility: visible; }
.nav-menu .more-menu-info .select-menu { padding-left: 260px; }
.nav-menu .more-menu-info li { float: left; width: 134px; }
.nav-menu .more-menu-info li a { text-align: center; display: block; font-size: 14px; color: #ffffff; line-height: 28px; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
.nav-menu .more-menu-info li a span{width: 150px; height: 150px; ;position: absolute;right: 233px; z-index: 999;box-sizing: border-box;background: #fff;display: none;}
.nav-menu .more-menu-info li a span.wb{top: -5px;padding: 12px;}
.nav-menu .more-menu-info li a span.wx{top: 22px;padding: 6px;}
.nav-menu .more-menu-info li a span.dy{top: 50px;padding: 6px;}
.nav-menu .more-menu-info li a span::after{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: -20px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;}
.nav-menu .more-menu-info li a:hover { color: #f1dba1; }
.more-menu-info li a:hover span {display: block;}
.pop-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 99; display: none; }
.pop-mask.show { display: block; }
.popup { position: fixed; left: 50%; top: 50%; z-index: 100; display: none; }
.popup.show { display: block; }
.popup .close { position: absolute; right: -70px; top: 0; background: url(img/close-btn.png) no-repeat; width: 52px; height: 52px; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.popup .close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.popup .confirm { width: 134px; height: 54px; margin: 0 auto; display: block; }
.popup.video-pop { 
    width: 952px; 
    height: 532px; 
    background-color: #000; 
    margin: -266px 0 0 -476px; 
}
.popup.video-pop .video-box { 
    position: relative; 
    /* border: 1px solid #e2e0e0;  */
    background-color: #000; 
    box-sizing: border-box; 
    height: 100%; 
    text-align: center; 
}
.popup.video-pop .video-box::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 952px; 
    height: 532px; 
    background: url(img/pop-border.png) no-repeat;
}
.popup.video-pop #video-player { width: 100%; height: 100%; text-align: center; line-height: 462px; color: #faf103; }
.popup.video-pop video {    /* width: 100%; */
	
	    /* display: inline-block; */
height: 100%; box-sizing: border-box; }
.popup.wait-pop{
	width: 543px;
	height: 200px;
	margin: -100px 0 0 -271.5px;
	background-image: url(img/wait-pop.jpg);
}
#share span { margin-right: 9px !important; font-size: 14px !important; color: #445a84 !important; margin-top: 8px !important; }
#share a { background: url(img/share-icon.png) !important; width: 32px !important; height: 32px !important; }
#share a:not(:last-child) { margin-right: 10px !important; }
#share .s_xlwb { background-position: -48px 0 !important; }
#share .s_txwb { background-position: 100% 0 !important; }
.cy_share { position: absolute; top: 18px !important; right: -290px; width: 290px; height: 42px; }
#cyouShare2 a { 
    /* background: url(img/share-icon1.png) !important;  */
    background: url(img/share-icon2.png) !important; 
    width: 42px !important; 
    height: 42px !important; }
#cyouShare2 a:hover { 
    /* background: url(img/share-icon1-h.png) !important;  */
    background: url(img/share-icon1-h01.png) !important; 
}
#cyouShare2 .s_xlwb, #cyouShare2 .s_xlwb:hover { background-position: -62px 0 !important; }
#cyouShare2 .s_txwb, #cyouShare2 .s_txwb:hover { background-position: 0 0 !important; }
#cyouShare2 .s_qzone, #cyouShare2 .s_qzone:hover { background-position: -124px 0 !important; }
#cyouShare2 .s_renren, #cyouShare2 .s_renren:hover { background-position: -248px 0 !important; }
#cyouShare2 .s_kaixin, #cyouShare2 .s_kaixin:hover { background-position: -186px 0 !important; }

.kvsub-title b{
	position: relative;
	display: inline-block;
}