.module-top{
    background: url(/images/slimages/bk1.png) repeat-x top center;
    min-height: 325px;
    padding-top: 30px;
}
.module-top .fl{
    width: 600px;
    height: 360px;
}
/*轮播图样式，外层只需规定宽高即可*/
.banner{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.banner * { margin: 0; padding: 0; list-style-type: none; text-decoration: none; }
.banner ul{ width: 100%; height: 100%; position: relative; left: -100%; top: 0; transition: 0.5s; font-size: 0; -webkit-text-size-adjust:none; white-space: nowrap; }
.banner ul.active{ transition: 0s; }
.banner ul li{ width: 100%; height: 100%; position: relative; display: inline-block; vertical-align: top; }
.banner ul li img{ width: 100%; height: 100%; border: none; display: block; }
.banner ul li p{ position: absolute; bottom: 0; left: 0; /*padding-top: 35px;*/ line-height: 40px; width: 100%; background: url("/images/slimages/banner-bg.png") left bottom repeat-x;   box-sizing: border-box; padding-right: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 15px; text-indent: 10px; }
.banner ol{ position: absolute; right: 10px; bottom: 15px; height: 10px; z-index: 10;}
.banner ol li{ width: 10px; height: 100%; background: #fff; display: inline-block; margin-right: 8px; cursor: pointer; vertical-align: top; border-radius: 0; transition: 0.5s; }
.banner ol li.active{ background: #098553; width: 40px; }
/* .banner .prev,.banner .next{ position: absolute; z-index: 20; top: 0; bottom:0; margin:auto; width: 30px; height: 50px; background: url(/css/images/site2021/icon.png); cursor: pointer; opacity: .3; transition: opacity .3s;} */
.banner:hover .prev,.banner:hover .next{ opacity: 1; }
.banner .prev{ left: 10px; background-position: left bottom; }
.banner .next{ right: 10px; }
.banner.fade ul{ left: 0; }
.banner.fade ul li{ position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.5s linear; }
.banner.fade ul li.active{ z-index: 1; opacity: 1; }
.banner.lot .lotBox{ width: 20%; height: 100%; position: relative; }
.banner.lot ul li{ padding: 0 3%; box-sizing: border-box; }
.banner.lot ul li p{ position: static; padding: 0; background: none; text-indent: 0; color: #333; text-align: center; }
.banner.updown ul{ left: 0; top: -100%;  }
.banner.updown ul li{ display: block; }
.banner.updown ol{ left: 50%; right: auto; margin-left: -60px; }

.module-top .fr{
    width: 650px;
}
.module-top .bor1{
    height: 348px;
}
.title1{
    border-bottom: #C81304 solid 2px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
}
.title1 h3{
    float: left;
    font-size: 16px;
    color: #C81304;
    padding: 0 7px;
}
.title1 a{
    float: right;
    padding-right: 5px;
    font-size: 12px;
    color: #333;
    display: block;
}
.news1{
    margin-top: 8px;
    font-size: 14px;
    padding: 0 5px;
}
.news1 li{
    overflow: hidden;
    line-height: 34px;
    height: 34px;
}
.news1 li a{
    display: block;
    float: left;
    padding-left: 20px;
    background: url(/images/slimages/icon_news.png) no-repeat 5px center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    width: calc(100% - 100px);
    color: #333333;
}
.news1 li span{
    display: block;
    float: right;
    color: #666;
}
.module1{
    margin-top: 20px;
}
.module1 .fl{
    width: 428px;
}
.module1 .bor1{
    height: 385px;
}
.module1 .title2{
    border-bottom: #DDDDDD solid 2px;
    line-height: 36px;
    height: 36px;
}
.module1 .title2 h3{
    float: left;
    font-size: 16px;
    color: #C81304;
    padding: 0 7px;
    border-bottom: #C81304 solid 2px;
}
.module1 .title2 a{
    float: right;
    padding-right: 5px;
    font-size: 12px;
    color: #333;
    display: block;
}
.module1 .fr{
    width: 820px;
}
.module1 .fr .bor1{
    display: flex;
    justify-content:space-between;
}
.module1 .fr .bor1 .main{
    width: 385px;
}
.module2{
    margin-top: 20px;
}
.module2 a{
    width: 100%;
    display:block;
    overflow: hidden;
}
.module2 img{
    width: 100%;
    transition: all 0.6s;
}
.module2 img:hover{
    transform: scale(1.2);
}

.module3{
    margin-top: 20px;
}

.module3 .wrap{
    border: 3px solid #ffffff;
    height: 200px;
    position: relative;
    overflow: hidden;
    padding: 20px;
}
.module3 ul{
    overflow: hidden;
    position: absolute;
    width: 2300px;
    left: 0;
    top: 0;
}

.module3 ul li{
    float: left;
    width: 285px;
    height: 198px;
    margin-left: 20px;
    margin-top: 20px;
}
.module3 ul li a{
    color: #FFF;
}
.module3 ul li img{
    display: block;
    width: 100%;
    height: 198px;
}
.module3 ul li i{
    display: block;
    line-height: 36px;
    height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    background: rgba(0, 0, 0, 0.6);
    padding: 0 10px;
    margin-top: -36px;
    position: relative;
    font-style:normal;
}

.module4{
    margin-top: 20px;
    margin-bottom: 20px;
}
.module4 .bor1{
    overflow: hidden;
}
.module4 .bor1 div{
    float: left;
    width: 280px;
    margin-left: 50px;
}
.module4 .bor1 select{
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    border-radius: 8px;
}
.module4 .bor1 .tipspic{
    width: 145px;
    margin-left: 0;
    background: url(/images/slimages/tipspic.png) no-repeat;
    height: 40px;
}