/* banner */ .swiper-container { width: 100%; margin-left: 50%; transform: translateX(-50%); } .swiper-slide { width: 100%; text-align: center; font-size: 18px; background-color: #232536; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -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; } .first{ background: url('../images/banner2-bg.png') no-repeat center; background-size: 100% 100%; } .second{ background: url('../images/banner1-bg.png') no-repeat center; background-size: 100% 100%; } .third{ background: url('../images/banner3-bg.png') no-repeat center; background-size: 100% 100%; } .swiper-container:hover .swiper-button-prev{ display: block; } .swiper-container:hover .swiper-button-next{ display: block; } .swiper-slide-container{ position: relative; width: 1920px; height: 600px; margin: 0 auto; } .swiper-title{ position: absolute; left: 300px; top: 130px; font-size: 65px; font-family: Alibaba PuHuiTi; font-weight: bold; color: #FFF; } .swiper-con{ position: absolute; left: 300px; top: 235px; font-size: 20px; font-family: Alibaba PuHuiTi; color: #FFF; } .swiper-con p{ text-align: left; margin-bottom: 15px; } /* .swiper-link{ position: absolute; left: 360px; top: 425px; width: 92px; height: 32px; line-height: 28px; text-align: center; font-size: 14px; font-family: Alibaba PuHuiTi; color: #FFF; border: 1px solid #fff; border-radius: 8px; }*/ .swiper-link{ position: absolute; left: 300px; top: 425px; width: 180px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; font-family: Alibaba PuHuiTi; color: #FFF; border: 1px solid #fff; border-radius: 6px; } .banner-img{ position: absolute; left: 0; top: 0; width: 1920px; height: 600px; margin: 0 auto; } .swiper-pagination-bullet { width: 6px; height: 4px; text-align: center; line-height: 20px; font-size: 12px; color:#000; border-radius: 2px; opacity: 1; background-color: #fff; } .swiper-pagination-bullet-active { width: 25px; height: 4px; color:#fff; background: #fff; } .swiper-button-prev{ display: none; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); margin-left: 100px; opacity: 0.75; } .swiper-button-next{ display: none; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); margin-right: 100px; opacity: 0.75; } /* 产品介绍 */ .product-introduction{ width:100%; height: 750px; background-color: #F5F6FA; overflow: hidden; } .product-title{ height: 27px; margin-top: 58px; font-size: 28px; font-family: Alibaba PuHuiTi; font-weight: bold; color: #0D131A; text-align: center; } .underline{ display: block; width: 35px; height: 3px; margin: 15px auto 25px; } .product-item{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .product-item a{ margin-right: 20px; margin-bottom: 20px; } .product-item a:nth-child(4n){ margin-right: 0px; } .product-item-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 285px; height: 170px; /* background: url('../images/shadow.png') no-repeat center top; background-size: 100%; */ background-color: #fff; } .product-item-list:hover .product-more{ display: block; } .product-item-list:hover { box-shadow:0px 10px 20px 0.1px rgba(171,175, 190, .28); } .product-img{ width: 45px; height: 45px; margin-top: 40px; } .product-tips{ height: 17px; margin-top: 18px; line-height: 17px; font-size: 16px; font-family: Alibaba PuHuiTi; font-weight: 400; color: #0D131A; } .product-more{ display: none; width: 46px; height: 24px; margin-top: 12px; } /* .product-shadow{ display: none; display: block; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 304px; height: 190px; z-index: 0; } */ /* 公司介绍 */ .company-introduction{ width: 100%; height: 540px; background-color: #fff; overflow: hidden; } .company-title{ height: 27px; margin-top: 58px; font-size: 28px; font-family: Alibaba PuHuiTi; font-weight: bold; color: #0D131A; text-align: center; } .underline{ display: block; width: 35px; height: 3px; margin: 15px auto 37px; } .company-info{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -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; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 340px; } .company-info-left{ width: 518px; height: 340px; transform: translateX(-170%); transition: all .8s; } .info-left-til{ font-size: 28px; font-family: Alibaba PuHuiTi; font-weight: 400; color: #0D131A; } .info-left-con{ margin-top: 38px; line-height: 1.5; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #666666; } .info-left-img{ margin-top: 134px; width: 64px; height: 28px; } .company-info-right{ width: 600px; height: 340px; transform: translateX(170%); transition: all .8s; } /* 销售网络 */ .sales-network{ width: 100%; min-width: 1920px; height: 680px; overflow: hidden; background: url('../images/sales.png') no-repeat center ; margin-left: 50%; transform: translateX(-50%); background-size: cover; } .sales-img{ position: absolute; right: 0; top: 50px; width: 830px; height: 609px; } .sales-network-info{ width: 452px; height: 100%; padding: 94px 0 110px ; transform: translateX(-170%); transition: all .8s; } .sales-til{ width: 100%; height: 88px; font-size: 42px; font-family: Alibaba PuHuiTi; font-weight: bold; color: #FFFFFF; line-height: 48px; } .sales-tips{ margin-top: 29px; font-size: 16px; font-family: Alibaba PuHuiTi; font-weight: 400; color: #FFFFFF; line-height: 22px; opacity: 0.75; } .sales-num{ margin-top: 273px; font-size: 40px; font-family: Alibaba PuHuiTi; font-weight: bold; color: #FF9D24; line-height: 48px; } .sales-bottom{ font-size: 18px; font-family: Alibaba PuHuiTi; font-weight: 400; color: #FFFFFF; line-height: 48px; } /* 新闻动态 */ .news-information{ margin-top: 54px; } .news-header{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -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; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; height: 45px; } .news-header-til{ font-size: 24px; font-family: Alibaba PuHuiTi; font-weight: 400; color: #0D131A; } .news-more{ font-size: 14px; font-family: Alibaba PuHuiTi; font-weight: 400; color: #0D131A; } .news-more::after{ display: inline-block; content: ""; width: 6px; height: 10px; margin-left: 5px; background: url('../images/right.png') no-repeat center; } .news-content{ display: flex; width: 100%; height: 345px; } .news-content-list{ width: 386px; height: 100%; margin-right: 20px; background-color: #fff; } .news-content-list:nth-child(3n){ margin-right: 0px; } .news-list-img{ width: 386px; height: 240px; overflow: hidden; } .news-img{ width: 100%; height: 240px; transform: scale(1.0); transition: all .2s; } .news-content-list:hover .news-img{ transform: scale(1.2); } .news-list-bottom{ position: relative; width: 100%; height: 105px; padding: 19px; } .news-list-til{ position: absolute; left: 19px; top: 19px; width: 342px; font-size: 18px; font-family: PingFang SC; font-weight: 500; color: #0D131A; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .news-list-date{ position: absolute; left: 19px; bottom: 19px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #666666; } /* 合作客户 */ .cooperative-customers{ margin-top: 52px; } .cooperative-til{ font-size: 24px; font-family: Alibaba PuHuiTi; font-weight: 400; color: #0D131A; } .cooperative-container{ display: flex; flex-wrap: wrap; width: 100%; margin-top: 20px; } .cooperative-list{ width: 140px; height: 130px; margin-right: 11.4px; margin-bottom: 10px; } .cooperative-list:nth-child(8n){ margin-right: 0px; } /* 立即注册 */ .register-now{ width: 100%; height: 180px; margin-top: 50px; background: url('../images/back.png') no-repeat center; background-size: 100% 100%; overflow: hidden; } .register-til{ margin-top: 40px; text-align: center; font-size: 36px; font-family: Alibaba PuHuiTi; font-weight: bold; color: #FFFFFF; } .register-til span{ color: #792B00; } .register-button{ display: block; margin: 26px auto 0; width: 160px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px; font-family: Alibaba PuHuiTi; font-weight: 400; border: 1px solid #FFFFFF; } .register-button:hover{ color: #fff; } .inside .contact .media i { font-size: 36px; } .fa-fw { width: 1.28571429em; text-align: center; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-map-marker:before { content: "\f041"; } .fa-phone:before { content: "\f095"; } .fa-envelope:before { content: "\f0e0"; } @font-face{font-family:'FontAwesome';src:url('../Lib/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../Lib/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../Lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../Lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}