@charset "utf-8";

@font-face {
    font-family: 'impact';
    src: url('/static/ttf/Impact.ttf') format('truetype');

}

@font-face {
    font-family: 'news706b';
    src: url('/static/ttf/news706b.ttf') format('truetype');

}

.simsun{font-family: "SimSun",宋体}
*{box-sizing: border-box;}

html,body,div,a{box-sizing: border-box;}
.impact {
	font-family: 'impact' !important;
	font-style: normal;
}

.news706b {
	font-family: 'news706b' !important;
	font-style: normal;
}

 /*窗体容器*/
 .body-box {
    width: 100%;
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
    padding: 0;
    color: #000;
    margin: 0;
    background-color: #222;
}

/*页面容器*/
.contents {
    max-width: 1900px;
    width: 1900px;
    padding: 0;
    margin: 0;
    height: auto;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
}

/*头部容器*/
.header {
    width: 100%;
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 30px;
    padding-bottom: 1px;
    background-color: #a11f24;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    padding-bottom: 10px;
}

/* 标题容器 */
.dom-title-box{
    width: 100%;
    text-align: center;
}

.header-tools{
    position: absolute;
    width: 240px;
    display: flex;
    align-items: center;
    justify-content:space-between;
    height: 40px;
    top:30px;
    right: 122px;
    z-index: 1;


}

.header-tools a{
    color: #fff;
}


 /* 导航 */
 .nav-box {
    /*margin-top: 30px;*/
    width: 780px;
    /* border-bottom: 1px solid #666; */
    display: flex;
   
    box-sizing: border-box;
    justify-content: space-between;
    height: 40px;
   
}

.nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    position: relative;
}

.nav-item a{
    color: #fff;
}

.nav-item-text {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font: 16px #000;
    text-align: center;
    cursor: pointer;
}

.nav-item-bottom {
    width: 55px;
    height: 10px;
    border-bottom: 2px solid #000;

}

/*尾部容器*/
.footer{
    width: 100%;
    height: 595px;
    position: relative;
    display: flex;
    justify-content:space-between;
    padding: 150px 186px;
    box-sizing: border-box;
    background-color: #000;
    color: #fff !important;
}

.footer-no1-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:space-between;
    width: 33%;
    padding-bottom: 30px;
}


.footer-no1-logo{
    width: 155px;
    /* height: 250px; */
}

.footer-no1-icon-box{
    width: 100%;
    height: 30px;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    align-items: center;
    padding: 0 160px;
    box-sizing: border-box;
}

.footer-no1-icon{
    width: 36px;
    height: 30px;
  
}

.footer-no2-box{
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    width: 34%;
    padding-bottom: 10px;
}

.footer-no2-item-box{
    width: 100%;
    display: flex;
}
.footer-no2-item{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items:flex-start;
}

.footer-no2-item-title{
    font-size: 16px;
  
    padding-bottom: 20px;
}

.footer-no2-item-list{
    font-size: 12px;
    line-height: 30px;
}

.footer-no3-box{
    display: flex;
    flex-direction: column;
    align-items:center;
    width: 33%;
    /* padding-top: 20px; */
}

.footer-no3-2code{
    margin: 20px;
    width: 152px;
    height: 152px;
}

.beian{
    width: 100%;
    text-align: center;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #666;
    font-size: 14px;
}

/* 自动换行 */
.break-auto{
    word-wrap: break-word;
    word-break: normal;
}

/* 背景平铺 */
.img-back-cover{
    background-size:cover;
    -moz-background-size:cover;
    background-repeat:no-repeat;
}


.img-box {
    overflow: hidden;
    background-color: #ccc;
}

.img-box img {
    width: 100%;
    height: 100%;
}

.show-opacity {
    opacity: 1;
}

.hide-opacity {
    opacity: 0;
}

.show-visibility {
    visibility: visible;
}

.hide-visibility {
    visibility: hidden;
}

a {
    display: block;
    text-decoration: none;
    color: #000;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.footer a{
    display: block;
    color: #fff !important;
}

.logo-box {
   
    height: 120px;
}

/* 播放按钮 */
.play-box{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content:center;
    align-items:center;
    top:0;
}
.play-icon{
    width: 61px !important;
    height: 61px !important;
}

.font-w9{font-weight:900;}
.font-w8{font-weight:800;}
.font-w7{font-weight:700;}
.font-w6{font-weight:600;}
.font-w5{font-weight:500;}
.font-w4{font-weight:400;}
.font-w3{font-weight:300;}
.font-w2{font-weight:200;}

