html,body{font-size: 15px;}
.index-banner{background-image: url(http://www.zydlks.com/images/banner/v4/shusongji.jpg);background-repeat: no-repeat;background-position: center;height: 180px;background-size: 100%;color: #fff;text-align: center;}
.index-banner h1{font-size: 2rem;margin-top: 3rem;font-weight: bold;margin-bottom: 1rem;}
.index-banner p{font-size: 1rem;}

.index-products{margin-top: 1rem;}
.index-products .item{background-color: #f5f5f5;transition: 0.36s;margin-bottom: 1rem;}
.index-products .item:hover{box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08); background-color: #fff;}
.index-products .item:hover h3{color: #3557aa;}
.index-products .item .img img{ transition: 0.36s;width: 100%;}
.index-products .item .img{overflow: hidden;}
.index-products .item:hover .img img{ transform: scale(1.02);}
.index-products .item h3,.index-products .item ul{width: 90%;margin: 0px auto;padding: 0;}
.index-products .item h3{ margin-top: 2rem; margin-bottom: 2rem; font-size: 1.5rem;}
.index-products .item h3::before{ width: 5px; background-color: #3557aa; height: 1.5rem; overflow: hidden; display: block; content: ""; margin-top: 0.2rem; margin-right: 0.5rem; float: left; border-radius: 3px;}
.index-products .item ul{ padding-bottom: 2rem; font-size: 1rem;}
.index-products .item ul li{ margin: 0.75rem 0; padding-left: 0.5rem;}
.index-products .item ul li::before{ width: 6px; height: 6px; border-radius: 3px;  background-color: #ccc;display: block; float: left; content: ""; margin-top: 0.5rem; margin-right: 0.5rem;}
/* .index-products .item .img{width: 640px; height: 360px;} */
.index-aboutus{background-image: url(http://www.zydlks.com/images/shusongji/aboutus-bg.jpg);background-repeat: no-repeat;background-position: center;color: #fff;margin-top: 1rem; padding-bottom: 1.5rem;}
.index-aboutus .infos{color: #fff;}
.index-aboutus .infos h2{font-size: 2.5rem;font-weight: bold;margin-top: 3rem;}
.index-aboutus .infos p{line-height: 2rem;margin-top: 1rem;}
.index-aboutus .pre .item{width: 47.5%;padding: 1.2rem;float: left;line-height: 1.75rem;background-color: #184b83;border-radius: 10px;margin-top: 1rem;color: #fff;margin-right: 5%;border: 1px solid #eab81b;}
.index-aboutus .pre .item:nth-child(even){ margin-right: 0;}
.index-aboutus .pre .item h3{ text-align: center; font-size: 1.5rem; margin-bottom: 1rem;}

.index-case{margin-top: 2rem;}
.index-case .title h2{text-align: center; font-size: 2rem; margin-bottom: 1rem;}
.index-case .title p{text-align: center;margin-bottom: 0rem;}
.index-case .item{margin-top: 1rem;padding-bottom: 1rem;background: #f5f5f5;}
.index-case .item span{display: block;text-align: left;line-height: 2rem;font-size: 1.125rem;padding: 0.5rem 0 0rem 0.5rem;font-weight: bold;color: #333;}
.index-case .item p{font-size: 0.875rem;color:#555;text-align:left;padding-left: 0.5rem;}
.index-case .item a{color: #333;}