<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.main{
    margin:20px auto;
    overflow:hidden;
    position:relative;
}

h2 {
    font-size: 32px;
    font-weight: 600;
    color: rgba(51,51,51,1);
    letter-spacing: 1px;
    /* display: inline-block; */
    vertical-align: middle;
    text-align: center;
}

/* ä¾§è¾¹æ&nbsp; */
.sider{
    box-shadow: 10px 0px 20px rgba(0,0,0,0.02);
    padding-right: 0;
}

.sider ul{
    margin: 20px auto;
    font-size:20px;
    text-align:center;
}
.sider li{
    margin: 30px auto;
}
.sider li:hover,.sider li.cur{
  
}
.sider li a{
  display: block;
  padding:10px 0;
  line-height:32px;
}
.sider li:hover a, .sider li a.cur{
  background: #E97741;
  color:#fff;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
  transition: all .5s ease;
}

/* ä¾§è¾¹æ&nbsp; - çƒ­é—¨äº§å“ */
.pro{
    margin-top:50px;
}
.pro h3{
    font-size:16px;
    font-weight:700;
}
.pro .item{
    margin: 10px auto;
    padding:8px 0;
}
.pro .thumb{
    width:100%;
    height:120px;
    border:10px;
}
.pro h4{
    text-align:center;
}


/* æ–°é—»åˆ—è¡¨ */
.newsList{

}
.newsList .item{
    overflow: hidden;
    box-shadow: none;
    padding:10px 15px;
}
.newsList .item .image{
    overflow: hidden;
}
.newsList .item .image img{
    object-fit: cover;
    width:100%;
    height:100%;
}
.newsList .item:hover{
    box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
}
.newsList .item:hover img{
    transform: scale(1.3);
    transition: all .5s ease-in-out;
}

.newsList .image{
  width:100%;
  height:160px;
  display:block;
  margin:0 auto 10px auto;
  position:relative;
}
.newsList .image i{
  position:absolute;
  right:8px;
  bottom:8px;
  background:rgba(0,0,0,0.4);
  color:#fff;
  font-style:normal;
  padding:0 10px;
  font-size:12px;
  border-radius:4px;
}

.newsList h4{
  font-size:18px;
  margin:0 0 10px 0;
  font-weight:700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.newsList .date{
  font-size:16px;
}
.newsList .desc{
  color:#999;
  font-size:14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 50px;
}
.newsList .more i{
    display:inline-block;
    width:8px;
    height:8px;
    border-top: 1px solid #E97741;
    border-right:1px solid #E97741;
    transform: rotate(45deg);
    margin-right: -5px;
}

input.se{
    width:100%;
    border:1px solid #f2f2f2;
    padding:6px 10px 6px 40px;
    height:42px;
    line-height:42px;
	background:url('../../images/web/icon_search.png') 0 0 / contain no-repeat;
}
input.se:focus{
    box-shadow: 0 0 6px rgba(0,0,0,0.08);
}



/* PAD */
@media screen and (min-width:768px) and (max-width:1199px) {
	.banner h1{
	   font-size:48px;
	}

}

/* æ‰‹æœº */
@media screen and (max-width:767px) {
    .banner{
        height:30vw;
    }
	.banner h1{
		font-size:32px;
	}
    .sider li{
        margin: 0 auto;
    }
    .pro .item{
        padding: 10px 0;
        display:inline-block;
        border:0;
        width:32%;
    }
    .pro .item h4{
        height:24px;
        overflow:hidden;
    }
}</pre></body></html>