@charset "utf-8";
html, body, a, p, ul,ol, li, dl, dt, dd, div, h1,td, h2, h3, h4, h5, h6, span, strong, em, i, img, form, input, table,td,tr {box-sizing:border-box;margin:0;padding:0;}
html,body {width:100%;font-size: 14px;color: #333333;font-family: "microsoft yahei";}
li {list-style: none;}
img {border:0;vertical-align:middle}
a {text-decoration:none;color: #333333;}
.fl {float:left;}
.fr {float:right;}
.ofh{ overflow: hidden;}
.mag{ margin: 0 auto;}
.cb{ clear: both;}
.clearfix:before,.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.container {width: 1200px;margin: 0 auto;}
.container1{ width: 1350px;margin: 0 auto;}
em{ font-style: normal;}


/*电脑屏幕大于1440*/
/*头部*/
.header{background:url('header230504.jpg') no-repeat center 0; background-size: cover; width: 100%; height: 244px; }

/*内容*/
.content {width: 100%; overflow: hidden; }
.breadcrumb{ color: #666; font-size: 14px; height: 40px; line-height: 40px; margin-top: 20px;}
.breadcrumb p a{ display: inline-block; margin: 0 10px;}
.left-con{ width: 840px; float: left;}
.right-con{width: 310px; float: right;}
.left-list h3{ font-size: 28px;border-bottom: solid 1px #e4e4e4;}
.left-list h3 a{ border-bottom: solid 1px #a43337; color: #b4000c;  padding: 20px 0; display: inline-block; }
.left-list ul li{ display: flex; justify-content: space-between; border-bottom: dashed 1px #bababa; font-size: 18px; line-height: 30px; padding: 20px 0;}
.left-list ul li span{ width: 130px; display: block; color: #b3082a;}
.left-list ul li a{ width: 680px; display: block;}
.right-con h2{ font-size:16px; color: #fff; background: #b4000c; text-align: center; line-height: 38px; border-radius: 20px; width: 100px; font-weight: normal; margin: 20px 0 15px 0;}
.new-div{ background: url(shuline230504.jpg) repeat-y 3px 0; clear: both;}
.tit{border-bottom: solid 1px #e1e1e1 ; margin-bottom: 20px; display: inline-block; width: 90%;}
.titcon::before{ content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: #9f212d; margin-right: 15px;}
.tit span{border-bottom: solid 1px #9f212d; color: #b10024; font-size: 20px; display: inline-block; padding: 12px 0;}
.new-div dl{ margin-bottom: 20px;}
.new-div dl dt{color: #ceb5ae; font-size: 14px; margin-bottom: 10px;}
.new-div dl dt::before{content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 100%; border: solid 1px #989898; margin-right: 15px;}
.new-div dl dd{font-size: 16px; color: #55595a; padding-left: 21px;}
.list_page{ margin-top: 20px;}
.footer{ background: #e0000b; height: 130px; padding-top: 30px;  }
.footer dl{ color: #fff; line-height: 36px; text-align: center;}
.footer dl dt{ font-weight: bold; font-size: 20px;}
.footer dl dd{ font-size: 16px;}
.footer dl dd a{color: #fff; }

/* 轮播 */
#scroll-div2 { position: relative; width: 310px; height: 330px; overflow: hidden; float: left; margin-right: 30px; border: solid 1px #f3f3f3;  margin-bottom: 30px; }
#scroll-div2 .yslider-stick {  z-index: 99; position: absolute; bottom: 18px; left: 0;  right: 0;  display: flex; justify-content: center; }
#scroll-div2 .yslider-stick li { width: 10px; height: 10px;  background: #d0d0d0; margin-left: 10px; border-radius: 100%;}
#scroll-div2 .yslider-stage p{ position: relative;}
#scroll-div2 .yslider-stage p img{ height: auto; width: 310px; margin-bottom: 10px;}
#scroll-div2 .yslider-stage p span{ display: block;  color: #333; height: 45px; line-height:22px; padding-left: 10px;}
#scroll-div2 .yslider-stage p span em{ width: 300px; font-size: 16px; display: block;text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 2;			
	line-clamp: 2;					
	-webkit-box-orient: vertical;
}
#scroll-div2 .yslider-stick p a{ display: block;}
#scroll-div2 .yslider-stick li a { display: block;}
#scroll-div2 .yslider-stick li.selected { background: #a50300;}
/* 轮播结束 */




/*电脑屏幕小于1440*/
@media  screen and (max-width:1440px) {
.header{height: 82px;background-size: 150%; }


#scroll-div2{ width: 510px;}
#scroll-div2 .yslider-stage p img{width: 510px;}

.container {width: 1000px;margin: 0 auto;}
.container1{ width: 1150px;margin: 0 auto 60px;}


.tit1{ width: 1000px; margin: 0 auto;}

}

/*移动端*/
@media  screen and (max-width:1000px) {
    html,body {font-size: 100%;}
    .container {width: 100%;}
    .container1{ width: 100%;}
    .hy_header{background-size: 260% auto;}
    .part1bg{ padding-top: 10px;}
   
    #scroll-div2 { position: relative; width: 7rem; height: 7.5rem; overflow: hidden; float: none; margin: 0 auto .3rem;}
    #scroll-div2 .yslider-stage p span{ display: block;  color: #333; height: .8rem; line-height: .8rem; padding-left: 10px;}
    #scroll-div2 .yslider-stage p span em{ width: 6.9rem; font-size: .3rem; line-height: .5rem; text-overflow: -o-ellipsis-lastline;
        overflow: hidden;				
        text-overflow: ellipsis;		
        display: -webkit-box;			
        -webkit-line-clamp: 2;			
        line-clamp: 2;					
        -webkit-box-orient: vertical;	}
    #scroll-div2 .yslider-stage p img{width: 7rem; height: auto; margin-bottom: 0;}
    #scroll-div2 .yslider-stick{ bottom:13px}

    .left-con{ width: 7rem; margin: 0 auto;float: none;}
    .right-con{width: 7rem; margin: 0 auto; float: none;}
    .left-list ul li{ display: block}
    .left-list ul li span{ width:6.9rem ; margin: 0 auto;}
    .left-list ul li a{ width:6.9rem ; margin: 0 auto;}
    .right-con h2{ clear: both;}
    .breadcrumb{ line-height: .36rem;}
    .left-list h3{ font-size: .4rem;}
    
}

@media  screen and (max-width:750px) {
    .header .container img{ width: 40%;}
}

@media  screen and (max-width:768px) {

}
