/*banner*/
.banner { height: 453px;min-width:1220px;}
.banner-list { height: 453px; position: relative; z-index: 1;}
.banner li { position: absolute; width: 100%; height: 453px; top: 0; left: 0; transition: all 1.5s; }
.banner li a { display: block; height: 453px; 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: 40px; height: 4px; line-height: 4px; text-align: center; background: rgba(255, 255, 255, 0.4); }
.banner-paging em { display: inline-block; width: 40px; height: 4px; vertical-align: top; }
.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 { margin-top: 100px; }
.column .title { display: none; }
.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 { width: 50px; height: 50px; object-fit: cover; margin-bottom: 10px; }

.section { margin-top: 100px; }
.section .title { line-height: 32px; margin-bottom: 30px; }
.section .title .name { float: left; position: relative; }
.section .title .name span { display: block; position: absolute; bottom: -12px; width: 100%; height: 5px; }
.section .title .name .ico { display: none; }
.section .title .more { float: right; }
.section .title .more .ico { margin: -2px 0px 0px 2px; }
.section .title .line2 { margin-top: 12px; }
.section .links { display: none; }

.aboutus { position: relative; height: 470px; color: #fff; }
.aboutus .title { display: none; }
.aboutus .pic { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.aboutus .pic img { width: 100%; height: 100%; object-fit: cover; }
.aboutus .item { position: absolute; z-index: 100; }
.aboutus .name { padding-top: 128px; }
.aboutus .name:after { display: block; content: ""; width: 82px; height: 5px; background: #fff; opacity: 0.2; margin: 24px 0px; }
.aboutus .desc { width: 844px; line-height: 24px; margin-bottom: 40px; }
.aboutus .btn1 .ico { margin-left: 30px; }
.aboutus .links { display: block; }

.service .item { float: left; position: relative; width: 290px; height: 196px; margin-left: 20px; margin-bottom: 20px; }
.service .item .pic { width: 100%; height: 100%; overflow: hidden; }
.service .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; }
.service .item .name { position: absolute; bottom: 0px; width: 100%; height: 40px;line-height:24px; padding: 8px 12px; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); -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; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; }
.service .item .name a { color: #fff; }
.service .item .name .desc { display: none; }
.service .item .link1 { display: none; }
.service .item:first-child { width: 600px; height: 412px; margin-left: 0px; }
.service .item:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); }
.service .item .desc { display: none; }

.brand .item { float: left; width: 216px; height: 138px; border: 1px solid #EEE; margin-right: 32px; }
.brand .item .pic { width: 216px; height: 98px; }
.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 { height: 40px; line-height: 40px; text-align: center; }
.brand .item:nth-child(5n) { margin-right: 0px; }
.brand .item a { text-decoration: none; }

.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; margin-right: 4px; }
.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; }
.news .item { float: left; width: 240px; height: 300px; position: relative; margin-left: 20px; }
.news .item .type { display: none; }
.news .item .pic { width: 240px; height: 150px; background: #ddd; overflow: hidden; }
.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; }
.news .item .pic img:hover { -webkit-transform: scale(1.04); transform: scale(1.04); }
.news .item .name { max-height: 48px; line-height: 24px; overflow: hidden; margin-bottom: 5px; }
.news .item .desc { height: 118px; padding: 16px; background: #F5F5F5; position: relative; }
.news .item .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .item .link1 { display: none }
.news .item .time { position: absolute; bottom: 18px; }
.news .item .time span, .news .item .time2, .news .item .author { display: none; }
.news .item:first-child { width: 438px; height: 300px; margin-left: 0px; }
.news .item:first-child .pic { width: 438px; height: 300px; }
.news .item:first-child .desc { position: absolute; bottom: 0px; width: 100%; height: 80px; padding: 16px; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.news .item:first-child .text { display: none; }
.news .item:first-child .name { text-overflow: ellipsis; white-space: nowrap; }
.news .item:first-child a { color: #fff; }
.news .item:first-child .time { color: #fff; }
.news .item:nth-child(3n) .pic { position: absolute; bottom: 0px; }
.news .item:nth-child(3n) .desc { position: absolute; top: 0px; width: 208px; }

#category4 { display: block; }