@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }
html { width:100%; height:100%; font-size:62.5%; /* 10÷16=62.5% */ }
body { font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */ overflow-x: hidden;}
body { line-height:1.6em; font-weight:400; font-family:webfont, "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; color:#000; background:#fff; height:100% }
em, q, cite, address { font-weight:400; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:400 }
address { display:inline }
img { border:none }
li { list-style:none }
q { quotes:none }
strong { font-weight:bold }
table { border-collapse:collapse }
th { text-align:left; font-weight:400 }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 

::selection { background-color:#14126c; color:#fff }
::-moz-selection { background-color:#14126c; color:#fff }

/* link */
a { color:#000; outline-style:none; text-decoration:none; cursor:pointer; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
a:hover { color:#14126c }

/* clear float */
.cf { zoom:1 } /* for IE */
.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */
/* end of clear float */

/* float */
.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }
/* text-align */
.tleft { text-align:left }
.tright { text-align:right }
.tcenter { text-align:center }
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }

.cursor_pointer { cursor:pointer }
.cursor_default { cursor:default }

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#000; font-family:webfont, "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"], input[type="password"], select { height: 40px; line-height: 40px; border: 1px solid transparent; background: rgba(255,255,255,0.8); padding:0 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"]:focus, input[type="password"]:focus { border: 1px solid #fff; background: rgba(255,255,255,0.5) }
input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box }
textarea { border: 1px solid #88a5bf; background: transparent; padding:10px }
textarea:focus { border: 1px solid #fff }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family:webfont, "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif }
select::-ms-expand { display: none; }

/*-------------------结构-------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, time { display:block }

.cd-main-content { width:100%; height: 100% }

.container { margin-right:auto; margin-left:auto }
.container:before, .container:after { content:" "; display:table }
.container:after { clear: both }

/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!important; top: 0!important; margin-top: 0!important }

.poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.poabsolute-w50 { position:absolute; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.poabsolute-t { position:absolute; top:0 }
.poabsolute-b { position:absolute; bottom:0 }

.left0 { left:0!important }
.right0 { right:0!important }

.zindex2 { z-index:2 }
.zindex3 { z-index:3 }

.overhidden { overflow:hidden }

/*-------------------通用圆角-------------------*/
.border-radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.border-radius10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px }
.border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }

/*-------------------透明度-------------------*/
.opacity0_1 { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1 }
.opacity0_3 { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

/*-------------------字体颜色、样式、字体间距-------------------*/
@font-face { font-family: 'webfont';
  src: url('../fonts/Bodoni.eot'); /* IE9*/
  src: url('../fonts/Bodoni.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Bodoni.woff') format('woff'), /* chrome、firefox */
  url('../fonts/Bodoni.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/Bodoni.svg#svgFontName') format('svg'); /* iOS 4.1- */
	font-weight: normal;
	font-style: normal;
}

.thin-font { font-family: Helvetica Neue; letter-spacing:2px }
@font-face { font-family: 'futuralt';
  src: url('../fonts/FuturaLT-CondensedLight.eot'); /* IE9*/
  src: url('../fonts/FuturaLT-CondensedLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/FuturaLT-CondensedLight.woff') format('woff'), /* chrome、firefox */
  url('../fonts/FuturaLT-CondensedLight.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/FuturaLT-CondensedLight.svg#svgFontName') format('svg'); /* iOS 4.1- */
	font-weight: normal;
	font-style: normal;
}


.iconfont { line-height: 1em }

.fa-0_6x { font-size: 0.6em!important; -webkit-transform: scale(0.8) }
.fa-0_8x { font-size: 0.8em!important }
.fa-1x { font-size: 1em!important }
.fa-1_2x { font-size: 1.2em!important }
.fa-1_6x { font-size: 1.6em!important }
.fa-2x { font-size: 2em!important }
.fa-2_4x { font-size: 2.4em!important }
.fa-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }
.fa-5x { font-size: 5em!important }
.fa-8x { font-size: 8em!important }

.font-bold { font-weight: bold }


.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }
.fontSize16 { font-size:16px }

h1, .h1 { font-size: 48px; line-height:1.1em; font-style: normal; }
h2, .h2 { font-size: 36px; line-height:1.1em }
h3, .h3 { font-size: 30px; line-height:1.1em }
h4, .h4 { font-size: 24px }
h5, .h5 { font-size: 20px }
h6, .h6 { font-size: 18px }

.line-height1em { line-height:1em }
.line-height1_1em { line-height:1.1em }
.line-height1_2em { line-height:1.2em }
.line-height1_3em { line-height:1.3em }
.line-height1_4em { line-height:1.4em }
.line-height1_5em { line-height:1.5em }
.line-height1_6em { line-height:1.6em }
.line-height1_8em { line-height:1.8em }
.line-height2em { line-height:2em }
.line-height2_5em { line-height:2.5em }

.colorfff, .colorfff a, .colorfff a:link, .colorfff a:visited, .colorfff a:active { color: #fff }
.colorfff a:hover, a:hover .colorfff, a.colorfff:hover { color: #fff; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }
.color000, .color000 a, .color000 a:link, .color000 a:visited, .color000 a:active { color: #000 }
.color000 a:hover, a:hover .color000, a.color000:hover { color: #000; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }


/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bg000 { background: #000 }

/*-------------------分割线、边框-------------------*/
.line-fff-20 { width:100%; height:1px; line-height:1px; font-size:0; background:rgba(255,255,255,0.2); border:0 none }

/*-------------------间距-------------------*/
.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px } 
.margintop60 { margin-top:60px } 
.margintop80 { margin-top:80px }
.margintop100 { margin-top:100px }
.margintop130 { margin-top:130px }

.margintop5_p { margin-top:5% }
.margintop10_p { margin-top:10% }
.margintop20_p { margin-top:20% }

.marginbottom5 { margin-bottom:5px }
.marginbottom10 { margin-bottom:10px }
.marginbottom15 { margin-bottom:15px }
.marginbottom20 { margin-bottom:20px }
.marginbottom30 { margin-bottom:30px }
.marginbottom40 { margin-bottom:40px }
.marginbottom50 { margin-bottom:50px }
.marginbottom60 { margin-bottom:60px }

.marginleft5 { margin-left:5px }
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }
.marginleft60 { margin-left:60px }
.marginleft80 { margin-left:80px }

.marginright5 { margin-right:5px }
.marginright10 { margin-right:10px }
.marginright20 { margin-right:20px }
.marginright30 { margin-right:30px }
.marginright40 { margin-right:40px }

.marginauto { margin-left:auto; margin-right:auto }

.paddingtop0 { padding-top:0!important }
.paddingtop5 { padding-top:5px }
.paddingtop10 { padding-top:10px }
.paddingtop15 { padding-top:15px }
.paddingtop20 { padding-top:20px }
.paddingtop30 { padding-top:30px }
.paddingtop35 { padding-top:35px }
.paddingtop40 { padding-top:40px }
.paddingtop50 { padding-top:50px }
.paddingtop60 { padding-top:60px }
.paddingtop80 { padding-top:80px }
.paddingtop90 { padding-top:90px }
.paddingtop100 { padding-top:100px }

.paddingbottom0 { padding-bottom:0!important }
.paddingbottom5 { padding-bottom:5px }
.paddingbottom10 { padding-bottom:10px }
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom35 { padding-bottom:35px }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom45 { padding-bottom:45px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom80 { padding-bottom:80px }
.paddingbottom100 { padding-bottom:100px }

.paddingleft0 { padding-left:0!important }
.paddingleft5 { padding-left:5px }
.paddingleft10 { padding-left:10px }
.paddingleft13 { padding-left:13px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft40 { padding-left:40px }
.paddingleft50 { padding-left:50px }
.paddingleft80 { padding-left:80px }
.paddingleft120 { padding-left:120px }

.paddingright0 { padding-right:0!important }
.paddingright5 { padding-right:5px }
.paddingright10 { padding-right:10px }
.paddingright15 { padding-right:15px }
.paddingright20 { padding-right:20px }
.paddingright30 { padding-right:30px }
.paddingright40 { padding-right:40px }
.paddingright50 { padding-right:50px }

.padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding50 { padding:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.mo_dis { display:none }
.mo_undis { display:block }

.row5 { margin-left: -5px; margin-right: -5px }
.row10 { margin-left: -10px; margin-right: -10px }
.row15 { margin-left: -15px; margin-right: -15px }
.row20 { margin-left: -20px; margin-right: -20px }
.row30 { margin-left: -30px; margin-right: -30px }
.row40 { margin-left: -40px; margin-right: -40px }

/*-------------------宽度、高度--------------------*/
.width10 { width:10% }
.width15 { width:15% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width60 { width:60% }
.width65 { width:65% }
.width66 { width:66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width90 { width:90% }
.width92 { width:92% }
.width96 { width:96% }
.width100 { width:100% }

.imgw40 { display:block; max-width:40%; height:auto }
.imgw60 { display:block; max-width:60%; height:auto }
.imgw80 { display:block; max-width:80%; height:auto }
.imgw90 { display:block; max-width:90%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }

.height100 { height:100% }

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_85 { float:left; width:85% }
.area_80 { float:left; width:80% }
.area_75 { float:left; width:75% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_45 { float:left; width:45% }
.area_40 { float:left; width:40% }
.area_35 { float:left; width:35% }
.area_33 { float:left; width:33.33% }
.area_30 { float:left; width:30% }
.area_25 { float:left; width:25% }
.area_20 { float:left; width:20% }
.area_15 { float:left; width:15% }
.area_10 { float:left; width:10% }

.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:4.15em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_5 { height:5.95em; line-height:1.2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }

/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }

.button-circular, a.button-circular, input.button-circular { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }

.button-m, a.button-m, input.button-m { padding:8px 30px; line-height:1em }
.button-l, a.button-l, input.button-l { padding:10px 30px; line-height:1em }
.button-xl, a.button-xl, input.button-xl { width: 120px; height: 36px; line-height:36px }

.button-red, a.button-red, input.button-red { background:#d00025; color:#fff }
.button-red:hover, a:hover.button-red, input.button-red:hover { background:#d93351; color:#fff }
.button-red:active, a:active.button-red, input.button-red:active { background:#a6001e; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }

/*-------------------分页css开始-------------------*/
div.quotes { text-align:center; position: relative }
div.quotes a { display: inline-block; padding:2px 10px; text-decoration:none; margin:0; margin-left:1px; margin-right: 1px; color: #000 }
div.quotes a:hover { padding:2px 10px; color:#14126C }
div.quotes a:active { padding:2px 10px; color:#14126C }
div.quotes a.current { padding:2px 10px; background:#d00025; color:#fff }
div.quotes a.disabled { padding:2px 10px; color:#666 }
div.quotes a.disabled:hover { background:none }
div.quotes a#pre { margin-left: -50px; position:absolute; top: -3px; color: #14126C }
div.quotes a#next { margin-right: -10px; position:absolute; top: -3px; color: #14126C }


/*-------------------打印、分享css开始-------------------*/
.share { width: 88px; height: 24px }
.share .bdshare-button-style0-24 a { width: 24px; height: 24px; padding: 0; margin: 0; margin-right: 20px }
.share .bdshare-button-style0-24 a.bds_tsina { background: url(../images/weibo.png) 0 0 no-repeat; background-size: 100% 100% }
.share .bdshare-button-style0-24 a.bds_weixin { background: url(../images/wechat.png) 0 0 no-repeat; background-size: 100% 100% }


/*-------------------通用头部-------------------*/ 

/*-------------------底部通用-------------------*/


/*-------------------内页通用-------------------*/
 
/*-------------------首页-------------------*/
.indexnav { width: 220px; position: absolute; top: 40%; right: 0; z-index: 10 }
.indexnav-a { display: block; width: 100%; text-align: center; height: 42px; line-height: 42px; background: #000; margin-bottom: 10px }
.indexnav-a .iconfont { line-height: 42px; margin-right: 5px }
.indexnav-a .line-up, .indexnav-a .line-down { position: absolute; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.indexnav-a .line-up { top: -5px }
.indexnav-a .line-down { bottom: -5px }
.indexnav-a:hover .line-up, .indexnav-a:hover .line-down { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

.indexnav-share .share { width: 112px; height: 0; padding-top: 52px; position: absolute; top: 0; left: 50%; margin-left: -56px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.indexnav-share .share em { position: absolute; display: block; width: 0; height: 0; top: 42px; left: 46px; border-right: 10px solid transparent; border-bottom: 10px solid #000; border-left: 10px solid transparent }
.indexnav-share .share .bdshare-button-style0-24 { background: #000 }
.indexnav-share .share .bdshare-button-style0-24 a { width: 36px; height: 36px; padding: 0; margin: 0; margin-left: 10px; margin-right: 10px }
.indexnav-share .share .bdshare-button-style0-24 a.bds_tsina { background: url(../images/weibo.png) 0 0 no-repeat; background-size: 100% 100% }
.indexnav-share .share .bdshare-button-style0-24 a.bds_weixin { background: url(../images/wechat.png) 0 0 no-repeat; background-size: 100% 100% }
.indexnav-share:hover .share { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

.indexmenu { width: 50%; height: 100%; padding: 60px 80px; background: #000; position: fixed; top: 0; right: -100%; z-index: 1000; transition: all ease-out .4s; -webkit-transition: all ease-out .4s; -moz-transition: all ease-out .4s; -o-transition: all ease-out .4s }
.indexmenu.comeout { right: 0 } 
.indexmenu-logo { width: 66px; height: auto }
.indexmenu-li { margin-bottom: 20px; position:relative }
.indexmenu-li .line-down { position: absolute; width: 0; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.indexmenu-li:hover .line-down { width: 100% }
.indexmenu.packup { display: none }

.indexmenu-close { width: 62px; height: 24px; line-height: 24px; right: 80px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); cursor: pointer }
.indexmenu-close:hover { filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 } 
.indexmenu-close .icon-close { margin-top: 6px }

.indexmenu-share { left: 80px; bottom: 60px }
.indexmenu-share .mail img, .indexmenu-share .tel img { display: block; width: 24px; height: 24px; margin-right: 20px }
.indexmenu .copyright { right: 80px; bottom: 60px }


.video-shade { background: url(../images/index/video-shade.png) rgba(0,0,0,0.2) center center no-repeat; background-size: cover; transition: all ease-out .4s; -webkit-transition: all ease-out .4s; -moz-transition: all ease-out .4s; -o-transition: all ease-out .4s }
.video-logo {  height: auto; position: absolute; top: 40%; left: 0; z-index: 1 }
.video-txt { position: absolute; top: 40%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1 }
.video-shade.blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false) }

.video-wrap { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0 }
.video-wrap video { position: relative; z-index: 1; width: 100% }
.video-wrap video.proportion { width: auto; height: 100% }


.mask { position:fixed; top:0; left:0; z-index:9998; background:rgba(0,0,0,0.8); width:100%; height:100%; display:none }
.video-popbox { width: 80%; height: auto; position:absolute; left: 10%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } 
.mask .icon-close { position: absolute; top: 20px; right: 20px; transition: all ease-out .2s; -webkit-transition: all ease-out .2s; -moz-transition: all ease-out .2s; -o-transition: all ease-out .2s }
.mask .icon-close:hover { transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg) }
 
/*-------------------响应式css-------------------*/
@media ( min-width:1700px ) {
.container { width:1600px }
}
@media ( min-width:1441px ) and ( max-width:1699px ) {
.container { width:1320px }
}
@media ( min-width:1260px ) and ( max-width:1440px ) {
.container { width:1160px }
}
@media ( min-width:1000px ) and ( max-width:1259px ) {
.container { width:940px }
}                 
@media ( min-width:801px ) and ( max-width:999px ) {
html { font-size:60% }
.container { width:760px }

.video-popbox { width: 600px; height: 420px }

}