@charset "utf-8";
*{margin:0;padding:0; color: #000; font-family: 'microsoft yahei';}
li{list-style:none}
a img{border:0}
a{text-decoration:none;cursor:pointer}
a:hover{color: #ee3e3f;}
input{ border: none;}
input:focus{ outline: none;}
.fl{float:left}.fr{float:right}
.clearfix:after{display:block;content:'';clear:both}
.clearfix{zoom:1}
body{ background-color: #fff;}
.wrap{ width:1300px; margin: 0 auto; position: relative;}
.banner{width:100%; height: 400px; background: url(/uploads/image/mimages/ztbg01-syn.jpg) no-repeat center top; position: relative;}
.banner .wrap{ padding-top: 16px;}
.lsj-logo{ display: block; width: 705px;}
.lsj-back{ position: absolute; right: 0; top: 16px; width: 116px; background-color: #ee3e3f; border-radius: 18px; font-size: 16px; line-height: 36px; text-align: center; color: #fff;}
.lsj-back:hover{ background-color: #fff; color:#ee3e3f;}
.banner-txt{ display: block; margin: 60px auto 0;}

.part01{ padding: 58px 0 24px;}
/* 轮播图 */
.part01 .leftbox{ float: left; width: 785px; height: 441px; background-color: #9c9c9c;}
.slidebox{width: 785px; height: 441px; overflow:hidden; position:relative;}

.slidebox .bd{ position:relative; height:100%; z-index:0;   }
.slidebox .bd li{ zoom:1; vertical-align:middle; }
.slidebox .bd img{ width: 785px; height: 441px; display:block;  }
.slidebox .bd li a{ display: block; width:100%;  height: 100%; position: relative;}
.slidebox .bd p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 65px; padding-right: 10px; padding-left: 10px; box-sizing: border-box;
     background: rgba(0,0,0,0.4); color: #fff; font-size: 18px; line-height: 64px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.slidebox .prev,
.slidebox .next{ position:absolute; left:0; top:50%; margin-top:-31px; display:block; width:33px; height:63px; background: url(/uploads/image/mimages/arr-left-syn.png) no-repeat;}
.slidebox .next{ left:auto; right:0; background-image: url(/uploads/image/mimages/arr-right-syn.png); }

.part01 .rightbox{ float: right; width: 470px;}
.newstop {padding-bottom: 5px; padding-top: 20px;}
.newstop a{display: block; height:72px; font-size: 22px; line-height: 36px; font-weight: bold; color: #da1618; overflow: hidden;}
.newslist{ font-size: 16px; line-height: 48px;}
.newslist li{ padding-left: 34px; background: url(/uploads/image/mimages/libg01-syn.png) no-repeat left center; position: relative;}
.newslist li a{ display: block; padding-right: 88px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newslist li .time{ position: absolute; right: 0; top:0; font-size: 14px;}


.part02{padding-top: 76px; padding-bottom: 68px; background: url(/uploads/image/mimages/ztbg02-syn.png) no-repeat center top; background-size: 100% 100%; }

.title{height:62px; position: relative; text-align: center;}
.title::before{ content: ''; position: absolute; left: 0; top: 27px; width: 100%; height: 1px; background: #ee3e3f; z-index: 0;}
.title a{ position: relative; display: inline-block; width: 240px; background:#ee3e3f; font-size: 40px; line-height: 62px; color: #fff; z-index: 1;}

.newslist02{padding:52px 60px 10px; margin-top: 36px; background-color: #fff;}
.newslist02 li{width: 47%; margin-bottom: 30px; box-sizing: border-box;}
.newslist02 li:nth-child(2n){ float: right;}
.newslist02 li:nth-child(2n 1){ float: left;}
.newslist02 li{ padding-left: 34px; background: url(/uploads/image/mimages/libg01-syn.png) no-repeat left center; position: relative;}
.newslist02 li a{ display: block; padding-right: 88px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newslist02 li .time{ position: absolute; right: 0; top:0; font-size: 14px;}


.part03{padding-top: 74px; padding-bottom: 20px;}
.newslist03{padding-top: 44px;}
.newslist03 li{position: relative; width: 48.15%; padding: 17px 36px 17px 36px;  margin-bottom: 40px; background-color: #f5f5f5; box-sizing: border-box; }
.newslist03 li:nth-child(2n){ float: right;}
.newslist03 li:nth-child(2n 1){ float: left;}
.newslist03 li a{display: block; height:36px; font-size: 22px; line-height: 36px; font-weight: bold; overflow: hidden;}
.newslist03 li:hover{ background-color: #da1618; }
.newslist03 li:hover a{color: #fff;}

.footer{padding: 40px 0; background-color: #ee3e3f; }
.footer p{font-size: 16px; line-height: 30px; color: #fff; text-align: center;}
.footer p span{ display: inline-block; margin-right: 15px; color: #fff;}


@media (max-width: 1320px) and (min-width:1000px){
    .wrap{ width:1000px;}
    /* 轮播图 */
    .part01 .leftbox{ width: 600px; height: 337px;}
    .slidebox{width: 600px; height: 337px;}
    .slidebox .bd img{ width: 600px; height: 337px; display:block;  }
    .slidebox .bd li a{ display: block; width:100%;  height: 100%; position: relative;}
    .slidebox .bd p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 65px; padding-right: 100px; padding-left: 10px; box-sizing: border-box;
        background: rgba(0,0,0,0.4); color: #fff; font-size: 18px; line-height: 64px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

    .part01 .rightbox{ width: 370px;}
    .title{height:54px;}
    .title::before{top: 22px;}
    .title a{ line-height: 54px;}
    .newstop {padding-top: 10px;}
    .newstop a{display: block; height:60px; font-size: 20px; line-height: 30px;}
    .newslist{ font-size: 16px; line-height: 36px;}
    .newslist li{ padding-left: 26px;}
    .newslist li a{padding-right: 88px;}
    
    
}
@media (max-width: 999px) and (min-width:320px){
    html{ max-width: 750px; margin: 0 auto !important;}
    .wrap{ width:96%;}
    .banner{width:100%; height: 240px; background-size: cover;}
    .banner .wrap{ padding-top: 20px;}
    .lsj-logo{ width: 215px;}
    .lsj-logo img{ display: block; width: 100%;}
    .lsj-back{top: 20px; width: 80px; font-size: 14px; line-height: 32px;}
    .banner-txt{max-width: 70%; margin: 40px auto 0;}
    .part01{ padding: 30px 0 10px;}
    /* 轮播图 */
    .part01 .leftbox{ width: 100%; height: 240px; margin-bottom: 20px;}
    .slidebox{width: 100%; height: 240px;}
    .slidebox .bd img{ width: 100%; height: 240px; }
    .slidebox .bd p{height: 40px; font-size: 16px; line-height: 40px;}
    
    .part01 .rightbox{ width: 100%;}
    .newstop a{height:auto; font-size: 20px;}
    .newslist{ font-size: 16px; line-height: 48px;}
    .newslist li{ padding-left: 26px; background-size: 16px 14px;}
    .newslist li a{ padding-right: 68px;}
    
    
    .part02{padding-top: 30px; padding-bottom: 30px; background: #fee9e9;}
    
    .title{height:40px;}
    .title::before{ top: 18px;}
    .title a{ width: 200px;font-size: 26px; line-height: 40px;}
    
    .newslist02{padding:30px 15px 0; margin-top: 20px;}
    .newslist02 li{width: 100%;}
    
    .part03{padding-top: 30px; padding-bottom: 20px;}
    .newslist03{padding-top: 30px;}
    .newslist03 li{width: 100%; padding: 15px;  margin-bottom: 20px;}
    .newslist03 li a{display: block; height:auto; font-size: 20px;}
    
    .footer{padding: 30px 0;}
    .footer p span{ margin-right: 0;}
    
}