.font-70{font-size: 70px;}
.font-60{font-size: 60px;}
.font-50{font-size: 50px;}
.font-47{font-size: 47px;}
.font-44{font-size: 44px;}
.font-42{font-size: 42px;}
.font-40{font-size: 40px;}
.font-38{font-size: 38px;}
.font-36{font-size: 36px;}
.font-34{font-size: 34px;}
.font-33{font-size: 33px;}
.font-32{font-size: 32px;}
.font-30{font-size: 30px;}
.font-29{font-size: 29px;}
.font-28{font-size: 28px;}
.font-27{font-size: 27px;}
.font-26{font-size: 26px;}
.font-24{font-size: 24px;}
.font-22{font-size: 22px;}
.font-20{font-size: 20px;}
.font-19{font-size: 19px;}
.font-18{font-size: 18px;}
.font-16{font-size: 16px;}
.font-14{font-size: 14px;}
.font-13{font-size: 13px;}
.font-12{font-size: 12px;}

.pading-b-5{padding-bottom: 5px;}
.pading-b-10{padding-bottom: 1px;}
.pading-b-15{padding-bottom: 15px;}
.pading-b-20{padding-bottom: 20px;}

.pading-t-5{padding-top: 5px;}
.pading-t-10{padding-top: 10px;}
.pading-t-15{padding-top: 15px;}
.pading-t-20{padding-top: 20px;}

.margin-t-5{margin-top: 5px;}
.margin-t-10{margin-top: 10px;}
.margin-t-15{margin-top: 15px;}
.margin-t-20{margin-top: 20px;}
.margin-t-25{margin-top: 25px;}
.margin-t-30{margin-top: 30px;}
.margin-t-40{margin-top: 40px;}
.margin-t-50{margin-top: 50px;}

.margin-b-10{margin-bottom: 10px;}
.margin-b-20{margin-bottom: 20px;}
.margin-b-30{margin-bottom: 30px;}
.margin-b-40{margin-bottom: 40px;}
.margin-b-50{margin-bottom: 50px;}



.text-align-c{text-align: center;}
.text-align-l{text-align: left}
.text-align-r{text-align: right;}

.dom-float-l{float: left;}
.dom-float-r{float:right;}
.dom-clear{clear: both;}

.border-l{border-left: 1px solid #000;}
.border-r{border-right: 1px solid #000;}
.border-t{border-top: 1px solid #000;}
.border-b{border-bottom: 1px solid #000;}

.text-dom-center{width: 100%;text-align: center;}
.center-box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.back-pic{
    background-repeat:  no-repeat;
    background-size:100% 100%;
}


.line-1-box{
    width: 100%;
    height: 730px;
    position: relative;
    margin-top: 190px;
}

.line-1-box-msg{
    position: absolute;
    width: 100%;
    height: 150px;
    z-index: 1;
    background: rgba(0,0,0,.4);
    display: flex;
    box-sizing: border-box;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    bottom: 0;
    left: 0;

}

.fenge-box{
    width: 100%;
    position: relative;
}
 .fenge-child{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .fenge-child-box{
    display: flex;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }



.pleft-box,.pright-box{
    width: 100%;
    height: 597px;
    display: flex;
}
.pleft-box-item-left{
    width: 960px;
    height: 597px;
    position: relative;
}
.pleft-box-item-left-child{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top:0;
    left: 0;
    padding: 10px;
    box-sizing: border-box;
    display: none;
}
.pleft-box-item-left-child .brod-div{
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
   
   
}
.pleft-box-item-right{
    flex: 1;
    display: flex;
    justify-content:center;
    align-items:center;
}
.icon-memo-item{
    width: 52%;
    padding-top: 20px;
    text-align:justify;
    font-size: 16px;
    word-wrap: break-word; 
    word-break: normal;
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
   
}

.img-icon-box{
    display: flex;
    flex-direction: column;
    align-items:center;
}


.pright-box-item-left{
    width: 960px;
    height: 597px;
    display: flex;
    justify-content:center;
    align-items:center;
}

.pright-box-item-right{
    flex: 1;
    position: relative;
}


.set-background{
    background-repeat:no-repeat;
    background-size: 100% 100%;
}

.item-input.change::-webkit-input-placeholder {
    color: #000;
 }

 .item-input.rechange::-webkit-input-placeholder {
    color: #fff;
 }