ï»?*banner*/
.banner { height: 740px;}
.banner-list { height: 740px; position: relative; z-index: 1; }
.banner li { position: absolute; width: 100%; height: 740px; top: 0; left: 0; transition: all 1.5s; }
.banner li a { display: block; height: 740px; background-size: cover; }
.banner-paging { position: absolute; bottom: 44px; left: 50%; transform: translate(-50%,0%); z-index: 200; }
.banner-paging span { display: inline-block; position: relative; width: 14px; height: 14px; transform: rotateZ(45deg)skew(30deg,30deg); text-align: center; background: rgba(255, 255, 255, 0.4); transform: rotate(45deg); margin-right: 20px; }
.banner-paging span:last-child { margin-right: 0px; }
.banner-paging em { display: inline-block; width: 14px; height: 14px; text-align: center; }
.banner-btn { display: none; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 54px; text-align: center; z-index: 200; }
.banner-btn .ico60 { cursor: pointer; transition: all 0.3s; width: 40px; height: 40px; }
.banner-btn .ico60:hover { opacity: 0.8; }
.banner:hover .banner-btn { display: block; }
.banner .btn-pre { left: 124px; text-align: left; }
.banner .btn-next { right: 124px; text-align: right; }
.banner .btn-pre .ico60 { background-position: -130px -1630px; }
.banner .btn-next .ico60 { background-position: -190px -1630px; }
.banner-narrow { width: 1220px; margin: auto; }
.column { padding-top: 100px; }
.column .split1 { float: left; height: 100px; margin: 10px 27px 0px 27px; }
.column .split1:last-child { display: none; }
.column .item { float: left; width: 200px; text-align: center; }
.column .item p { line-height: 24px; }
.column .item img { margin-bottom: 10px; }
.section { margin-top: 80px; }
.section .title { line-height: 32px; margin-bottom: 50px; }
.section .title .ft2 { position: relative; text-align: center; }
.section .title .ft2 span { display: none; }
.section .title .line2 { display: none; }
.section .title .ft2 .ico { margin: -2px 12px 0px 12px; }
.section .title .more { display: none; }
.section .links .btn1 { display: block; border-radius: 50px; margin: 60px auto 0px; }
.service .item { float: left; position: relative; width: 330px; height: 173px; padding: 24px; border: 1px solid #EEEEEE; border-radius: 6px; margin-right: 40px; margin-bottom: 40px; border-top: 5px solid #DDD; }
.service .item .pic { width: 50px; height: 50px; overflow: hidden; }
.service .item .pic img { width: 100%; height: 100%; object-fit: cover; }
.service .item .name { padding: 8px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.service .item .desc { height: 44px; line-height: 22px; overflow: hidden; margin-bottom: 20px; }
.service .item:nth-child(3n) { margin-right: 0px; }
.aboutus { background: #F5F5F5; padding: 80px 0px; }
.aboutus .pic { float: right; width: 610px; height: 296px; }
.aboutus .pic img { width: 100%; height: 100%; object-fit: cover; }
.aboutus .item { float: left; width: 510px; height: 196px; padding: 50px; background: #fff; }
.aboutus .item .desc { width: 410px; max-height: 66px; overflow: hidden; margin: 24px 0px 30px 0px; line-height: 22px; font-size: 14px; }
.aboutus .item .btn1 { border-radius: 50px; margin: 0px; }
.aboutus .item .btn1 .ico { margin-left: 30px; }
.brand { margin: 80px 0px; }
.brand .item { float: left; width: 216px; height: 102px; border: 1px solid #eee; border-top: 4px solid #eee; margin-right: 32px; }
.brand .item .pic { width: 216px; height: 102px; }
.brand .item .pic img { max-width: 144px; max-height: 66px; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.brand .item .name { display: none; }
.brand .item:nth-child(5n) { margin-right: 0px; }
.product .slider { display: none; }
.product .item { float: left; width: 243px; margin: 0 0 -1px -1px; transition: all 0.5s; position: relative; line-height: 20px; }
.product .item:hover { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.1); z-index: 1; }
.product .item a { display: block; padding: 24px 20px 18px 20px; text-decoration: none; }
.product .item .pic { width: 160px; height: 160px; margin: auto; }
.product .item .time { height: 20px; padding: 20px 0px 4px 0px; }
.product .item .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product .item .desc { height: 20px; padding: 4px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product .item .desc .split { margin: 0px 6px; margin-top: -2px; }
.product .item .price .old { text-decoration: line-through; }
.product .item .price span { margin-left: 4px; }
.product .item .tag { position: absolute; top: 12px; left: 12px; }
.product .item .tag span { vertical-align: middle; }
.product .item .pic-zoom { position: absolute; top: 4px; right: 4px; cursor: pointer; display: none; }
.product .item .pic-zoom:hover { opacity: 0.8; }
.product .item:hover .pic-zoom { display: block; }
.news { padding-bottom: 100px; background: #F9F9F9; padding: 80px 0px; }
.news .item { float: left; width: 532px; height: 133px; position: relative; margin-left: 24px; margin-bottom: 24px; }
.news .item .pic { float: left; width: 210px; height: 133px; background: #ddd; overflow: hidden; border-radius: 8px; }
.news .item .pic img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 8px; }
.news .item .pic img:hover { -webkit-transform: scale(1.04); transform: scale(1.04); }
.news .item .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 6px 0px; }
.news .item .desc { float: right; width: 298px; height: 133px; position: relative; }
.news .item .text { height: 44px; line-height: 22px; overflow: hidden; color: #333; }
.news .item .link1 { display: none; padding-top: 24px; border-top: 1px solid #eee; }
.news .item .link1 .ico10 { margin: -2px 0px 0px 4px; }
.news .item .type { color: #999; margin-top: 4px; }
.news .item .time { position: absolute; bottom: 10px; color: #999; }
.news .item .time span, .news .item .time2, .news .item .author { display: none; }
.news .item:first-child { margin-left: 0px; }
.news .item:last-child { margin-bottom: 0px; }
.news .item:nth-child(-n+2) { width: 320px; height: 447px; margin-bottom: 0px; }
.news .item:nth-child(-n+2) .pic { float: none; width: 320px; height: 208px; }
.news .item:nth-child(-n+2) .desc { float: none; width: 272px; height: 199px; padding: 16px 24px 24px 24px; background: #fff; }
.news .item:nth-child(-n+2) .link1 { display: block; }
.news .item:nth-child(-n+2) .type { margin-top: 0px; }
.news .item:nth-child(-n+2) .text { margin-bottom: 46px; }
.news .item:nth-child(-n+2) .name { margin: 12px 0px; }
.news .item:nth-child(-n+2) .time { bottom: 88px; }
#category4 { display: block; }
精品国产午夜理论片不卡_亚洲欧美人高清精品a∨_丰满人妻一区二区三区视频_奇米影视7777久久