@media (min-width: 1601px) and (max-width: 1800px) { .inner-goods { padding: 3% 0; } .inner-goods .series-box { display: flex; flex-direction: row; justify-content: center; align-items: center; } .inner-goods .series-box .series-item { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 10%; height: 160px; aspect-ratio: 1/1; border-radius: 8px; margin-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .series-box .series-item:last-child { margin-right: 0; } .inner-goods .series-box .series-item .img-box { width: 100%; padding-top: 60%; position: relative; } .inner-goods .series-box .series-item .img-box img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .inner-goods .series-box .series-item .series-title { font-size: 18px; text-align: center; width: 100%; color: #333; margin-top: 5%; } .inner-goods .series-box .series-item:hover { border: 1px solid #666; } .inner-goods .series-box .series-item.active { border: 1px solid #666; } .inner-goods .common-title { margin-top: 3%; } .inner-goods .tag { padding: 0 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .tag .tag-box { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-radius: 20px; padding: 2%; background: #fff; margin-top: 2%; } .inner-goods .tag .tag-box > p { font-size: 16px; color: #333; margin-right: 2%; } .inner-goods .tag .tag-box .tag-item { display: inline-block; padding: 1%; background: #f96028; margin-right: 2%; border-radius: 6px; } .inner-goods .tag .tag-box .tag-item p { float: left; font-size: 16px; color: #fff; line-height: 16px; margin-right: 10px; } .inner-goods .tag .tag-box .tag-item .tag-cancel { display: inline-block; float: left; width: 14px; height: 14px; border-radius: 50%; overflow: hidden; line-height: 16px; } .inner-goods .tag .tag-box .tag-item .tag-cancel img { width: 100%; height: 100%; object-fit: cover; } .inner-goods .de-goods-list { padding: 0 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .de-goods-list .goods-item-box { float: left; width: 23.5%; padding-top: 139.47368421%; margin-right: 2%; padding: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 3%; background: #fff; border-radius: 20px; } .inner-goods .de-goods-list .goods-item-box:nth-child(4n) { margin-right: 0; } .inner-goods .de-goods-list .goods-item-box .goods-item { width: 100%; height: 100%; transition: all 350ms; } .inner-goods .de-goods-list .goods-item-box .goods-item .img-box { width: 100%; padding-top: 83.33333333%; position: relative; } .inner-goods .de-goods-list .goods-item-box .goods-item .img-box img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-title { font-size: 32px; width: 100%; text-align: center; font-family: "Gilroy-ExtraBold"; margin-top: 10%; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 350ms; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags { display: flex; width: 100%; flex-direction: row; align-items: flex-start; justify-content: space-evenly; align-content: flex-start; flex-wrap: wrap; height: 130px; margin-top: 10%; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item { display: inline-block; font-size: 14px; color: #666; border: 1px solid #999; border-radius: 5px; padding: 5px 15px; margin-top: 10px; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item:hover { background: #f96028; color: #fff; border: none; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item.active { background: #f96028; color: #fff; border: none; } .inner-goods .de-goods-list .goods-item-box .goods-item:hover { box-shadow: 5px 5px 10px #3333332e; transform: scale(1.05); } .inner-goods .de-goods-list .goods-item-box .goods-item:hover .goods-title { color: #f96028; } .inner-contact { padding: 5% 0 2%; } .inner-contact .top-contact-box { width: 100%; padding-top: 35%; position: relative; } .inner-contact .top-contact-box .top-contact { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; overflow: hidden; margin-top: 3%; padding: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .top-contact-box .top-contact .contact-map { width: 68%; height: 100%; background: url(../images/inner-contact-map.png) no-repeat center; background-size: cover; position: relative; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #fff; background: #333; position: absolute; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon:hover { background: #f96028; animation: shan 1s infinite; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon2 { right: 19%; top: 46%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon3 { right: 16%; top: 38%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon4 { right: 27%; top: 43%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon5 { top: 22%; left: 13%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon6 { top: 30%; left: 15%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon7 { left: 44%; top: 23%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon8 { left: 46%; top: 17%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon9 { left: 48%; top: 9%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon10 { left: 49%; top: 16%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon11 { left: 51.5%; top: 12%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon12 { right: 10.5%; top: 29%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 { width: 30px; height: 30px; background: url(../images/contact-star.png) no-repeat center; position: absolute; right: 15.5%; top: 27%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 .contact-logo { position: absolute; right: 130%; top: 10%; width: 93px; height: 24px; overflow: hidden; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 .contact-logo img { width: 100%; height: 100%; object-fit: cover; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1:hover { animation: shan 1s infinite; } .inner-contact .contact-list { margin-top: 3%; width: 100%; height: 100%; padding: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .contact-box { width: 32%; height: 100%; min-height: 440px; background: #fff; border-radius: 20px; overflow: hidden; float: left; margin-right: 2%; margin-bottom: 3%; transition: all 350ms; } .inner-contact .contact-box:nth-child(3n) { margin-right: 0; } .inner-contact .contact-box .contact-title { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; flex: 1; border-bottom: 1px solid #efefef; overflow: hidden; padding: 30px 0 20px; } .inner-contact .contact-box .contact-title .main-add { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .contact-box .contact-title .main-add i { width: 30px; height: 30px; background: url(../images/area-icon.png) no-repeat center; margin-right: 2%; } .inner-contact .contact-box .contact-title .main-add .area { font-size: 28px; color: #333; font-weight: bold; margin-right: 2%; } .inner-contact .contact-box .contact-title .addname { font-size: 20px; color: #666; width: 100%; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 5%; } .inner-contact .contact-box .contact-info { width: 100%; flex: 1; display: flex; flex-direction: column; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; justify-content: flex-start; align-items: flex-start; } .inner-contact .contact-box .contact-info .contact-info-item { font-size: 18px; margin-top: 5%; } .inner-contact .contact-box .contact-info .contact-info-item .label { color: #666; } .inner-contact .contact-box .contact-info .contact-info-item .detail { color: #333; } .inner-contact .contact-box.zongbu { height: 98%; float: none; margin: 0; } .inner-contact .contact-box.zongbu .contact-title .main-add i { background: url(../images/star.png) no-repeat center; } .inner-contact .contact-box.zongbu .contact-title .main-add .tag { display: inline-block; text-align: center; font-size: 20px; color: #ffffff; background: #333; padding: 0 2%; border-radius: 5px; } } @media (min-width: 1401px) and (max-width: 1600px) { .crumbs { width: 100%; height: 70px; background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } .crumbs .crumbs-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 70px; } .crumbs .crumbs-box .crumb-left { display: flex; line-height: 70px; height: 70px; justify-content: center; align-items: center; } .crumbs .crumbs-box .crumb-left a { color: #666; font-size: 16px; margin-right: 10px; } .crumbs .crumbs-box .crumb-left a:first-child { display: inline-block; height: 20px; width: 30px; background: url(../images/home.png) no-repeat center; margin-top: -5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .crumbs .crumbs-box .crumb-left a:not(:first-child) { margin-left: 10px; } .crumbs .crumbs-box .crumb-left a:hover { color: #f96028; } .crumbs .crumbs-box .crumb-right { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .crumbs .crumbs-box .crumb-right > a { display: flex; justify-content: center; align-items: center; color: #333; font-size: 16px; padding: 5%; width: 115px; height: 70px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 1px; } .crumbs .crumbs-box .crumb-right > a:hover { background: #f96028; color: #fff; } .crumbs .crumbs-box .crumb-right > a.active { background: #f96028; color: #fff; } .crumbs .crumbs-box .goods-crumb { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center; } .crumbs .crumbs-box .goods-crumb > a { display: flex; justify-content: center; align-items: center; color: #333; font-size: 16px; margin: 0 2%; height: 70px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .crumbs .crumbs-box .goods-crumb > a:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #f96028; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: 500ms 0s all ease; -moz-transition: 500ms 0s all ease; -ms-transition: 500ms 0s all ease; -o-transition: 500ms 0s all ease; transition: 500ms 0s all ease; } .crumbs .crumbs-box .goods-crumb > a.active:after { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .crumbs .crumbs-box .goods-crumb > a:hover:after { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .common-inner { padding: 60px 0; } .common-title { font-size: 42px; color: #333; line-height: 1; text-align: center; position: relative; } .common-title.youshi { color: #fff; } .common-tips { font-size: 16px; color: #999; margin-top: 1%; text-align: center; } .inner-news-box { background: #fff; border-radius: 25px; padding: 60px 0; } .inner-news-box .top-news-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2% 5%; display: flex; flex-direction: row; justify-content: space-between; } .inner-news-box .top-news-box .top-news-item { width: 32%; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-news-box .top-news-box .top-news-item .img-box { width: 100%; padding-top: 68.18181818%; position: relative; border-radius: 10px; overflow: hidden; } .inner-news-box .top-news-box .top-news-item .img-box img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .inner-news-box .top-news-box .top-news-item .img-box .top-icon { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 86px; height: 30px; position: absolute; top: 10px; left: 10px; border-radius: 5px; background: rgba(55, 55, 55, 0.6); } .inner-news-box .top-news-box .top-news-item .img-box .top-icon i { display: block; width: 13px; height: 15px; margin-right: 10px; background: url(../images/news-top.png) no-repeat center; } .inner-news-box .top-news-box .top-news-item .img-box .top-icon span { color: #fff; font-size: 14px; } .inner-news-box .top-news-box .top-news-item .top-title { font-size: 22px; font-weight: bold; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333; margin-top: 20px; } .inner-news-box .top-news-box .top-news-item .top-info .time-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px; } .inner-news-box .top-news-box .top-news-item .top-info .time-box .news-cate { background: #333; font-size: 14px; color: #fff; width: 86px; height: 34px; line-height: 34px; text-align: center; border-radius: 5px; } .inner-news-box .top-news-box .top-news-item .top-info .time-box .time { font-size: 16px; color: #999; } .inner-news-box .top-news-box .top-news-item .top-info .news-content { margin-top: 20px; font-size: 16px; color: #666; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .inner-news-box .top-news-box .top-news-item .top-info .more { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: 20px; } .inner-news-box .top-news-box .top-news-item .top-info .more p { display: inline-block; text-transform: uppercase; font-size: 16px; color: #999; margin-right: 15px; z-index: 10; } .inner-news-box .top-news-box .top-news-item .top-info .more i { width: 30px; height: 11px; background: url(../images/news-arrow.png) no-repeat center; z-index: 10; } .inner-news-box .top-news-box .top-news-item:hover .top-title { color: #f96028; } .inner-news-box .top-news-box .top-news-item:hover .more p { color: #f96028; } .inner-news-box .top-news-box .top-news-item:hover .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-news-box .de-news-list { width: 100%; } .inner-news-box .de-news-list .news-item { display: flex; flex-direction: row; justify-content: flex-start; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #e7e7e7; } .inner-news-box .de-news-list .news-item:nth-child(1) { border-top: 2px solid #e7e7e7; } .inner-news-box .de-news-list .news-item .time-box { width: 170px; } .inner-news-box .de-news-list .news-item .time-box .day { font-size: 34px; color: #333; font-weight: bold; font-family: "Roboto-Bold"; line-height: 1; } .inner-news-box .de-news-list .news-item .time-box .year { font-size: 22px; color: #b4b4b4; font-family: "Roboto-Regular"; } .inner-news-box .de-news-list .news-item .news-img { width: 250px; height: 170px; overflow: hidden; border-radius: 5px; margin-right: 30px; } .inner-news-box .de-news-list .news-item .news-img img { width: 100%; height: 100%; object-fit: cover; margin-right: 40px; } .inner-news-box .de-news-list .news-item .news-info { flex: 1; } .inner-news-box .de-news-list .news-item .news-info .title { font-size: 22px; color: #333; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .inner-news-box .de-news-list .news-item .news-info .content { margin-top: 20px; font-size: 16px; color: #666; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .item-cate { background: #333; font-size: 14px; color: #fff; width: 86px; height: 34px; line-height: 34px; text-align: center; border-radius: 5px; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .more { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .more p { display: inline-block; text-transform: uppercase; font-size: 18px; color: #999; margin-right: 15px; z-index: 10; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .more i { width: 30px; height: 11px; background: url(../images/news-arrow.png) no-repeat center; z-index: 10; } .inner-news-box .de-news-list .news-item:hover .title { color: #f96028; } .inner-news-box .de-news-list .news-item:hover .more p { color: #f96028; } .inner-news-box .de-news-list .news-item:hover .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-news-box .de-news-list .news-item:hover .news-info .item-cate-box .more p { color: #f96028; } .inner-news-box .de-news-list .news-item:hover .news-info .item-cate-box .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-news-box .news-detail-content { padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-news-box .news-detail-content .news-detail-title .h3 { font-size: 28px; color: #333; font-weight: bold; text-align: center; } .inner-news-box .news-detail-content .news-detail-title .b { display: flex; justify-content: center; flex-direction: row; font-size: 16px; color: #999; text-align: center; margin-top: 20px; } .inner-news-box .news-detail-content .news-detail-title .b span { margin-right: 20px; height: 40px; line-height: 40px; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom { display: flex; justify-content: center; flex-direction: row; align-items: center; font-size: 16px; color: #999; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom .bshare-weixin { width: 25px; height: 40px; background: url(../images/fengxiang.png) no-repeat 4px 0; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom .bshare-sinaminiblog { width: 24px; height: 40px; background: url(../images/fengxiang.png) no-repeat -46px 0; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom .bshare-qzone { width: 25px; height: 40px; background: url(../images/fengxiang.png) no-repeat -94px 0; } .inner-news-box .news-detail-content .news-detail { margin-top: 20px; max-width: 100%; } .inner-news-box .news-detail-content .news-detail p, .inner-news-box .news-detail-content .news-detail span { display: block; width: 100%; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; color: #666; height: auto; } .inner-news-box .news-detail-content .news-detail img { width: 100%; max-width: 100%; } .inner-news-box .news-line { width: 100%; height: 1px; background: #ededed; margin-top: 5%; } .inner-news-box .back { display: flex; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; flex-direction: row-reverse; } .inner-news-box .back .news-back-btn { width: 150px; height: 40px; display: flex; flex-direction: row; align-items: center; justify-content: center; border: 1px solid #666; border-radius: 5px; position: relative; overflow: hidden; z-index: 10; } .inner-news-box .back .news-back-btn p { font-size: 14px; color: #666; margin-right: 10px; z-index: 99; } .inner-news-box .back .news-back-btn i { width: 20px; height: 11px; background: url(../images/back-arrow.png) no-repeat center; z-index: 99; } .inner-news-box .back .news-back-btn:after { display: block; position: absolute; content: ""; width: 100%; height: 100%; background: #f96028; left: -100%; top: -100%; transition: all 350ms; z-index: 10; } .inner-news-box .back .news-back-btn:hover { border: 1px solid #f96028 !important; } .inner-news-box .back .news-back-btn:hover p { color: #fff; } .inner-news-box .back .news-back-btn:hover i { background: url(../images/back-arrow-hover.png) no-repeat center; } .inner-news-box .back .news-back-btn:hover:after { left: 0; top: 0; } .inner-news-box .newsPage { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-news-box .newsPage a { color: #333; } .inner-news-box .newsPage a:hover { color: #f96028; } .yy-box { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .yy-box .yy-item { width: 48%; border-radius: 25px; overflow: hidden; margin-top: 3%; position: relative; } .yy-box .yy-item .img-box { width: 100%; aspect-ratio: 776/456; overflow: hidden; } .yy-box .yy-item .img-box img { width: 100%; height: 100%; object-fit: cover; } .yy-box .yy-item .yy-info { padding: 5% 0; background: #fff; } .yy-box .yy-item .yy-info p { text-align: center; } .yy-box .yy-item .yy-info p:nth-child(1) { font-size: 28px; color: #333; color: #373737; } .yy-box .yy-item .yy-info p:nth-child(2) { font-size: 18px; color: #999; } .yy-box .yy-item .yy-shade { width: 0; height: 0; position: absolute; top: 50%; left: 50%; transition: all 500ms; } .yy-box .yy-item:hover { cursor: pointer; } .yy-box .yy-item:hover .yy-shade { width: 100%; height: 100%; background: rgba(249, 96, 40, 0.8); top: 0%; left: 0%; } .yy-youshi-box { width: 100%; padding: 5% 0; margin-top: 5%; background: url(../images/yy-youshibg.jpg) no-repeat; } .yy-youshi-box .youshi-list { display: flex; flex-direction: row; justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3%; align-items: center; margin-top: 3%; } .yy-youshi-box .youshi-list .youshi-item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .yy-youshi-box .youshi-list .youshi-item .img-box { width: 150px; height: 150px; overflow: hidden; } .yy-youshi-box .youshi-list .youshi-item .img-box img { width: 100%; height: 100%; object-fit: cover; } .yy-youshi-box .youshi-list .youshi-item p { font-size: 20px; color: rgba(255, 255, 255, 0.8); margin-top: 30px; text-align: center; } .yy-youshi-box .youshi-list .youshi-item:hover .img-box { -webkit-transform: rotateY(-360deg); -moz-transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -o-transform: rotateY(-360deg); transform: rotateY(-360deg); -webkit-transition: 1500ms 0s all ease; -moz-transition: 1500ms 0s all ease; -ms-transition: 1500ms 0s all ease; -o-transition: 1500ms 0s all ease; transition: 1500ms 0s all ease; } .yy-related-box { padding: 5% 0; } .yy-related-box .yy-more { margin-top: 3%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .yy-related-box .yy-more > span { font-size: 20px; color: #333; margin-right: 20px; } .yy-related-box .yy-more .more { display: flex; flex-direction: row; justify-content: center; align-items: center; } .yy-related-box .yy-more .more > span { font-size: 14px; color: #333; margin-right: 10px; font-family: "Segoe UI"; } .yy-related-box .yy-more .more i { width: 20px; height: 11px; background: url(../images/yy-arrow.png) no-repeat center; } .yy-related-box .yy-more .more:hover > span { font-size: 14px; color: #f96028; } .yy-related-box .yy-more .more:hover i { background: url(../images/yy-arrow-hover.png) no-repeat center; } .inner-about-box { background: url(../images/inner-about-bg.jpg) no-repeat center; background-size: cover; padding: 5% 0; } .inner-about-box .inner-box { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-about-box .inner-box .inner-left-box { width: 50%; padding: 0 8% 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .inner-about-box .inner-box .inner-left-box .img-box { width: 100%; padding-top: 100%; border-radius: 20px; z-index: 10; position: relative; } .inner-about-box .inner-box .inner-left-box .img-box img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; box-shadow: 5px 5px 10px #00000026; } .inner-about-box .inner-box .inner-left-box .img-box:before { display: block; position: absolute; content: ""; left: -8%; bottom: -8%; width: 80%; padding-top: 80%; background: #f8e9e4; border-radius: 20px; z-index: -1; } .inner-about-box .inner-box .inner-right-box { width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-right: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-about-box .inner-box .inner-right-box .title { font-size: 42px; color: #333; } .inner-about-box .inner-box .inner-right-box .company { font-size: 22px; color: #333; font-weight: bold; margin-top: 10px; } .inner-about-box .inner-box .inner-right-box .content { margin-top: 50px; } .inner-about-box .inner-box .inner-right-box .content p, .inner-about-box .inner-box .inner-right-box .content span { font-size: 16px; line-height: 2; color: #666; } .inner-choose-box { background: url(../images/inner-about-choose.jpg) no-repeat center; background-size: cover; padding: 8% 0; } .inner-choose-box .choose-box { margin-top: 5%; } .inner-choose-box .choose-box .choose-item { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 33.3%; padding: 3% 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #999; border-left: 1px solid #999; float: left; overflow: hidden; position: relative; cursor: pointer; } .inner-choose-box .choose-box .choose-item:nth-child(3n) { border-right: 1px solid #999; } .inner-choose-box .choose-box .choose-item:nth-child(n+4) { border-bottom: 1px solid #999; } .inner-choose-box .choose-box .choose-item .item-box { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 80%; height: 100%; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(1) { display: table-cell; vertical-align: bottom; transition: all 350ms; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(1) span:nth-child(1) { font-size: 42px; color: #333; font-weight: bold; font-family: "Barlow"; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(1) span:nth-child(2) { font-size: 50px; vertical-align: sub; color: #333; font-family: "Barlow"; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(2) { font-size: 16px; color: #666; transition: all 350ms; } .inner-choose-box .choose-box .choose-item .item-box i { width: 75px; height: 75px; } .inner-choose-box .choose-box .choose-item .item-box i.choose1 { background: url(../images/inner-choose-icon1.png) no-repeat center; } .inner-choose-box .choose-box .choose-item .item-box i.choose2 { background: url(../images/inner-choose-icon2.png) no-repeat center; } .inner-choose-box .choose-box .choose-item .item-box i.choose3 { background: url(../images/inner-choose-icon3.png) no-repeat center; } .inner-choose-box .choose-box .choose-item .item-box i.choose4 { background: url(../images/inner-choose-icon4.png) no-repeat center; } .inner-choose-box .choose-box .choose-item .item-box i.choose5 { background: url(../images/inner-choose-icon5.png) no-repeat center; } .inner-choose-box .choose-box .choose-item .item-box i.choose6 { background: url(../images/inner-choose-icon6.png) no-repeat center; } .inner-choose-box .choose-box .choose-item:before { content: ''; display: block; position: absolute; left: 0; top: 25%; width: 5px; height: 50%; background: #f96028; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: 500ms 0s all ease; -moz-transition: 500ms 0s all ease; -ms-transition: 500ms 0s all ease; -o-transition: 500ms 0s all ease; transition: 500ms 0s all ease; } .inner-choose-box .choose-box .choose-item:hover .item-box p { transform: scale(1.3); } .inner-choose-box .choose-box .choose-item:hover:before { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .inner-choose-box .choose-box .choose-item:hover i { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); transition: all 2s ease; } .inner-map-box { width: 100%; padding-top: 50%; position: relative; } .inner-map-box .inner-map { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/map-bg.jpg) no-repeat center; overflow: hidden; background-size: 100%; } .inner-map-box .inner-map .common-title { margin-top: 5%; } .inner-map-box .inner-map .map-icon { width: 18px; height: 21px; background: url(../images/map-icon.png) no-repeat center; position: absolute; z-index: 99; } .inner-map-box .inner-map .map-icon.area1 { top: 48%; left: 30.5%; } .inner-map-box .inner-map .map-icon.area2 { top: 53%; left: 32%; } .inner-map-box .inner-map .map-icon.area3 { top: 48.5%; left: 48.7%; } .inner-map-box .inner-map .map-icon.area4 { top: 45.2%; left: 49%; } .inner-map-box .inner-map .map-icon.area5 { top: 41.5%; left: 49.9%; } .inner-map-box .inner-map .map-icon.area6 { top: 45.3%; left: 49.9%; } .inner-map-box .inner-map .map-icon.area7 { top: 44.8%; left: 51.8%; } .inner-map-box .inner-map .map-icon.area8 { top: 60.8%; left: 62.1%; } .inner-map-box .inner-map .map-icon.area9 { top: 61.2%; left: 67.3%; } .inner-map-box .inner-map .map-icon.area10 { top: 58%; left: 68.3%; } .inner-map-box .inner-map .map-icon.area11 { top: 53%; left: 72.6%; } .inner-map-box .inner-map .map-icon .map-info { width: 183px; height: 54px; background: url(../images/map-info.png) no-repeat center; position: absolute; bottom: 50%; right: 150%; font-size: 16px; line-height: 40px; display: none; text-align: center; transition: all 350ms; z-index: 10; } .inner-map-box .inner-map .map-icon:hover { cursor: pointer; animation: shan 1s linear; } .inner-map-box .inner-map .map-icon:hover .map-info { display: block; } .inner-map-box .inner-map .map-icon1 { width: 32px; height: 32px; background: url(../images/map-icon1.png) no-repeat center; position: absolute; top: 54%; left: 69%; } .inner-map-box .inner-map .map-icon1 .map-logo { position: absolute; bottom: 10%; right: 150%; width: 104px; height: 26px; overflow: hidden; } .inner-map-box .inner-map .map-icon1 .map-logo img { width: 100%; height: 100%; object-fit: cover; } .inner-map-box .inner-map .map-icon1 .map-info { width: 183px; height: 54px; background: url(../images/map-info.png) no-repeat center; position: absolute; bottom: 100%; right: 140%; font-size: 16px; line-height: 40px; display: none; text-align: center; transition: all 350ms; z-index: 10; } .inner-map-box .inner-map .map-icon1:hover { cursor: pointer; animation: shan 1s linear; } .inner-map-box .inner-map .map-icon1:hover .map-info { display: block; } .inner-zizhu-box { width: 100%; padding-top: 50%; position: relative; } .inner-zizhu-box .inner-zizhu { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/zizhu-bg.jpg) no-repeat center; background-size: 100%; padding: 10% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-zizhu-box .inner-zizhu .zizhu-swiper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 3%; padding: 0 5%; position: relative; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); width: 16%; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide .img-box { width: 100%; padding-top: 100%; position: relative; border-radius: 16px; overflow: hidden; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide .img-box img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide p { font-size: 20px; margin-top: 20px; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-active, .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active { transform: scale(1); } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img-box, .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .img-box { box-shadow: 2px 2px 10px #3333336e; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-active p, .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active p { font-weight: bold; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box { position: absolute; width: 4%; padding-top: 4%; top: 35%; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box.prev { left: 0; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box.next { right: 0; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; z-index: 99; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn.prev-btn { background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn:hover { cursor: pointer; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-partner { width: 100%; aspect-ratio: 1920/960; background: url(../images/partner-bg.jpg) no-repeat center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8% 0; } .inner-partner .common-title { line-height: 1.5 !important; } .inner-partner .partner-list { display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-start; flex-wrap: wrap; margin-top: 3%; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-partner .partner-list .partner-item { width: 15%; aspect-ratio: 1/1; overflow: hidden; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; transition: all 500ms; } .inner-partner .partner-list .partner-item img { width: 100%; height: 100%; object-fit: cover; } .inner-partner .partner-list .partner-item:hover { cursor: pointer; transform: scale(1.2); } .inner-honor { width: 100%; aspect-ratio: 1920/1060; background: url(../images/honor-bg.jpg) no-repeat center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5% 0; } .inner-honor .inner-honor-box { width: 100%; margin: 0 auto; padding-top: 58.33333333%; position: relative; } .inner-honor .inner-honor-box .honor-swiper { width: 100%; height: 100%; padding: 5% 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; } .inner-honor .inner-honor-box .honor-swiper .swiper-container { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide { text-align: center; background: #fff; height: calc((100% - 40px) / 2); /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; aspect-ratio: 400/320; border-radius: 20px; overflow: hidden; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide .img-box { width: 100%; aspect-ratio: 327/209; overflow: hidden; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide .img-box img { width: 100%; height: 100%; object-fit: cover; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide p { font-size: 18px; text-align: center; color: #333; margin-top: 10px; overflow: hidden; transition: all 350ms; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide:hover p { color: #f96028; } .inner-honor .inner-honor-box .honor-swiper .btn-box { width: 4%; padding-top: 4%; position: absolute; top: 47%; } .inner-honor .inner-honor-box .honor-swiper .btn-box.prev { left: 0; } .inner-honor .inner-honor-box .honor-swiper .btn-box.next { right: 0; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn { position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn.prev-btn { background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn:hover { cursor: pointer; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .list-bg-box { position: absolute; bottom: 0; left: 0; padding-top: 6.03896104%; width: 100%; } .inner-honor .inner-honor-box .honor-swiper .list-bg-box .list-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/honor-list-bg.png) no-repeat center; background-size: 100%; } .inner-culture { width: 100%; background: url(../images/culture-bg.jpg) no-repeat center; background-size: cover; padding: 5% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .inner-culture .inner-culture-box { width: 100%; padding-top: 42.5%; position: relative; margin-top: 3%; top: 0; } .inner-culture .inner-culture-box .culture-box { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } .inner-culture .inner-culture-box .culture-box .culture-item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 29%; height: 100%; transition: all 500ms; overflow: hidden; } .inner-culture .inner-culture-box .culture-box .culture-item .img-box { width: 100%; height: 79%; } .inner-culture .inner-culture-box .culture-box .culture-item .img-box img { width: 100%; height: 100%; object-fit: cover; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-info { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 21%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-info p:nth-child(1) { font-size: 24px; color: #333; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-info p:nth-child(2) { font-size: 20px; color: #999; } .inner-culture .inner-culture-box .culture-box .culture-item.active { width: 42%; box-shadow: 2px 2px 10px #33333317; } .inner-culture .inner-culture-box .culture-box .culture-item.active .culture-info { background: #fff; } .inner-fazhan { width: 100%; aspect-ratio: 1920/960; background: url(../images/fazhan-bg.jpg) no-repeat center; background-size: cover; padding: 5% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .inner-fazhan .common-title { color: #333; } .inner-fazhan .common-tips { color: #666; } .inner-fazhan .develop-box { width: 100%; padding-top: 40%; position: relative; } .inner-fazhan .develop-box .develop-year { width: 100%; height: 25%; position: absolute; bottom: 0; } .inner-fazhan .develop-box .develop-year .swiper-slide { position: relative; } .inner-fazhan .develop-box .develop-year .swiper-slide .point { width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; background: #3b3f43; } .inner-fazhan .develop-box .develop-year .swiper-slide .point:hover { cursor: pointer; } .inner-fazhan .develop-box .develop-year .swiper-slide .point .active-point { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box .develop-year .swiper-slide .point .active-point1 { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box .develop-year .swiper-slide .l-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; left: 0; top: 50%; } .inner-fazhan .develop-box .develop-year .swiper-slide .r-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; right: 0; top: 50%; } .inner-fazhan .develop-box .develop-year .swiper-slide .year { font-size: 24px; font-family: "Barlow"; color: #838688; position: absolute; width: 100%; bottom: 0; text-align: center; } .inner-fazhan .develop-box .develop-year .swiper-slide.swiper-slide-thumb-active .year { font-size: 36px; color: #fff; line-height: 1; } .inner-fazhan .develop-box .develop-year .swiper-slide.swiper-slide-thumb-active .active-point { width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -7px; background: #fff; } .inner-fazhan .develop-box .develop-year .swiper-slide.swiper-slide-thumb-active .active-point1 { width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; background: #f96028; } .inner-fazhan .develop-box .develop-info { width: 100%; height: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; } .inner-fazhan .develop-box .develop-info .info-item { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; opacity: 0; visibility: hidden; transition: all 350ms; } .inner-fazhan .develop-box .develop-info .info-item.swiper-slide-active { opacity: 1; visibility: visible; } .inner-fazhan .develop-box .develop-info .info-item .big-year { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 460px; line-height: 1; font-family: "Barlow"; text-align: center; color: rgba(255, 255, 255, 0.1); } .inner-fazhan .develop-box .develop-info .info-item .develop-des { width: 36%; border-radius: 20px; background: #fff; overflow: hidden; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 35%; left: 50%; margin-left: -18%; transition: all 1000ms; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(1) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(1) span { font-size: 60px; color: #333; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(1) strong { font-size: 47px; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(2) { font-size: 20px; color: #666; margin-top: 2%; word-break: break-all; } .inner-fazhan .develop-box .develop-info .info-item.active { opacity: 1; } .inner-fazhan .develop-box .develop-info .info-item.active .develop-des { opacity: 1; top: 35%; } .inner-fazhan .develop-box .develop-info .btn { position: absolute; width: 60px; height: 60px; border-radius: 50%; top: 47%; z-index: 99; } .inner-fazhan .develop-box .develop-info .btn.prev-btn { left: 0; background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box .develop-info .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; right: 0; } .inner-fazhan .develop-box .develop-info .btn:hover { cursor: pointer; } .inner-fazhan .develop-box .develop-info .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box .develop-info .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-fazhan .develop-box2 { width: 100%; padding-top: 40%; position: relative; } .inner-fazhan .develop-box2 .develop-year { width: 100%; height: 25%; position: absolute; bottom: 0; } .inner-fazhan .develop-box2 .develop-year .swiper-slide { position: relative; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point { width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; background: #3b3f43; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point:hover { cursor: pointer; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point .active-point { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point .active-point1 { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .l-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; left: 0; top: 50%; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .r-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; right: 0; top: 50%; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .year { font-size: 24px; font-family: "Barlow"; color: #838688; position: absolute; width: 100%; bottom: 0; text-align: center; } .inner-fazhan .develop-box2 .develop-year .swiper-slide.swiper-slide-active .year { font-size: 36px; color: #fff; line-height: 1; } .inner-fazhan .develop-box2 .develop-year .swiper-slide.swiper-slide-active .active-point { width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -7px; background: #fff; } .inner-fazhan .develop-box2 .develop-year .swiper-slide.swiper-slide-active .active-point1 { width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; background: #f96028; } .inner-fazhan .develop-box2 .develop-info { width: 100%; height: 70%; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-fazhan .develop-box2 .develop-info .info-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; transition: all 1000ms; animation: slide-down 1s linear; } .inner-fazhan .develop-box2 .develop-info .info-item .big-year { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 380px; line-height: 1; font-family: "Barlow"; text-align: center; color: rgba(255, 255, 255, 0.1); } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des { width: 36%; border-radius: 20px; background: #fff; overflow: hidden; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 100%; left: 50%; opacity: 0; margin-left: -18%; transition: all 1000ms; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(1) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(1) span { font-size: 42px; color: #333; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(1) strong { font-size: 32px; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(2) { font-size: 16px; color: #666; margin-top: 2%; word-break: break-all; } .inner-fazhan .develop-box2 .develop-info .info-item.active { opacity: 1; } .inner-fazhan .develop-box2 .develop-info .info-item.active .develop-des { opacity: 1; top: 35%; } .inner-fazhan .develop-box2 .develop-info .btn { position: absolute; width: 60px; height: 60px; border-radius: 50%; top: 47%; z-index: 99; } .inner-fazhan .develop-box2 .develop-info .btn.prev-btn { left: 0; background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box2 .develop-info .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; right: 0; } .inner-fazhan .develop-box2 .develop-info .btn:hover { cursor: pointer; } .inner-fazhan .develop-box2 .develop-info .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box2 .develop-info .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-invest { padding: 5% 0; } .inner-invest .gk-box { margin-top: 3%; overflow: hidden; } .inner-invest .gk-box span, .inner-invest .gk-box p { font-size: 16px; line-height: 2; color: #999; } .inner-invest .base-info { margin-top: 3%; width: 100%; } .inner-invest .base-info table { width: 100%; height: 100%; border-collapse: collapse; text-align: center; overflow: hidden; } .inner-invest .base-info table tr td { background: #fff; font-size: 16px; padding: 1% 2%; border: solid 1px #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; } .inner-invest .base-info table tr td:nth-child(1) { width: 14%; background: #f7f7f7; color: #333; font-weight: bold; } .inner-invest .base-info table tr td:nth-child(3) { width: 14%; background: #f7f7f7; color: #333; font-weight: bold; } .inner-invest .base-info table tr.firstRow td { font-size: 22px; text-align: center; color: #fff; background: #333; padding: 1% 0; } .inner-invest .hudong-box { padding: 5%; margin-top: 5%; background: #f7f7f7; } .inner-invest .hudong-box .hudong-list { display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top: 3%; } .inner-invest .hudong-box .hudong-list .hudong-item-box { width: 48%; aspect-ratio: 680/410; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title i { display: block; width: 30px; height: 30px; margin-right: 2%; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title i.r { background: url(../images/reply-title-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title i.q { background: url(../images/question-title-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title p { font-size: 22px; color: #333; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item { border-bottom: 1px solid #ddd; padding: 5% 0; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-title { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-title i { display: block; width: 24px; height: 24px; margin-right: 2%; background: url(../images/question-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-title p { font-size: 16px; color: #333; width: 95%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-answer { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top: 3%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-answer i { display: block; width: 24px; height: 24px; margin-right: 2%; background: url(../images/answer-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-answer p { font-size: 16px; color: #999; word-break: break-all; width: 95%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form { margin-top: 5%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form textarea { padding: 3% 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; width: 100%; height: 280px; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 3%; width: 100%; height: 50px; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .input-type { width: 50%; height: 100%; border-radius: 8px; padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .verify { width: 13%; height: 100%; overflow: hidden; margin-right: 10%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .verify:hover { cursor: pointer; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .verify img { width: 100%; height: 100%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .submit { width: 23%; height: 100%; background: #333; color: #fff; font-size: 16px; text-align: center; border-radius: 8px; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .submit:hover { cursor: pointer; background: #f96028; } .inner-annouce { padding: 3%; } .inner-annouce .inner-annouce-box { padding: 3%; background: #fff; border-radius: 20px; } .inner-annouce .inner-annouce-box .de-news-list { width: 100%; margin-top: 3%; } .inner-annouce .inner-annouce-box .de-news-list .news-item { display: flex; flex-direction: row; justify-content: flex-start; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #e7e7e7; } .inner-annouce .inner-annouce-box .de-news-list .news-item:nth-child(1) { border-top: 2px solid #e7e7e7; } .inner-annouce .inner-annouce-box .de-news-list .news-item .time-box { width: 170px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .time-box .day { font-size: 34px; color: #333; font-weight: bold; font-family: "Gilroy-ExtraBold"; line-height: 1; } .inner-annouce .inner-annouce-box .de-news-list .news-item .time-box .year { font-size: 22px; color: #999; font-family: "Gilroy-Light"; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-img { width: 250px; height: 170px; overflow: hidden; border-radius: 5px; margin-right: 30px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-img img { width: 100%; height: 100%; object-fit: cover; margin-right: 40px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info { flex: 1; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .title { font-size: 22px; color: #333; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .content { margin-top: 20px; font-size: 16px; color: #666; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .item-cate { background: #333; font-size: 14px; color: #fff; width: 86px; height: 34px; line-height: 34px; text-align: center; border-radius: 5px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .more { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .more p { display: inline-block; text-transform: uppercase; font-size: 16px; color: #999; margin-right: 15px; z-index: 10; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .more i { width: 30px; height: 11px; background: url(../images/news-arrow.png) no-repeat center; z-index: 10; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .title { color: #f96028; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .more p { color: #f96028; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .news-info .item-cate-box .more p { color: #f96028; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .news-info .item-cate-box .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-link { padding: 5% 0; } .inner-link .link-map { width: 100%; height: 600px; border-radius: 20px; overflow: hidden; margin-top: 5%; position: relative; } .inner-link .link-map #allmap { width: 100%; height: 100%; padding-left: 20%; } .inner-link .link-map .link-info-box { position: absolute; width: 30%; border-radius: 20px; top: 20%; right: 5%; overflow: hidden; } .inner-link .link-map .link-info-box .link-title { display: flex; flex-direction: row; padding: 8%; justify-content: flex-start; align-items: center; background: #333; overflow: hidden; } .inner-link .link-map .link-info-box .link-title i { width: 30px; height: 30px; margin-right: 2%; background: url(../images/link-tel.png) no-repeat center; } .inner-link .link-map .link-info-box .link-title p { font-size: 22px; color: #ffffff; } .inner-link .link-map .link-info-box .link-list { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background: #fff; padding: 8%; } .inner-link .link-map .link-info-box .link-list p { font-size: 16px; color: #333; margin-bottom: 5%; } .inner-link .link-map .link-info-box .link-list p:last-child { margin-bottom: 0; } .inner-link .link-map .link-info-box .link-list p span { color: #999; } .inner-goods-info { padding: 5% 0; } .inner-goods-info .info-box { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; background: #fff; padding: 5% 3% 3%; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .inner-goods-info .info-box .info-item { width: 48%; } .inner-goods-info .info-box .info-item.left #pro-swiper { width: 100%; overflow: hidden; } .inner-goods-info .info-box .info-item.left #pro-swiper .swiper-slide { width: 100%; overflow: hidden; position: relative; padding-top: 78.57142857%; } .inner-goods-info .info-box .info-item.left #pro-swiper .swiper-slide img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; object-fit: contain; } .inner-goods-info .info-box .info-item.left .pagination { width: 100%; height: 70px; position: relative; margin-top: 60px; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box { width: 9%; padding-top: 9%; left: 0; top: 50%; margin-top: -4.5%; position: absolute; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box .swiper-pagination { display: flex; flex-direction: row; justify-content: center; align-items: baseline; padding-top: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; height: 100%; left: 0; top: 0; line-height: 1; background: #ebebeb; border-radius: 50%; overflow: hidden; color: #f5f5f5; font-size: 16px; font-weight: bold; font-family: "Arial"; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box .swiper-pagination .swiper-pagination-current { font-size: 26px; color: #fff; font-family: "Arial"; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box .swiper-pagination .swiper-pagination-total { color: #f5f5f5; font-size: 16px; font-weight: bold; font-family: "Arial"; } .inner-goods-info .info-box .info-item.left .pagination .btn-box { position: absolute; width: 9%; padding-top: 9%; top: 50%; margin-top: -4.5%; } .inner-goods-info .info-box .info-item.left .pagination .btn-box.prev { right: 11%; } .inner-goods-info .info-box .info-item.left .pagination .btn-box.next { right: 0; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; z-index: 99; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn.prev-btn { background: #ebebeb url(../images/inner-swiper-prev.png) no-repeat center; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn.next-btn { background: #ebebeb url(../images/inner-swiper-next.png) no-repeat center; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn:hover { cursor: pointer; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-goods-info .info-box .info-item.right .title { font-size: 50px; font-family: "Gilroy-ExtraBold"; line-height: 1; } .inner-goods-info .info-box .info-item.right .tags { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 5px; } .inner-goods-info .info-box .info-item.right .tags .goods-tag-item { display: inline-block; font-size: 14px; color: #666; border: 1px solid #999; border-radius: 5px; padding: 5px 15px; margin-right: 2%; transition: all 350ms; } .inner-goods-info .info-box .info-item.right .tags .goods-tag-item:hover { background: #f96028; border: 1px solid #f96028; color: #fff; } .inner-goods-info .info-box .info-item.right .content-box { overflow: hidden; } .inner-goods-info .info-box .info-item.right .content-box.first-content-box { margin-top: 40px; } .inner-goods-info .info-box .info-item.right .content-box > p { font-size: 18px; color: #333; padding-bottom: 15px; font-weight: bold; border-bottom: 1px solid #999; } .inner-goods-info .info-box .info-item.right .content-box > p.file-label { font-weight: bold; } .inner-goods-info .info-box .info-item.right .content-box .goods-content { padding: 15px 0 30px 0; } .inner-goods-info .info-box .info-item.right .content-box .goods-content p, .inner-goods-info .info-box .info-item.right .content-box .goods-content span { line-height: 2; color: #666; font-size: 14px; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item { width: 100%; margin-top: 10px; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item:first-child { margin-top: 20px; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i { display: block; width: 34px; height: 40px; float: left; margin-right: 2%; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i.pdf { background: url(../images/pdf-icon.png) no-repeat center; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i.dwg { background: url(../images/dwg-icon.png) no-repeat center; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i.stp { background: url(../images/stp-icon.png) no-repeat center; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .file-title { float: left; font-size: 16px; line-height: 40px; font-family: "Gilroy-Light"; color: #333; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .down-btn { float: right; display: inline-block; background: #333; text-align: center; color: #fff; font-size: 14px; border-radius: 6px; line-height: 40px; width: 112px; height: 40px; white-space: nowrap; overflow: hidden; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .down-btn:hover { background: #f96028; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .preview-btn { float: right; display: inline-block; background: #f96028; text-align: center; color: #fff; font-size: 14px; border-radius: 6px; line-height: 40px; width: 80px; height: 40px; margin-right: 10px; white-space: nowrap; overflow: hidden; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .preview-btn:hover { background: #333; } .inner-goods { padding: 3% 0; } .inner-goods .series-box { display: flex; flex-direction: row; justify-content: center; align-items: center; } .inner-goods .series-box .series-item { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 10%; height: 130px; aspect-ratio: 1/1; border-radius: 8px; margin-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .series-box .series-item:last-child { margin-right: 0; } .inner-goods .series-box .series-item .img-box { width: 100%; padding-top: 60%; position: relative; } .inner-goods .series-box .series-item .img-box img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .inner-goods .series-box .series-item .series-title { font-size: 18px; text-align: center; width: 100%; color: #333; margin-top: 5%; } .inner-goods .series-box .series-item:hover { border: 1px solid #666; } .inner-goods .series-box .series-item.active { border: 1px solid #666; } .inner-goods .common-title { margin-top: 3%; } .inner-goods .tag { padding: 0 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .tag .tag-box { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-radius: 20px; padding: 2%; background: #fff; margin-top: 2%; } .inner-goods .tag .tag-box > p { font-size: 16px; color: #333; margin-right: 2%; } .inner-goods .tag .tag-box .tag-item { display: inline-block; padding: 1%; background: #f96028; margin-right: 2%; border-radius: 6px; } .inner-goods .tag .tag-box .tag-item p { float: left; font-size: 16px; color: #fff; line-height: 16px; margin-right: 10px; } .inner-goods .tag .tag-box .tag-item .tag-cancel { display: inline-block; float: left; width: 14px; height: 14px; border-radius: 50%; overflow: hidden; line-height: 16px; } .inner-goods .tag .tag-box .tag-item .tag-cancel img { width: 100%; height: 100%; object-fit: cover; } .inner-goods .de-goods-list { padding: 0 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .de-goods-list .goods-item-box { float: left; width: 23.5%; padding-top: 139.47368421%; margin-right: 2%; padding: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 3%; background: #fff; border-radius: 20px; } .inner-goods .de-goods-list .goods-item-box:nth-child(4n) { margin-right: 0; } .inner-goods .de-goods-list .goods-item-box .goods-item { width: 100%; height: 100%; transition: all 350ms; } .inner-goods .de-goods-list .goods-item-box .goods-item .img-box { width: 100%; padding-top: 83.33333333%; position: relative; } .inner-goods .de-goods-list .goods-item-box .goods-item .img-box img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-title { font-size: 28px; width: 100%; text-align: center; font-family: "Gilroy-ExtraBold"; margin-top: 10%; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 350ms; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags { display: flex; width: 100%; flex-direction: row; align-items: flex-start; justify-content: space-evenly; align-content: flex-start; flex-wrap: wrap; height: 130px; margin-top: 8%; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item { display: inline-block; font-size: 14px; color: #666; border: 1px solid #999; border-radius: 5px; padding: 5px 10px; margin-top: 10px; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item:hover { background: #f96028; color: #fff; border: none; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item.active { background: #f96028; color: #fff; border: none; } .inner-goods .de-goods-list .goods-item-box .goods-item:hover { box-shadow: 5px 5px 10px #3333332e; transform: scale(1.05); } .inner-goods .de-goods-list .goods-item-box .goods-item:hover .goods-title { color: #f96028; } .inner-contact { padding: 5% 0 2%; } .inner-contact .top-contact-box { width: 100%; padding-top: 35%; position: relative; } .inner-contact .top-contact-box .top-contact { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; overflow: hidden; margin-top: 3%; padding: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .top-contact-box .top-contact .contact-map { width: 68%; height: 100%; background: url(../images/inner-contact-map.png) no-repeat center; background-size: cover; position: relative; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon { width: 15px; height: 15px; border-radius: 50%; border: 2px solid #fff; background: #333; position: absolute; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon:hover { background: #f96028; animation: shan 1s infinite; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon2 { right: 19%; top: 46%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon3 { right: 16%; top: 38%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon4 { right: 27%; top: 43%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon5 { top: 22%; left: 13%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon6 { top: 30%; left: 15%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon7 { left: 44%; top: 23%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon8 { left: 46%; top: 17%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon9 { left: 48%; top: 9%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon10 { left: 49%; top: 16%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon11 { left: 51.5%; top: 12%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon12 { right: 10.5%; top: 29%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 { width: 30px; height: 30px; background: url(../images/contact-star.png) no-repeat center; position: absolute; right: 15.5%; top: 27%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 .contact-logo { position: absolute; right: 130%; top: 10%; width: 93px; height: 24px; overflow: hidden; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 .contact-logo img { width: 100%; height: 100%; object-fit: cover; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1:hover { animation: shan 1s infinite; } .inner-contact .contact-list { margin-top: 3%; width: 100%; height: 100%; padding: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .contact-box { width: 32%; height: 100%; min-height: 400px; background: #fff; border-radius: 20px; overflow: hidden; float: left; margin-right: 2%; margin-bottom: 3%; transition: all 350ms; } .inner-contact .contact-box:nth-child(3n) { margin-right: 0; } .inner-contact .contact-box .contact-title { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; flex: 1; border-bottom: 1px solid #efefef; overflow: hidden; padding: 30px 0 20px; } .inner-contact .contact-box .contact-title .main-add { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .contact-box .contact-title .main-add i { width: 30px; height: 30px; background: url(../images/area-icon.png) no-repeat center; margin-right: 2%; } .inner-contact .contact-box .contact-title .main-add .area { font-size: 22px; color: #333; font-weight: bold; margin-right: 2%; } .inner-contact .contact-box .contact-title .addname { font-size: 18px; color: #666; width: 100%; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 5%; } .inner-contact .contact-box .contact-info { width: 100%; flex: 1; display: flex; flex-direction: column; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; justify-content: flex-start; align-items: flex-start; } .inner-contact .contact-box .contact-info .contact-info-item { font-size: 16px; margin-top: 5%; } .inner-contact .contact-box .contact-info .contact-info-item .label { color: #666; } .inner-contact .contact-box .contact-info .contact-info-item .detail { color: #333; } .inner-contact .contact-box.zongbu { height: 98%; float: none; margin: 0; } .inner-contact .contact-box.zongbu .contact-title .main-add i { background: url(../images/star.png) no-repeat center; } .inner-contact .contact-box.zongbu .contact-title .main-add .tag { display: inline-block; text-align: center; font-size: 18px; color: #ffffff; background: #333; padding: 0 2%; border-radius: 5px; } } @media (min-width: 1201px) and (max-width: 1400px) { .inner-top { position: relative; background: #333; transition: all 1s; } .inner-top.is-visible { transform: translate3d(0, 100%, 0); top: 0; } .inner-top.is-fixed { position: fixed !important; top: -90px !important; left: 0; transition: transform 350ms; background-color: rgba(55, 55, 55, 0.6); } .inner-top .top-right .nav-bar ul li a { color: rgba(255, 255, 255, 0.5); } .inner-top .top-right .nav-bar ul li.highlight a { color: #fff; } .inner-top.active { background: #fff; } .inner-top.active .top-right .nav-bar ul li a { color: #333; } .inner-top.active .top-right .nav-bar ul li.active:after { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .inner-top.active .top-right .lang a { color: #333; } .inner-top.active .top-right .lang a:hover { color: #fff; } .inner-top.active .top-right .lang a.active { color: #fff; } .crumbs { width: 100%; height: 50px; background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } .crumbs .crumbs-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 50px; } .crumbs .crumbs-box .crumb-left { display: flex; line-height: 70px; height: 70px; justify-content: center; align-items: center; } .crumbs .crumbs-box .crumb-left a { color: #666; font-size: 14px; margin-right: 10px; } .crumbs .crumbs-box .crumb-left a:first-child { display: inline-block; height: 20px; width: 30px; background: url(../images/home.png) no-repeat center; margin-top: -5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .crumbs .crumbs-box .crumb-left a:not(:first-child) { margin-left: 10px; } .crumbs .crumbs-box .crumb-left a:hover { color: #f96028; } .crumbs .crumbs-box .crumb-right { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .crumbs .crumbs-box .crumb-right > a { display: flex; justify-content: center; align-items: center; color: #333; font-size: 14px; padding: 5%; width: 115px; height: 50px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 1px; } .crumbs .crumbs-box .crumb-right > a:hover { background: #f96028; color: #fff; } .crumbs .crumbs-box .crumb-right > a.active { background: #f96028; color: #fff; } .crumbs .crumbs-box .goods-crumb { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center; } .crumbs .crumbs-box .goods-crumb > a { display: flex; justify-content: center; align-items: center; color: #333; font-size: 14px; margin: 0 2%; height: 50px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .crumbs .crumbs-box .goods-crumb > a:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #f96028; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: 500ms 0s all ease; -moz-transition: 500ms 0s all ease; -ms-transition: 500ms 0s all ease; -o-transition: 500ms 0s all ease; transition: 500ms 0s all ease; } .crumbs .crumbs-box .goods-crumb > a.active:after { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .crumbs .crumbs-box .goods-crumb > a:hover:after { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .common-inner { padding: 60px 0; } .common-title { font-size: 32px; color: #333; line-height: 1; text-align: center; position: relative; } .common-title.youshi { color: #fff; } .common-tips { font-size: 14px; color: #999; margin-top: 1%; text-align: center; } .inner-banner { width: 100%; padding-top: 38.80208333%; position: relative; } .inner-banner .img-box { width: 100%; height: 100%; animation: banner-animate 5s linear; } .inner-banner .img-box img { width: 100%; height: 100%; object-fit: cover; } .inner-banner .banner-info { width: 100%; position: absolute; top: 26%; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } .inner-banner .banner-info .catname { font-size: 32px; color: #fff; } .inner-banner .banner-info .des { font-size: 16px; color: #fff; margin-top: 10px; } .inner-banner .banner-info .banner-btn-box { margin-top: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; } .inner-banner .banner-info .banner-btn-box > a { display: flex; width: 188px; height: 56px; background: rgba(55, 55, 55, 0.8); border-radius: 5px; margin-right: 20px; flex-direction: row; justify-content: space-evenly; align-items: center; z-index: 1; position: relative; overflow: hidden; } .inner-banner .banner-info .banner-btn-box > a:last-child { margin-right: 0; } .inner-banner .banner-info .banner-btn-box > a i { width: 30px; height: 30px; z-index: 11; } .inner-banner .banner-info .banner-btn-box > a .btn-des { z-index: 11; } .inner-banner .banner-info .banner-btn-box > a .btn-des p { color: #fff; text-align: center; z-index: 11; font-weight: lighter; } .inner-banner .banner-info .banner-btn-box > a .btn-des p:nth-child(1) { font-size: 14px; } .inner-banner .banner-info .banner-btn-box > a .btn-des p:nth-child(2) { font-size: 12px; } .inner-banner .banner-info .banner-btn-box > a.download i { background: url(../images/banner-download.png) no-repeat center; } .inner-banner .banner-info .banner-btn-box > a.detail i { background: url(../images/banner-detail.png) no-repeat center; } .inner-banner .banner-info .banner-btn-box > a:after { display: block; position: absolute; content: ""; left: -100%; top: 0; width: 100%; height: 100%; background: #f96028; z-index: 10; transition: all 350ms; } .inner-banner .banner-info .banner-btn-box > a:hover::after { left: 0; } .inner-news-box { background: #fff; border-radius: 25px; padding: 60px 0; } .inner-news-box .top-news-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2% 5%; display: flex; flex-direction: row; justify-content: space-between; } .inner-news-box .top-news-box .top-news-item { width: 32%; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-news-box .top-news-box .top-news-item .img-box { width: 100%; padding-top: 68.18181818%; position: relative; border-radius: 10px; overflow: hidden; } .inner-news-box .top-news-box .top-news-item .img-box img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .inner-news-box .top-news-box .top-news-item .img-box .top-icon { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 86px; height: 30px; position: absolute; top: 10px; left: 10px; border-radius: 5px; background: rgba(55, 55, 55, 0.6); } .inner-news-box .top-news-box .top-news-item .img-box .top-icon i { display: block; width: 13px; height: 15px; margin-right: 10px; background: url(../images/news-top.png) no-repeat center; } .inner-news-box .top-news-box .top-news-item .img-box .top-icon span { color: #fff; font-size: 14px; } .inner-news-box .top-news-box .top-news-item .top-title { font-size: 18px; font-weight: bold; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333; margin-top: 20px; } .inner-news-box .top-news-box .top-news-item .top-info .time-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px; } .inner-news-box .top-news-box .top-news-item .top-info .time-box .news-cate { background: #333; font-size: 14px; color: #fff; width: 86px; height: 34px; line-height: 34px; text-align: center; border-radius: 5px; } .inner-news-box .top-news-box .top-news-item .top-info .time-box .time { font-size: 14px; color: #999; } .inner-news-box .top-news-box .top-news-item .top-info .news-content { margin-top: 20px; font-size: 14px; color: #666; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .inner-news-box .top-news-box .top-news-item .top-info .more { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: 20px; } .inner-news-box .top-news-box .top-news-item .top-info .more p { display: inline-block; text-transform: uppercase; font-size: 14px; color: #999; margin-right: 15px; z-index: 10; } .inner-news-box .top-news-box .top-news-item .top-info .more i { width: 30px; height: 11px; background: url(../images/news-arrow.png) no-repeat center; z-index: 10; } .inner-news-box .top-news-box .top-news-item:hover .top-title { color: #f96028; } .inner-news-box .top-news-box .top-news-item:hover .more p { color: #f96028; } .inner-news-box .top-news-box .top-news-item:hover .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-news-box .de-news-list { width: 100%; } .inner-news-box .de-news-list .news-item { display: flex; flex-direction: row; justify-content: flex-start; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #e7e7e7; } .inner-news-box .de-news-list .news-item:nth-child(1) { border-top: 2px solid #e7e7e7; } .inner-news-box .de-news-list .news-item .time-box { width: 170px; } .inner-news-box .de-news-list .news-item .time-box .day { font-size: 28px; color: #333; font-weight: bold; font-family: "Roboto-Bold"; line-height: 1; } .inner-news-box .de-news-list .news-item .time-box .year { font-size: 18px; color: #b4b4b4; font-family: "Roboto-Regular"; } .inner-news-box .de-news-list .news-item .news-img { width: 250px; height: 170px; overflow: hidden; border-radius: 5px; margin-right: 30px; } .inner-news-box .de-news-list .news-item .news-img img { width: 100%; height: 100%; object-fit: cover; margin-right: 40px; } .inner-news-box .de-news-list .news-item .news-info { flex: 1; } .inner-news-box .de-news-list .news-item .news-info .title { font-size: 18px; color: #333; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .inner-news-box .de-news-list .news-item .news-info .content { margin-top: 20px; font-size: 14px; color: #666; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .item-cate { background: #333; font-size: 14px; color: #fff; width: 86px; height: 34px; line-height: 34px; text-align: center; border-radius: 5px; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .more { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .more p { display: inline-block; text-transform: uppercase; font-size: 14px; color: #999; margin-right: 15px; z-index: 10; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .more i { width: 30px; height: 11px; background: url(../images/news-arrow.png) no-repeat center; z-index: 10; } .inner-news-box .de-news-list .news-item:hover .title { color: #f96028; } .inner-news-box .de-news-list .news-item:hover .more p { color: #f96028; } .inner-news-box .de-news-list .news-item:hover .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-news-box .de-news-list .news-item:hover .news-info .item-cate-box .more p { color: #f96028; } .inner-news-box .de-news-list .news-item:hover .news-info .item-cate-box .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-news-box .news-detail-content { padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-news-box .news-detail-content .news-detail-title .h3 { font-size: 22px; color: #333; font-weight: bold; text-align: center; } .inner-news-box .news-detail-content .news-detail-title .b { display: flex; justify-content: center; flex-direction: row; font-size: 14px; color: #999; text-align: center; margin-top: 20px; } .inner-news-box .news-detail-content .news-detail-title .b span { margin-right: 20px; height: 40px; line-height: 40px; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom { display: flex; justify-content: center; flex-direction: row; align-items: center; font-size: 14px; color: #999; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom .bshare-weixin { width: 25px; height: 40px; background: url(../images/fengxiang.png) no-repeat 4px 0; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom .bshare-sinaminiblog { width: 24px; height: 40px; background: url(../images/fengxiang.png) no-repeat -46px 0; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom .bshare-qzone { width: 25px; height: 40px; background: url(../images/fengxiang.png) no-repeat -94px 0; } .inner-news-box .news-detail-content .news-detail { margin-top: 20px; max-width: 100%; } .inner-news-box .news-detail-content .news-detail p, .inner-news-box .news-detail-content .news-detail span { display: block; width: 100%; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #666; height: auto; } .inner-news-box .news-detail-content .news-detail img { width: 100%; max-width: 100%; } .inner-news-box .news-line { width: 100%; height: 1px; background: #ededed; margin-top: 5%; } .inner-news-box .back { display: flex; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; flex-direction: row-reverse; } .inner-news-box .back .news-back-btn { width: 150px; height: 40px; display: flex; flex-direction: row; align-items: center; justify-content: center; border: 1px solid #666; border-radius: 5px; position: relative; overflow: hidden; z-index: 10; } .inner-news-box .back .news-back-btn p { font-size: 14px; color: #666; margin-right: 10px; z-index: 99; } .inner-news-box .back .news-back-btn i { width: 20px; height: 11px; background: url(../images/back-arrow.png) no-repeat center; z-index: 99; } .inner-news-box .back .news-back-btn:after { display: block; position: absolute; content: ""; width: 100%; height: 100%; background: #f96028; left: -100%; top: -100%; transition: all 350ms; z-index: 10; } .inner-news-box .back .news-back-btn:hover { border: 1px solid #f96028 !important; } .inner-news-box .back .news-back-btn:hover p { color: #fff; } .inner-news-box .back .news-back-btn:hover i { background: url(../images/back-arrow-hover.png) no-repeat center; } .inner-news-box .back .news-back-btn:hover:after { left: 0; top: 0; } .inner-news-box .newsPage { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-news-box .newsPage a { color: #333; } .inner-news-box .newsPage a:hover { color: #f96028; } .yy-box { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .yy-box .yy-item { width: 48%; border-radius: 25px; overflow: hidden; margin-top: 3%; position: relative; } .yy-box .yy-item .img-box { width: 100%; aspect-ratio: 776/456; overflow: hidden; } .yy-box .yy-item .img-box img { width: 100%; height: 100%; object-fit: cover; } .yy-box .yy-item .yy-info { padding: 5% 0; background: #fff; } .yy-box .yy-item .yy-info p { text-align: center; } .yy-box .yy-item .yy-info p:nth-child(1) { font-size: 22px; color: #333; color: #373737; } .yy-box .yy-item .yy-info p:nth-child(2) { font-size: 16px; color: #999; } .yy-box .yy-item .yy-shade { width: 0; height: 0; position: absolute; top: 50%; left: 50%; transition: all 500ms; } .yy-box .yy-item:hover { cursor: pointer; } .yy-box .yy-item:hover .yy-shade { width: 100%; height: 100%; background: rgba(249, 96, 40, 0.8); top: 0%; left: 0%; } .yy-youshi-box { width: 100%; padding: 5% 0; margin-top: 5%; background: url(../images/yy-youshibg.jpg) no-repeat; } .yy-youshi-box .youshi-list { display: flex; flex-direction: row; justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3%; align-items: center; margin-top: 3%; } .yy-youshi-box .youshi-list .youshi-item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .yy-youshi-box .youshi-list .youshi-item .img-box { width: 150px; height: 150px; overflow: hidden; } .yy-youshi-box .youshi-list .youshi-item .img-box img { width: 100%; height: 100%; object-fit: cover; } .yy-youshi-box .youshi-list .youshi-item p { font-size: 18px; color: rgba(255, 255, 255, 0.8); margin-top: 30px; text-align: center; } .yy-youshi-box .youshi-list .youshi-item:hover .img-box { -webkit-transform: rotateY(-360deg); -moz-transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -o-transform: rotateY(-360deg); transform: rotateY(-360deg); -webkit-transition: 1500ms 0s all ease; -moz-transition: 1500ms 0s all ease; -ms-transition: 1500ms 0s all ease; -o-transition: 1500ms 0s all ease; transition: 1500ms 0s all ease; } .yy-related-box { padding: 5% 0; } .yy-related-box .yy-more { margin-top: 3%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .yy-related-box .yy-more > span { font-size: 18px; color: #333; margin-right: 20px; } .yy-related-box .yy-more .more { display: flex; flex-direction: row; justify-content: center; align-items: center; } .yy-related-box .yy-more .more > span { font-size: 14px; color: #333; margin-right: 10px; font-family: "Segoe UI"; } .yy-related-box .yy-more .more i { width: 20px; height: 11px; background: url(../images/yy-arrow.png) no-repeat center; } .yy-related-box .yy-more .more:hover > span { font-size: 14px; color: #f96028; } .yy-related-box .yy-more .more:hover i { background: url(../images/yy-arrow-hover.png) no-repeat center; } .inner-about-box { background: url(../images/inner-about-bg.jpg) no-repeat center; background-size: cover; padding: 5% 0; } .inner-about-box .inner-box { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-about-box .inner-box .inner-left-box { width: 50%; padding: 0 8% 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .inner-about-box .inner-box .inner-left-box .img-box { width: 100%; padding-top: 100%; border-radius: 20px; z-index: 10; position: relative; } .inner-about-box .inner-box .inner-left-box .img-box img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; box-shadow: 5px 5px 10px #00000026; } .inner-about-box .inner-box .inner-left-box .img-box:before { display: block; position: absolute; content: ""; left: -8%; bottom: -8%; width: 80%; padding-top: 80%; background: #f8e9e4; border-radius: 20px; z-index: -1; } .inner-about-box .inner-box .inner-right-box { width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-right: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-about-box .inner-box .inner-right-box .title { font-size: 32px; color: #333; } .inner-about-box .inner-box .inner-right-box .company { font-size: 18px; color: #333; font-weight: bold; margin-top: 10px; } .inner-about-box .inner-box .inner-right-box .content { margin-top: 50px; } .inner-about-box .inner-box .inner-right-box .content p, .inner-about-box .inner-box .inner-right-box .content span { font-size: 14px; line-height: 2; color: #666; } .inner-choose-box { background: url(../images/inner-about-choose.jpg) no-repeat center; background-size: cover; padding: 8% 0; } .inner-choose-box .choose-box { margin-top: 5%; } .inner-choose-box .choose-box .choose-item { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 33.3%; padding: 3% 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #999; border-left: 1px solid #999; float: left; overflow: hidden; position: relative; cursor: pointer; } .inner-choose-box .choose-box .choose-item:nth-child(3n) { border-right: 1px solid #999; } .inner-choose-box .choose-box .choose-item:nth-child(n+4) { border-bottom: 1px solid #999; } .inner-choose-box .choose-box .choose-item .item-box { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 80%; height: 100%; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(1) { display: table-cell; vertical-align: bottom; transition: all 350ms; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(1) span:nth-child(1) { font-size: 32px; color: #333; font-weight: bold; font-family: "Barlow"; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(1) span:nth-child(2) { font-size: 32px; vertical-align: sub; color: #333; font-family: "Barlow"; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(2) { font-size: 14px; color: #666; transition: all 350ms; } .inner-choose-box .choose-box .choose-item .item-box i { width: 75px; height: 75px; } .inner-choose-box .choose-box .choose-item .item-box i.choose1 { background: url(../images/inner-choose-icon1.png) no-repeat center; background-size: 80%; } .inner-choose-box .choose-box .choose-item .item-box i.choose2 { background: url(../images/inner-choose-icon2.png) no-repeat center; background-size: 80%; } .inner-choose-box .choose-box .choose-item .item-box i.choose3 { background: url(../images/inner-choose-icon3.png) no-repeat center; background-size: 80%; } .inner-choose-box .choose-box .choose-item .item-box i.choose4 { background: url(../images/inner-choose-icon4.png) no-repeat center; background-size: 80%; } .inner-choose-box .choose-box .choose-item .item-box i.choose5 { background: url(../images/inner-choose-icon5.png) no-repeat center; background-size: 80%; } .inner-choose-box .choose-box .choose-item .item-box i.choose6 { background: url(../images/inner-choose-icon6.png) no-repeat center; background-size: 80%; } .inner-choose-box .choose-box .choose-item:before { content: ''; display: block; position: absolute; left: 0; top: 25%; width: 5px; height: 50%; background: #f96028; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: 500ms 0s all ease; -moz-transition: 500ms 0s all ease; -ms-transition: 500ms 0s all ease; -o-transition: 500ms 0s all ease; transition: 500ms 0s all ease; } .inner-choose-box .choose-box .choose-item:hover .item-box p { transform: scale(1.3); } .inner-choose-box .choose-box .choose-item:hover:before { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .inner-choose-box .choose-box .choose-item:hover i { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); transition: all 2s ease; } .inner-map-box { width: 100%; padding-top: 50%; position: relative; } .inner-map-box .inner-map { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/map-bg.jpg) no-repeat center; background-size: 80%; overflow: hidden; background-size: 100%; } .inner-map-box .inner-map .common-title { margin-top: 5%; } .inner-map-box .inner-map .map-icon { width: 18px; height: 21px; background: url(../images/map-icon.png) no-repeat center; background-size: 80%; position: absolute; z-index: 99; } .inner-map-box .inner-map .map-icon.area1 { top: 48%; left: 30.5%; } .inner-map-box .inner-map .map-icon.area2 { top: 53%; left: 32%; } .inner-map-box .inner-map .map-icon.area3 { top: 48.5%; left: 48.7%; } .inner-map-box .inner-map .map-icon.area4 { top: 45.2%; left: 49%; } .inner-map-box .inner-map .map-icon.area5 { top: 41.5%; left: 49.9%; } .inner-map-box .inner-map .map-icon.area6 { top: 45.3%; left: 49.9%; } .inner-map-box .inner-map .map-icon.area7 { top: 44.8%; left: 51.8%; } .inner-map-box .inner-map .map-icon.area8 { top: 60.8%; left: 62.1%; } .inner-map-box .inner-map .map-icon.area9 { top: 61.2%; left: 67.3%; } .inner-map-box .inner-map .map-icon.area10 { top: 58%; left: 68.3%; } .inner-map-box .inner-map .map-icon.area11 { top: 53%; left: 72.6%; } .inner-map-box .inner-map .map-icon .map-info { width: 183px; height: 54px; background: url(../images/map-info.png) no-repeat center; position: absolute; bottom: 50%; right: 150%; font-size: 14px; line-height: 40px; display: none; text-align: center; transition: all 350ms; z-index: 10; } .inner-map-box .inner-map .map-icon:hover { cursor: pointer; animation: shan 1s linear; } .inner-map-box .inner-map .map-icon:hover .map-info { display: block; } .inner-map-box .inner-map .map-icon1 { width: 32px; height: 32px; background: url(../images/map-icon1.png) no-repeat center; position: absolute; top: 54%; left: 69%; } .inner-map-box .inner-map .map-icon1 .map-logo { position: absolute; bottom: 10%; right: 150%; width: 104px; height: 26px; overflow: hidden; } .inner-map-box .inner-map .map-icon1 .map-logo img { width: 100%; height: 100%; object-fit: cover; } .inner-map-box .inner-map .map-icon1 .map-info { width: 183px; height: 54px; background: url(../images/map-info.png) no-repeat center; position: absolute; bottom: 100%; right: 140%; font-size: 14px; line-height: 40px; display: none; text-align: center; transition: all 350ms; z-index: 10; } .inner-map-box .inner-map .map-icon1:hover { cursor: pointer; animation: shan 1s linear; } .inner-map-box .inner-map .map-icon1:hover .map-info { display: block; } .inner-zizhu-box { width: 100%; padding-top: 50%; position: relative; } .inner-zizhu-box .inner-zizhu { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/zizhu-bg.jpg) no-repeat center; background-size: 100%; padding: 10% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-zizhu-box .inner-zizhu .zizhu-swiper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 3%; padding: 0 5%; position: relative; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); width: 16%; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide .img-box { width: 100%; padding-top: 100%; position: relative; border-radius: 16px; overflow: hidden; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide .img-box img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide p { font-size: 20px; margin-top: 20px; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-active, .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active { transform: scale(1); } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img-box, .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .img-box { box-shadow: 2px 2px 10px #3333336e; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-active p, .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active p { font-weight: bold; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box { position: absolute; width: 4%; padding-top: 4%; top: 35%; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box.prev { left: 0; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box.next { right: 0; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; z-index: 99; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn.prev-btn { background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn:hover { cursor: pointer; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-partner { width: 100%; aspect-ratio: 1920/960; background: url(../images/partner-bg.jpg) no-repeat center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8% 0; } .inner-partner .common-title { line-height: 1.5 !important; } .inner-partner .partner-list { display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-start; flex-wrap: wrap; margin-top: 3%; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-partner .partner-list .partner-item { width: 15%; aspect-ratio: 1/1; overflow: hidden; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; transition: all 500ms; } .inner-partner .partner-list .partner-item img { width: 100%; height: 100%; object-fit: cover; } .inner-partner .partner-list .partner-item:hover { cursor: pointer; transform: scale(1.2); } .inner-honor { width: 100%; aspect-ratio: 1920/1060; background: url(../images/honor-bg.jpg) no-repeat center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5% 0; } .inner-honor .inner-honor-box { width: 100%; margin: 0 auto; padding-top: 58.33333333%; position: relative; } .inner-honor .inner-honor-box .honor-swiper { width: 100%; height: 100%; padding: 5% 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; } .inner-honor .inner-honor-box .honor-swiper .swiper-container { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide { text-align: center; background: #fff; height: calc((100% - 40px) / 2); /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; aspect-ratio: 400/320; border-radius: 20px; overflow: hidden; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide .img-box { width: 100%; aspect-ratio: 327/209; overflow: hidden; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide .img-box img { width: 100%; height: 100%; object-fit: cover; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide p { font-size: 12px; text-align: center; color: #333; overflow: hidden; transition: all 350ms; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide:hover p { color: #f96028; } .inner-honor .inner-honor-box .honor-swiper .btn-box { width: 4%; padding-top: 4%; position: absolute; top: 47%; } .inner-honor .inner-honor-box .honor-swiper .btn-box.prev { left: 0; } .inner-honor .inner-honor-box .honor-swiper .btn-box.next { right: 0; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn { position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn.prev-btn { background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn:hover { cursor: pointer; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .list-bg-box { position: absolute; bottom: 0; left: 0; padding-top: 6.03896104%; width: 100%; } .inner-honor .inner-honor-box .honor-swiper .list-bg-box .list-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/honor-list-bg.png) no-repeat center; background-size: 100%; } .inner-culture { width: 100%; background: url(../images/culture-bg.jpg) no-repeat center; background-size: cover; padding: 5% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .inner-culture .inner-culture-box { width: 100%; padding-top: 42.5%; position: relative; margin-top: 3%; top: 0; } .inner-culture .inner-culture-box .culture-box { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } .inner-culture .inner-culture-box .culture-box .culture-item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 29%; height: 100%; transition: all 500ms; overflow: hidden; } .inner-culture .inner-culture-box .culture-box .culture-item .img-box { width: 100%; height: 79%; } .inner-culture .inner-culture-box .culture-box .culture-item .img-box img { width: 100%; height: 100%; object-fit: cover; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-info { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 21%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-info p:nth-child(1) { font-size: 20px; color: #333; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-info p:nth-child(2) { font-size: 16px; color: #999; } .inner-culture .inner-culture-box .culture-box .culture-item.active { width: 42%; box-shadow: 2px 2px 10px #33333317; } .inner-culture .inner-culture-box .culture-box .culture-item.active .culture-info { background: #fff; } .inner-fazhan { width: 100%; aspect-ratio: 1920/960; background: url(../images/fazhan-bg.jpg) no-repeat center; background-size: cover; padding: 5% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .inner-fazhan .common-title { color: #333; } .inner-fazhan .common-tips { color: #666; } .inner-fazhan .develop-box { width: 100%; padding-top: 40%; position: relative; } .inner-fazhan .develop-box .develop-year { width: 100%; height: 25%; position: absolute; bottom: 0; } .inner-fazhan .develop-box .develop-year .swiper-slide { position: relative; } .inner-fazhan .develop-box .develop-year .swiper-slide .point { width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; background: #3b3f43; } .inner-fazhan .develop-box .develop-year .swiper-slide .point:hover { cursor: pointer; } .inner-fazhan .develop-box .develop-year .swiper-slide .point .active-point { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box .develop-year .swiper-slide .point .active-point1 { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box .develop-year .swiper-slide .l-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; left: 0; top: 50%; } .inner-fazhan .develop-box .develop-year .swiper-slide .r-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; right: 0; top: 50%; } .inner-fazhan .develop-box .develop-year .swiper-slide .year { font-size: 24px; font-family: "Barlow"; color: #838688; position: absolute; width: 100%; bottom: 0; text-align: center; } .inner-fazhan .develop-box .develop-year .swiper-slide.swiper-slide-thumb-active .year { font-size: 36px; color: #fff; line-height: 1; } .inner-fazhan .develop-box .develop-year .swiper-slide.swiper-slide-thumb-active .active-point { width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -7px; background: #fff; } .inner-fazhan .develop-box .develop-year .swiper-slide.swiper-slide-thumb-active .active-point1 { width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; background: #f96028; } .inner-fazhan .develop-box .develop-info { width: 100%; height: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; } .inner-fazhan .develop-box .develop-info .info-item { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; opacity: 0; visibility: hidden; transition: all 350ms; } .inner-fazhan .develop-box .develop-info .info-item.swiper-slide-active { opacity: 1; visibility: visible; } .inner-fazhan .develop-box .develop-info .info-item .big-year { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 460px; line-height: 1; font-family: "Barlow"; text-align: center; color: rgba(255, 255, 255, 0.1); } .inner-fazhan .develop-box .develop-info .info-item .develop-des { width: 36%; border-radius: 20px; background: #fff; overflow: hidden; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 35%; left: 50%; margin-left: -18%; transition: all 1000ms; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(1) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(1) span { font-size: 60px; color: #333; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(1) strong { font-size: 47px; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(2) { font-size: 20px; color: #666; margin-top: 2%; word-break: break-all; } .inner-fazhan .develop-box .develop-info .info-item.active { opacity: 1; } .inner-fazhan .develop-box .develop-info .info-item.active .develop-des { opacity: 1; top: 35%; } .inner-fazhan .develop-box .develop-info .btn { position: absolute; width: 60px; height: 60px; border-radius: 50%; top: 47%; z-index: 99; } .inner-fazhan .develop-box .develop-info .btn.prev-btn { left: 0; background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box .develop-info .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; right: 0; } .inner-fazhan .develop-box .develop-info .btn:hover { cursor: pointer; } .inner-fazhan .develop-box .develop-info .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box .develop-info .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-fazhan .develop-box2 { width: 100%; padding-top: 40%; position: relative; } .inner-fazhan .develop-box2 .develop-year { width: 100%; height: 25%; position: absolute; bottom: 0; } .inner-fazhan .develop-box2 .develop-year .swiper-slide { position: relative; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point { width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; background: #3b3f43; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point:hover { cursor: pointer; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point .active-point { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point .active-point1 { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .l-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; left: 0; top: 50%; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .r-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; right: 0; top: 50%; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .year { font-size: 20px; font-family: "Barlow"; color: #838688; position: absolute; width: 100%; bottom: 0; text-align: center; } .inner-fazhan .develop-box2 .develop-year .swiper-slide.swiper-slide-active .year { font-size: 28px; color: #fff; line-height: 1; } .inner-fazhan .develop-box2 .develop-year .swiper-slide.swiper-slide-active .active-point { width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -7px; background: #fff; } .inner-fazhan .develop-box2 .develop-year .swiper-slide.swiper-slide-active .active-point1 { width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; background: #f96028; } .inner-fazhan .develop-box2 .develop-info { width: 100%; height: 70%; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-fazhan .develop-box2 .develop-info .info-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; transition: all 1000ms; animation: slide-down 1s linear; } .inner-fazhan .develop-box2 .develop-info .info-item .big-year { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 300px; line-height: 1; font-family: "Barlow"; text-align: center; color: rgba(255, 255, 255, 0.1); } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des { width: 36%; border-radius: 20px; background: #fff; overflow: hidden; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 100%; left: 50%; opacity: 0; margin-left: -18%; transition: all 1000ms; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(1) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(1) span { font-size: 32px; color: #333; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(1) strong { font-size: 28px; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(2) { font-size: 14px; color: #666; margin-top: 2%; word-break: break-all; } .inner-fazhan .develop-box2 .develop-info .info-item.active { opacity: 1; } .inner-fazhan .develop-box2 .develop-info .info-item.active .develop-des { opacity: 1; top: 35%; } .inner-fazhan .develop-box2 .develop-info .btn { position: absolute; width: 60px; height: 60px; border-radius: 50%; top: 47%; z-index: 99; } .inner-fazhan .develop-box2 .develop-info .btn.prev-btn { left: 0; background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box2 .develop-info .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; right: 0; } .inner-fazhan .develop-box2 .develop-info .btn:hover { cursor: pointer; } .inner-fazhan .develop-box2 .develop-info .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box2 .develop-info .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-invest { padding: 5% 0; } .inner-invest .gk-box { margin-top: 3%; overflow: hidden; } .inner-invest .gk-box span, .inner-invest .gk-box p { font-size: 16px; line-height: 2; color: #999; } .inner-invest .base-info { margin-top: 3%; width: 100%; } .inner-invest .base-info table { width: 100%; height: 100%; border-collapse: collapse; text-align: center; overflow: hidden; } .inner-invest .base-info table tr td { background: #fff; font-size: 14px; padding: 1% 2%; border: solid 1px #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; } .inner-invest .base-info table tr td:nth-child(1) { width: 14%; background: #f7f7f7; color: #333; font-weight: bold; } .inner-invest .base-info table tr td:nth-child(3) { width: 14%; background: #f7f7f7; color: #333; font-weight: bold; } .inner-invest .base-info table tr.firstRow td { font-size: 18px; text-align: center; color: #fff; background: #333; padding: 1% 0; } .inner-invest .hudong-box { padding: 5%; margin-top: 5%; background: #f7f7f7; } .inner-invest .hudong-box .hudong-list { display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top: 3%; } .inner-invest .hudong-box .hudong-list .hudong-item-box { width: 48%; aspect-ratio: 680/410; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title i { display: block; width: 30px; height: 30px; margin-right: 2%; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title i.r { background: url(../images/reply-title-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title i.q { background: url(../images/question-title-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title p { font-size: 18px; color: #333; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item { border-bottom: 1px solid #ddd; padding: 5% 0; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-title { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-title i { display: block; width: 24px; height: 24px; margin-right: 2%; background: url(../images/question-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-title p { font-size: 14px; color: #333; width: 95%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-answer { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top: 3%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-answer i { display: block; width: 24px; height: 24px; margin-right: 2%; background: url(../images/answer-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-answer p { font-size: 14px; color: #999; word-break: break-all; width: 95%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form { margin-top: 5%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form textarea { padding: 3% 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; width: 100%; height: 240px; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 3%; width: 100%; height: 50px; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .input-type { width: 50%; height: 100%; border-radius: 8px; padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .verify { width: 18%; height: 100%; overflow: hidden; margin-right: 5%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .verify:hover { cursor: pointer; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .verify img { width: 100%; height: 100%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .submit { width: 23%; height: 100%; background: #333; color: #fff; font-size: 14px; text-align: center; border-radius: 8px; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .submit:hover { cursor: pointer; background: #f96028; } .inner-annouce { padding: 3%; } .inner-annouce .inner-annouce-box { padding: 3%; background: #fff; border-radius: 20px; } .inner-annouce .inner-annouce-box .de-news-list { width: 100%; margin-top: 3%; } .inner-annouce .inner-annouce-box .de-news-list .news-item { display: flex; flex-direction: row; justify-content: flex-start; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #e7e7e7; } .inner-annouce .inner-annouce-box .de-news-list .news-item:nth-child(1) { border-top: 2px solid #e7e7e7; } .inner-annouce .inner-annouce-box .de-news-list .news-item .time-box { width: 170px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .time-box .day { font-size: 28px; color: #333; font-weight: bold; font-family: "Gilroy-ExtraBold"; line-height: 1; } .inner-annouce .inner-annouce-box .de-news-list .news-item .time-box .year { font-size: 18px; color: #999; font-family: "Gilroy-Light"; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-img { width: 250px; height: 170px; overflow: hidden; border-radius: 5px; margin-right: 30px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-img img { width: 100%; height: 100%; object-fit: cover; margin-right: 40px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info { flex: 1; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .title { font-size: 18px; color: #333; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .content { margin-top: 20px; font-size: 14px; color: #666; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .item-cate { background: #333; font-size: 14px; color: #fff; width: 86px; height: 34px; line-height: 34px; text-align: center; border-radius: 5px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .more { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .more p { display: inline-block; text-transform: uppercase; font-size: 14px; color: #999; margin-right: 15px; z-index: 10; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .more i { width: 30px; height: 11px; background: url(../images/news-arrow.png) no-repeat center; z-index: 10; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .title { color: #f96028; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .more p { color: #f96028; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .news-info .item-cate-box .more p { color: #f96028; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .news-info .item-cate-box .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-link { padding: 5% 0; } .inner-link .link-map { width: 100%; height: 500px; border-radius: 20px; overflow: hidden; margin-top: 5%; position: relative; } .inner-link .link-map #allmap { width: 100%; height: 100%; padding-left: 20%; } .inner-link .link-map .link-info-box { position: absolute; width: 30%; border-radius: 20px; top: 20%; right: 5%; overflow: hidden; } .inner-link .link-map .link-info-box .link-title { display: flex; flex-direction: row; padding: 8%; justify-content: flex-start; align-items: center; background: #333; overflow: hidden; } .inner-link .link-map .link-info-box .link-title i { width: 30px; height: 30px; margin-right: 2%; background: url(../images/link-tel.png) no-repeat center; } .inner-link .link-map .link-info-box .link-title p { font-size: 22px; color: #ffffff; } .inner-link .link-map .link-info-box .link-list { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background: #fff; padding: 8%; } .inner-link .link-map .link-info-box .link-list p { font-size: 16px; color: #333; margin-bottom: 5%; } .inner-link .link-map .link-info-box .link-list p:last-child { margin-bottom: 0; } .inner-link .link-map .link-info-box .link-list p span { color: #999; } .inner-goods-info { padding: 5% 0; } .inner-goods-info .info-box { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; background: #fff; padding: 5% 3% 3%; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .inner-goods-info .info-box .info-item { width: 48%; } .inner-goods-info .info-box .info-item.left #pro-swiper { width: 100%; overflow: hidden; } .inner-goods-info .info-box .info-item.left #pro-swiper .swiper-slide { width: 100%; overflow: hidden; position: relative; padding-top: 78.57142857%; } .inner-goods-info .info-box .info-item.left #pro-swiper .swiper-slide img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; object-fit: contain; } .inner-goods-info .info-box .info-item.left .pagination { width: 100%; height: 70px; position: relative; margin-top: 60px; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box { width: 9%; padding-top: 9%; left: 0; top: 50%; margin-top: -4.5%; position: absolute; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box .swiper-pagination { display: flex; flex-direction: row; justify-content: center; align-items: baseline; padding-top: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; height: 100%; left: 0; top: 0; line-height: 1; background: #ebebeb; border-radius: 50%; overflow: hidden; color: #f5f5f5; font-size: 14px; font-weight: bold; font-family: "Arial"; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box .swiper-pagination .swiper-pagination-current { font-size: 18px; color: #fff; font-family: "Arial"; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box .swiper-pagination .swiper-pagination-total { color: #f5f5f5; font-size: 14px; font-weight: bold; font-family: "Arial"; } .inner-goods-info .info-box .info-item.left .pagination .btn-box { position: absolute; width: 9%; padding-top: 9%; top: 50%; margin-top: -4.5%; } .inner-goods-info .info-box .info-item.left .pagination .btn-box.prev { right: 11%; } .inner-goods-info .info-box .info-item.left .pagination .btn-box.next { right: 0; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; z-index: 99; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn.prev-btn { background: #ebebeb url(../images/inner-swiper-prev.png) no-repeat center; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn.next-btn { background: #ebebeb url(../images/inner-swiper-next.png) no-repeat center; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn:hover { cursor: pointer; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-goods-info .info-box .info-item.right .title { font-size: 32px; font-family: "Gilroy-ExtraBold"; line-height: 1; } .inner-goods-info .info-box .info-item.right .tags { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 5px; } .inner-goods-info .info-box .info-item.right .tags .goods-tag-item { display: inline-block; font-size: 12px; color: #666; border: 1px solid #999; border-radius: 5px; padding: 5px 10px; margin-right: 2%; transition: all 350ms; } .inner-goods-info .info-box .info-item.right .tags .goods-tag-item:hover { background: #f96028; border: 1px solid #f96028; color: #fff; } .inner-goods-info .info-box .info-item.right .content-box { overflow: hidden; } .inner-goods-info .info-box .info-item.right .content-box.first-content-box { margin-top: 30px; } .inner-goods-info .info-box .info-item.right .content-box > p { font-size: 16px; color: #333; padding-bottom: 15px; font-weight: bold; border-bottom: 1px solid #999; } .inner-goods-info .info-box .info-item.right .content-box > p.file-label { font-weight: bold; } .inner-goods-info .info-box .info-item.right .content-box .goods-content { padding: 15px 0 30px 0; } .inner-goods-info .info-box .info-item.right .content-box .goods-content p, .inner-goods-info .info-box .info-item.right .content-box .goods-content span { line-height: 2; color: #666; font-size: 14px; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item { width: 100%; margin-top: 10px; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item:first-child { margin-top: 20px; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i { display: block; width: 34px; height: 40px; float: left; margin-right: 2%; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i.pdf { background: url(../images/pdf-icon.png) no-repeat center; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i.dwg { background: url(../images/dwg-icon.png) no-repeat center; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i.stp { background: url(../images/stp-icon.png) no-repeat center; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .file-title { float: left; font-size: 14px; line-height: 40px; font-family: "Gilroy-Light"; color: #333; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .down-btn { float: right; display: inline-block; background: #333; text-align: center; color: #fff; font-size: 14px; border-radius: 6px; line-height: 40px; width: 112px; height: 40px; white-space: nowrap; overflow: hidden; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .down-btn:hover { background: #f96028; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .preview-btn { float: right; display: inline-block; background: #f96028; text-align: center; color: #fff; font-size: 14px; border-radius: 6px; line-height: 40px; width: 80px; height: 40px; margin-right: 10px; white-space: nowrap; overflow: hidden; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .preview-btn:hover { background: #333; } .inner-goods { padding: 3% 0; } .inner-goods .series-box { display: flex; flex-direction: row; justify-content: center; align-items: center; } .inner-goods .series-box .series-item { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 10%; height: 120px; aspect-ratio: 1/1; border-radius: 8px; margin-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .series-box .series-item:last-child { margin-right: 0; } .inner-goods .series-box .series-item .img-box { width: 100%; padding-top: 60%; position: relative; } .inner-goods .series-box .series-item .img-box img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .inner-goods .series-box .series-item .series-title { font-size: 14px; text-align: center; width: 100%; color: #333; margin-top: 5%; } .inner-goods .series-box .series-item:hover { border: 1px solid #666; } .inner-goods .series-box .series-item.active { border: 1px solid #666; } .inner-goods .common-title { margin-top: 3%; } .inner-goods .tag { padding: 0 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .tag .tag-box { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-radius: 20px; padding: 2%; background: #fff; margin-top: 2%; } .inner-goods .tag .tag-box > p { font-size: 14px; color: #333; margin-right: 2%; } .inner-goods .tag .tag-box .tag-item { display: inline-block; padding: 1%; background: #f96028; margin-right: 2%; border-radius: 6px; } .inner-goods .tag .tag-box .tag-item p { float: left; font-size: 14px; color: #fff; line-height: 16px; margin-right: 10px; } .inner-goods .tag .tag-box .tag-item .tag-cancel { display: inline-block; float: left; width: 14px; height: 14px; border-radius: 50%; overflow: hidden; line-height: 16px; } .inner-goods .tag .tag-box .tag-item .tag-cancel img { width: 100%; height: 100%; object-fit: cover; } .inner-goods .de-goods-list { padding: 0 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .de-goods-list .goods-item-box { float: left; width: 23.5%; padding-top: 139.47368421%; margin-right: 2%; padding: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 3%; background: #fff; border-radius: 20px; } .inner-goods .de-goods-list .goods-item-box:nth-child(4n) { margin-right: 0; } .inner-goods .de-goods-list .goods-item-box .goods-item { width: 100%; height: 100%; transition: all 350ms; } .inner-goods .de-goods-list .goods-item-box .goods-item .img-box { width: 100%; padding-top: 83.33333333%; position: relative; } .inner-goods .de-goods-list .goods-item-box .goods-item .img-box img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-title { font-size: 22px; width: 100%; text-align: center; font-family: "Gilroy-ExtraBold"; margin-top: 10%; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 350ms; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags { display: flex; width: 100%; flex-direction: row; align-items: flex-start; justify-content: space-evenly; align-content: flex-start; flex-wrap: wrap; height: 130px; margin-top: 8%; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item { display: inline-block; font-size: 13px; color: #666; border: 1px solid #999; border-radius: 5px; padding: 5px 10px; margin-top: 5px; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item:hover { background: #f96028; color: #fff; border: none; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item.active { background: #f96028; color: #fff; border: none; } .inner-goods .de-goods-list .goods-item-box .goods-item:hover { box-shadow: 5px 5px 10px #3333332e; transform: scale(1.05); } .inner-goods .de-goods-list .goods-item-box .goods-item:hover .goods-title { color: #f96028; } .inner-contact { padding: 5% 0 2%; } .inner-contact .top-contact-box { width: 100%; padding-top: 35%; position: relative; } .inner-contact .top-contact-box .top-contact { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; overflow: hidden; margin-top: 3%; padding: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .top-contact-box .top-contact .contact-map { width: 68%; height: 100%; background: url(../images/inner-contact-map.png) no-repeat center; background-size: cover; position: relative; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; background: #333; position: absolute; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon:hover { background: #f96028; animation: shan 1s infinite; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon2 { right: 19%; top: 46%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon3 { right: 16%; top: 38%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon4 { right: 27%; top: 43%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon5 { top: 22%; left: 13%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon6 { top: 30%; left: 15%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon7 { left: 44%; top: 23%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon8 { left: 46%; top: 17%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon9 { left: 48%; top: 9%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon10 { left: 49%; top: 16%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon11 { left: 51.5%; top: 12%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon12 { right: 10.5%; top: 29%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 { width: 30px; height: 30px; background: url(../images/contact-star.png) no-repeat center; background-size: 70%; position: absolute; right: 15.5%; top: 27%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 .contact-logo { position: absolute; right: 130%; top: 10%; width: 93px; height: 24px; overflow: hidden; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 .contact-logo img { width: 100%; height: 100%; object-fit: cover; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1:hover { animation: shan 1s infinite; } .inner-contact .contact-list { margin-top: 3%; width: 100%; height: 100%; padding: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .contact-box { width: 32%; height: 100%; min-height: 350px; background: #fff; border-radius: 20px; overflow: hidden; float: left; margin-right: 2%; margin-bottom: 3%; transition: all 350ms; } .inner-contact .contact-box:nth-child(3n) { margin-right: 0; } .inner-contact .contact-box .contact-title { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; flex: 1; border-bottom: 1px solid #efefef; overflow: hidden; padding: 30px 0 20px; } .inner-contact .contact-box .contact-title .main-add { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .contact-box .contact-title .main-add i { width: 30px; height: 30px; background: url(../images/area-icon.png) no-repeat center; background-size: 70%; margin-right: 2%; } .inner-contact .contact-box .contact-title .main-add .area { font-size: 18px; color: #333; font-weight: bold; margin-right: 2%; } .inner-contact .contact-box .contact-title .addname { font-size: 14px; color: #666; width: 100%; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 5%; } .inner-contact .contact-box .contact-info { width: 100%; flex: 1; display: flex; flex-direction: column; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; justify-content: flex-start; align-items: flex-start; } .inner-contact .contact-box .contact-info .contact-info-item { font-size: 14px; margin-top: 5%; } .inner-contact .contact-box .contact-info .contact-info-item .label { color: #666; } .inner-contact .contact-box .contact-info .contact-info-item .detail { color: #333; } .inner-contact .contact-box.zongbu { height: 98%; float: none; margin: 0; } .inner-contact .contact-box.zongbu .contact-title .main-add i { background: url(../images/star.png) no-repeat center; } .inner-contact .contact-box.zongbu .contact-title .main-add .tag { display: inline-block; text-align: center; font-size: 16px; color: #ffffff; background: #333; padding: 0 2%; border-radius: 5px; } } @media (min-width: 993px) and (max-width: 1200px) { .inner-top { position: relative; background: #333; transition: all 1s; } .inner-top.is-visible { transform: translate3d(0, 100%, 0); top: 0; } .inner-top.is-fixed { position: fixed !important; top: -70px !important; left: 0; transition: transform 350ms; background-color: rgba(55, 55, 55, 0.6); } .inner-top .top-right .nav-bar ul li a { color: rgba(255, 255, 255, 0.5); } .inner-top .top-right .nav-bar ul li.highlight a { color: #fff; } .inner-top.active { background: #fff; } .inner-top.active .top-right .nav-bar ul li a { color: #333; } .inner-top.active .top-right .nav-bar ul li.active:after { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .inner-top.active .top-right .lang a { color: #333; } .inner-top.active .top-right .lang a:hover { color: #fff; } .inner-top.active .top-right .lang a.active { color: #fff; } .crumbs { width: 100%; height: 50px; background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } .crumbs .crumbs-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 50px; } .crumbs .crumbs-box .crumb-left { display: flex; line-height: 70px; height: 70px; justify-content: center; align-items: center; } .crumbs .crumbs-box .crumb-left a { color: #666; font-size: 12px; margin-right: 5px; } .crumbs .crumbs-box .crumb-left a:first-child { display: inline-block; height: 20px; width: 30px; background: url(../images/home.png) no-repeat center; margin-top: -5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .crumbs .crumbs-box .crumb-left a:not(:first-child) { margin-left: 5px; } .crumbs .crumbs-box .crumb-left a:hover { color: #f96028; } .crumbs .crumbs-box .crumb-right { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .crumbs .crumbs-box .crumb-right > a { display: flex; justify-content: center; align-items: center; color: #333; font-size: 12px; padding: 5%; width: 115px; height: 50px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 1px; } .crumbs .crumbs-box .crumb-right > a:hover { background: #f96028; color: #fff; } .crumbs .crumbs-box .crumb-right > a.active { background: #f96028; color: #fff; } .crumbs .crumbs-box .goods-crumb { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center; } .crumbs .crumbs-box .goods-crumb > a { display: flex; justify-content: center; align-items: center; color: #333; font-size: 12px; margin: 0 1%; height: 50px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .crumbs .crumbs-box .goods-crumb > a:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #f96028; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: 500ms 0s all ease; -moz-transition: 500ms 0s all ease; -ms-transition: 500ms 0s all ease; -o-transition: 500ms 0s all ease; transition: 500ms 0s all ease; } .crumbs .crumbs-box .goods-crumb > a.active:after { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .crumbs .crumbs-box .goods-crumb > a:hover:after { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .common-inner { padding: 60px 0; } .common-title { font-size: 24px; color: #333; line-height: 1; text-align: center; position: relative; } .common-title.youshi { color: #fff; } .common-tips { font-size: 12px; color: #999; margin-top: 1%; text-align: center; } .de-page-mian { overflow: hidden; text-align: right; font-size: 0; margin: 5% 5% 0 0; } .de-page-mian .page-inner { display: inline-block; overflow: hidden; } .de-page-mian .page-inner a { display: block; float: left; width: 40px; height: 40px; border: 1px solid #e8e8e8; background: #fff; text-align: center; line-height: 40px; font-size: 14px; color: #666; margin-right: 10px; overflow: hidden; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .de-page-mian .page-inner a.active, .de-page-mian .page-inner a:hover { color: #fff; border-color: #f96028; background: #f96028; } .de-page-mian .page-inner a.prev { width: 50px; height: 40px; margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center; } .de-page-mian .page-inner a.prev.on { background: #fff url(../images/prev-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.prev:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.next { width: 50px; height: 40px; margin-right: 0px; background: #fff url(../images/next.jpg) no-repeat center; } .de-page-mian .page-inner a.next.on { background: #fff url(../images/next-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.next:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.page-btn { display: none; } .de-page-mian .page-inner span { display: none; } .de-page-mian .page-inner input { display: none; } .inner-banner { width: 100%; padding-top: 38.80208333%; position: relative; } .inner-banner .img-box { width: 100%; height: 100%; animation: banner-animate 5s linear; } .inner-banner .img-box img { width: 100%; height: 100%; object-fit: cover; } .inner-banner .banner-info { width: 100%; position: absolute; top: 26%; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } .inner-banner .banner-info .catname { font-size: 28px; color: #fff; } .inner-banner .banner-info .des { font-size: 16px; color: #fff; margin-top: 10px; } .inner-banner .banner-info .banner-btn-box { margin-top: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; } .inner-banner .banner-info .banner-btn-box > a { display: flex; width: 188px; height: 56px; background: rgba(55, 55, 55, 0.8); border-radius: 5px; margin-right: 20px; flex-direction: row; justify-content: space-evenly; align-items: center; z-index: 1; position: relative; overflow: hidden; } .inner-banner .banner-info .banner-btn-box > a:last-child { margin-right: 0; } .inner-banner .banner-info .banner-btn-box > a i { width: 30px; height: 30px; z-index: 11; } .inner-banner .banner-info .banner-btn-box > a .btn-des { z-index: 11; } .inner-banner .banner-info .banner-btn-box > a .btn-des p { color: #fff; text-align: center; z-index: 11; font-weight: lighter; } .inner-banner .banner-info .banner-btn-box > a .btn-des p:nth-child(1) { font-size: 14px; } .inner-banner .banner-info .banner-btn-box > a .btn-des p:nth-child(2) { font-size: 12px; } .inner-banner .banner-info .banner-btn-box > a.download i { background: url(../images/banner-download.png) no-repeat center; } .inner-banner .banner-info .banner-btn-box > a.detail i { background: url(../images/banner-detail.png) no-repeat center; } .inner-banner .banner-info .banner-btn-box > a:after { display: block; position: absolute; content: ""; left: -100%; top: 0; width: 100%; height: 100%; background: #f96028; z-index: 10; transition: all 350ms; } .inner-banner .banner-info .banner-btn-box > a:hover::after { left: 0; } .inner-news-box { background: #fff; border-radius: 25px; padding: 60px 0; } .inner-news-box .top-news-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2% 5%; display: flex; flex-direction: row; justify-content: space-between; } .inner-news-box .top-news-box .top-news-item { width: 32%; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-news-box .top-news-box .top-news-item .img-box { width: 100%; padding-top: 68.18181818%; position: relative; border-radius: 10px; overflow: hidden; } .inner-news-box .top-news-box .top-news-item .img-box img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .inner-news-box .top-news-box .top-news-item .img-box .top-icon { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 86px; height: 30px; position: absolute; top: 10px; left: 10px; border-radius: 5px; background: rgba(55, 55, 55, 0.6); } .inner-news-box .top-news-box .top-news-item .img-box .top-icon i { display: block; width: 13px; height: 15px; margin-right: 10px; background: url(../images/news-top.png) no-repeat center; } .inner-news-box .top-news-box .top-news-item .img-box .top-icon span { color: #fff; font-size: 14px; } .inner-news-box .top-news-box .top-news-item .top-title { font-size: 18px; font-weight: bold; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333; margin-top: 20px; } .inner-news-box .top-news-box .top-news-item .top-info .time-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px; } .inner-news-box .top-news-box .top-news-item .top-info .time-box .news-cate { background: #333; font-size: 14px; color: #fff; width: 86px; height: 34px; line-height: 34px; text-align: center; border-radius: 5px; } .inner-news-box .top-news-box .top-news-item .top-info .time-box .time { font-size: 14px; color: #999; } .inner-news-box .top-news-box .top-news-item .top-info .news-content { margin-top: 20px; font-size: 14px; color: #666; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .inner-news-box .top-news-box .top-news-item .top-info .more { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: 20px; } .inner-news-box .top-news-box .top-news-item .top-info .more p { display: inline-block; text-transform: uppercase; font-size: 14px; color: #999; margin-right: 15px; z-index: 10; } .inner-news-box .top-news-box .top-news-item .top-info .more i { width: 30px; height: 11px; background: url(../images/news-arrow.png) no-repeat center; z-index: 10; } .inner-news-box .top-news-box .top-news-item:hover .top-title { color: #f96028; } .inner-news-box .top-news-box .top-news-item:hover .more p { color: #f96028; } .inner-news-box .top-news-box .top-news-item:hover .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-news-box .de-news-list { width: 100%; } .inner-news-box .de-news-list .news-item { display: flex; flex-direction: row; justify-content: flex-start; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #e7e7e7; } .inner-news-box .de-news-list .news-item:nth-child(1) { border-top: 2px solid #e7e7e7; } .inner-news-box .de-news-list .news-item .time-box { width: 170px; } .inner-news-box .de-news-list .news-item .time-box .day { font-size: 28px; color: #333; font-weight: bold; font-family: "Roboto-Bold"; line-height: 1; } .inner-news-box .de-news-list .news-item .time-box .year { font-size: 18px; color: #b4b4b4; font-family: "Roboto-Regular"; } .inner-news-box .de-news-list .news-item .news-img { width: 250px; height: 170px; overflow: hidden; border-radius: 5px; margin-right: 30px; } .inner-news-box .de-news-list .news-item .news-img img { width: 100%; height: 100%; object-fit: cover; margin-right: 40px; } .inner-news-box .de-news-list .news-item .news-info { flex: 1; } .inner-news-box .de-news-list .news-item .news-info .title { font-size: 18px; color: #333; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .inner-news-box .de-news-list .news-item .news-info .content { margin-top: 20px; font-size: 14px; color: #666; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .item-cate { background: #333; font-size: 14px; color: #fff; width: 86px; height: 34px; line-height: 34px; text-align: center; border-radius: 5px; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .more { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .more p { display: inline-block; text-transform: uppercase; font-size: 14px; color: #999; margin-right: 15px; z-index: 10; } .inner-news-box .de-news-list .news-item .news-info .item-cate-box .more i { width: 30px; height: 11px; background: url(../images/news-arrow.png) no-repeat center; z-index: 10; } .inner-news-box .de-news-list .news-item:hover .title { color: #f96028; } .inner-news-box .de-news-list .news-item:hover .more p { color: #f96028; } .inner-news-box .de-news-list .news-item:hover .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-news-box .de-news-list .news-item:hover .news-info .item-cate-box .more p { color: #f96028; } .inner-news-box .de-news-list .news-item:hover .news-info .item-cate-box .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-news-box .news-detail-content { padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-news-box .news-detail-content .news-detail-title .h3 { font-size: 22px; color: #333; font-weight: bold; text-align: center; } .inner-news-box .news-detail-content .news-detail-title .b { display: flex; justify-content: center; flex-direction: row; font-size: 14px; color: #999; text-align: center; margin-top: 20px; } .inner-news-box .news-detail-content .news-detail-title .b span { margin-right: 20px; height: 40px; line-height: 40px; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom { display: flex; justify-content: center; flex-direction: row; align-items: center; font-size: 14px; color: #999; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom .bshare-weixin { width: 25px; height: 40px; background: url(../images/fengxiang.png) no-repeat 4px 0; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom .bshare-sinaminiblog { width: 24px; height: 40px; background: url(../images/fengxiang.png) no-repeat -46px 0; } .inner-news-box .news-detail-content .news-detail-title .b .bshare-custom .bshare-qzone { width: 25px; height: 40px; background: url(../images/fengxiang.png) no-repeat -94px 0; } .inner-news-box .news-detail-content .news-detail { margin-top: 20px; max-width: 100%; } .inner-news-box .news-detail-content .news-detail p, .inner-news-box .news-detail-content .news-detail span { display: block; width: 100%; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #666; height: auto; } .inner-news-box .news-detail-content .news-detail img { width: 100%; max-width: 100%; } .inner-news-box .news-line { width: 100%; height: 1px; background: #ededed; margin-top: 5%; } .inner-news-box .back { display: flex; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; flex-direction: row-reverse; } .inner-news-box .back .news-back-btn { width: 150px; height: 40px; display: flex; flex-direction: row; align-items: center; justify-content: center; border: 1px solid #666; border-radius: 5px; position: relative; overflow: hidden; z-index: 10; } .inner-news-box .back .news-back-btn p { font-size: 14px; color: #666; margin-right: 10px; z-index: 99; } .inner-news-box .back .news-back-btn i { width: 20px; height: 11px; background: url(../images/back-arrow.png) no-repeat center; z-index: 99; } .inner-news-box .back .news-back-btn:after { display: block; position: absolute; content: ""; width: 100%; height: 100%; background: #f96028; left: -100%; top: -100%; transition: all 350ms; z-index: 10; } .inner-news-box .back .news-back-btn:hover { border: 1px solid #f96028 !important; } .inner-news-box .back .news-back-btn:hover p { color: #fff; } .inner-news-box .back .news-back-btn:hover i { background: url(../images/back-arrow-hover.png) no-repeat center; } .inner-news-box .back .news-back-btn:hover:after { left: 0; top: 0; } .inner-news-box .newsPage { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-news-box .newsPage a { color: #333; } .inner-news-box .newsPage a:hover { color: #f96028; } .yy-box { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .yy-box .yy-item { width: 48%; border-radius: 25px; overflow: hidden; margin-top: 3%; position: relative; } .yy-box .yy-item .img-box { width: 100%; aspect-ratio: 776/456; overflow: hidden; } .yy-box .yy-item .img-box img { width: 100%; height: 100%; object-fit: cover; } .yy-box .yy-item .yy-info { padding: 5% 0; background: #fff; } .yy-box .yy-item .yy-info p { text-align: center; } .yy-box .yy-item .yy-info p:nth-child(1) { font-size: 22px; color: #333; color: #373737; } .yy-box .yy-item .yy-info p:nth-child(2) { font-size: 16px; color: #999; } .yy-box .yy-item .yy-shade { width: 0; height: 0; position: absolute; top: 50%; left: 50%; transition: all 500ms; } .yy-box .yy-item:hover { cursor: pointer; } .yy-box .yy-item:hover .yy-shade { width: 100%; height: 100%; background: rgba(249, 96, 40, 0.8); top: 0%; left: 0%; } .yy-youshi-box { width: 100%; padding: 5% 0; margin-top: 5%; background: url(../images/yy-youshibg.jpg) no-repeat; } .yy-youshi-box .youshi-list { display: flex; flex-direction: row; justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3%; align-items: center; margin-top: 3%; } .yy-youshi-box .youshi-list .youshi-item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .yy-youshi-box .youshi-list .youshi-item .img-box { width: 100px; height: 100px; overflow: hidden; } .yy-youshi-box .youshi-list .youshi-item .img-box img { width: 100%; height: 100%; object-fit: cover; } .yy-youshi-box .youshi-list .youshi-item p { font-size: 14px; color: rgba(255, 255, 255, 0.8); margin-top: 20px; text-align: center; } .yy-youshi-box .youshi-list .youshi-item:hover .img-box { -webkit-transform: rotateY(-360deg); -moz-transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -o-transform: rotateY(-360deg); transform: rotateY(-360deg); -webkit-transition: 1500ms 0s all ease; -moz-transition: 1500ms 0s all ease; -ms-transition: 1500ms 0s all ease; -o-transition: 1500ms 0s all ease; transition: 1500ms 0s all ease; } .yy-related-box { padding: 5% 0; } .yy-related-box .yy-more { margin-top: 3%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .yy-related-box .yy-more > span { font-size: 16px; color: #333; margin-right: 20px; } .yy-related-box .yy-more .more { display: flex; flex-direction: row; justify-content: center; align-items: center; } .yy-related-box .yy-more .more > span { font-size: 14px; color: #333; margin-right: 10px; font-family: "Segoe UI"; } .yy-related-box .yy-more .more i { width: 20px; height: 11px; background: url(../images/yy-arrow.png) no-repeat center; } .yy-related-box .yy-more .more:hover > span { font-size: 14px; color: #f96028; } .yy-related-box .yy-more .more:hover i { background: url(../images/yy-arrow-hover.png) no-repeat center; } .inner-about-box { background: url(../images/inner-about-bg.jpg) no-repeat center; background-size: cover; padding: 5% 0; } .inner-about-box .inner-box { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-about-box .inner-box .inner-left-box { width: 50%; padding: 0 8% 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .inner-about-box .inner-box .inner-left-box .img-box { width: 100%; padding-top: 100%; border-radius: 20px; z-index: 10; position: relative; } .inner-about-box .inner-box .inner-left-box .img-box img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; box-shadow: 5px 5px 10px #00000026; } .inner-about-box .inner-box .inner-left-box .img-box:before { display: block; position: absolute; content: ""; left: -8%; bottom: -8%; width: 80%; padding-top: 80%; background: #f8e9e4; border-radius: 20px; z-index: -1; } .inner-about-box .inner-box .inner-right-box { width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-right: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-about-box .inner-box .inner-right-box .title { font-size: 24px; color: #333; } .inner-about-box .inner-box .inner-right-box .company { font-size: 16px; color: #333; font-weight: bold; margin-top: 10px; } .inner-about-box .inner-box .inner-right-box .content { margin-top: 30px; } .inner-about-box .inner-box .inner-right-box .content p, .inner-about-box .inner-box .inner-right-box .content span { font-size: 14px; line-height: 2; color: #666; } .inner-choose-box { background: url(../images/inner-about-choose.jpg) no-repeat center; background-size: cover; padding: 8% 0; } .inner-choose-box .choose-box { margin-top: 5%; } .inner-choose-box .choose-box .choose-item { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 33.3%; padding: 3% 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #999; border-left: 1px solid #999; float: left; overflow: hidden; position: relative; cursor: pointer; } .inner-choose-box .choose-box .choose-item:nth-child(3n) { border-right: 1px solid #999; } .inner-choose-box .choose-box .choose-item:nth-child(n+4) { border-bottom: 1px solid #999; } .inner-choose-box .choose-box .choose-item .item-box { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 80%; height: 100%; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(1) { display: table-cell; vertical-align: bottom; transition: all 350ms; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(1) span:nth-child(1) { font-size: 28px; color: #333; font-weight: bold; font-family: "Barlow"; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(1) span:nth-child(2) { font-size: 20px; vertical-align: sub; color: #333; font-family: "Barlow"; } .inner-choose-box .choose-box .choose-item .item-box > p:nth-child(2) { font-size: 14px; color: #666; transition: all 350ms; } .inner-choose-box .choose-box .choose-item .item-box i { width: 75px; height: 75px; } .inner-choose-box .choose-box .choose-item .item-box i.choose1 { background: url(../images/inner-choose-icon1.png) no-repeat center; background-size: 60%; } .inner-choose-box .choose-box .choose-item .item-box i.choose2 { background: url(../images/inner-choose-icon2.png) no-repeat center; background-size: 60%; } .inner-choose-box .choose-box .choose-item .item-box i.choose3 { background: url(../images/inner-choose-icon3.png) no-repeat center; background-size: 60%; } .inner-choose-box .choose-box .choose-item .item-box i.choose4 { background: url(../images/inner-choose-icon4.png) no-repeat center; background-size: 60%; } .inner-choose-box .choose-box .choose-item .item-box i.choose5 { background: url(../images/inner-choose-icon5.png) no-repeat center; background-size: 60%; } .inner-choose-box .choose-box .choose-item .item-box i.choose6 { background: url(../images/inner-choose-icon6.png) no-repeat center; background-size: 60%; } .inner-choose-box .choose-box .choose-item:before { content: ''; display: block; position: absolute; left: 0; top: 25%; width: 5px; height: 50%; background: #f96028; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: 500ms 0s all ease; -moz-transition: 500ms 0s all ease; -ms-transition: 500ms 0s all ease; -o-transition: 500ms 0s all ease; transition: 500ms 0s all ease; } .inner-choose-box .choose-box .choose-item:hover .item-box p { transform: scale(1.3); } .inner-choose-box .choose-box .choose-item:hover:before { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .inner-choose-box .choose-box .choose-item:hover i { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); transition: all 2s ease; } .inner-map-box { width: 100%; padding-top: 50%; position: relative; } .inner-map-box .inner-map { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/map-bg.jpg) no-repeat center; background-size: 80%; overflow: hidden; background-size: 100%; } .inner-map-box .inner-map .common-title { margin-top: 5%; } .inner-map-box .inner-map .map-icon { width: 18px; height: 21px; background: url(../images/map-icon.png) no-repeat center; background-size: 80%; position: absolute; z-index: 99; } .inner-map-box .inner-map .map-icon.area1 { top: 48%; left: 30.5%; } .inner-map-box .inner-map .map-icon.area2 { top: 53%; left: 32%; } .inner-map-box .inner-map .map-icon.area3 { top: 48.5%; left: 48.7%; } .inner-map-box .inner-map .map-icon.area4 { top: 45.2%; left: 49%; } .inner-map-box .inner-map .map-icon.area5 { top: 41.5%; left: 49.9%; } .inner-map-box .inner-map .map-icon.area6 { top: 45.3%; left: 49.9%; } .inner-map-box .inner-map .map-icon.area7 { top: 44.8%; left: 51.8%; } .inner-map-box .inner-map .map-icon.area8 { top: 60.8%; left: 62.1%; } .inner-map-box .inner-map .map-icon.area9 { top: 61.2%; left: 67.3%; } .inner-map-box .inner-map .map-icon.area10 { top: 58%; left: 68.3%; } .inner-map-box .inner-map .map-icon.area11 { top: 53%; left: 72.6%; } .inner-map-box .inner-map .map-icon .map-info { width: 183px; height: 54px; background: url(../images/map-info.png) no-repeat center; position: absolute; bottom: 50%; right: 150%; font-size: 14px; line-height: 40px; display: none; text-align: center; transition: all 350ms; z-index: 10; } .inner-map-box .inner-map .map-icon:hover { cursor: pointer; animation: shan 1s linear; } .inner-map-box .inner-map .map-icon:hover .map-info { display: block; } .inner-map-box .inner-map .map-icon1 { width: 32px; height: 32px; background: url(../images/map-icon1.png) no-repeat center; position: absolute; top: 54%; left: 69%; } .inner-map-box .inner-map .map-icon1 .map-logo { position: absolute; bottom: 10%; right: 150%; width: 104px; height: 26px; overflow: hidden; } .inner-map-box .inner-map .map-icon1 .map-logo img { width: 100%; height: 100%; object-fit: cover; } .inner-map-box .inner-map .map-icon1 .map-info { width: 183px; height: 54px; background: url(../images/map-info.png) no-repeat center; position: absolute; bottom: 100%; right: 140%; font-size: 14px; line-height: 40px; display: none; text-align: center; transition: all 350ms; z-index: 10; } .inner-map-box .inner-map .map-icon1:hover { cursor: pointer; animation: shan 1s linear; } .inner-map-box .inner-map .map-icon1:hover .map-info { display: block; } .inner-zizhu-box { width: 100%; padding-top: 50%; position: relative; } .inner-zizhu-box .inner-zizhu { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/zizhu-bg.jpg) no-repeat center; background-size: 100%; padding: 10% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-zizhu-box .inner-zizhu .zizhu-swiper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 3%; padding: 0 5%; position: relative; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); width: 16%; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide .img-box { width: 100%; padding-top: 100%; position: relative; border-radius: 16px; overflow: hidden; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide .img-box img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide p { font-size: 20px; margin-top: 20px; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-active, .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active { transform: scale(1); } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img-box, .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .img-box { box-shadow: 2px 2px 10px #3333336e; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-active p, .inner-zizhu-box .inner-zizhu .zizhu-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active p { font-weight: bold; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box { position: absolute; width: 4%; padding-top: 4%; top: 35%; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box.prev { left: 0; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box.next { right: 0; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; z-index: 99; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn.prev-btn { background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn:hover { cursor: pointer; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-zizhu-box .inner-zizhu .zizhu-swiper .btn-box .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-partner { width: 100%; aspect-ratio: 1920/960; background: url(../images/partner-bg.jpg) no-repeat center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8% 0; } .inner-partner .common-title { line-height: 1.5 !important; } .inner-partner .partner-list { display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-start; flex-wrap: wrap; margin-top: 3%; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-partner .partner-list .partner-item { width: 15%; aspect-ratio: 1/1; overflow: hidden; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; transition: all 500ms; } .inner-partner .partner-list .partner-item img { width: 100%; height: 100%; object-fit: cover; } .inner-partner .partner-list .partner-item:hover { cursor: pointer; transform: scale(1.2); } .inner-honor { width: 100%; aspect-ratio: 1920/1060; background: url(../images/honor-bg.jpg) no-repeat center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5% 0; } .inner-honor .inner-honor-box { width: 100%; margin: 0 auto; padding-top: 58.33333333%; position: relative; } .inner-honor .inner-honor-box .honor-swiper { width: 100%; height: 100%; padding: 5% 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; } .inner-honor .inner-honor-box .honor-swiper .swiper-container { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide { text-align: center; background: #fff; height: calc((100% - 40px) / 2); /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; aspect-ratio: 400/320; border-radius: 20px; overflow: hidden; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide .img-box { width: 100%; aspect-ratio: 327/209; overflow: hidden; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide .img-box img { width: 100%; height: 100%; object-fit: cover; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide p { font-size: 12px; text-align: center; color: #333; overflow: hidden; transition: all 350ms; margin-top: 5px; } .inner-honor .inner-honor-box .honor-swiper .swiper-container .swiper-wrapper .swiper-slide:hover p { color: #f96028; } .inner-honor .inner-honor-box .honor-swiper .btn-box { width: 4%; padding-top: 4%; position: absolute; top: 47%; } .inner-honor .inner-honor-box .honor-swiper .btn-box.prev { left: 0; } .inner-honor .inner-honor-box .honor-swiper .btn-box.next { right: 0; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn { position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn.prev-btn { background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn:hover { cursor: pointer; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .btn-box .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-honor .inner-honor-box .honor-swiper .list-bg-box { position: absolute; bottom: 0; left: 0; padding-top: 6.03896104%; width: 100%; } .inner-honor .inner-honor-box .honor-swiper .list-bg-box .list-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/honor-list-bg.png) no-repeat center; background-size: 100%; } .inner-culture { width: 100%; background: url(../images/culture-bg.jpg) no-repeat center; background-size: cover; padding: 5% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .inner-culture .inner-culture-box { width: 100%; padding-top: 42.5%; position: relative; margin-top: 3%; top: 0; } .inner-culture .inner-culture-box .culture-box { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } .inner-culture .inner-culture-box .culture-box .culture-item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 29%; height: 100%; transition: all 500ms; overflow: hidden; } .inner-culture .inner-culture-box .culture-box .culture-item .img-box { width: 100%; height: 79%; } .inner-culture .inner-culture-box .culture-box .culture-item .img-box img { width: 100%; height: 100%; object-fit: cover; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-info { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 21%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-info p:nth-child(1) { font-size: 20px; color: #333; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-info p:nth-child(2) { font-size: 16px; color: #999; } .inner-culture .inner-culture-box .culture-box .culture-item.active { width: 42%; box-shadow: 2px 2px 10px #33333317; } .inner-culture .inner-culture-box .culture-box .culture-item.active .culture-info { background: #fff; } .inner-fazhan { width: 100%; aspect-ratio: 1920/960; background: url(../images/fazhan-bg.jpg) no-repeat center; background-size: cover; padding: 5% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .inner-fazhan .common-title { color: #333; } .inner-fazhan .common-tips { color: #666; } .inner-fazhan .develop-box { width: 100%; padding-top: 40%; position: relative; } .inner-fazhan .develop-box .develop-year { width: 100%; height: 25%; position: absolute; bottom: 0; } .inner-fazhan .develop-box .develop-year .swiper-slide { position: relative; } .inner-fazhan .develop-box .develop-year .swiper-slide .point { width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; background: #3b3f43; } .inner-fazhan .develop-box .develop-year .swiper-slide .point:hover { cursor: pointer; } .inner-fazhan .develop-box .develop-year .swiper-slide .point .active-point { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box .develop-year .swiper-slide .point .active-point1 { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box .develop-year .swiper-slide .l-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; left: 0; top: 50%; } .inner-fazhan .develop-box .develop-year .swiper-slide .r-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; right: 0; top: 50%; } .inner-fazhan .develop-box .develop-year .swiper-slide .year { font-size: 24px; font-family: "Barlow"; color: #838688; position: absolute; width: 100%; bottom: 0; text-align: center; } .inner-fazhan .develop-box .develop-year .swiper-slide.swiper-slide-thumb-active .year { font-size: 36px; color: #fff; line-height: 1; } .inner-fazhan .develop-box .develop-year .swiper-slide.swiper-slide-thumb-active .active-point { width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -7px; background: #fff; } .inner-fazhan .develop-box .develop-year .swiper-slide.swiper-slide-thumb-active .active-point1 { width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; background: #f96028; } .inner-fazhan .develop-box .develop-info { width: 100%; height: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; } .inner-fazhan .develop-box .develop-info .info-item { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; opacity: 0; visibility: hidden; transition: all 350ms; } .inner-fazhan .develop-box .develop-info .info-item.swiper-slide-active { opacity: 1; visibility: visible; } .inner-fazhan .develop-box .develop-info .info-item .big-year { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 250px; line-height: 1; font-family: "Barlow"; text-align: center; color: rgba(255, 255, 255, 0.1); } .inner-fazhan .develop-box .develop-info .info-item .develop-des { width: 36%; border-radius: 20px; background: #fff; overflow: hidden; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 35%; left: 50%; margin-left: -18%; transition: all 1000ms; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(1) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(1) span { font-size: 24px; color: #333; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(1) strong { font-size: 20px; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box .develop-info .info-item .develop-des p:nth-child(2) { font-size: 20px; color: #666; margin-top: 2%; word-break: break-all; } .inner-fazhan .develop-box .develop-info .info-item.active { opacity: 1; } .inner-fazhan .develop-box .develop-info .info-item.active .develop-des { opacity: 1; top: 35%; } .inner-fazhan .develop-box .develop-info .btn { position: absolute; width: 60px; height: 60px; border-radius: 50%; top: 47%; z-index: 99; } .inner-fazhan .develop-box .develop-info .btn.prev-btn { left: 0; background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box .develop-info .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; right: 0; } .inner-fazhan .develop-box .develop-info .btn:hover { cursor: pointer; } .inner-fazhan .develop-box .develop-info .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box .develop-info .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-fazhan .develop-box2 { width: 100%; padding-top: 40%; position: relative; } .inner-fazhan .develop-box2 .develop-year { width: 100%; height: 25%; position: absolute; bottom: 0; } .inner-fazhan .develop-box2 .develop-year .swiper-slide { position: relative; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point { width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; background: #3b3f43; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point:hover { cursor: pointer; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point .active-point { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .point .active-point1 { width: 0; height: 0; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all 500ms; z-index: 99; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .l-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; left: 0; top: 50%; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .r-line { width: 50%; height: 1px; background: #3b3f43; position: absolute; right: 0; top: 50%; } .inner-fazhan .develop-box2 .develop-year .swiper-slide .year { font-size: 20px; font-family: "Barlow"; color: #838688; position: absolute; width: 100%; bottom: 0; text-align: center; } .inner-fazhan .develop-box2 .develop-year .swiper-slide.swiper-slide-active .year { font-size: 28px; color: #fff; line-height: 1; } .inner-fazhan .develop-box2 .develop-year .swiper-slide.swiper-slide-active .active-point { width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -7px; background: #fff; } .inner-fazhan .develop-box2 .develop-year .swiper-slide.swiper-slide-active .active-point1 { width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; background: #f96028; } .inner-fazhan .develop-box2 .develop-info { width: 100%; height: 70%; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-fazhan .develop-box2 .develop-info .info-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; transition: all 1000ms; animation: slide-down 1s linear; } .inner-fazhan .develop-box2 .develop-info .info-item .big-year { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 250px; line-height: 1; font-family: "Barlow"; text-align: center; color: rgba(255, 255, 255, 0.1); } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des { width: 36%; border-radius: 20px; background: #fff; overflow: hidden; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 100%; left: 50%; opacity: 0; margin-left: -18%; transition: all 1000ms; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(1) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(1) span { font-size: 24px; color: #333; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(1) strong { font-size: 20px; font-family: "Barlow"; line-height: 1; } .inner-fazhan .develop-box2 .develop-info .info-item .develop-des p:nth-child(2) { font-size: 14px; color: #666; margin-top: 2%; word-break: break-all; } .inner-fazhan .develop-box2 .develop-info .info-item.active { opacity: 1; } .inner-fazhan .develop-box2 .develop-info .info-item.active .develop-des { opacity: 1; top: 35%; } .inner-fazhan .develop-box2 .develop-info .btn { position: absolute; width: 40px; height: 40px; border-radius: 50%; top: 47%; z-index: 99; } .inner-fazhan .develop-box2 .develop-info .btn.prev-btn { left: 0; background: #b5b5b5 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box2 .develop-info .btn.next-btn { background: #b5b5b5 url(../images/inner-swiper-next.png) no-repeat center; right: 0; } .inner-fazhan .develop-box2 .develop-info .btn:hover { cursor: pointer; } .inner-fazhan .develop-box2 .develop-info .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-fazhan .develop-box2 .develop-info .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-invest { padding: 5% 0; } .inner-invest .gk-box { margin-top: 3%; overflow: hidden; } .inner-invest .gk-box span, .inner-invest .gk-box p { font-size: 16px; line-height: 2; color: #999; } .inner-invest .base-info { margin-top: 3%; width: 100%; } .inner-invest .base-info table { width: 100%; height: 100%; border-collapse: collapse; text-align: center; overflow: hidden; } .inner-invest .base-info table tr td { background: #fff; font-size: 13px; padding: 1% 2%; border: solid 1px #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; } .inner-invest .base-info table tr td:nth-child(1) { width: 15%; background: #f7f7f7; color: #333; font-weight: bold; } .inner-invest .base-info table tr td:nth-child(3) { width: 15%; background: #f7f7f7; color: #333; font-weight: bold; } .inner-invest .base-info table tr.firstRow td { font-size: 18px; text-align: center; color: #fff; background: #333; padding: 1% 0; } .inner-invest .hudong-box { padding: 5%; margin-top: 5%; background: #f7f7f7; } .inner-invest .hudong-box .hudong-list { display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top: 3%; } .inner-invest .hudong-box .hudong-list .hudong-item-box { width: 48%; aspect-ratio: 680/410; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title i { display: block; width: 30px; height: 30px; margin-right: 2%; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title i.r { background: url(../images/reply-title-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title i.q { background: url(../images/question-title-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box .hudong-title p { font-size: 18px; color: #333; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item { border-bottom: 1px solid #ddd; padding: 5% 0; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-title { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-title i { display: block; width: 24px; height: 24px; margin-right: 2%; background: url(../images/question-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-title p { font-size: 14px; color: #333; width: 95%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-answer { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top: 3%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-answer i { display: block; width: 24px; height: 24px; margin-right: 2%; background: url(../images/answer-icon.png) no-repeat center; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-left .reply-list .reply-item .r-answer p { font-size: 14px; color: #999; word-break: break-all; width: 95%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form { margin-top: 5%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form textarea { padding: 3% 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; width: 100%; height: 240px; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 3%; width: 100%; height: 50px; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .input-type { width: 50%; height: 100%; border-radius: 8px; padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .verify { width: 18%; height: 100%; overflow: hidden; margin-right: 5%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .verify:hover { cursor: pointer; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .verify img { width: 100%; height: 100%; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .submit { width: 23%; height: 100%; background: #333; color: #fff; font-size: 14px; text-align: center; border-radius: 8px; } .inner-invest .hudong-box .hudong-list .hudong-item-box.hudong-right form .form-group .submit:hover { cursor: pointer; background: #f96028; } .inner-annouce { padding: 3%; } .inner-annouce .inner-annouce-box { padding: 3%; background: #fff; border-radius: 20px; } .inner-annouce .inner-annouce-box .de-news-list { width: 100%; margin-top: 3%; } .inner-annouce .inner-annouce-box .de-news-list .news-item { display: flex; flex-direction: row; justify-content: flex-start; padding: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #e7e7e7; } .inner-annouce .inner-annouce-box .de-news-list .news-item:nth-child(1) { border-top: 2px solid #e7e7e7; } .inner-annouce .inner-annouce-box .de-news-list .news-item .time-box { width: 170px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .time-box .day { font-size: 28px; color: #333; font-weight: bold; font-family: "Gilroy-ExtraBold"; line-height: 1; } .inner-annouce .inner-annouce-box .de-news-list .news-item .time-box .year { font-size: 18px; color: #999; font-family: "Gilroy-Light"; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-img { width: 250px; height: 170px; overflow: hidden; border-radius: 5px; margin-right: 30px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-img img { width: 100%; height: 100%; object-fit: cover; margin-right: 40px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info { flex: 1; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .title { font-size: 18px; color: #333; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .content { margin-top: 20px; font-size: 14px; color: #666; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 20px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .item-cate { background: #333; font-size: 14px; color: #fff; width: 86px; height: 34px; line-height: 34px; text-align: center; border-radius: 5px; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .more { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .more p { display: inline-block; text-transform: uppercase; font-size: 14px; color: #999; margin-right: 15px; z-index: 10; } .inner-annouce .inner-annouce-box .de-news-list .news-item .news-info .item-cate-box .more i { width: 30px; height: 11px; background: url(../images/news-arrow.png) no-repeat center; z-index: 10; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .title { color: #f96028; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .more p { color: #f96028; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .news-info .item-cate-box .more p { color: #f96028; } .inner-annouce .inner-annouce-box .de-news-list .news-item:hover .news-info .item-cate-box .more i { background: url(../images/hover-more.png) no-repeat center; } .inner-link { padding: 5% 0; } .inner-link .link-map { width: 100%; height: 500px; border-radius: 20px; overflow: hidden; margin-top: 5%; position: relative; } .inner-link .link-map #allmap { width: 100%; height: 100%; padding-left: 20%; } .inner-link .link-map .link-info-box { position: absolute; width: 30%; border-radius: 20px; top: 20%; right: 5%; overflow: hidden; } .inner-link .link-map .link-info-box .link-title { display: flex; flex-direction: row; padding: 8%; justify-content: flex-start; align-items: center; background: #333; overflow: hidden; } .inner-link .link-map .link-info-box .link-title i { width: 30px; height: 30px; margin-right: 2%; background: url(../images/link-tel.png) no-repeat center; } .inner-link .link-map .link-info-box .link-title p { font-size: 18px; color: #ffffff; } .inner-link .link-map .link-info-box .link-list { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background: #fff; padding: 8%; } .inner-link .link-map .link-info-box .link-list p { font-size: 14px; color: #333; margin-bottom: 5%; } .inner-link .link-map .link-info-box .link-list p:last-child { margin-bottom: 0; } .inner-link .link-map .link-info-box .link-list p span { color: #999; } .inner-goods-info { padding: 5% 0; } .inner-goods-info .info-box { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; background: #fff; padding: 5% 3% 3%; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .inner-goods-info .info-box .info-item { width: 48%; } .inner-goods-info .info-box .info-item.left #pro-swiper { width: 100%; overflow: hidden; } .inner-goods-info .info-box .info-item.left #pro-swiper .swiper-slide { width: 100%; overflow: hidden; position: relative; padding-top: 78.57142857%; } .inner-goods-info .info-box .info-item.left #pro-swiper .swiper-slide img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; object-fit: contain; } .inner-goods-info .info-box .info-item.left .pagination { width: 100%; height: 70px; position: relative; margin-top: 60px; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box { width: 9%; padding-top: 9%; left: 0; top: 50%; margin-top: -4.5%; position: absolute; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box .swiper-pagination { display: flex; flex-direction: row; justify-content: center; align-items: baseline; padding-top: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; height: 100%; left: 0; top: 0; line-height: 1; background: #ebebeb; border-radius: 50%; overflow: hidden; color: #f5f5f5; font-size: 14px; font-weight: bold; font-family: "Arial"; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box .swiper-pagination .swiper-pagination-current { font-size: 18px; color: #fff; font-family: "Arial"; } .inner-goods-info .info-box .info-item.left .pagination .pagination-box .swiper-pagination .swiper-pagination-total { color: #f5f5f5; font-size: 14px; font-weight: bold; font-family: "Arial"; } .inner-goods-info .info-box .info-item.left .pagination .btn-box { position: absolute; width: 9%; padding-top: 9%; top: 50%; margin-top: -4.5%; } .inner-goods-info .info-box .info-item.left .pagination .btn-box.prev { right: 11%; } .inner-goods-info .info-box .info-item.left .pagination .btn-box.next { right: 0; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; z-index: 99; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn.prev-btn { background: #ebebeb url(../images/inner-swiper-prev.png) no-repeat center; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn.next-btn { background: #ebebeb url(../images/inner-swiper-next.png) no-repeat center; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn:hover { cursor: pointer; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn:hover.prev-btn { background: #f96028 url(../images/inner-swiper-prev.png) no-repeat center; } .inner-goods-info .info-box .info-item.left .pagination .btn-box .btn:hover.next-btn { background: #f96028 url(../images/inner-swiper-next.png) no-repeat center; } .inner-goods-info .info-box .info-item.right .title { font-size: 32px; font-family: "Gilroy-ExtraBold"; line-height: 1; } .inner-goods-info .info-box .info-item.right .tags { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 5px; } .inner-goods-info .info-box .info-item.right .tags .goods-tag-item { display: inline-block; font-size: 12px; color: #666; border: 1px solid #999; border-radius: 5px; padding: 5px 10px; margin-right: 2%; transition: all 350ms; } .inner-goods-info .info-box .info-item.right .tags .goods-tag-item:hover { background: #f96028; border: 1px solid #f96028; color: #fff; } .inner-goods-info .info-box .info-item.right .content-box { overflow: hidden; } .inner-goods-info .info-box .info-item.right .content-box.first-content-box { margin-top: 30px; } .inner-goods-info .info-box .info-item.right .content-box > p { font-size: 16px; color: #333; padding-bottom: 15px; font-weight: bold; border-bottom: 1px solid #999; } .inner-goods-info .info-box .info-item.right .content-box > p.file-label { font-weight: bold; } .inner-goods-info .info-box .info-item.right .content-box .goods-content { padding: 15px 0 30px 0; } .inner-goods-info .info-box .info-item.right .content-box .goods-content p, .inner-goods-info .info-box .info-item.right .content-box .goods-content span { line-height: 2; color: #666; font-size: 14px; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item { width: 100%; margin-top: 10px; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item:first-child { margin-top: 20px; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i { display: block; width: 34px; height: 30px; float: left; margin-right: 2%; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i.pdf { background: url(../images/pdf-icon.png) no-repeat center; background-size: 70%; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i.dwg { background: url(../images/dwg-icon.png) no-repeat center; background-size: 70%; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item i.stp { background: url(../images/stp-icon.png) no-repeat center; background-size: 70%; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .file-title { float: left; font-size: 14px; line-height: 30px; font-family: "Gilroy-Light"; color: #333; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .down-btn { float: right; display: inline-block; background: #333; text-align: center; color: #fff; font-size: 12px; border-radius: 6px; line-height: 30px; width: 92px; height: 30px; white-space: nowrap; overflow: hidden; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .down-btn:hover { background: #f96028; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .preview-btn { float: right; display: inline-block; background: #f96028; text-align: center; color: #fff; font-size: 12px; border-radius: 6px; line-height: 30px; width: 60px; height: 30px; margin-right: 10px; white-space: nowrap; overflow: hidden; } .inner-goods-info .info-box .info-item.right .content-box .download .download-item .preview-btn:hover { background: #333; } .inner-goods { padding: 3% 0; } .inner-goods .series-box { display: flex; flex-direction: row; justify-content: center; align-items: center; } .inner-goods .series-box .series-item { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 14%; height: 100px; aspect-ratio: 1/1; border-radius: 8px; margin-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .series-box .series-item:last-child { margin-right: 0; } .inner-goods .series-box .series-item .img-box { width: 100%; padding-top: 60%; position: relative; } .inner-goods .series-box .series-item .img-box img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .inner-goods .series-box .series-item .series-title { font-size: 14px; text-align: center; width: 100%; color: #333; margin-top: 5%; } .inner-goods .series-box .series-item:hover { border: 1px solid #666; } .inner-goods .series-box .series-item.active { border: 1px solid #666; } .inner-goods .common-title { margin-top: 3%; } .inner-goods .tag { padding: 0 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .tag .tag-box { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-radius: 20px; padding: 2%; background: #fff; margin-top: 2%; } .inner-goods .tag .tag-box > p { font-size: 14px; color: #333; margin-right: 2%; } .inner-goods .tag .tag-box .tag-item { display: inline-block; padding: 1%; background: #f96028; margin-right: 2%; border-radius: 6px; } .inner-goods .tag .tag-box .tag-item p { float: left; font-size: 12px; color: #fff; line-height: 16px; margin-right: 10px; } .inner-goods .tag .tag-box .tag-item .tag-cancel { display: inline-block; float: left; width: 14px; height: 14px; border-radius: 50%; overflow: hidden; line-height: 16px; } .inner-goods .tag .tag-box .tag-item .tag-cancel img { width: 100%; height: 100%; object-fit: cover; } .inner-goods .de-goods-list { padding: 0 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .de-goods-list .goods-item-box { float: left; width: 32%; padding-top: 139.47368421%; margin-right: 2%; padding: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 3%; background: #fff; border-radius: 20px; } .inner-goods .de-goods-list .goods-item-box:nth-child(4n) { margin-right: 2%; } .inner-goods .de-goods-list .goods-item-box:nth-child(3n) { margin-right: 0; } .inner-goods .de-goods-list .goods-item-box:nth-child(12n) { margin-right: 0; } .inner-goods .de-goods-list .goods-item-box .goods-item { width: 100%; height: 100%; transition: all 350ms; } .inner-goods .de-goods-list .goods-item-box .goods-item .img-box { width: 100%; padding-top: 83.33333333%; position: relative; } .inner-goods .de-goods-list .goods-item-box .goods-item .img-box img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-title { font-size: 22px; width: 100%; text-align: center; font-family: "Gilroy-ExtraBold"; margin-top: 10%; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 350ms; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags { display: flex; width: 100%; flex-direction: row; align-items: flex-start; justify-content: space-evenly; align-content: flex-start; flex-wrap: wrap; height: 130px; margin-top: 8%; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item { display: inline-block; font-size: 13px; color: #666; border: 1px solid #999; border-radius: 5px; padding: 5px 10px; margin-top: 5px; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item:hover { background: #f96028; color: #fff; border: none; } .inner-goods .de-goods-list .goods-item-box .goods-item .goods-tags .goods-tag-item.active { background: #f96028; color: #fff; border: none; } .inner-goods .de-goods-list .goods-item-box .goods-item:hover { box-shadow: 5px 5px 10px #3333332e; transform: scale(1.05); } .inner-goods .de-goods-list .goods-item-box .goods-item:hover .goods-title { color: #f96028; } .inner-contact { padding: 5% 0 2%; } .inner-contact .top-contact-box { width: 100%; padding-top: 35%; position: relative; } .inner-contact .top-contact-box .top-contact { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; overflow: hidden; margin-top: 3%; padding: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .top-contact-box .top-contact .contact-map { width: 68%; height: 100%; background: url(../images/inner-contact-map.png) no-repeat center; background-size: cover; position: relative; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; background: #333; position: absolute; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon:hover { background: #f96028; animation: shan 1s infinite; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon2 { right: 19%; top: 46%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon3 { right: 16%; top: 38%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon4 { right: 27%; top: 43%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon5 { top: 22%; left: 13%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon6 { top: 30%; left: 15%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon7 { left: 44%; top: 23%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon8 { left: 46%; top: 17%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon9 { left: 48%; top: 9%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon10 { left: 49%; top: 16%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon11 { left: 51.5%; top: 12%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon.icon12 { right: 10.5%; top: 29%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 { width: 30px; height: 30px; background: url(../images/contact-star.png) no-repeat center; background-size: 70%; position: absolute; right: 15.5%; top: 27%; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 .contact-logo { position: absolute; right: 130%; top: 10%; width: 93px; height: 24px; overflow: hidden; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1 .contact-logo img { width: 100%; height: 100%; object-fit: cover; } .inner-contact .top-contact-box .top-contact .contact-map .contact-map-icon1:hover { animation: shan 1s infinite; } .inner-contact .contact-list { margin-top: 3%; width: 100%; height: 100%; padding: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .contact-box { width: 32%; height: 100%; min-height: 280px; background: #fff; border-radius: 20px; overflow: hidden; float: left; margin-right: 2%; margin-bottom: 3%; transition: all 350ms; } .inner-contact .contact-box:nth-child(3n) { margin-right: 0; } .inner-contact .contact-box .contact-title { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; flex: 1; border-bottom: 1px solid #efefef; overflow: hidden; padding: 15px 0 15px; } .inner-contact .contact-box .contact-title .main-add { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-contact .contact-box .contact-title .main-add i { width: 30px; height: 30px; background: url(../images/area-icon.png) no-repeat center; background-size: 70%; margin-right: 2%; } .inner-contact .contact-box .contact-title .main-add .area { font-size: 18px; color: #333; font-weight: bold; margin-right: 2%; } .inner-contact .contact-box .contact-title .addname { font-size: 14px; color: #666; width: 100%; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 5%; } .inner-contact .contact-box .contact-info { width: 100%; flex: 1; display: flex; flex-direction: column; padding: 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; justify-content: flex-start; align-items: flex-start; } .inner-contact .contact-box .contact-info .contact-info-item { font-size: 13px; margin-top: 3%; } .inner-contact .contact-box .contact-info .contact-info-item .label { color: #666; } .inner-contact .contact-box .contact-info .contact-info-item .detail { color: #333; } .inner-contact .contact-box:hover { box-shadow: 5px 5px 10px #3030301f; } .inner-contact .contact-box:hover .main-add i { background: url(../images/area-icon-active.png) no-repeat center; } .inner-contact .contact-box:hover .main-add .area { color: #f96028; font-weight: bold; margin-right: 2%; } .inner-contact .contact-box.active { box-shadow: 5px 5px 10px #3030308f; transform: scale(1.05); } .inner-contact .contact-box.active .main-add i { background: url(../images/area-icon-active.png) no-repeat center; } .inner-contact .contact-box.active .main-add .area { color: #f96028; font-weight: bold; margin-right: 2%; } .inner-contact .contact-box.zongbu { height: 98%; float: none; margin: 0; } .inner-contact .contact-box.zongbu .contact-title .main-add i { background: url(../images/star.png) no-repeat center; } .inner-contact .contact-box.zongbu .contact-title .main-add .tag { display: inline-block; text-align: center; font-size: 16px; color: #ffffff; background: #333; padding: 0 2%; border-radius: 5px; } } /*# sourceMappingURL=nei-media.css.map */