@charset "utf-8";

/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img { border: 0;}
img{ max-width: 100%; vertical-align: middle;}
em, strong,i{ font-style: normal;}
ol, ul, li { list-style: none;}
caption, th { text-align: left;}
input, button, textarea, select, optgroup, option { font-family: arial; font-size: inherit; font-style: inherit; font-weight: inherit;}
select, input, label, button, button img, img {vertical-align: middle;}
input, button, textarea, img { line-height: normal;}

[v-cloak]{ display: none;}

/*主体*/
body{ font: 14px/1.5 "微软雅黑"; color: #111; background: #fff; overflow-x: hidden;min-width: 1280px;}
a{ color: #FFFFFF; text-decoration: none; transition: all .3s;}
a:hover{ color: #111; text-decoration: none;}
:focus { outline: 0;}

.hide{ display: none;}
.block{ display: block;}
.hidden{ overflow: hidden;}

.zoom{ zoom: 1;}

.text-indent{ text-indent: 2em}

.tl{ text-align: left;}
.tc{ text-align: center;}
.tr{ text-align: right;}
.tj{ text-align: justify;}

.ver-m{vertical-align: middle;}

.fl{ float: left;}
.fr{ float: right;}
.clearfix{ clear: left;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.ellipsis-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis-2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis-3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis-6 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}

.fs12{ font-size: 12px;}
.fs14{ font-size: 14px;}
.fs16{ font-size: 16px;}
.fs18{ font-size: 18px;}
.fs20{ font-size: 20px;}
.fs22{ font-size: 22px;}
.fs24{ font-size: 24px;}
.fs26{ font-size: 26px;}
.fs28{ font-size: 28px;}
.fs30{ font-size: 30px;}
.fs32{ font-size: 32px;}
.fs36{ font-size: 36px;}
.fs40{ font-size: 40px;}
.fs42{ font-size: 42px;}
.fs48{ font-size: 48px;}
.fs52{ font-size: 52px;}
.fs60{ font-size: 60px;}
.fs68{ font-size: 68px;}
.fs90{ font-size: 80px;}

.padded-box{ padding: 5% 5% 20px;}
.padded-box1{ padding: 13% 7% 0;}
.padded-box2{ padding: 20px 2% 3%;}
.padded-box3{ padding: 40px 12% 2px;}
.padded-box4{ padding: 40px 10%;}
.padded-box5{ padding: 13% 5% 0;}
.padded-box6{ padding: 0 5%;}
.padded-box7{ padding: 12%;}
.padded-top1{padding-top: 12%;}

.padded-box05{ padding: 5px;}
.padded-box10{ padding: 10px;}
.padded-box15{ padding: 15px;}
.padded-box20{ padding: 20px;}
.padded-box30{ padding: 30px;}
.padded-box40{ padding: 40px;}
.padded-l15{ padding-left: 15px}
.padded-b10{ padding-bottom: 10px}
.padded-b15{ padding-bottom: 15px}
.padded-b20{ padding-bottom: 20px}
.padded-b30{ padding-bottom: 20px}
.padded-t10{ padding-top: 10px}
.padded-t20{ padding-top: 20px}
.padded-t30{ padding-top: 30px}
.padded-t80{ padding-top: 80px}
.padded-t100{ padding-top: 100px}


.mar-b30{ margin-bottom: 30px;}

.height10{ height: 10px;}
.height20{ height: 20px;}

.line-h{ line-height: 2;}
.line-h2{ line-height: 1.6;}
.line-h3{ line-height: 1;}

.f-weight{ font-weight: 600;}

.bg-White{ background: #fff}
.bg-gray{ background: #f9f9f9}
.bg-red{ background: #e94846}
.bg-yellow{ background: #f8ab03}
.bg-blue{ background: #00a9e8}
.bg-brown{ background: #e48811}
.bg-a8{ background: #a8a8a8}
.bg-black{ background: #131514}
.bg-e7{ background: #e7e7e7;}
.bg-f7{ background: #fff7f7}
.bg-f5{ background: #f5f8ff}
.bg-b0{background: rgba(176,0,0,.8)}
.bg-ec{background: rgba(236,25,25,.8)}
.bg-e8{background: #e81f1f}
.bg-e4{ background: #e4221c}
.bg-fd{ background: #fdf6f6;}
.bg-fd{ background: #fdf6f6;}
.bg-fc{ background: #fce7e7;}

.all_tri10s {-moz-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;transition:all 1s;}
.all_tri4s {-moz-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;transition:all 0.4s;}
.all_tri1s {-moz-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;transition:all 1s;}
.all_tri2s {-moz-transition:all 2s;-o-transition:all 2s;-webkit-transition:all 2s;transition:all 2s;}


.col-111{ color: #111;}
.col-222{ color: #222;}
.col-333{ color: #333;}
.col-444{ color: #444;}
.col-555{ color: #555;}
.col-666{ color: #666;}
.col-777{ color: #777;}
.col-999{ color: #999;}
.col-fff{ color: #fff;}
.col-a8{ color: #a8a8a8;}
.col-8c{ color: #8c8c8c;}
.col-cd{ color: #cdcdcd}
.col-e4{ color: #e4221c;}
.col-e5{ color: #e5b9b8;}
.col-00{color: #00a9e8}
.col-1b{color: #1b0128}
.col-78{color: #787878}
.col-15{color: #15bae7}
.col-b3{color:#b3060c}

.f-relative{ position: relative}
.f-absolute{ position: absolute}


.pointer{  cursor: pointer;}

.bd-radius{ border-radius: 6px;}
.bd-radius2{ border-radius: 10px; }

.box-shadow{ border: 1px solid #ccc \9; -moz-box-shadow: 0 0 10px #ccc; -o-box-shadow: 0 0 10px #ccc;-webkit-box-shadow: 0 0 10px #ccc;box-shadow: 0 0 10px #ccc;}
.box-shadow2{ border: 1px solid #999 \9; -moz-box-shadow: 0 2px 25px #999; -o-box-shadow: 0 2px 25px #999;-webkit-box-shadow: 0 2px 25px #999;box-shadow: 0 2px 25px #999;}
.box-shadow3{ border: 1px solid #fad8d8 \9; -moz-box-shadow: 0 2px 15px #fad8d8; -o-box-shadow: 0 2px 15px #fad8d8;-webkit-box-shadow: 0 2px 15px #fad8d8;box-shadow: 0 2px 15px #fad8d8;}
.box-shadow4{ border: 1px solid #fad8d8 \9; -moz-box-shadow: 0 2px 15px #fad8d8; -o-box-shadow: 0 2px 15px #fad8d8;-webkit-box-shadow: 0 2px 15px #fad8d8;box-shadow: 0 2px 15px #fad8d8;}
.box-shadow5{ border: 1px solid #ff9e9e \9; -moz-box-shadow: 0 2px 10px #ff9e9e; -o-box-shadow: 0 2px 10px #ff9e9e;-webkit-box-shadow: 0 2px 10px #ff9e9e;box-shadow: 0 2px 10px #ff9e9e;}
.box-shadow6{ border: 1px solid #fad8d8 \9; -moz-box-shadow: 0 2px 5px #fad8d8; -o-box-shadow: 0 2px 5px #fad8d8;-webkit-box-shadow: 0 2px 5px #fad8d8;box-shadow: 0 2px 5px #fad8d8;}

.box-pre1{ width: 20%;}
.box-pre2{ width: 36%;}
.box-pre3{ width: 80%;}
.box-pre4{ width: 26%;}
.box-pre5{ width: 46%;}
.box-pre6{ width: 62.5%;}
.box-pre7{ width: 95%;}
.box-pre8{ width: 25%;}
.box-pre9{ width: 50%;}
.box-pre10{ width: 53%;}
.box-pre11{ width: 30%;}
.box-pre12{ width: 13%;}
.box-pre13{ width: 40%;}
.box-pre14{ width: 60%;}
.box-pre15{ width: 42%;}
.box-pre16{ width: 15%;}
.box-pre17{ width: 30%;}
.box-pre18{ width: 52%;}

/*箭头向上*/
.arrow-up {
    width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #e3221b;
}
     
 /*箭头向下*/
.arrow-down {
    width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #e3221b;
}

/*箭头向左*/
.arrow-left {
    width:0; 
    height:0; 
    border-top:10px solid transparent;
    border-bottom:10px solid transparent; 
    border-right:10px solid #e3221b; 
}
    
/*箭头向右*/
.arrow-right {
    width:0; 
    height:0; 
    border-top:10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #e3221b;
}

.bd-t1{ border-top: 2px solid #2b2b2b;}
.bd-t2{ border-top: 2px solid #7d7d7d;}
.bd-t3{ border-top: 3px solid #e4211d;}
.bd-t4{ border-top: 3px solid #fff;}
.bd-t5{ border-top: 1px solid #d35c59;}
.bd-l1{ border-left: 1px solid #fff;}
.bd-l2{ border-left: 1px solid #d9d9d9;}
.bd-l3{ border-left: 1px solid #e8e8e8;}
.bd-b1{ border-bottom: 1px solid #eeeeee}
.bd-b3{ border-bottom: 3px solid #e4211d;}
.bd-ts5{ border-bottom: 5px solid #dcd2f4;}


.ss-box{ width: 12px;}
.s30-box{ width: 30px;}
.sm-box{ width: 35px;}
.sw-box{ width: 40px;}
.bw-box{ width: 100%;}

.sh-box{ height: 60px; margin: 4px 2px;}
.bh-box{ height: 100%;}

.mar-auto{ margin: auto;}


.ib{display: inline-block}

/* 按钮 */
.ban-btn{width:70%;padding:7% 0; }



/* 视频 */
.video-lump{ padding: 3% 0 80px; background:url(../images/beijing/bg3.png) no-repeat;background-size: cover;}
.shadow-down{ position: absolute; bottom: 30px; left: 50%; margin-left: -500px; width:1000px; height: 100px; border-radius: 50%; background: #971919;}
.video-box{ border: 30px solid #fff; border-radius: 20px;  width: 830px; height: 467px; margin: 3% auto 0; position: relative; box-shadow: 0 0 5px #333;}
.video-box .video-bd{ width:100%; height:100%; background: #d5201a;}