body{
    background-image: url(../images/bg.jpg);
    background-repeat: repeat;
    background-color: #E0E0E0;}
#video1 .vjs-loading-spinner,
.video2 .vjs-big-play-button {
    display: none !important;}

.yd_bg{
    display: none;}
#video,.video {
    height: 520px;}

.about{
    margin: 50px auto;
    line-height: 30px;}
.video_s{
    height: 390px;
    background-size: cover;
    margin-bottom: 50px;}
.vjs-poster{
    background-position: center center!important;
    background-size: cover!important;} 
.video_s  .video-js .vjs-tech{
	height:100%!important;}
.app .app_r{
    background-color: #961e3c;
    height: auto;
    padding: 30px;}
.app .app_r .content{
    background-color: #ffffff;
    height: auto;
    padding: 30px;}
.app .app_r .content .btn{
    display: block;
    width: 120px;
    height: 45px;
    border: 1px solid #961e3c;
    color: #961e3c;
    text-align: center;
    line-height: 45px;
    margin: 0px auto;
    font-size: 20px;}
.app .vjs-big-play-button{
    display: none!important;}

.news{
    margin-top:50px;}
.newslist,.notice {
    margin-bottom: 50px;
    width: 47%;}
.cn .notice{
    margin-bottom: 0px;}
.notice{
    float: right;}
.newslist a{
    display: block;
    font-size: 20px;
    text-align: center;}
.notice a{
    font-size: 18px;
    color: #000000;}
.notice ul a{
	display:block;
	width:100%;
	height:451px;
	text-align:center;}
.notice_cn ul a{
	display:block;
	width:100%;
	height:450px;
	text-align:center;}
.newslist a img{
    width: 100%;
    height: 357px;}
.layui-carousel{
    height: 451px!important;
    background-color: transparent!important;}
.cn .layui-carousel{
    height: 450px!important;
    background-color: transparent!important;}
.yd_list{
    display: none;}
.newslist .title{
    overflow: hidden;
    color: #000000;
    padding-top:5px;
    padding-left:15px;
    padding-right:15px;
    filter:alpha(opacity=90)!important;
    -moz-opacity:0.9!important;
    -khtml-opacity: 0.9!important;
    opacity: 0.9!important;
    -webkit-filter:alpha(opacity=90)!important;}
#newslist-slider a{
    line-height: 1.75em;
    font-size: 18px;}
.newslist .title:hover{
    color: #961e3c;}
.list_title{
    height: 45px;
    line-height: 45px;
    font-size: 36px;
    font-weight: bold;
    color: #961e3c;
    margin-bottom: 20px;}

.list_title .line{
    border-bottom: 1px solid #999;
    height: 1px;
    padding-top: 22px;}
.list_title a{
    display: block;
    border: 1px solid #000000;
    text-align: center;
    color: #000000;
    font-size: 16px;
    float: right;}

.notice ul{
    background-color: #ffffff;
 
    overflow: hidden;}
.notice ul li{}
.notice ul .lm{}
.notice ul .lm img{
    width: 100%;
    height: 357px;}
.notice ul .notice_t{
  padding-top: 10px;
   padding-left:15px; 
   padding-right:15px; 
   overflow: hidden;}
.notice ul .notice_t a{
    display: block;
    height: 70px;
    overflow: hidden;
    color: #000000;
    line-height: 1.75em;
    margin-bottom: 10px;
    text-align: center;}
.cn .notice ul .notice_t a{
    height: 34px;}
.notice ul .notice_t a:hover{
    color: #961e3c;}
.notice ul .notice_t p{
    line-height: 24px;
    overflow: hidden;
    height: 70px;
    color: #666
;}

.layui-carousel-arrow{
    top:40%;}
@media screen and (min-width: 1170px)
{
    .app .app_r{
        height: 390px;}
}
@media screen and (min-width: 1024px) and (max-width: 1170px)
{
    .app .app_r .content p{
       font-size: 14px;}
    .app .app_r .content{
        padding: 26px;}
}
@media screen and (max-width: 768px)
{
    .vjs-tech{
        transform-origin: center 87px!important;}
    .newslist,.notice {
        width: 100%;}
    .layui-carousel{
        height: 200px!important;
        background-color: transparent!important;}
    .newslist a img{
        width: 100%;
        height: 100%;}
    .yd_list{
        display: block;}
    .yd_list li{
        margin: 20px auto;}
    .yd_list li a{
        display: block;}
    .yd_list li a img{
        width: 100%;
        height: 100%;}
    .yd_list li .yd_list_t{
        background-color: #ffffff;
        padding: 15px;}
    .yd_list li .yd_list_t a{
        line-height: 40px;
        height: 40px;
        overflow: hidden;
        font-weight: bold;
        color: #980000;}
    .yd_list li .yd_list_t p{
        line-height: 24px;
        font-size: 16px;}
    .yd_list li .yd_list_t span{
        line-height: 30px;}
    
}
@media screen and (max-width: 736px)
{
    .hide{
        display: none!important;}
    .yd_bg{
        display: block;
        background-image: url(../images/video.jpg);
        width: 100%;
        height: 200px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;}
    .video_s{
        height: 200px;}
    
}
@media screen and (max-width: 420px)
{
    .notice ul .lm{
    
        line-height: 100px;
        font-size: 18px
    ;}
    
}