.picnews{
   width:690px;
height:388px;
overflow:hidden;
}

.picnews img{
width: 100%;
height: auto;
display: block;
}
.xyheadline h1{
	color: #fff;
font-size: 42px;
}

.breadcrumb{

font-size: 1.2em;
}
.banner{

    position: relative;
    width: 100%;
}
.banner img{
    width: 100%;
}
.bolang {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 10;
}
.bolang img{
    width: 100%;
}
.banner .swiper-button-prev{
    background-image: url("../images/left.png") !important;
    left: 10%;
}
.banner .swiper-button-next{
    background-image: url("../images/right.png") !important;
    right: 10%;
}
.lan2{
    margin: 5px auto 0px;
}
.huodongcon{

    width: 30%;
}
.huodong{

    box-shadow: 1px 0px 17px 2px #f5f5f5;

    overflow: hidden;

    margin-top: 36px;
}
.huodongimg{

}
.huodongimg img{

    width: 100%;
}
.huodong h2{

    font-weight: normal;

    font-size: 14px;

    margin: 5px auto;

    line-height: 22px;

    width: 96%;
}
.huodong h2 a{

    color: #3f3738;
}
.huodong h2 a:hover{
    color: #a20000;
}
.huodong h4{

    font-weight: normal;

    width: 95%;

    margin: 0 auto 10px;

    overflow: hidden;

    line-height: 20px;
}
.huodong h4 span{

    font-size: 14px;
}
.huodong h4 a{

    float: right;

    font-size: 14px;

    color: #666;
}
.index_news{

    width: 93%;

    margin: 0 auto;
}

.main-title{
    /* float: left; */
    width: 98%;
    border-bottom: 1px solid #e5e5e5;
    margin:35px 0 15px;
    overflow: hidden;
}

.main-title h4{
    float: left;
    font-size: 22px;
    color: #000;
    padding-bottom: 7px;
    border-bottom: 4px solid #a20000;
    margin-bottom: 1px;
    font-weight: normal;
    padding-right: 22px;
}

.main-title a{
    float: right;
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}
.main-list2 .list-S{
    width: 100%;
    margin-bottom: 7px;
    height: 50px;
}

.main-list2 .list-S a{
    display: block;
    color: #333333;
    font-size: 16px;
    position: relative;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 2px 0 2px 69px;
}

.main-list2 .list-S span{
    width: 62px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    display: block;
    color: #953734;
    
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 1px;
}



.main-list1 .media-left{
    text-align: center;
    padding-left: 10px;
    padding-top: 2px;
    padding-right: 10px;
    background-color: #a20000;
    color: #fff;
    width: 6rem;
}

.main-list1 .media-left small{
    /* width: 62px; */
        height: 17px;
    display: block;
    line-height: 19px;
    color: #fffdfe;
    font-size: 12px;
}

.main-list1 .media-left strong{
    /* width: 62px; */
   height: 28px;
    line-height: 28px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    /* background: #eaeaea; */
}

.main-list1 .media-right{
    padding-left: 19px;
    vertical-align: middle;
}

.main-list1 .media-right a{
    display: block;
    font-size: 16px;
    color: #6f0d28;
    line-height: 26px;
    max-height: 52px;
    overflow: hidden;
}

.main-list1 .media-right a:hover{
    color: #024a85;
}

.main-list1 li{
    margin: 8px 2em 8px;
    border-bottom: dotted 1px #cdc2c2;
    min-height: 4.2em;
}
.main-list1 li:last-child {
    border-bottom: none;
}
.main-list1 {
    border: dotted 1px #e5dfdf;
    box-shadow: 1px 1px 14px 2px #f3eded;
	padding-top: .4em;
}

.main-list1:hover {
	transition: all 0.3s ease-in-out;
    box-shadow: 1px 3px 17px 4px #f3eded;
	
}

.main-note{

    width: 36.5%;

    position: relative;

    padding-bottom: 24px;
}
.main-note >img{
    position: absolute;
    left: 0;
    top: 0;
    width: 112%;
    height: 100%;
}
.main-notecon{
    width: 94%;
    margin: 0 auto;
    position: relative;
}
.main-notecon:after{
    position: absolute;
    background: #edede9;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;

}
.boxcon{
    width: 98%;
    margin: 0 auto;
    overflow: hidden;
}

.dt{

    overflow: hidden;

    width: 98%;
}
.dt a{
    display: block;
    color: #111010;
    font-size: 16px;
    height: 3.5em;
    line-height: 3.5em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 1px dotted #afafaf;
    position: relative;
    padding-left: 1em;
}
.dt a span{
    font-size: 1em;
	color: #9c9c9c;
	float: right;
}

