/* 产品 */

.products { margin-top: 32px; position: relative; border-bottom: 0px solid #cccccc; }

.products-title { line-height: 20px; }

.products-title i { float: left; }

.products-title span { line-height: 20px; float: left; margin-left: 10px; font-size: 20px; color: #494949; }

.products-title span:nth-of-type(2) { color: #999999; font-size: 14px; }

.product-prev { left: -25px; outline: none; }

.product-next { right: -25px; outline: none; }

.products-list { margin: 40px auto; }

.product-container-index .swiper-slide { text-align: center; }

.product-container-index .swiper-slide p { color: #454545; font-size: 16px; margin-bottom: 4px; }

.product-container-index .swiper-slide p:nth-of-type(1) { font-weight: bold; margin-top: 5px; }

.product-container-index .swiper-slide p:nth-of-type(2) { font-size: 12px; color: #666666; font-weight: 500; }
.product-container-index a { display: block; position: relative; text-decoration: none; width: 164px; height: 250px; margin: 0 auto; }
.product-container-index a img { width: 146px; height: 146px; margin: 0 auto; }
.product-container-index .mask { overflow: hidden; position: absolute; left: 50%; top: 0; z-index: 1; width: 146px; height: 146px; margin-left: -73px; background: url(../images/magnifying.png) no-repeat; }
.product-container-index .mask:hover { background: url(../images/magnifying-active.png) no-repeat; z-index: 2; width: 146px; height: 146px; text-indent: -9999px; }

/* 最新消息 */

.message { margin-top: 70px; margin-bottom: 60px; }

.more { font-size: 12px; color: #999999; }

.news { padding-right: 25px; }

.news-img img { -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; width: 129px; height: 79px; }

.news-lists li { margin-top: 35px; }
.news-lists li .new { overflow: hidden; position: absolute; left: 90px; top: 0; z-index: 9; width: 34px; height: 20px; background: url(../images/new.gif) 0 0 no-repeat; text-indent: -9999px; }
.news-lists li .date { display: block; overflow: hidden; width: 80px; height: 20px; margin: 0 0 5px 0; background: #8A8787; line-height: 20px; color: #FFF; text-align: center; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }

.news-lists li:hover .date { background: #A19F9F; }

.news-lists li:hover .detail { color: #999; }

.news-lists li:hover .news-img img { opacity: 0.8; filter: Alpha(opacity=80); }

.news-content { padding-left: 0; }

.news-content a { display: block; }

.news-content a:hover { text-decoration: none; }

.news-content span { padding: 0; }

.news-content span:nth-of-type(1) { background-color: #8a8787; color: #fff; }

.news-content span:nth-of-type(2) { background-color: #ff4400; color: #fff; }

.news-content p { font-size: 12px; color: #666666; line-height: 18px; }

.news-content p:nth-of-type(2) { margin-top: 20px; }

.others-left li { margin-top: 33px; }

.others-left li a { display: block; width: 215px; height: 66px; background-position: center; background-size: 100%; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.yfll:hover { background-image: url(../images/yfll.jpg) }
.yfll { background-image: url(../images/yfll-active.jpg) }
.scll:hover { background-image: url(../images/scll.jpg) }
.scll { background-image: url(../images/scll-active.jpg) }
.zjbz:hover { background-image: url(../images/zjbz.jpg) }
.zjbz { background-image: url(../images/zjbz-active.jpg) }
.others-left li:nth-of-type(1) { margin: 0; }

.others-left img { width: 100%; }

.others-right { padding-right: 0px; }

.others-right li { border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 0; }

.others-right li a { display: block; margin-top: 12px; }

.others-right li a:hover { text-decoration: none; }

.others-right li:nth-of-type(1) a { margin: 0; }

.others-right li i { display: inline-block; position: absolute; left: 10px; top: 5px; }

.others-right li p { text-indent: 50px; }

.others-right li p:nth-of-type(1) { margin-bottom: 5px; font-size: 14px; color: #494949; }

.others-right li p:nth-of-type(2) { color: #cccccc; font-size: 10px; }

.hotproducts { margin-top: 30px; }
.product-container-hot { margin-top: 50px; }
.hotitem.a { text-decoration: underline }
.hotitem.a:hover { text-decoration: underline }
.hotitem.active.a:hover p { text-decoration: underline }
.hotitem { height: 400px; width: 230px; display: block; position: relative; box-shadow: 2px 2px 8px rgba(0,0,0,0.3); margin: 5px; padding: 10px; overflow: hidden; box-sizing: border-box }

.hotitem .text { position: absolute; bottom: auto; top: 0px; width: 210px; background: #ffffff; background:; z-index: 1; transition: all 0.25s ease 0s; }
.hotitem .text .content { padding: 0; }
.hotitem .text .content .date { font-weight: 300; font-family: HELVETICANEUELTPRO-THEX; color: #999999; margin-bottom: 0; display: inline-block; padding: 0 22px; float: left; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding-left: 0; font-size: 20px; }
.hotitem .text .content .title { margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #333333; display: inline-block; line-height: 30px; width: 100%; height: 30px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.hotitem .text .content .summary { margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #666; display: inline-block; line-height: 25px; width: 100%; height: 25px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.hotitem .text .content .description { text-align: left; color: #999999; line-height: 25px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-left: 0; margin-top: 10px; width: 100%; height: 105px; overflow: hidden; font-size: 13px; }
.hotitem .img { position: absolute; bottom: 0px; top: auto; width: 210px; height: auto; min-height: 50%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow: hidden; background-size: cover; z-index: 2; background-position: center; }
.hotitem .img img { width: 210px; height: 185px; }

.hotitem.active .text { position: absolute; bottom: 0px; top: auto; }
.hotitem.active .img { position: absolute; top: 0px; bottom: auto; }