diff --git a/about.html b/about.html index 40b42a9..d2b17bb 100644 --- a/about.html +++ b/about.html @@ -24,7 +24,7 @@ - +
@@ -412,141 +412,202 @@
-
-
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

+
+

荣誉资质

+ 始终坚持科技与品质同行，敢于创新、追求 +
+
+
+
+
+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
+
+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
+
+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
+
+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
+
+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
+
+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
+
+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
+
+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
+
+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
+
+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

+
+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

-
-
-
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

-
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

-
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

-
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

-
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

-
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

-
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

-
-
-
- -
-

米糠提取分离蛋白的生产方法

-

专利号: ZL 2009 10064611.1

+
+ +
+

米糠提取分离蛋白的生产方法

+

专利号: ZL 2009 10064611.1

+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @@ -637,5 +698,6 @@ $('.video-list-bg').hide(); $(".video-list>li").removeClass('show'); }); + \ No newline at end of file diff --git a/css/style.css b/css/style.css index 5db2d6c..cdb0035 100644 --- a/css/style.css +++ b/css/style.css @@ -1037,6 +1037,7 @@ .pull-banner{ width: 100%; position: relative; + margin-top: 80px; } .pull-banner>img{ width: 100%; @@ -1381,21 +1382,374 @@ transition: all .8s; } +/* 荣誉资质 */ +.honor-bg{ + padding: 50px 0 68px; + background-image: url(../images/honor-bg.jpg); + background-size: cover; +} +.honor-list{ + margin-top: 20px; + position: relative; +} +.honor-swiper{ + width: calc(100% - 80px); + margin: 0 auto; + overflow: hidden; + position: relative; +} +.honor-swiper .swiper-slide{ + display: flex; + justify-content: flex-start; + flex-wrap: wrap; + position: relative; +} +.honor-swiper .swiper-slide .honor-item{ + width: calc(20% - 16px); + margin-right: 20px; + margin-top: 20px; + background-color: #FFFFFF; +} +.honor-swiper .swiper-slide .honor-item img{ + width: 100%; +} +.honor-swiper .swiper-slide .honor-item p{ + font-size: 14px; + line-height: 1.7; + text-align: center; + opacity: .8; +} +.honor-swiper .swiper-slide .honor-item .honor-txt{ + margin: 10px 0; +} +.honor-swiper .swiper-slide .honor-item:nth-of-type(5n){ + margin-right: 0; +} +.honor-list .swiper-button-prev{ + width: 51px; + height: 51px; + border-radius: 100%; + background-color: #003585; + margin-top: -25.5px; + left: -30px; + background-image: url(../images/arrow-left.png); + background-size: 20px 22px; +} +.honor-list .swiper-button-next{ + width: 51px; + height: 51px; + border-radius: 100%; + background-color: #003585; + margin-top: -25.5px; + right: -30px; + background-image: url(../images/arrow-right.png); + background-size: 20px 22px; +} +/* 资质弹窗 */ +.honor-list-other{ + width: 460px; + border: 20px solid #003585; + box-shadow: 0 0 40px rgba(0,53,133,.6); + border-radius: 20px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + z-index: 9; + opacity: 1; +} +.honor-list-other.hide{ + z-index: -2; + opacity: 0; +} +.honor-other-swiper{ + width: 100%; + position: relative; + overflow: hidden; +} +.honor-other-swiper .swiper-slide img{ + width: 100%; +} +/* 社会责任 */ +.social-bg{ + background-color: #f4f4f4; + padding: 40px 0; +} +.social{ + background: #FFFFFF; + padding: 36px 40px 40px; +} +.social-list{ + display: flex; + flex-wrap: wrap; + width: 100%; + margin-top: 30px; +} +.social-list>li{ + display: flex; + flex-direction: column-reverse; + width: 32.5%; + margin-right: 1.25%; + margin-top: 10px; + background-color: #f5f5f5; +} +.social-list>li:nth-of-type(3n){ + margin-right: 0; +} +.social-list>li:nth-of-type(odd){ + flex-direction: column; +} +.social-img{ + width: 100%; + height: 280px; + overflow: hidden; +} +.social-img img{ + width: 100%; + min-height: 280px; +} +.social-txt{ + height: 220px; + padding: 30px; + text-align: center; +} +.social-txt p{ + font-size: 24px; + line-height: 1.5; +} +.social-txt span{ + font-size: 15px; + line-height: 1.6; + margin-top: 10px; + opacity: .8; +} +/* 行业解决方案 */ +.main{ + background: #f4f4f4; +} +.pull-content{ + background-color: #FFFFFF; +} +/* 分类查询 */ +.classify{ + display: flex; + align-items: center; + padding: 0 40px; + height: 80px; + border-bottom: 1px solid #e8e8f1; +} +.classify>span{ + font-size: 18px; + line-height: 2; + margin-right: 35px; + cursor: pointer; +} +.classify>span:last-child{ + margin-right: 0; +} +.classify>span.active{ + color: #003585; + font-weight: bold; +} +/* 列表 */ +.solution{ + padding: 0 40px; +} +.solution-list{ + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +.solution-list li{ + width: 50%; + padding: 35px 0; + border-bottom: 1px solid #e8e8e8; + cursor: pointer; +} +.solution-list li:nth-of-type(odd){ + padding-right: 15px; +} +.solution-list li:nth-of-type(even){ + padding-left: 15px; +} +.solution-list li .img{ + width: 100%; + height: 280px; + overflow: hidden; +} +.solution-list li .img img{ + width: 100%; + min-height: 280px; + transition: all .8s; +} +.solution-list li .txt{ + margin-top: 35px; +} +.solution-list li .txt h3{ + font-size: 24px; + line-height: 1.5; + font-weight: normal; + transition: all .8s; +} +.solution-list li .txt p{ + font-size: 14px; + line-height: 1.8; + margin: 15px 0 20px; + text-align: justify; + opacity: .7; +} +.solution-list li:hover h3{ + color: #003585; + transition: all .8s; +} +.solution-list li:hover .img img{ + transform: scale(1.2); + transition: all .8s; +} +.solution-list li:nth-last-of-type(1), +.solution-list li:nth-last-of-type(2){ + border: 0; +} +.more-btns{ + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + font-size: 14px; + color: #003585; +} +.more-btns>em:last-child{ + display: flex; + align-items: center; + margin-left: 14px; +} +.more-btns>em ins{ + display: block; + width: 4px; + height: 4px; + border-radius: 100%; + background-color: #003585; + transition: all .8s; +} +.more-btns>em ins:nth-of-type(2){ + width: 6px; + height: 6px; + margin: 0 4px; +} +/* 分页 */ +.page-list{ + display: flex; + justify-content: center; + align-items: center; + height: 42px; + margin: 32px 0 35px; +} +.page-list a{ + min-width: 42px; + height: 42px; + border-radius: 21px; + border: 1px solid #e2e5e9; + background-color: #FFFFFF; + line-height: 40px; + color: #707479; + text-align: center; + margin: 0 6px; + transition: all .8s; +} +.page-list a.active{ + background-color: #0094da; + color: #FFFFFF; +} +.page-list a:first-child, +.page-list a:last-child{ + padding: 0 16px; +} +.page-list a:hover{ + color: #0094da; + transition: all .8s; +} +.page-list a.active:hover{ + color: #FFFFFF; +} +.page-list>span{ + margin: 0 6px; +} +/* 解决方案文章页 */ +.pull-point{ + display: flex; + justify-content: flex-end; + margin-top: 80px; + font-size: 14px; + line-height: 60px; + color: rgba(38,38,38,.7); +} +.pull-point>a{ + opacity: .7; +} +.pull-point>em{ + margin: 0 5px; + opacity: .7; +} +.solution-detail{ + padding: 50px 40px 0; +} +.solution-detail h1{ + font-size: 26px; + line-height: 1.4; + margin-bottom: 18px; + color: #000000; +} +.detail-txt{ + border-bottom: 1px solid #ebebeb; +} +.detail-txt p{ + font-size: 15px; + color: rgba(0,0,0,.8); + line-height: 2; + text-align: justify; +} +.detail-txt img{ + width: 90%; + margin: 20px auto; +} - - - - - - - +/* 上下篇 */ +.page{ + display: flex; + justify-content: space-between; + align-items: center; + padding: 16px 40px 30px; +} +.page>a{ + display: flex; + justify-content: flex-end; + flex-wrap: wrap; + width: calc(50% - 20px); + font-size: 16px; + line-height: 1.8; + color: #000000; + text-align: right; +} +.page>a:nth-of-type(1){ + justify-content: flex-start; + text-align: left; +} +.page>a span, +.page>a p{ + width: 100%; +} +.page>span, +.page>span img{ + width: 28px; +} diff --git a/images/banner/banner-solution.jpg b/images/banner/banner-solution.jpg new file mode 100644 index 0000000..92428f0 Binary files /dev/null and b/images/banner/banner-solution.jpg differ diff --git a/images/banner/banner1.jpg b/images/banner/banner1.jpg new file mode 100644 index 0000000..3ad5d0a Binary files /dev/null and b/images/banner/banner1.jpg differ diff --git a/images/honor-bg.jpg b/images/honor-bg.jpg new file mode 100644 index 0000000..46d607a Binary files /dev/null and b/images/honor-bg.jpg differ diff --git a/images/icon/icon-page.png b/images/icon/icon-page.png new file mode 100644 index 0000000..17aad8a Binary files /dev/null and b/images/icon/icon-page.png differ diff --git a/images/social01.jpg b/images/social01.jpg new file mode 100644 index 0000000..17e79dc Binary files /dev/null and b/images/social01.jpg differ diff --git a/images/social02.jpg b/images/social02.jpg new file mode 100644 index 0000000..0218746 Binary files /dev/null and b/images/social02.jpg differ diff --git a/images/social03.jpg b/images/social03.jpg new file mode 100644 index 0000000..d87d32a Binary files /dev/null and b/images/social03.jpg differ diff --git a/images/solution-detail-01.png b/images/solution-detail-01.png new file mode 100644 index 0000000..0f1cceb Binary files /dev/null and b/images/solution-detail-01.png differ diff --git a/images/solution-detail-02.png b/images/solution-detail-02.png new file mode 100644 index 0000000..747883d Binary files /dev/null and b/images/solution-detail-02.png differ diff --git a/images/solution-list-01.png b/images/solution-list-01.png new file mode 100644 index 0000000..be89a6c Binary files /dev/null and b/images/solution-list-01.png differ diff --git a/images/solution-list-02.png b/images/solution-list-02.png new file mode 100644 index 0000000..e0c4fb2 Binary files /dev/null and b/images/solution-list-02.png differ diff --git a/images/solution-list-03.png b/images/solution-list-03.png new file mode 100644 index 0000000..7b25da6 Binary files /dev/null and b/images/solution-list-03.png differ diff --git a/index.html b/index.html index 9a4739d..128f5c7 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,7 @@ - +
@@ -232,7 +232,7 @@
- +
- +
- +