.dt a:before{
    content: "";
        width: 5px;
        height: 5px;
        background: #cbcbcb;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -2px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s cubic-bezier(1, -0.63, 0, 0.67);
	
}

.dt a:hover{
    color: #a20000;
    transition: all 0.3s ease-in-out;
	box-shadow: inset 0px 5px 15px 1px rgb(194 194 194 / 20%);
}
.bg1{
    background: url("../images/bg1.png") no-repeat;
    background-size: 100% 100%;
    padding-bottom: 30px;
	padding-top: 1px;
margin-top: 20px;
}
.bg3{
    background: #fdfdfd;
    padding-bottom: 30px;
}
.kjdh{
   
    background-size: 100% 100%;
    width: 99%;
    
    margin-top: 1px;

}

.kjdh a{
    width: 210px;
    height: 90px;
    background-color: #eeeeee;
    text-align: center;
    display: block;
   
    color: #a20000;
    overflow: hidden;
	padding-top: 3.8em;
	font-size: 1.1em;
	transition: 300ms;
}

.kjdh .l1 a{
	background: url("../images/icon1_2.png") no-repeat 50% 20%;
	background-color: #eeeeee;
}

.kjdh .l1 a:hover{
	background: url("../images/icon1.png") no-repeat 50% 20%;
	background-color: #a20000;
	color: #fff;
}

.kjdh .l2 a{
	background: url("../images/icon2_2.png") no-repeat 50% 20%;
	background-color: #eeeeee;
}
.kjdh .l2 a:hover{
	background: url("../images/icon2.png") no-repeat 50% 20%;
	background-color: #a20000;
	color: #fff;
}

.kjdh .l3 a{
	background: url("../images/icon3_2.png") no-repeat 50% 20%;
	background-color: #eeeeee;
}
.kjdh .l3 a:hover{
	background: url("../images/icon3.png") no-repeat 50% 20%;
	background-color: #a20000;
	color: #fff;
}

.kjdh .l4 a{
	background: url("../images/icon4_2.png") no-repeat 50% 20%;
	background-color: #eeeeee;
}
.kjdh .l4 a:hover{
	background: url("../images/icon4.png") no-repeat 50% 20%;
	background-color: #a20000;
	color: #fff;
}

.kjdh .l5 a{
	background: url("../images/icon5_2.png") no-repeat 50% 20%;
	background-color: #eeeeee;
}
.kjdh .l5 a:hover{
	background: url("../images/icon5.png") no-repeat 50% 20%;
	background-color: #a20000;
	color: #fff;
}

.kjdh .l6 a{
	background: url("../images/icon6_2.png") no-repeat 50% 20%;
	background-color: #eeeeee;
}
.kjdh .l6 a:hover{
	background: url("../images/icon6.png") no-repeat 50% 20%;
	background-color: #a20000;
	color: #fff;
}

.kjdh a:hover{
    background: #720202;
}
.kjdh a h2{
    margin-top: 10px;
    margin-bottom: 4px;
    height: 40px;
}
.one{
    background: url("../images/dtbg.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    width: 98%;
}
.time{

    margin: 10px;
}
.one a{

    color: #333;

    font-size: 16px;

    width: 91%;

    margin: 10px auto;

    display: block;
}
.des{

    width: 91%;

    margin: 10px auto;

    text-indent: 2em;

    color: #666;

    height: 50px;

    line-height: 25px;
}
.view{

    text-align: right;
}
.view a{

    font-size: 14px;
}
.view a:hover{
    color: #a20000;
}
.yugao{

    overflow: hidden;
background: url("../images/yugaobg.png");
	
    
}


.yugaoL{

    float: left;

    width: 210px;
padding: 0em 1.5em 1em;
}
.yugaoL img{

    width: 100%;
	margin-top: 1em;
	
}
.yugaoR{

    float: left;

    width: 57%;

    margin-left: 2em;
	margin-top: 1em;
}
.yugaoone{

}
.yugaoone a{

    color: #2e2e2e;

    font-size: 19px;
}
.yugaoone p{

    color: #646464;

    font-size: 16px;

    margin: 1em 0;
}
.yugaoone p.yugaodes{

    color: #646464;
	text-indent: 2em;

    font-size: 16px;

    margin: 19px 0;
}

.yugaoone p img{
    margin-right: 10px;
    vertical-align: sub;
}
.yugaolist{

    overflow: hidden;

    color: #333;

    display: block;

    border-bottom: 1px solid #c6c0c1;

    padding: 0 0 12px 0;

    margin-bottom: 13px;
}
.yugaolistL{

    float: left;

    text-align: center;

    background: #a20000;

    color: #fff;

    width: 60px;

    height: 60px;
}
.yugaolistL h2{

    font-size: 22px;

    margin-top: 6px;
}
.yugaolistL p{

    font-size: 14px;
}
.yugaolistR{float: left;margin-left: 15px;}
.yugaolistR h2{

    font-size: 17px;

    font-weight: normal;

    margin-bottom: 10px;

    margin-top: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.yugaolistR p{

    font-size: 14px;
}
.yugaolistR p span{
    margin-right: 9px;
    overflow: hidden;
    display: block;
    float: left;
}
.yugaolistR p span img{
    height: 17px;
    margin-right: 10px;
    /* vertical-align: sub; */
    float: left;
    /* padding-top: 1px; */
    margin-top: 2px;
}
.yugaolistR p span i{
    float: left;
    font-style: normal;
}
.zhuanti{
    background: url("../images/zhuantibg.png");
    overflow: hidden;
    background-size: cover;
    padding: 20px 0;
}
.zhuanti h2{
    text-align: center;
    display: block;
    margin: 20px auto 30px;
    /* overflow: hidden; */
}
.zhuanti h2 span{

    border-bottom: 5px solid #a20000;

    font-size: 22px;

    font-weight: normal;

    padding-bottom: 7px;

    padding-left: 11px;

    padding-right: 13px;
}

.zhuanti img{
	max-width: 100%;
	height: auto;
	padding: 1em;
}

.zt1{

    overflow: hidden;

    width: 98%;
}
.zt1 a{

    display: block;

    float: left;
}
.zt1 a:first-child{

    width: 59%;
}
.zt1 a:last-child{

    float: right;

    width: 40%;
}
.zt1 a img{

    width: 100%;

    height: 190px;
}
.zt2{

    display: block;

    margin-top: 12px;

    width: 98%;
}
.zt2 img{

    width: 100%;

    height: 177px;
}
.gguanli{

    display: block;

    overflow: hidden;

    /* width: 90%; */
}
.gguanli img{

    width: 100%;

    height: 380px;
}
.gulimark{

    position: absolute;

    bottom: -100%;

    width: 100%;

    color: #fff;

    background: url("../images/xiaoyoumark.png") bottom no-repeat;

    height: 64%;

    left: 0;

    background-size: 100% 100%;
    transition: 600ms;
}
.gguanli:hover .gulimark{
    bottom: 0;
}
.gulimark h2{

    width: 90%;

    margin: 10px  auto;

    margin-top: 22%;

    text-align: left;

    font-size: 18px;
}
.gulimark p{

    width: 90%;

    margin: 10px auto;
}
.zhuantimore{
    text-align: center;
    margin-bottom: 40px;
    margin-top: 10px;
}
.zhuantimore a{
    color: #fff;
    background: #930000;
    padding: 4px 30px;
    border-radius: 20px;
}

/*list*/
.pagebaner{

    position: relative;
}
.pagebaner >img{
    width: 100%;
}
.pagebannercon{

    position: absolute;

    bottom: 0;

    width: 100%;
}
.pagenav{
    background: url(../images/pagenav.png) no-repeat;
    height: 58px;
    overflow: hidden;
}
.pagenav span{

    float: left;

    font-size: 21px;

    margin: 10px 20px;

    margin-top: 15px;

    border-bottom: 4px solid transparent;

    display: block;

    font-weight: 700;

    padding-bottom: 10px;
    color: #680000;
}
.pagenav span.on{
    color: #680000;
    border-bottom: 4px solid #680000;
}
.pagenav2{

    float: left;

    margin-top: 18px;
}
.pagenav2 a{

    color: #333;

    font-size: 20px;

    margin: 0 18px;

    display: block;

    float: left;

    border-bottom: 4px solid transparent;

    padding-bottom: 7px;
}
.pagenav2 a.active{
    border-bottom: 4px solid #680000;

}
.pagenav2 a:hover{
    border-bottom: 4px solid #680000;

}
.pagemain{
    background:#f9f9fa url("../images/aboutbg.png") no-repeat 0 -360px;
    background-size: 100%;
    overflow: hidden;
}
.pagecon{

    margin: 60px auto;
}
.slide{
    background: #fff url("../images/slidebg.png") no-repeat bottom;
    background-size: 100%;
    width: 17%;
    min-height: 920px;
    box-shadow: 1px 1px 8px 3px #ddd;
    padding-top: 18px;
}
.slide >li > a{

    width: 180px;

    height: 60px;

    display: block;

    margin: 10px auto;

    background: #f7f7f9;

    line-height: 60px;

    text-align: center;

    color: #a20000;

    font-size: 20px;
    cursor: pointer;
}
.slide >li > a.active{
    background:#a20000 ;
    color: #fff;
}

.slide >li > a i.on{
    transform: rotateZ(90deg);
}
.slide a:hover{
    background:#a20000 ;
    color: #fff;
}
.slide a.on{
    background:#a20000 ;
    color: #fff;
}
.thr-sub{
display: none;
}
.thr-sub a{
    display: block;
    text-align: center;
    height: 40px;
    border-bottom: 1px solid #ddd;
    width: 72%;
    margin: 0 auto;
    line-height: 40px;
}
.pageconR{

    box-shadow: 1px 1px 8px 3px #ddd;

    background: #fff;

    width: 81%;

    float: right;
    height: auto;
}
.pageconR ul{

}
.pageconR ul li{

    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}
.newsconR{

    box-shadow: 1px 1px 8px 3px #ddd;
    background: #fff;
    width: 81%;
    float: right;
    height: 920px;
}
.newsconR ul{
	/* list-style-image: url('../images/dot.png'); */
	/* list-style-type: disc; */

}
.newsconR ul li{

    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 5px 0em 0 4em;
	background: url('../images/dot.png') ;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 6%;

}


.timesj{

    float: left;

    border: 1px solid #a20000;

    width: 89px;

    height: 66px;

    margin: 18px 40px 10px;
}
.timesj h2{

    background: #a20000;

    color: #fff;

    font-size: 15px;

    text-align: center;

    height: 35px;

    line-height: 35px;

    font-size: 17px;

    font-weight: normal;
}
.timesj p{

    text-align: center;

    line-height: 27px;
}
.dataR{

    float: left;

    height: 50px;

    line-height: 50px;

    font-size: 18px;

    color: #111010;
}
.pages{

    text-align: center;

    margin: 60px 0;
}
.pages a{

    color: #999;

    width: 36px;

    height: 36px;

    display: inline-block;

    text-align: center;

    line-height: 36px;
}

span.p_prev_d{
    margin:0 1em;
}

.pages span span a{

    color: #999;

    width: 36px;

    height: 36px;

    display: inline-block;

    text-align: center;

    line-height: 36px;
}

.pages span{

    color: #999;

    height: 36px;

    display: inline-block;

    text-align: center;

    line-height: 36px;
}

.pagenumber{

    color: #666 !important;
}
.pagenumber.active{

    background: #720202;

    color: #fff !important;
}
.p_no_d{

    background: #720202;

    color: #fff !important;
padding:0 1em;
margin:0 .5em;
}

span.p_no a{
   border: 1px solid #ddd;
   margin:0 .5em;
}

/*detail*/
.detailtxt{

    overflow: hidden;

    width: 85%;

    margin: 50px auto;
}
.detailtxt h1{

    font-size: 25px;

    color: #222222;

    font-weight: bold;

    text-align: center;
}
.articaltxt{

    text-align: center;

    color: #7f7e7e;

    font-size: 14px;

    border-bottom: 1px solid #ddd;

    line-height: 60px;
	padding: 10px 0;
}

.aboutxt{
	margin:30px auto 0;

    text-align: center;
	width: 15%;
	height: 0.4em;
	line-height: 0.2em;
	border: 1px solid #a20000;
	border-radius: 10px;

    background-color: #a20000;
}
.articaltxt span{

}
.detailtxtcon{

    margin: 30px 0;

    /* line-height: 36px; */
}
.detailtxtcon p{

    font-size: 16px;
	text-indent: 2em;

    line-height: 2.2em;
    text-align: justify;
}

/*shizi*/
.shizilist{

    width: 91%;

    margin: 30px auto;
}
.shizilist h2{background: url("../images/shizititle.png") no-repeat;background-size: 100% 100%;border-left: 6px solid #a20000;border-bottom: 1px solid #000;font-size: 21px;color: #a20000;font-weight: 700;padding: 14px;font-weight: normal;}
.shizilistcon{

    overflow: hidden;
}
.shizilistcon a{

    font-size: 18px;

    color: #000;

    width: 20%;

    margin: 20px 0;

    float: left;

    text-align: center;
}

/*shizi*/
.pagecon2{
    background: #fff;
}
.shizidL{

    float: left;

    margin: 40px;

    width: 354px;
    padding-left: 3em;
}

.shizidL p{
    padding-right: 4em;
   
}
.shizidL img{

    /* width: 354px; */
}
.renxiangdes{
    margin-top: 10px;
}

.renxiangdes p{

    margin-bottom: 7px;

    overflow: hidden;
}
.renxiangdes p img{

    float: left;

    margin: 4px;
}

.shizidR{

    float: left;

    width: 63%;
}
.teacher{

    display: inline-block;

    border-bottom: 1px solid #000;

    padding-bottom: 7px;

    margin: 20px 0;

    margin-top: 38px;
}
.teacher b{

    margin: 0 10px;
}
.teacher span{

    font-weight: normal;

    font-size: 20px;
}
.teacherdes{

}
.teacherdes h3{

    margin-bottom: 11px;
}
.teacherdes h3 img{

}
.teacherdes p{

    font-size: 16px;

    line-height: 28px;

    text-indent: 2em;
}
.pagecon3{
    width: 80%;
    margin: 40px auto;
}
.renxiang img{
    width: 100%;
}
@media (max-width: 991px) {
    .huodongcon{
        width: 100%;
    }



    .main-note{
        width: 100%;
    }
    .lan2{
        margin: 20px auto;
    }
    .shizidL{
        width: 100%;
        margin: 0;
    }
    .shizidR{
        width: 100%;
    }
    .pagecon{
        margin: 20px auto;
        padding: 15px 10px;
    }
    .pagecon3{
        width: 100%;
    }
    .pagebaner{
        overflow: hidden;
    }
    .pagebaner >img {
        width: auto;
        height: 222px;
    }
    .pagenav{
        display: flex;
    }
    .pagenav2{
        display: flex;
        
        width: 85%;
    }
    .pagenav2 a{
        flex: none;
    font-size: 14px;
margin: 0 8px;
    }
    .pagenav span{
        width: 100px;
font-size: 1.2em;
margin: 15px 10px;
    }
    .slide{
        display: none;
    }
    .pageconR{
        width: 100%;
    }
	.newsconR{
	    width: 100%;
	}
    .timesj{
        margin: 10px 5px;
    }
    .pageconR ul li{
        display: flex;
        padding: 10px;
    }
	.newsconR ul li{
	    display: flex;
	    padding: 10px;
            background: none ;
	}
	.newsconR ul li span{
	    margin-right:1px;
	    padding: 5px 5px;
	}
    .dataR {
        float: left;
        height: 4em;
        line-height: 26px;
        font-size: 18px;
        color: #111010;
        
        width:93%;
    }
}
@media (max-width: 768px) {
    .lan2{
        margin: 20px auto;
    }

.xyheadline h1 {
    font-size: 1rem;}

.huodong{
  margin-top: 0px;

}

.cid-tflvEUa9hw{

    padding-top: 1rem;
}
.picnews{
   width:355px;
height:200px;
overflow:hidden;
}

.yuandi{
margin-top:1em;
} 
    .banner{
        margin-top: 53px;
    }
    .yugaoL{
        width: 100%;
    }
    .yugaoR{
        width: 100%;
        margin-left: 0em;
    }
.yugaoone p{
  padding: 0 .5em;

}
.newsconR ul{
  padding-right: 10px;
margin-left: 10px;

}
.main-list1 .media-left{

padding-left: 12px;
padding-right: 12px;
}

.main-list1 li{
  margin: 8px 1em 8px;
}
.footerlogo img{
height: 60px;
    padding-left: 1em;

}

.main-list1 .media-left small{
width: 3em;

}

.kjdh a{
   width: 163px;

}

    .yugaolist{
        display: flex;
    }
    .zt1 a:first-child{

        width:100%;
    }
    .zt1 a:last-child{

        float: right;

        width: 100%;
    }
    .zt1{
        width: 100%;
    }
    .zt2{
        width: 100%;
    }
    .zt1 a img{
        height: auto;
    }
    .bg1{
        background-size: cover;
    }
    .bg3{
        background-size: cover;
    }
    .huodongcon{
        width: 100%;
    }
    .main-note{
        width: 100%;
    }

    .yugaolistR{
        width: 80%;
    }
    .zt2{
        margin-bottom: 15px;
    }
    .zt1 a{
        margin-bottom: 15px;
    }
    .main-note >img{
        width: 100%;
    }
    .main-notecon{
        overflow: hidden;
    }
    .pageconR{
        height: auto;
    }
    .gguanli img{
        height: auto;
    }
    .zt2 img{
        height: auto;
    }
}

#vsb_content_2 IMG{
   border: #ccc 0px solid !important;
margin-top:1em !important;
}

#vsb_content_2 P {
    LINE-HEIGHT: 2em !important;
    text-indent: 2em !important;
    font-size: 16px !important;
    text-align: justify;
}

.vsbcontent_end span{
    text-indent: 0em;
    text-align: right;
}

#vsb_content_2 P img {
    
    height: auto;
   display:block;
margin:0 auto;
}
#vsb_content_2 span{
        LINE-HEIGHT: 2.4em !important;
    text-indent: 2em !important;
    font-size: 18px !important;
}
.img_vsb_content{

    
    height: auto;
   display:block;
margin:0 auto;
max-width: 100%;

}


/* 专题 */
.images {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  height: 200px;
 
}

.images img {
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.images .text__block {
    transform: translateY(60px);
    position: absolute;
    padding: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: linear-gradient(to top, rgba(23, 22, 26, 0.6), transparent);
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
	padding: 1em;
}

.images:hover .text__block {
  transform: translateY(0);
  
}

.images:hover img {
  transform: scale3d(1.1, 1.1, 1);
}

.images .text__block {
  transform: translateY(60px);
  position: absolute;
  padding: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: linear-gradient(to top, rgba(23, 22, 26, 0.6), transparent);
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

#u_u2_div{
   background-color:#fff !important;
}

/* xiaoyouhead */

.xiaoyoubanner{
	position: relative;
}
img.xiaoyoubanner{
	width: 100%;
}
.xyheadline{
	position: absolute;
	z-index: 1;
	bottom: 32%;
        right: 20%;
}

/*浮动*/

.uk-container-center {
  margin-left: auto;
  margin-right: auto;
}
.float-left{float:left !important;}
.float-right{float:right !important;}
.clear{clear:both;}
.centered {
  float:none!important;
  margin-left:auto!important;
  margin-right:auto!important
}

/*边距*/
.padding-large{padding:30px;}
.padding-large-top{padding-top:30px;}
.padding-large-right{padding-right:30px;}
.padding-large-bottom{padding-bottom:30px;}
.padding-large-left{padding-left:30px;}
.padding-big{padding:20px;}
.padding-big-top{padding-top:20px;}
.padding-big-right{padding-right:20px;}
.padding-big-bottom{padding-bottom:20px;}
.padding-big-left{padding-left:20px;}
.padding{padding:10px;}
.padding-top{padding-top:10px;}
.padding-right{padding-right:10px;}
.padding-bottom{padding-bottom:10px;}
.padding-left{padding-left:10px;}
.padding-small{padding:5px;}
.padding-small-top{padding-top:5px;}
.padding-small-right{padding-right:5px;}
.padding-small-bottom{padding-bottom:5px;}
.padding-small-left{padding-left:5px;}
.padding-little{padding:2px;}
.padding-little-top{padding-top:2px;}
.padding-little-right{padding-right:2px;}
.padding-little-bottom{padding-bottom:2px;}
.padding-little-left{padding-left:2px;}
.margin-large{margin:30px;}
.margin-large-top{margin-top:30px;}
.margin-large-right{margin-right:30px;}
.margin-large-bottom{margin-bottom:30px;}
.margin-large-left{margin-left:30px;}
.margin-big{margin:20px;}
.margin-big-top{margin-top:20px;}
.margin-big-right{margin-right:20px;}
.margin-big-bottom{margin-bottom:20px;}
.margin-big-left{margin-left:20px;}
.margin{margin:10px !important;clear:both;}
.margin-top{margin-top:10px;}
.margin-right{margin-right:10px;}
.margin-bottom{margin-bottom:10px;}
.margin-left{margin-left:10px;}
.margin-small{margin:5px;}
.margin-small-top{margin-top:5px;}
.margin-small-right{margin-right:5px;}
.margin-small-bottom{margin-bottom:5px;}
.margin-small-left{margin-left:5px;}
.margin-little{margin:2px;}
.margin-little-top{margin-top:2px;}
.margin-little-right{margin-right:2px;}
.margin-little-bottom{margin-bottom:2px;}
.margin-little-left{margin-left:2px;}



.crumbs ol li a{
color: #a20000;
}

@media (max-width: 450px)
.xyheadline h1 {
    font-size: 1rem;
}