diff --git a/css/style.css b/css/style.css index fb28c25..6bd0925 100644 --- a/css/style.css +++ b/css/style.css @@ -1,228 +1,228 @@ -/* 引入字体 */ -@font-face { - font-family:"SourceHanSansCN-Medium"; - src: url(../fonts/SourceHanSansCN-Medium.otf); -} -@font-face { - font-family:"SourceHanSansCN-Regular"; - src: url(../fonts/SourceHanSansCN-Regular.otf); -} - +/* 引入字体 */ +@font-face { + font-family:"SourceHanSansCN-Medium"; + src: url(../fonts/SourceHanSansCN-Medium.otf); +} +@font-face { + font-family:"SourceHanSansCN-Regular"; + src: url(../fonts/SourceHanSansCN-Regular.otf); +} + /* 导航 start */ -.header { +.header { background-color: rgb(255,255,255,0.7); position: fixed; - top: 0; + top: 0; z-index: 999; } -.header-content { +.header-content { height: 90px; display: flex; justify-content: space-between; align-items: center; -} -/* logo */ -.logo{ - width: 25%; -} -.logo img{ - height: 83px; -} -.nav{ - width: 55%; -} -/* 顶部导航 */ -.top-nav{ - display: flex; - justify-content: space-between; - align-items: center; -} - -.top-nav li{ - height: 90px; -} -.top-nav li>a{ - display: block; - line-height: 40px; - padding: 0 22px; - border-radius: 20px; - margin: 25px 0; - font-size: 18px; -} -.top-nav li.active>a{ - background-color: #E73F7C; - color: #FFFFFF; -} -.top-nav li:hover .sub-nav{ - display: block; - transition: all 0.6s; -} -/* 二级导航 */ -.sub-nav{ - display: none; - background-color: #FFFFFF; - position: fixed; - top:90px; - left: 0; - z-index: 99; -} -.sub-nav dl{ - display: flex; - justify-content: space-between; - align-items: center; -} -.sub-nav dl dt, -.product-classify>li, -.classify-item>li{ - width: 16.666%; - padding: 30px 0; - position: relative; - cursor: pointer; -} -.sub-nav dl dt>a, -.product-classify>li span, -.classify-item>li span{ - display: block; - width: 100%; - height: 114px; - border-left: 1px solid #E7E7E7; - text-align: center; -} - -.sub-nav dl dt:first-child>a, -.product-classify>li:first-child span, -.classify-item>li:first-child span{ - border: 0; -} - -.sub-nav dl dt>a img, -.product-classify>li span img, -.classify-item>li span img{ - display: inline-block; - height: 52px; -} -.sub-nav dl dt>a em, -.product-classify>li span em, -.classify-item>li span em{ - display: block; - width: 20px; - height: 3px; - margin: 24px auto 10px; - background-color: #007EC0; -} - -.sub-nav dl dt>a p, -.product-classify>li span p, -.classify-item>li span p{ - font-size: 16px; - line-height: 1.5; -} -.sub-nav dl dt>ins, -.product-classify>li ins, -.classify-item>li ins{ - display: block; - width: 0; - height: 0; - border-left:12px solid transparent; - border-right:12px solid transparent; - border-top:8px solid transparent; - border-bottom:8px solid #268DC4; - opacity: 0; - position: absolute; - bottom: 0; - left: 50%; - transform: translate(-50%,0); - z-index: 999; -} -.sub-nav dl dt:hover, -.sub-nav dl dt.active, -.product-classify>li.active, -.classify-item>li.active{ - background-color: #007EC0; - transition: all 0.6s; -} -.sub-nav dl dt:hover>a, -.sub-nav dl dt.active>a, -.product-classify>li.active span, -.classify-item>li.active span{ - -webkit-filter: grayscale(100%) brightness(1000%); - -moz-filter: grayscale(100%) brightness(1000%); - -ms-filter: grayscale(100%) brightness(1000%); - -o-filter: grayscale(100%) brightness(1000%); - filter: grayscale(100%) brightness(1000%); - filter: gray; - border: 0; - color: #FFFFFF; - transition: all 0.6s; -} -/* 文章导航 */ -.sub-nav dl dt>span{ - width: 100%; - height: 72px; - background-image: url(../imgs/public/three-nav-bg.png); - position: fixed; - top: 264px; - left: 0; - z-index: -1; - opacity: 0; -} -.sub-nav dl dt>span p{ - display: flex; - justify-content: center; -} -.sub-nav dl dt>span p>a{ - font-size: 16px; - line-height: 72px; - color: #FFFFFF; - margin: 0 30px; -} -.sub-nav dl dt:hover>ins, -.sub-nav dl dt:active>ins, -.product-classify>li.active ins, -.classify-item>li.active ins{ - opacity: 1; - transition: all 0.6s; -} -.sub-nav dl dt:hover>span, -.sub-nav dl dt:active>span{ - opacity: 1; - transition: all 0.6s; - z-index: 999; -} - -.phone{ - width: 173px; -} -.phone a{ - width: 173px; - line-height: 40px; - font-size: 16px; - background-color: #007EC0; - border-radius: 20px; - text-align: center; - color: #FFFFFF; -} -.phone a>img{ - width: 17px; - display: inline-table; - margin-right: 3px; - vertical-align:middle; -} -.header-content .head-btn{ display: none; width: 24px; float: right; position: relative; cursor: pointer; margin-top: 5px;} -.header-content .head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #262626; border-radius: 50px; - transition: all .5s ease 0s; - -webkit-transition: all .5s ease 0s; - -moz-transition: all .5s ease 0s; -} -.header-content .head-btn i.bar-top{ margin-top: 0;} -.header-content .head-btn i.bar-cen{ margin-top: 6px;} -.header-content .head-btn i.bar-bom{ margin-top: 6px;} -.header-content .head-btn.cur i{background-color: #FFFFFF;} -.header-content .head-btn.cur i.bar-cen{ opacity: 0;} -.header-content .head-btn.cur i.bar-top{ -webkit-transform:rotate(45deg) translate(6px, 6px);transform:rotate(45deg) translate(6px, 6px);} +} +/* logo */ +.logo{ + width: 25%; +} +.logo img{ + height: 83px; +} +.nav{ + width: 55%; +} +/* 顶部导航 */ +.top-nav{ + display: flex; + justify-content: space-between; + align-items: center; +} + +.top-nav li{ + height: 90px; +} +.top-nav li>a{ + display: block; + line-height: 40px; + padding: 0 22px; + border-radius: 20px; + margin: 25px 0; + font-size: 18px; +} +.top-nav li.active>a{ + background-color: #E73F7C; + color: #FFFFFF; +} +.top-nav li:hover .sub-nav{ + display: block; + transition: all 0.6s; +} +/* 二级导航 */ +.sub-nav{ + display: none; + background-color: #FFFFFF; + position: fixed; + top:90px; + left: 0; + z-index: 99; +} +.sub-nav dl{ + display: flex; + justify-content: space-between; + align-items: center; +} +.sub-nav dl dt, +.product-classify>li, +.classify-item>li{ + width: 16.666%; + padding: 30px 0; + position: relative; + cursor: pointer; +} +.sub-nav dl dt>a, +.product-classify>li span, +.classify-item>li span{ + display: block; + width: 100%; + height: 114px; + border-left: 1px solid #E7E7E7; + text-align: center; +} + +.sub-nav dl dt:first-child>a, +.product-classify>li:first-child span, +.classify-item>li:first-child span{ + border: 0; +} + +.sub-nav dl dt>a img, +.product-classify>li span img, +.classify-item>li span img{ + display: inline-block; + height: 52px; +} +.sub-nav dl dt>a em, +.product-classify>li span em, +.classify-item>li span em{ + display: block; + width: 20px; + height: 3px; + margin: 24px auto 10px; + background-color: #007EC0; +} + +.sub-nav dl dt>a p, +.product-classify>li span p, +.classify-item>li span p{ + font-size: 16px; + line-height: 1.5; +} +.sub-nav dl dt>ins, +.product-classify>li ins, +.classify-item>li ins{ + display: block; + width: 0; + height: 0; + border-left:12px solid transparent; + border-right:12px solid transparent; + border-top:8px solid transparent; + border-bottom:8px solid #268DC4; + opacity: 0; + position: absolute; + bottom: 0; + left: 50%; + transform: translate(-50%,0); + z-index: 999; +} +.sub-nav dl dt:hover, +.sub-nav dl dt.active, +.product-classify>li.active, +.classify-item>li.active{ + background-color: #007EC0; + transition: all 0.6s; +} +.sub-nav dl dt:hover>a, +.sub-nav dl dt.active>a, +.product-classify>li.active span, +.classify-item>li.active span{ + -webkit-filter: grayscale(100%) brightness(1000%); + -moz-filter: grayscale(100%) brightness(1000%); + -ms-filter: grayscale(100%) brightness(1000%); + -o-filter: grayscale(100%) brightness(1000%); + filter: grayscale(100%) brightness(1000%); + filter: gray; + border: 0; + color: #FFFFFF; + transition: all 0.6s; +} +/* 文章导航 */ +.sub-nav dl dt>span{ + width: 100%; + height: 72px; + background-image: url(../imgs/public/three-nav-bg.png); + position: fixed; + top: 264px; + left: 0; + z-index: -1; + opacity: 0; +} +.sub-nav dl dt>span p{ + display: flex; + justify-content: center; +} +.sub-nav dl dt>span p>a{ + font-size: 16px; + line-height: 72px; + color: #FFFFFF; + margin: 0 30px; +} +.sub-nav dl dt:hover>ins, +.sub-nav dl dt:active>ins, +.product-classify>li.active ins, +.classify-item>li.active ins{ + opacity: 1; + transition: all 0.6s; +} +.sub-nav dl dt:hover>span, +.sub-nav dl dt:active>span{ + opacity: 1; + transition: all 0.6s; + z-index: 999; +} + +.phone{ + width: 173px; +} +.phone a{ + width: 173px; + line-height: 40px; + font-size: 16px; + background-color: #007EC0; + border-radius: 20px; + text-align: center; + color: #FFFFFF; +} +.phone a>img{ + width: 17px; + display: inline-table; + margin-right: 3px; + vertical-align:middle; +} +.header-content .head-btn{ display: none; width: 24px; float: right; position: relative; cursor: pointer; margin-top: 5px;} +.header-content .head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #262626; border-radius: 50px; + transition: all .5s ease 0s; + -webkit-transition: all .5s ease 0s; + -moz-transition: all .5s ease 0s; +} +.header-content .head-btn i.bar-top{ margin-top: 0;} +.header-content .head-btn i.bar-cen{ margin-top: 6px;} +.header-content .head-btn i.bar-bom{ margin-top: 6px;} +.header-content .head-btn.cur i{background-color: #FFFFFF;} +.header-content .head-btn.cur i.bar-cen{ opacity: 0;} +.header-content .head-btn.cur i.bar-top{ -webkit-transform:rotate(45deg) translate(6px, 6px);transform:rotate(45deg) translate(6px, 6px);} .header-content .head-btn.cur i.bar-bom{ -webkit-transform: rotate(-45deg) translate(5.5px, -5px);transform: rotate(-45deg) translate(5.5px, -5px);} -/* 导航 end */ - +/* 导航 end */ + /* 轮播样式 start */ .banner-swiper { overflow-x: hidden; @@ -236,2459 +236,2458 @@ justify-content: center; align-items: center; flex-direction: column; -} -.banner-swiper .swiper-slide .banner-title{ +} +.banner-swiper .swiper-slide .banner-title{ width: 556px; - position: absolute; - top: 45%; + position: absolute; + top: 45%; left: 51%; - color: #FFFFFF; - text-shadow: 2px 0 0 #FFFFFF,-2px 0 0 #FFFFFF,0 -2px 0 #FFFFFF,0 2px 0 #FFFFFF; + color: #FFFFFF; + text-shadow: 2px 0 0 #FFFFFF,-2px 0 0 #FFFFFF,0 -2px 0 #FFFFFF,0 2px 0 #FFFFFF; transition: all 0.6s; -} -.banner-swiper .swiper-slide .banner-title h2{ - font-size: 48px; - color: #007EC0; - font-weight: bold; - line-height: 1.5; - /* -webkit-text-stroke: 1px #FFFFFF; */ - letter-spacing: 2px; -} -.banner-swiper .swiper-slide .banner-title p{ - font-size: 48px; - color: #E73F7C; - font-weight: bold; - letter-spacing: 2px; -} - -.banner-swiper .swiper-slide .banner-title span{ - font-family: arial; - margin-top: 10px; - font-size: 15px; - color: #007EC0; - font-weight: bold; - line-height: 1.8; - text-transform: uppercase; - letter-spacing: 2px; - text-shadow: 1px 0 0 #FFFFFF,-1px 0 0 #FFFFFF,0 -1px 0 #FFFFFF,0 1px 0 #FFFFFF; -} -.banner-swiper .swiper-slide .banner-title ins{ - display: block; - width: 135px; - height: 2px; - background-color: #007EC0; - margin-top: 30px; -} +} +.banner-swiper .swiper-slide .banner-title h2{ + font-size: 48px; + color: #007EC0; + font-weight: bold; + line-height: 1.5; + /* -webkit-text-stroke: 1px #FFFFFF; */ + letter-spacing: 2px; +} +.banner-swiper .swiper-slide .banner-title p{ + font-size: 48px; + color: #E73F7C; + font-weight: bold; + letter-spacing: 2px; +} + +.banner-swiper .swiper-slide .banner-title span{ + font-family: arial; + margin-top: 10px; + font-size: 15px; + color: #007EC0; + font-weight: bold; + line-height: 1.8; + text-transform: uppercase; + letter-spacing: 2px; + text-shadow: 1px 0 0 #FFFFFF,-1px 0 0 #FFFFFF,0 -1px 0 #FFFFFF,0 1px 0 #FFFFFF; +} +.banner-swiper .swiper-slide .banner-title ins{ + display: block; + width: 135px; + height: 2px; + background-color: #007EC0; + margin-top: 30px; +} /* 指示点默认样式 */ .banner-swiper .swiper-pagination-bullet { width: 12px; height: 12px; line-height: 12px; - text-align: center; - background-color: #007EC0; - margin: 0 9px !important; + text-align: center; + background-color: #007EC0; + margin: 0 9px !important; opacity: 1; } /* 鼠标悬浮样式、当前选中指示点样式 */ -.banner-swiper .swiper-pagination-bullet:hover, +.banner-swiper .swiper-pagination-bullet:hover, .banner-swiper .swiper-pagination-bullet-active { background-color: #E73F7C; - color: #FFFFFF; + color: #FFFFFF; transition: all 0.6s; } -/* 轮播样式 end */ - -/* 关于我们 start */ -.index-about{ - display: flex; - justify-content: space-between; - margin-top: 64px; -} -/* 左侧 */ -.index-about>.left{ - width: 46%; -} -.index-about>.left h2{ - font-family: "SourceHanSansCN-Medium"; - font-size: 38px; - line-height: 2.4; -} - -.index-about>.left ins{ - display: block; - width: 68px; - height: 3px; - background-color: #007EC0; - border-left: 11px solid #E73F7C; -} - -.index-about>.left p{ - margin-top: 19px; - font-size: 15px; - line-height: 2; - opacity: .8; - text-align: justify; -} -.index-about .left .more{ - display: block; - width: 180px; - margin-top: 58px; - line-height: 42px; - border-radius: 21px; - background-color: #007EC0; - font-size: 15px; - text-align: center; - color: #FFFFFF; - font-weight: bold; - letter-spacing: 1px; -} -.index-about .left .more>span{ - font-size: 16px; - margin-left: 8px; - letter-spacing: 0; -} -/* 右侧 */ -.index-about .right{ - width: 48.75%; -} -.index-about .right img{ - width: 100%; -} -/* 关于我们 end */ - - -/* 产品展示 start */ -.index-product{ - margin-top: 80px; -} -/* 顶部 */ -.index-product>.top h2{ - font-family: "SourceHanSansCN-Medium"; - font-size: 38px; - line-height: 2; -} -.index-product>.top p{ - font-size: 15px; - line-height: 2; - opacity: .8; -} -/* 中间部分 */ -.index-product>.middle{ - margin: 40px 0; -} -.index-product .product-classify{ - display: flex; - justify-content: space-between; - background-color: #F5F5F5; -} - -.product-classify>li.active ins, -.classify-item>li.active ins{ - border-left:12px solid transparent; - border-right:12px solid transparent; - border-top:8px solid transparent; - border-bottom:8px solid #FFFFFF; - opacity: 1; - position: absolute; - bottom: 0; - left: 50%; - transform: translate(-50%,0); - z-index: 999; - transition: 0s; -} -/* 底部 */ -.index-product .bottom{ - margin-bottom: 55px; -} - -.index-product .product-list{ - -} -.index-product .product-list{ - display: flex; - justify-content: space-between; -} -.index-product .product-list .product-item{ - width: 33%; -} -.index-product .product-list .product-item:first-child{ - margin-left: 0; -} -.index-product .product-list .product-item .img{ - display: block; - width: 100%; - height: 300px; - margin-bottom: 16px; - overflow: hidden; -} -.index-product .product-list .product-item img{ - width: 100%; - min-height: 100%; -} - -.index-product .product-list .product-item p{ - padding: 0 6px; - font-size: 16px; - line-height: 2; -} -.index-product .product-list .product-item span{ - display: block; - padding: 0 6px; - font-size: 14px; - line-height: 2; - opacity: .5; -} -/* 产品展示 end */ - - +/* 轮播样式 end */ + +/* 关于我们 start */ +.index-about{ + display: flex; + justify-content: space-between; + margin-top: 64px; +} +/* 左侧 */ +.index-about>.left{ + width: 46%; +} +.index-about>.left h2{ + font-family: "SourceHanSansCN-Medium"; + font-size: 38px; + line-height: 2.4; +} + +.index-about>.left ins{ + display: block; + width: 68px; + height: 3px; + background-color: #007EC0; + border-left: 11px solid #E73F7C; +} + +.index-about>.left p{ + margin-top: 19px; + font-size: 15px; + line-height: 2; + opacity: .8; + text-align: justify; +} +.index-about .left .more{ + display: block; + width: 180px; + margin-top: 58px; + line-height: 42px; + border-radius: 21px; + background-color: #007EC0; + font-size: 15px; + text-align: center; + color: #FFFFFF; + font-weight: bold; + letter-spacing: 1px; +} +.index-about .left .more>span{ + font-size: 16px; + margin-left: 8px; + letter-spacing: 0; +} +/* 右侧 */ +.index-about .right{ + width: 48.75%; +} +.index-about .right img{ + width: 100%; +} +/* 关于我们 end */ + + +/* 产品展示 start */ +.index-product{ + margin-top: 80px; +} +/* 顶部 */ +.index-product>.top h2{ + font-family: "SourceHanSansCN-Medium"; + font-size: 38px; + line-height: 2; +} +.index-product>.top p{ + font-size: 15px; + line-height: 2; + opacity: .8; +} +/* 中间部分 */ +.index-product>.middle{ + margin: 40px 0; +} +.index-product .product-classify{ + display: flex; + justify-content: space-between; + background-color: #F5F5F5; +} + +.product-classify>li.active ins, +.classify-item>li.active ins{ + border-left:12px solid transparent; + border-right:12px solid transparent; + border-top:8px solid transparent; + border-bottom:8px solid #FFFFFF; + opacity: 1; + position: absolute; + bottom: 0; + left: 50%; + transform: translate(-50%,0); + z-index: 999; + transition: 0s; +} +/* 底部 */ +.index-product .bottom{ + margin-bottom: 55px; +} +.index-product .product-list .product-items li{ + display: none; +} +.index-product .product-list .product-items li.active{ + display: flex; + justify-content: space-between; +} +.index-product .product-list .product-item{ + width: 33%; +} +.index-product .product-list .product-item:first-child{ + margin-left: 0; +} +.index-product .product-list .product-item .img{ + display: block; + width: 100%; + height: 300px; + margin-bottom: 16px; + overflow: hidden; +} +.index-product .product-list .product-item img{ + width: 100%; + min-height: 100%; +} + +.index-product .product-list .product-item p{ + padding: 0 6px; + font-size: 16px; + line-height: 2; +} +.index-product .product-list .product-item span{ + display: block; + padding: 0 6px; + font-size: 14px; + line-height: 2; + opacity: .5; +} +/* 产品展示 end */ + + /* 新闻资讯 start */ -.index-news-bg{ - padding: 44px 0 63px; - background-color: #F5F5F5; +.index-news-bg{ + padding: 44px 0 63px; + background-color: #F5F5F5; +} +.index-title{ + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 30px; +} +.index-title h2{ + font-family: "SourceHanSansCN-Medium"; + font-size: 38px; + line-height: 2; +} +.index-title .more{ + font-size: 14px; + opacity: .5; +} +.index-news{ + display: flex; + justify-content: space-between; +} +/* 左侧 */ +.index-news .left{ + background: #FFFFFF; + width: 48.28%; + padding-bottom: 20px; +} + +.index-news .left span{ + display: block; + width: 100%; + height: 339px; + overflow: hidden; +} +.index-news .left img{ + width: 100%; + min-height: 100%; +} +.index-news .left p{ + padding: 0 20px; + font-size: 14px; + line-height: 1.5; + text-align: justify; + opacity: .8; +} +.index-news .left .news-title{ + margin: 22px 0 10px; + font-size: 18px; + opacity: 1; +} +/* 右侧 */ +.index-news .right{ + width: 50%; +} +.index-news .right>.news-item{ + padding: 20px 15px; +} +.index-news .right>.news-item p{ + margin: 18px 0; + font-size: 14px; + line-height: 1.5; + text-align: justify; + opacity: .8; +} +.index-news .right>.news-item .news-title{ + margin: 0; + font-size: 18px; + opacity: 1; +} +.index-news .right>.news-item span{ + font-size: 12px; + line-height: 1.5; + color: #007EC0; +} +.index-news .right>.news-item:hover{ + background-color: #FFFFFF; + transition: all .6s; +} +.index-news .right>.news-item:hover .news-title{ + font-weight: bold; + color: #007EC0; + transition: all .6s; } -.index-title{ - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 30px; -} -.index-title h2{ - font-family: "SourceHanSansCN-Medium"; - font-size: 38px; - line-height: 2; -} -.index-title .more{ - font-size: 14px; - opacity: .5; -} -.index-news{ - display: flex; - justify-content: space-between; -} -/* 左侧 */ -.index-news .left{ - background: #FFFFFF; - width: 48.28%; - padding-bottom: 20px; -} - -.index-news .left span{ - display: block; - width: 100%; - height: 339px; - overflow: hidden; -} -.index-news .left img{ - width: 100%; - min-height: 100%; -} -.index-news .left p{ - padding: 0 20px; - font-size: 14px; - line-height: 1.5; - text-align: justify; - opacity: .8; -} -.index-news .left .news-title{ - margin: 22px 0 10px; - font-size: 18px; - opacity: 1; -} -/* 右侧 */ -.index-news .right{ - width: 50%; -} -.index-news .right>.news-item{ - padding: 20px 15px; -} -.index-news .right>.news-item p{ - margin: 18px 0; - font-size: 14px; - line-height: 1.5; - text-align: justify; - opacity: .8; -} -.index-news .right>.news-item .news-title{ - margin: 0; - font-size: 18px; - opacity: 1; -} -.index-news .right>.news-item span{ - font-size: 12px; - line-height: 1.5; - color: #007EC0; -} -.index-news .right>.news-item:hover{ - background-color: #FFFFFF; - transition: all .6s; -} -.index-news .right>.news-item:hover .news-title{ - font-weight: bold; - color: #007EC0; - transition: all .6s; -} -/* 新闻资讯 end */ - - -/* 联系我们 start */ -.index-contact-bg{ - height: 239px; - background-image: url(../imgs/public/contact-bg.jpg); - background-size: cover; -} -.index-contact{ - display: flex; - justify-content: space-between; - align-items: center; -} -/* 左侧 */ -.index-contact .left{ - padding: 72px 0; -} -.index-contact .left p{ - font-family: "SourceHanSansCN-Medium"; - font-size: 38px; - line-height: 1.5; - color: #FFFFFF; -} -.index-contact .left span{ - display: block; - margin-top: 8px; - font-size: 15px; - line-height: 2; - color: #FFFFFF; -} -/* 右侧 */ -.index-contact .right{ - width: 180px; - height: 42px; - border: 1px solid #FFFFFF; - border-radius: 21px; - overflow: hidden; -} -.index-contact .right .more{ - display: block; - font-size: 15px; - font-weight: bold; - line-height: 40px; - text-align: center; - color: #FFFFFF; -} -.index-contact .right .more span{ - font-size: 16px; - margin-left: 8px; -} - +/* 新闻资讯 end */ + + +/* 联系我们 start */ +.index-contact-bg{ + height: 239px; + background-image: url(../imgs/public/contact-bg.jpg); + background-size: cover; +} +.index-contact{ + display: flex; + justify-content: space-between; + align-items: center; +} +/* 左侧 */ +.index-contact .left{ + padding: 72px 0; +} +.index-contact .left p{ + font-family: "SourceHanSansCN-Medium"; + font-size: 38px; + line-height: 1.5; + color: #FFFFFF; +} +.index-contact .left span{ + display: block; + margin-top: 8px; + font-size: 15px; + line-height: 2; + color: #FFFFFF; +} +/* 右侧 */ +.index-contact .right{ + width: 180px; + height: 42px; + border: 1px solid #FFFFFF; + border-radius: 21px; + overflow: hidden; +} +.index-contact .right .more{ + display: block; + font-size: 15px; + font-weight: bold; + line-height: 40px; + text-align: center; + color: #FFFFFF; +} +.index-contact .right .more span{ + font-size: 16px; + margin-left: 8px; +} + /* 联系我们 end */ - + /* 尾部样式 start */ -.footer{ - display: flex; - justify-content: space-between; - padding: 50px 0 24px; +.footer{ + display: flex; + justify-content: space-between; + padding: 50px 0 24px; border-bottom: 1px solid #EDEDED; -} -.bottom-logo{ - width: 280px; -} -.bottom-logo img{ - height: 118px; - margin: 6px 0 19px 40px; -} -.bottom-logo p{ - font-size: 16px; - line-height: 2; - font-weight: bold; -} -.bottom-logo span{ - font-family: arial; - font-size: 12px; - line-height: 2; - opacity: .8; -} -.bottom-nav{ - width: calc(100% - 300px); -} -.bottom-nav ul{ - display: flex; - justify-content: space-between; -} - -.bottom-nav ul li{ - width: 21%; -} -.bottom-nav ul li>strong{ - display: block; - font-size: 16px; - line-height: 1.5; - margin-bottom: 17px; -} -.bottom-nav ul li>a{ - display: block; - font-size: 14px; - line-height: 2.3; - opacity: .8; -} -.bottom-nav ul li .left{ - margin-top: 9px; - width: 129px; - height: 129px; - border: 1px solid #E4E4E4; - float: left; -} -.bottom-nav ul li .left img{ - width: 100%; - height: 100%; -} - -.bottom-nav ul li .right{ - width: calc(100% - 149px); - float: right; -} -.bottom-nav ul li .right p{ - font-size: 14px; - line-height: 1.8; - opacity: .8; -} -.bottom-nav ul li .right p>span{ - display: block; -} -.bottom-nav ul li .right p:first-child{ - margin: 3px 0 15px; -} - -.bottom-nav ul li:nth-of-type(3){ - width: 16%; -} -.bottom-nav ul li:nth-of-type(4){ - width: 42%; -} -.copyright{ - font-size: 13px; - line-height: 73px; - opacity: .8; -} -.copyright a{ - display: inline-block; - margin: 0 15px; -} -/* 尾部样式 end */ - -/* 企业概况 start */ -.pull-banner{ - height: 450px; - position: relative; -} -.pull-banner img{ - width: 100%; - min-height: 100%; -} -.pull-banner .pull-banner-title{ +} +.bottom-logo{ + width: 280px; +} +.bottom-logo img{ + height: 118px; + margin: 6px 0 19px 40px; +} +.bottom-logo p{ + font-size: 16px; + line-height: 2; + font-weight: bold; +} +.bottom-logo span{ + font-family: arial; + font-size: 12px; + line-height: 2; + opacity: .8; +} +.bottom-nav{ + width: calc(100% - 300px); +} +.bottom-nav ul{ + display: flex; + justify-content: space-between; +} + +.bottom-nav ul li{ + width: 21%; +} +.bottom-nav ul li>strong{ + display: block; + font-size: 16px; + line-height: 1.5; + margin-bottom: 17px; +} +.bottom-nav ul li>a{ + display: block; + font-size: 14px; + line-height: 2.3; + opacity: .8; +} +.bottom-nav ul li .left{ + margin-top: 9px; + width: 129px; + height: 129px; + border: 1px solid #E4E4E4; + float: left; +} +.bottom-nav ul li .left img{ + width: 100%; + height: 100%; +} + +.bottom-nav ul li .right{ + width: calc(100% - 149px); + float: right; +} +.bottom-nav ul li .right p{ + font-size: 14px; + line-height: 1.8; + opacity: .8; +} +.bottom-nav ul li .right p>span{ + display: block; +} +.bottom-nav ul li .right p:first-child{ + margin: 3px 0 15px; +} + +.bottom-nav ul li:nth-of-type(3){ + width: 16%; +} +.bottom-nav ul li:nth-of-type(4){ + width: 42%; +} +.copyright{ + font-size: 13px; + line-height: 73px; + opacity: .8; +} +.copyright a{ + display: inline-block; + margin: 0 15px; +} +/* 尾部样式 end */ + +/* 企业概况 start */ +.pull-banner{ + height: 450px; + position: relative; +} +.pull-banner img{ + width: 100%; + min-height: 100%; +} +.pull-banner .pull-banner-title{ width: 556px; - color: #FFFFFF; - position: absolute; - top: 43%; - left: 50%; - transform: translateX(-640px); + color: #FFFFFF; + position: absolute; + top: 43%; + left: 50%; + transform: translateX(-640px); transition: all .6s; -} -.pull-banner .pull-banner-title h2{ - font-size: 36px; - color: #007EC0; - font-weight: bold; - line-height: 1.5; - letter-spacing: 2px; - text-shadow: 2px 0 0 #FFFFFF,-2px 0 0 #FFFFFF,0 -2px 0 #FFFFFF,0 2px 0 #FFFFFF; -} - -.pull-banner .pull-banner-title span{ - font-family: arial; - margin-top: 10px; - font-size: 22px; - color: #E73F7C; - font-weight: bold; - line-height: 1.8; - text-transform: capitalize; - letter-spacing: 2px; - text-shadow: 1.5px 0 0 #FFFFFF,-1.5px 0 0 #FFFFFF,0 -1.5px 0 #FFFFFF,0 1.5px 0 #FFFFFF; -} -.pull-banner .pull-banner-title ins{ - display: block; - width: 70px; - height: 2px; - background-color: #FFFFFF; - margin-top: 24px; -} - -/* 当前位置 */ -.pull-position>div{ - display: flex; - justify-content: space-between; -} -.pull-position .left{ - width: 50%; - font-size: 13px; - line-height: 68px; - opacity: .7; - overflow: hidden; -} -.pull-position .left img{ - display: inline-block; - height: 15px; - margin: 26px 4px 0 0; - float: left; -} - -.pull-position .right{ - width: 50%; - overflow: hidden; -} -.pull-position .right ul li{ - font-size: 16px; - line-height: 68px; - margin-left: 50px; - cursor: pointer; - float: right; -} -.pull-position .right ul li:last-child{ - margin-left: 0; -} - -.pull-position .right ul li.active, -.pull-position .right ul li.active a{ - font-weight: bold; - color: #007EC0 !important; -} - -/* 公司介绍 */ -.introduce .about{ - padding: 70px; - background-image: url(../imgs/secondary/about/about-bg.jpg); - background-position: center; - background-size: cover; -} -.pull-title h2{ - font-family: "SourceHanSansCN-Medium"; - font-size: 36px; - line-height: 2.4; -} -.pull-title ins{ - display: block; - width: 68px; - height: 3px; - background-color: #007EC0; - border-left: 11px solid #E73F7C; -} - -.introduce .about .about-txt{ - font-size: 15px; - line-height: 2; - color: #585858; -} - -.introduce .about .about-txt p{ - margin-top: 45px; -} - -.introduce .about .about-txt p>strong{ - color: #E73F7C; -} - -/* 企业文化&价值观 */ -.introduce .culture{ - padding: 50px 0 70px; -} -.pull-title-culture{ - text-align: center; -} -.pull-title-culture ins{ - margin: 0 auto; -} - -.introduce .culture .culture-txt ul{ - display: flex; - justify-content: space-between; - align-items: center; - margin-top: 53px; -} -.introduce .culture .culture-txt ul li{ - width: 49%; - padding: 88px 0 88px 8.6%; - background: #007EC0; - font-size: 16px; - color: #FFFFFF; - line-height: 2; - overflow: hidden; -} - -.introduce .culture .culture-txt ul li p{ - margin-top: 27px; - font-size: 20px; - font-weight: bold; -} - -.introduce .culture .culture-txt ul li:last-child{ - padding: 88px 12% 88px 0; - text-align: right; -} -.introduce .culture .culture-txt ul li span>em{ - margin-right: 15px; -} - -.introduce .culture .culture-txt ul li img{ - height: 126px; - margin: 0 35px 0 0; - float: left; - -} -.introduce .culture .culture-txt ul li:last-child img{ - margin: 0 0 0 35px; - float: right; -} - -/* 大事记 */ -.introduce .memorabili{ - padding: 50px 0 70px; - background-image: url(../imgs/secondary/about/memorabili-bg.jpg); - background-position: center; - background-size: cover; -} -.memorabili-txt{ - padding: 0 88px; - overflow: hidden; - position: relative; -} -.memorabili-txt .swiper-slide{ - width: 46.6% !important; - margin: 30px 0; - padding: 0 0 50px; - margin-left: -21.6%; - cursor: pointer; -} -.memorabili-txt .swiper-slide strong{ - display: block; - margin-bottom: 10px; - font-size: 20px; - line-height: 2; - color: #007EC0; -} -.memorabili-txt .swiper-slide p{ - font-size: 14px; - line-height: 2.2; -} -.memorabili-txt .swiper-slide:nth-of-type(2n){ - margin-top: 306px; -} -.memorabili-txt .swiper-slide:nth-of-type(1){ - margin-left: 0px ; -} - -.memorabili-txt .swiper-slide em{ - display: flex; - width: 23px; - height: 23px; - background-color: rgb(0,126,192,0.08); - border-radius: 100%; - justify-content: center; - align-items: center; - position: absolute; - bottom: -23px; - left: 0; - -} -.memorabili-txt .swiper-slide em ins{ - display: block; - width: 11px; - height: 11px; - background-color: #007EC0; - border-radius: 100%; -} -.memorabili-txt .swiper-slide:nth-of-type(2n){ - padding: 50px 0 0; -} - -.memorabili-txt .swiper-slide:nth-of-type(2n) em{ - top: -23px; - bottom: auto; -} - -.memorabili-txt .swiper-slide:hover em{ - background-color: rgb(231,63,124,0.08); - transition: all .6s; -} -.memorabili-txt .swiper-slide:hover em ins{ - background-color: #E73F7C; - transition: all .6s; -} -.memorabili-txt .swiper-slide:hover strong{ - color: #E73F7C; - transition: all .6s; -} - -.memorabili-swiper .swiper-button-prev{ - width: 51px; - height: 51px; - border-radius: 100%; - background-color: #007EC0; - margin-top: -25.5px; - left: 0; - background-image: url(../imgs/public/join-arrow-left.png); - background-size: 20px 22px; -} -.memorabili-swiper .swiper-button-next{ - width: 51px; - height: 51px; - border-radius: 100%; - background-color: #007EC0; - margin-top: -25.5px; - right: 0; - background-image: url(../imgs/public/join-arrow-right.png); - background-size: 20px 22px; -} -.memorabili-swiper .swiper-button-disabled{ - opacity: 1; -} - -.memorabili-txt .line{ - width: calc(100% - 102px); - height: 1px; - - background-color: #e3e3e3; - position: absolute; - left: 51px; - top: 50%; -} - - -/* 学术支持&法律声明 start */ -.content-txt{ - margin-top: 50px; -} -.content-txt p{ - margin-bottom: 50px; - font-size: 15px; - color: #585858; - line-height: 2; - text-indent: 2em; - text-align: justify; -} -/* 学术支持&法律声明 end */ - - -/* 产品展示 start */ -.list-position{ - background-color: #F5F5F5; -} -.classify .classify-item{ - display: flex; - justify-content: space-between; - margin: 37px 0; - background-color: #F5F5F5; -} -.classify-list{ - margin-bottom: 53px; -} -.classify-list ul li{ - display: flex; - justify-content: space-between; - align-items: center; - flex-direction: row-reverse; -} -.classify-list ul li .product-img{ - width: 50%; - /* height: 480px; */ - overflow: hidden; -} -.classify-list ul li .product-img a{ - display: block; -} -.classify-list ul li .product-img img{ - width: 100%; - min-height: 100%; -} -.classify-list ul li .product-txt{ - width: 50%; - height: 360px; - padding-left: 70px; - float: left; -} - -.product-txt{ - /* font-family: "SourceHanSansCN-Regular"; */ - position: relative; -} - -.product-txt span, -.product-detail-txt span{ - font-size: 18px; - line-height: 2; -} -.product-txt h3, -.product-detail-txt h3{ - font-size: 32px; - line-height: 1.5; -} -.product-txt h4, -.product-detail-txt h4{ - font-size: 22px; - line-height: 1.8; -} -.product-txt p, -.product-detail-txt p{ - font-size: 15px; - line-height: 2; - color: #585858; -} -.product-txt em, -.product-detail-txt em{ - display: block; - width: 274px; - height: 4px; - background-image: url(../imgs/public/line-bg.png); - background-repeat: repeat-x; - margin: 20px 0 24px; -} - -.classify-list ul li:nth-child(odd) { - flex-direction: row; -} - -.product-txt .more, -.news-content ul>li .news-txt .more{ - display: block; - width: 132px; - line-height: 42px; - border: 1px solid #007EC0; - border-radius: 21px; - font-size: 14px; - color: #007EC0; - text-align: center; - position: absolute; - left: 70px; - bottom: 0; - -} - -.classify-list ul li:hover span{ - color: #333333; - transition: all .6s; -} -.classify-list ul li:hover h3{ - color: #007EC0; - transition: all .6s; -} -.classify-list ul li:hover h4{ - color: #E73F7C; - transition: all .6s; -} -.classify-list ul li:hover .more, -.news-content ul>li:hover .news-txt .more{ - background: #007EC0; - color: #FFFFFF; - border: 0; - transition: all .6s; -} - -/* 分页 */ -.page-size-bg{ - padding: 37px 0 89px; - border-top: 1px solid #dde0e4; - position: relative; -} -.page-size{ - display: flex; - justify-content: center; - position: absolute; - left: 50%; - transform: translateX(-50%); -} -.page-size a{ - display: block; - width: 35px; - line-height: 35px; - border-radius: 100%; - font-size: 16px; - margin: 0 3px; - text-align: center; - color: #343434; -} -.page-size span{ - font-size: 16px; - line-height: 35px; -} -.page-size a.active{ - background-color: #007EC0; - color: #FFFFFF; -} -/* 产品展示 end */ - -/* 新闻动态 start */ -.news-content ul>li{ - display: flex; - justify-content: space-between; - border-bottom: 1px solid #F2F2F2; - padding: 40px 0; - cursor: pointer; -} -.news-content ul>li:last-child{ - border: 0; -} -.news-content ul>li .news-txt{ - width: 38.28%; - position: relative; -} -.news-content ul>li .news-txt h3{ - font-size: 24px; - line-height: 1.5; -} -.news-content ul>li .news-txt .more{ - left: 4px; - bottom: 20px; -} -.news-content ul>li .news-time{ - width: 14%; - overflow: hidden; -} -.news-content ul>li .news-time p{ - font-size: 16px; - color: #585858; - line-height: 1.5; -} -.news-content ul>li .news-time em{ - display: block; - width: 26px; - height: 24px; - margin-right: 12px; - background-image: url(../imgs/public/calendar.png); - background-size: 100% 100%; - float: left; -} -.news-content ul>li .news-time strong{ - display: block; - font-size: 24px; - line-height: 1.5; - margin: 8px 0 0 38px; - color: #007EC0; -} -.news-content ul>li .news-img{ - width: 31.25%; - height: ; - overflow: hidden; -} -.news-content ul>li .news-img img{ - width: 100%; - min-height: 100%; -} -.news-content ul>li:hover h3{ - color: #007EC0; - text-decoration: underline; - transition: all .6s; -} - -/* 新闻动态 end */ - - -/* 人力资源 start */ -/* 理念 */ -.idea{ - display: flex; - justify-content: space-between; - background-color: #F5F5F5; - margin-top: 36px; -} -.idea>div{ - width: 50%; -} -.idea .idea-content{ - padding: 30px; -} -.idea .idea-content h3{ - font-size: 30px; - line-height: 1.5; - color: #007EC0; - margin-bottom: 15px; -} -.idea .idea-txt p{ - font-size: 15px; - line-height: 2; - color: #585858; - margin-bottom: 36px; - text-align: justify; -} -.idea .idea-txt p:last-child{ - margin-bottom: 0; -} - -/* 招聘 */ -.pull-title-culture>p{ - font-size: 15px; - color: #007EC0; - line-height: 2; - margin-top: 12px; -} - -.join-list{ - margin: 26px 0 35px; -} -.join-list li{ - background-color: #F1F3F4; - border-bottom: 2px solid #FFFFFF; -} -.join-list li:nth-child(odd){ - background-color: #F5F5F5; -} -.join-list li .join-title{ - display: flex; - justify-content: space-between; - font-size: 16px; - line-height: 70px; - padding: 0 30px; -} -.join-list li .join-title h4, -.join-list li .join-title span{ - display: block; - width: 40%; - font-weight: normal; -} -.join-list li .join-title span img{ - height: 15px; - margin: 27px 15px 0 0; - float: right; -} -.join-list li .join-txt{ - background-color: #F5F5F5; - font-size: 15px; - color: #585858; - line-height: 2; - padding: 25px 30px; - color: #585858; - display: none; -} -.join-list li .join-txt strong{ - display: block; - margin-top: 42px; -} -.join-list li .join-txt strong:nth-of-type(1){ - margin-top: 0; -} - - -.join-list li.active{ - background-color: #007EC0; - color: #FFFFFF; - transition: all .6s; -} -.join-list li.active .join-txt{ - display: block; -} - -.join-list li.active .join-title span>img{ - transform: rotate(180deg); - -webkit-filter: grayscale(100%) brightness(1000%); - -moz-filter: grayscale(100%) brightness(1000%); - -ms-filter: grayscale(100%) brightness(1000%); - -o-filter: grayscale(100%) brightness(1000%); - filter: grayscale(100%) brightness(1000%); - filter: gray; - transition: all .6s; -} - -/* 人力资源 end */ - -/* 联系我们 start */ -.contact-content{ - display: flex; - justify-content: space-between; - margin: 35px auto 65px; -} - -.contact-left{ - width: 50%; -} -.contact-detail{ - margin-top: 5px; -} -.contact-detail p{ - font-size: 15px; - line-height: 27px; - margin-top: 44px; - overflow: hidden; -} -.contact-detail p>img{ - display: block; - height: 54px; - margin-right: 12px; - float: left; -} - -.contact-right{ - width: 50%; - height: 430px; -} -/* 联系我们 end */ - -/* 产品文章页 start */ -.detail-position{ - background-color: #F5F5F5; - margin-top: 90px; -} -.product-detail{ - background: #EEEEEE; -} -.product-detail>div{ - display: flex; - align-items: center; - justify-content: space-between; -} - -.product-detail-txt{ - width: 50%; -} -.product-swiper{ - width: 50%; - height: 500px; - position: relative; -} -.product-swiper img{ - width: 100%; - min-height: 100%; -} -.product-swiper .swiper-pagination{ - bottom: 20px; -} -.product-swiper .swiper-pagination-bullet{ - width: 12px; - height: 12px; - background-color: #FFFFFF; - opacity: 1; -} -.product-swiper .swiper-pagination-bullet-active{ - background: #007EC0; -} - -.product-swiper .swiper-button-prev{ - width: 51px !important; - height: 51px !important; - border-radius: 100%; - margin-top: -25px; - left: 12px; - background-image: url(../imgs/public/join-arrow-left.png); - background-size: 20px 22px; - background-position: center; -} -.product-swiper .swiper-button-next{ - width: 51px !important; - height: 51px !important; - border-radius: 100%; - margin-top: -25px; - right: 12px; - background-image: url(../imgs/public/join-arrow-right.png); - background-size: 20px 22px; - background-position: center; -} - -.product-swiper:hover .swiper-button-prev, -.product-swiper:hover .swiper-button-next{ - background-color: rgb(0,126,192,0.6); -} -.product-detail:hover .product-detail-txt h3{ - color: #007EC0; - transition: all .6s; -} -.product-detail:hover .product-detail-txt h4{ - color: #E73F7C; - transition: all .6s; -} - -.product-content .title{ - margin-top: 28px; - font-size: 32px; - color: #007EC0; - line-height: 2.5; - border-bottom: 1px solid #EEEEEE; -} -.product-content .detail{ - font-size: 15px; - color: #585858; - line-height: 2; - text-align: justify; -} -.product-content .detail p{ - margin: 15px 0; -} - -.product-content .detail img{ - margin: 50px auto; -} - -/* 上下篇 */ -.page-product{ - display: flex; - justify-content: space-between; - align-items: center; - height: 156px; - padding: 26px 0; - border-top: 1px solid #EEEEEE; - border-bottom: 1px solid #EEEEEE; - margin-bottom: 50px; -} - -.page-product>div{ - display: flex; - align-items: center; - width: 48%; -} -.page-product>div.left{ - justify-content: flex-start; -} -.page-product>div.right{ - justify-content: flex-end; -} -.page-product>div .page-img{ - width: 136px; - height: 104px; - margin: 0 22px 0 15px; - overflow: hidden; -} -.page-product>div .page-img img{ - width: 100%; - min-height: 100%; -} -.page-product>div .page-txt p{ - font-size: 16px; - color: #585858; - line-height: 1.5; -} -.page-product>div .page-txt strong{ - font-size: 20px; - line-height: 1.5; -} -.page-product>div.right .page-txt{ - text-align: right; -} - -.page-product>div .more{ - display: block; - width: 40px; - height: 40px; - border-radius: 100%; - background-color: #c5c8c9; - background-size: 15px 17px; - background-position: center; - background-repeat: no-repeat; -} -.page-product>div.left .more{ - background-image: url(../imgs/public/join-arrow-left.png); -} -.page-product>div.right .more{ - background-image: url(../imgs/public/join-arrow-right.png); -} - -/* 新闻动态文章页 start */ -.news-main{ - display: flex; - justify-content: space-between; -} -.news-main .news-left{ - width: 885px; -} - -.news-main .news-left h1{ - font-size: 28px; - line-height: 2.4; - margin-top: 26px; -} -.news-main .news-left .news-number{ - font-size: 14px; - line-height: 1.5; - color: #000000; - opacity: .5; - border-bottom: 1px solid #e8e8e8; - padding-bottom: 15px; -} -.news-main .news-left .news-number>span{ - margin-left: 18px; -} -.news-main .news-left .news-detail{ - font-size: 15px; - color: #585858; - line-height: 2; - text-align: justify; -} -.news-main .news-left .news-detail p{ - margin: 10px 0; -} -.news-main .news-left .news-detail img{ - max-width: 100%; - margin: 30px auto; -} - -/* 上下篇 */ -.news-page{ - padding: 16px 0; - border-top: 1px solid #e8e8e8; - margin: 40px 0 50px; -} -.news-page a{ - display: block; - font-size: 15px; - line-height: 2.4; -} - -.news-main .news-right{ - width: 348px; - margin-top: 50px; -} -.news-main .news-right .section{ - padding: 20px; - background-color: #F5F5F5; - margin-bottom: 20px; -} -.news-main .news-right .section strong{ - display: block; - font-size: 22px; - line-height: 1.5; - color: #007EC0; - font-weight: normal; - margin-bottom: 10px; -} -.news-main .news-right .section p{ - font-size: 15px; - line-height: 2.8; - display: -webkit-box; - text-overflow: ellipsis; - -webkit-box-orient: vertical; - word-break: break-all; - -webkit-line-clamp: 1; - overflow: hidden; -} -.news-main .news-right .section p:hover a{ - color: #007EC0; - font-weight: bold; - text-decoration: underline; -} -.news-main .news-right .section p::before{ - content: ""; - display: block; - width: 7px; - height: 7px; - background-image: url(../imgs/public/icon-befor.png); - background-size: 100% 100%; - margin: 17.5px 7px 0 0; - float: left; -} -.news-main .news-right .section p:hover{ - color: #007EC0; - text-decoration: underline; - transition: all .6s; -} - -.news-main .news-right .section .more{ - display: block; - margin-top: 15px; - font-size: 15px; - line-height: 2.4; - color: #007EC0; - text-align: right; -} - -.news-main .news-right .section input{ - width: 100%; - height: 40px; - border: 1px solid #e9e9e9; - padding: 0 12px; - margin-bottom: 10px; - font-size: 14px; - color: #585858; -} - -.news-main .news-right .section textarea{ - width: 100%; - height: 132px; - border: 1px solid #e9e9e9; - padding: 0 12px; - line-height: 40px; - font-size: 14px; - color: #585858; -} -.news-main .news-right .section input::-webkit-input-placeholder -.news-main .news-right .section textarea::-webkit-input-placeholder -{ color: #c9c9c9;} - -.news-main .news-right .section button{ - display: block; - width: 145px; - height: 42px; - background: #007EC0; - border: 0; - border-radius: 21px; - color: #FFFFFF; - font-size: 15px; - margin: 22px auto 8px; - -} - - -/* 新闻动态文章页 end */ -/* 产品文章页 end */ - -@media screen and (max-width:1440px){ - .w1200{ width: 92%;} - .top-nav li>a{ - font-size: 16px; - line-height: 36px; - padding: 0 18px; - } - .banner-swiper{ - height: 640px; - } - .banner-swiper .swiper-slide .banner-title h2, - .banner-swiper .swiper-slide .banner-title p{ - font-size: 44px; - } - .pull-banner .pull-banner-title{ - left: 4%; - transform: translate(0,0); - } - .pull-banner{ - height: 420px; - } -} - -@media screen and (max-width:1360px){ - .index-product .product-list .product-item{ - width: 32%; - } - .bottom-nav ul li:nth-of-type(3){ - width: 14%; - } - .bottom-nav ul li:nth-of-type(4){ - width: 44%; - } - .bottom-nav ul li>a, - .bottom-nav ul li .right p{ - font-size: 13px; - } - .copyright{ - font-size: 12px; - line-height: 66px; - } - .banner-swiper{ - height: 620px; - } - .pull-banner{ - height: 380px; - } - .banner-swiper .swiper-slide .banner-title h2, - .banner-swiper .swiper-slide .banner-title p{ - font-size: 42px; - } - .index-about .left .more{ - margin-top: 50px; - } - .index-news .left span{ - height: 330px; - } - .index-news .right>.news-item p{ - margin: 14px 0; - } - .memorabili-txt{ - padding: 0 80px; - } - .sub-nav dl dt>span{ - height: 68px; - } - .sub-nav dl dt>span p>a{ - line-height: 68px; - } -} - -@media screen and (max-width:1280px){ - .logo{ - width: 20%; - } - .top-nav li>a{ - font-size: 15px; - } - .top-nav li>a{ - padding: 0 15px; - } - .phone a{ - width: 150px; - height: 30px; - line-height: 30px; - border-radius: 15px; - font-size: 15px; - } - .bottom-nav ul li{ - width: 21%; - } - .bottom-nav ul li:nth-child(3){ - width: 21%; - } - .bottom-nav ul li:nth-child(4){ - width: 30%; - } - .bottom-nav ul li .left{ - display: none; - } - .bottom-nav ul li .right{ - width: 100%; - float: left; - } - .banner-swiper{ - height: 600px; - } - .pull-banner{ - height: 340px; - } - .pull-position .right ul li{ - font-size: 15px; - margin-left: 40px; - } - .sub-nav dl dt>a p, .product-classify>li span p, .classify-item>li span p{ - font-size: 15px; - } - .banner-swiper .swiper-slide .banner-title h2, - .banner-swiper .swiper-slide .banner-title p{ - font-size: 40px; - } - .index-about .left .more{ - margin-top: 40px; - } - .index-about>.left p, - .index-product>.top p, - .sub-nav dl dt>a p, .product-classify>li span p, .classify-item>li span p{ - font-size: 14px; - } - .index-product .product-list .product-item .img{ - height: 280px; - } - .index-news .left span{ - height: 320px; - } - .index-news .right>.news-item p{ - margin: 11px 0; - } - .introduce .culture .culture-txt ul li{ - padding: 60px 0 60px 8.6%; - } - .introduce .culture .culture-txt ul li:last-child{ - padding: 60px 12% 60px 0; - } - .classify-list ul li .product-txt{ - height: 340px; - } - .product-txt h3, .product-detail-txt h3{ - font-size: 30px; - } - .product-txt h4, .product-detail-txt h4{ - font-size: 20px; - } - .product-txt span, .product-detail-txt span{ - font-size: 16px; - } - .news-content ul>li .news-txt h3, - .news-content ul>li .news-time strong{ - font-size: 22px; - } - .pull-title h2{ - font-size: 35px; - } - .sub-nav dl dt>span{ - height: 66px; - } - .sub-nav dl dt>span p>a{ - line-height: 66px; - } - .news-main .news-right .section .more{ - font-size: 14px; - } -} - -@media screen and (max-width:1200px){ - .logo{ - width: 15%; - } - .phone a{ - width: 150px; - height: 30px; - line-height: 30px; - border-radius: 15px; - font-size: 13px; - } - .top-nav li>a{ - font-size: 13px; - } - .banner-swiper{ - height: 580px; - } - .pull-banner{ - height: 300px; - } - .pull-position .right ul li{ - margin-left: 30px; - } - .index-product .product-list .product-item .img{ - height: 250px; - } - .index-product .product-list .product-item p{ - font-size: 15px; - } - .index-news .left .news-title, - .index-news .right>.news-item .news-title{ - font-size: 16px; - } - .news-content ul>li .news-txt h3, - .news-content ul>li .news-time strong{ - font-size: 18px; - } - .pull-title h2{ - font-size: 34px; - } - .sub-nav dl dt>span{ - height: 64px; - } - .sub-nav dl dt>span p>a{ - line-height: 64px; - } -} -@media screen and (max-width:1080px){ - .classify-list ul li .product-txt{ - height: 300px; - } - .pull-title h2{ - font-size: 32px; - } - .contact-content{ - display: block; - } - .contact-left{ - width: 100%; - } - .contact-right{ - width: 100%; - margin-top: 30px; - } - .sub-nav dl dt>span{ - height: 62px; - } - .sub-nav dl dt>span p>a{ - line-height: 62px; - } -} - -@media screen and (max-width:980px){ - .pull-position .right ul li{ - font-size: 13px; - margin-left: 12px; - } - .nav{ - width: 62%; - } - .top-nav li>a{ - padding: 0 10px; - line-height: 30px; - } - .news-content ul>li .news-txt h3{ - font-size: 16px; - } - .news-content ul>li .news-time{ - width: 18%; - } - .news-content ul>li .news-time strong{ - font-size: 15px; - } - .pull-title h2{ - font-size: 30px; - } - .sub-nav dl dt>span{ - height: 60px; - } - .sub-nav dl dt>span p>a{ - line-height: 60px; - } -} - -@media screen and (max-width:768px){ - .w1200{ - width: 92%; - } - .header{ - height: 50px; - position: fixed; - top: 0; - left: 0; - background-color: #FFFFFF; - border-bottom: 1px solid #F5F5F5; - } - .header-content{ - height: 50px; - } - .header-content .logo{ - width: 60%; - height: 36px; - } - .header-content .logo img{ - height: 36px !important; - } - - .header-content.phone{ - width: 120px; - height: 28px; - } - .header-content .phone a{ - width: 120px; - height: 28px; - line-height: 28px; - font-size: 12px; - } - .header-content .phone a>img{ - width: 14px; - } - - .header-content .nav{ - width: 100vw; - transform: translate(-100vw,0); - opacity: 0; - background-color: rgb(0,0,0,.7); - position: fixed; - left: 0; - top: 0; - } - .header-content .head-btn{ display: block; margin: 0;} - .header-content .nav ul{ box-sizing: content-box; width: 100%; padding: 30vh 0; height: 40vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} - .header-content .nav ul li{ width: 100%; float: left; margin: auto; text-align: center;} - .header-content .nav ul li a{ width: 100%; font-size: 18px; color: #FFFFFF; line-height: 35px; margin: 10px 0;} - .header-content .nav.active{ transform: translate(0,0); opacity: 1;} - .header-content .nav ul li.active a{ - background-color: rgb(0,0,0,0); - color: #E73F7C; - font-weight: bold; - font-size: 20px; - } - .header-content .sub-nav{ - display: none; - opacity: 0; - z-index: -999; - } - - .banner-swiper{ - height: 260px; - } - .banner-swiper img{ - width: 100%; - } - .banner-swiper .swiper-slide .banner-title{ - width: 260px; - left: auto; - right: 15%; - top: 24%; - } - .banner-swiper .swiper-slide .banner-title h2{ - font-size: 22px; - } - .banner-swiper .swiper-slide .banner-title p{ - font-size: 22px; - line-height: 1.8; - } - .banner-swiper .swiper-slide .banner-title span{ - display: block; - width: 260px; - font-size: 12px; - margin-top: 8px; - text-align: justify; - transform: scale(0.8); - -webkit-transform: scale(0.8); - margin: -5px 0 0 -26px; - } - .banner-swiper .swiper-slide .banner-title ins{ - width: 100px; - margin-top: 10px; - } - .banner-swiper .swiper-pagination-bullet{ - width: 8px; - height: 8px; - margin: 0 5px !important; - } - - /* 关于我们 */ - .index-about{ - display: block; - margin-top: 20px; - } - .index-about>.left{ - width: 100%; - } - .index-about>.left{ - text-align: center; - } - .index-about>.left h2{ - font-size: 22px; - } - .index-about>.left ins{ - margin: 0 auto; - } - .index-about>.left p{ - font-size: 13px; - margin-top: 10px; - } - .index-about .left .more{ - margin: 0; - padding: 0; - width: 100%; - height: auto; - font-size: 13px; - line-height: 28px; - margin-top: -28px; - background:none; - color: #E73F7C; - text-align: right; - } - .index-about .right{ - width: 100%; - margin-top:15px; - } - .content-txt{ - margin-top: 30px; - } - .content-txt p{ - font-size: 13px; - margin-bottom: 20px; - } - .law-title{ - margin-top: 30px; - } - /* 产品展示 */ - .index-product{ - margin-top: 30px; - } - .index-product>.top h2{ - font-size: 22px; - text-align: center; - } - .index-product>.top p{ - font-size: 13px; - text-align: justify; - } - .index-product .product-classify{ - flex-wrap: wrap; - } - .sub-nav dl dt,.product-classify>li,.classify-item>li{ - width: 33.33%; - padding: 15px 0; - border-bottom: 5px solid #FFFFFF; - } - .sub-nav dl dt>a p, .product-classify>li span p, .classify-item>li span p{ - font-size: 12px; - } - .sub-nav dl dt>a img, .product-classify>li span img, .classify-item>li span img{ - height: 36px; - } - .sub-nav dl dt>a em, .product-classify>li span em, .classify-item>li span em{ - width: 15px; - margin: 12px auto 10px; - } - .sub-nav dl dt>a, .product-classify>li span, .classify-item>li span{ - height: 80px; - } - .product-classify>li.active ins, .classify-item>li.active ins{ - opacity: 0; - } - .index-product>.middle{ - margin: 20px 0; - } - .index-product .product-list .product-item{ - width: 100%; - margin: 0 0 20px 0; - } - .index-product .product-list .product-item a{ - display: block; - } - .index-product .product-list .product-item .img{ - width: 100%; - height: auto; - margin-bottom: 10px; - } - .index-product .product-list .product-item .img img{ - min-width: 100%; - } - .index-product .product-list .product-item p{ - font-size: 15px; - font-weight: bold; - } - .index-product .product-list .product-item span{ - font-size: 13px; - } - .index-product .bottom{ - display: block; - margin-bottom: 10px; - } - - /* 新闻动态 */ - .index-news-bg{ - padding: 24px 0 30px; - } - .index-title{ - margin-bottom: 14px; - } - .index-title h2{ - font-size: 22px; - } - .index-title .more{ - font-size: 13px; - } - .index-news{ - display: block; - } - .index-news .left{ - width: 100%; - padding-bottom: 10px; - } - .index-news .left span{ - height: auto; - } - .index-news .left .news-title{ - font-size: 15px; - margin: 10px 0; - padding: 0 10px; - font-weight: bold; - } - .index-news .left p{ - font-size: 13px; - padding: 0 10px; - } - .index-news .right{ - width: 100%; - } - .index-news .right>.news-item{ - padding: 10px; - margin-top: 20px; - background-color: #FFFFFF; - } - .index-news .right>.news-item .news-title{ - font-size: 15px; - font-weight: bold; - } - .index-news .right>.news-item p{ - font-size: 13px; - margin: 6px 0; - } - - /* 联系我们 */ - .index-contact-bg{ - height: auto; - } - .index-contact .left{ - width: 60%; - padding: 30px 0; - } - .index-contact .left p{ - font-size: 22px; - } - .index-contact .left span{ - font-size: 13px; - line-height: 1.5; - } - .index-contact .right{ - width: 100px; - height: 26px; - } - .index-contact .right .more{ - font-size: 12px; - line-height: 24px; - } - /* 尾部 */ - .footer{ - display: block; - padding-top: 20px; - } - .bottom-logo{ - display: none; - } - .bottom-nav{ - width: 100%; - } - .bottom-nav ul li{ - width: auto !important; - } - .bottom-nav ul li:nth-of-type(4){ - display: none; - } - .bottom-nav ul li>strong{ - font-size: 15px; - margin-bottom: 10px; - } - .bottom-nav ul li>a{ - font-size: 12px; - } - .bottom-nav ul li>a:nth-of-type(6){ - display: none; - } - .copyright{ - font-size: 12px; - padding: 10px 0; - line-height: 2; - text-align: center; - } - .copyright a{ - } - - /* 企业概况 */ - .pull-banner{ - height: 180px; - margin-top: 50px; - } - .pull-banner img{ - min-height: 100%; - } - .pull-banner .pull-banner-title{ - width: 50%; - left: 4%; - top: 50px; - transform: translate(0,0); - } - .pull-banner .pull-banner-title h2{ - font-size: 22px; - } - .pull-banner .pull-banner-title span{ - font-size: 12px; - transform: rotate(0.8); - -webkit-transform: rotate(0.8); - text-shadow: 1px 0 0 #ffffff, -1px 0 0 #ffffff, 0 -1px 0 #ffffff, 0 1px 0 #ffffff; - } - .pull-banner .pull-banner-title ins{ - width: 40px; - margin-top: 15px; - } - .pull-position{ - width: 100% !important; - } - .pull-position>div{ - display: block; - width: 100%; - } - .pull-position .left{ - width: 100%; - padding: 0 4%; - font-size: 12px; - line-height: 40px; - display: -webkit-box; - /* 用省略号代替 */ - text-overflow: ellipsis; - -webkit-box-orient: vertical; - word-break: break-all; - -webkit-line-clamp: 1; - overflow: hidden; - } - .pull-position .left img{ - height: 12px; - margin: 14px 4px 0 0; - } - .pull-position .right{ - width: 100%; - padding: 0 4%; - border-top: 1px solid rgb(0,126,192,0.3); - border-bottom: 1px solid rgb(0,126,192,0.3); - } - .pull-position .right .about-nav{ - display: flex; - justify-content: space-between; - flex-direction: row-reverse; - } - .pull-position .right ul li{ - font-size: 12px; - line-height: 40px; - margin: 0; - } - .introduce .about{ - padding: 30px 0; - } - .introduce .about em{ - display: block; - width: 28px; - height: 28px; - } - .introduce .about em img{ - width: 100%; - } - .pull-title{ - text-align: center; - } - .pull-title h2{ - font-size: 22px; - } - .pull-title ins{ - margin: 0 auto; - } - .introduce .about .about-txt p{ - font-size: 13px; - margin-top: 20px; - text-align: justify; - } - - .introduce .culture{ - padding: 30px 0 40px; - } - .introduce .culture .culture-txt ul{ - display: block; - margin: 0; - } - .introduce .culture .culture-txt ul li{ - width: 100%; - padding: 20px 10px; - margin-top: 20px; - font-size: 13px; - } - .introduce .culture .culture-txt ul li img{ - height: 90px; - margin: 0 20px 0 0; - } - .introduce .culture .culture-txt ul li p{ - font-size: 18px; - margin-top: 0; - margin-top: 12px; - } - .introduce .culture .culture-txt ul li:last-child{ - padding: 20px 10px; - } - .introduce .culture .culture-txt ul li:last-child img{ - margin: 0 0 0 20px; - } - .introduce .memorabili{ - padding: 30px 0 40px; - } - - .memorabili-txt .swiper-slide{ - width: 100% !important; - margin: 0; - padding: 0; - } - .memorabili-txt{ - padding: 0; - } - .memorabili-txt .swiper-slide:nth-of-type(2n){ - margin-top: 0; - padding: 0; - } - .memorabili-txt .swiper-slide strong{ - margin: 10px 0 0 0; - } - .memorabili-txt .swiper-slide p{ - font-size: 13px; - line-height: 2; - } - .memorabili-swiper .swiper-button-prev, - .memorabili-swiper .swiper-button-next, - .memorabili-txt .line, - .memorabili-txt .swiper-slide em{ - display: none; - } - - /* 产品展示 */ - .classify .classify-item{ - flex-wrap: wrap; - } - .classify-list ul li{ - display: block; - overflow: hidden; - } - .classify-list ul li .product-img{ - /* height: 240px; */ - width: 100%; - } - .classify-list ul li .product-txt{ - width: 100%; - padding: 0; - margin-top: 15px; - height: auto; - padding-bottom: 20px; - } - - .page-size-bg{ - padding: 20px 0 40px; - } - .page-size a{ - width: 20px; - height: 20px; - line-height: 20px; - font-size: 12px; - } - .page-size span{ - font-size: 12px; - line-height: 20px; - } - .product-txt span, .product-detail-txt span{ - font-size: 14px; - } - .product-txt h3, .product-detail-txt h3{ - font-size: 22px; - color: #007EC0; - } - .product-txt h4, .product-detail-txt h4{ - font-size: 22px; - color: #E73F7C; - } - .product-txt em, .product-detail-txt em{ - width: 220px; - margin: 15px 0; - } - .product-txt .more, .news-content ul>li .news-txt .more{ - display: none; - width: 100px; - line-height: 26px; - background-color: #007EC0; - color: #FFFFFF; - left: 50%; - bottom: 20px; - transform: translateX(-50%); - } - .classify-list{ - margin-bottom: 20px; - } - - /* 产品文章页 */ - .detail-position{ - margin-top: 50px; - } - .product-detail>div{ - display: block; - overflow: hidden; - padding-bottom: 30px; - } - .product-detail-txt{ - width: 100%; - } - .product-swiper{ - width: 100%; - height: auto; - } - .product-detail-txt{ - margin: 15px 0; - } - .product-swiper .swiper-button-prev, - .product-swiper .swiper-button-next{ - background-color: rgb(0,126,192,0.6); - } - .product-content .title{ - font-size: 22px; - margin-top: 0; - } - .product-content .detail{ - font-size: 13px; - } - .product-content .detail img{ - max-width: 100%; - margin: 20px auto; - } - .page-product>div .page-img, - .page-product>div .page-txt p{ - display: none; - } - .page-product>div .page-txt strong{ - font-size: 13px; - margin: 0 0 0 3px; - } - .page-product>div.right strong{ - margin: 0 3px 0 0; - display: -webkit-box; - text-overflow: ellipsis; - -webkit-box-orient: vertical; - word-break: break-all; - -webkit-line-clamp: 1; - overflow: hidden; - } - .page-product span img{ - height: 10px; - } - .page-product>div .more{ - width: 20px; - height: 20px; - background-size: 10px 11px; - } - .page-product{ - height: auto; - margin: 30px 0; - } - - /* 新闻动态 */ - .news-nav li{ - width: 50%; - text-align: center; - } - .news-nav li:first-child{ - border-left: 1px solid rgb(0,126,192,0.3); - } - .news-content ul>li{ - display: block; - overflow: hidden; - position: relative; - padding: 20px 0; - } - .news-content ul>li .news-txt h3{ - font-size: 13px; - text-align: justify; - } - .news-content ul>li .news-img{ - width: 120px; - height: 80px; - float: left; - } - .news-content ul>li .news-img img{ - width: 100%; - min-height: 80px; - } - .news-content ul>li .news-txt{ - width: calc(100% - 130px); - float: right; - } - .news-content ul>li .news-time{ - width: 40%; - position: absolute; - bottom: 20px; - left: 130px; - } - - .news-content ul>li .news-time em{ - width: 13px; - height: 12px; - margin: 3px 3px 0 0; - - } - .news-content ul>li .news-time p{ - display: inline-block; - font-size: 12px; - color: #007EC0; - } - .news-content ul>li .news-time strong{ - display: inline-block; - font-size: 12px; - line-height: 1.5; - margin-left: 3px; - font-weight: normal; - - } - - .news-content ul>li .news-txt .more{ - display: none; - } - - /* 新闻文章页 */ - .news-main{ - display: block; - } - .news-main .news-left{ - width: 100%; - } - .news-main .news-right{ - display: none; - } - .news-main .news-left h1{ - font-size: 22px; - line-height: 1.5; - } - .news-main .news-left .news-number{ - font-size: 12px; - margin-top: 15px; - } - .news-main .news-left .news-detail{ - font-size: 13px; - } - .news-main .news-left .news-detail img{ - margin: 20px auto; - } - .news-page a{ - font-size: 13px; - display: -webkit-box; - text-overflow: ellipsis; - -webkit-box-orient: vertical; - word-break: break-all; - -webkit-line-clamp: 1; - overflow: hidden; - } - .news-page{ - margin: 30px 0 20px; - } - - /* 人才资源 */ - .idea{ - display: block; - background: none; - margin-top: 20px; - } - .idea>div{ - width: 100%; - } - .idea .idea-content{ - padding: 0; - } - .idea .idea-content h3{ - font-size: 22px; - text-align: center; - } - .idea .idea-txt p{ - font-size: 13px; - margin-bottom: 20px; - } - .idea .idea-img img{ - width: 100%; - margin-top: 20px; - } - - .join{ - margin-top: 30px; - } - .pull-title-culture>p{ - font-size: 13px; - } - - .join-list li .join-title{ - font-size: 14px; - line-height: 40px; - padding: 0 10px; - } - .join-list li .join-title h4, .join-list li .join-title span{ - width: auto; - } - .join-list li .join-title span img{ - height: 12px; - margin: 14px 0 0; - } - .join-list li .join-txt{ - font-size: 13px; - padding: 20px 10px; - } - .join-list li .join-txt strong{ - margin-top: 20px; - } - - /* 联系我们 */ - .contact-content{ - display: block; - margin-bottom: 30px; - } - .contact-left{ - width: 100%; - } - .contact-detail p{ - font-size: 13px; - line-height: 24px; - margin-top: 20px; - } - .contact-detail p>img{ - height: 48px; - } - .contact-detail p:nth-of-type(2)>img{ - margin-top: 12px; - } - .contact-right{ - width: 100%; - height: 240px; - margin-top: 30px; - } -} - - - +} +.pull-banner .pull-banner-title h2{ + font-size: 36px; + color: #007EC0; + font-weight: bold; + line-height: 1.5; + letter-spacing: 2px; + text-shadow: 2px 0 0 #FFFFFF,-2px 0 0 #FFFFFF,0 -2px 0 #FFFFFF,0 2px 0 #FFFFFF; +} + +.pull-banner .pull-banner-title span{ + font-family: arial; + margin-top: 10px; + font-size: 22px; + color: #E73F7C; + font-weight: bold; + line-height: 1.8; + text-transform: capitalize; + letter-spacing: 2px; + text-shadow: 1.5px 0 0 #FFFFFF,-1.5px 0 0 #FFFFFF,0 -1.5px 0 #FFFFFF,0 1.5px 0 #FFFFFF; +} +.pull-banner .pull-banner-title ins{ + display: block; + width: 70px; + height: 2px; + background-color: #FFFFFF; + margin-top: 24px; +} + +/* 当前位置 */ +.pull-position>div{ + display: flex; + justify-content: space-between; +} +.pull-position .left{ + width: 50%; + font-size: 13px; + line-height: 68px; + opacity: .7; + overflow: hidden; +} +.pull-position .left img{ + display: inline-block; + height: 15px; + margin: 26px 4px 0 0; + float: left; +} + +.pull-position .right{ + width: 50%; + overflow: hidden; +} +.pull-position .right ul li{ + font-size: 16px; + line-height: 68px; + margin-left: 50px; + cursor: pointer; + float: right; +} +.pull-position .right ul li:last-child{ + margin-left: 0; +} + +.pull-position .right ul li.active, +.pull-position .right ul li.active a{ + font-weight: bold; + color: #007EC0 !important; +} + +/* 公司介绍 */ +.introduce .about{ + padding: 70px; + background-image: url(../imgs/secondary/about/about-bg.jpg); + background-position: center; + background-size: cover; +} +.pull-title h2{ + font-family: "SourceHanSansCN-Medium"; + font-size: 36px; + line-height: 2.4; +} +.pull-title ins{ + display: block; + width: 68px; + height: 3px; + background-color: #007EC0; + border-left: 11px solid #E73F7C; +} + +.introduce .about .about-txt{ + font-size: 15px; + line-height: 2; + color: #585858; +} + +.introduce .about .about-txt p{ + margin-top: 45px; +} + +.introduce .about .about-txt p>strong{ + color: #E73F7C; +} + +/* 企业文化&价值观 */ +.introduce .culture{ + padding: 50px 0 70px; +} +.pull-title-culture{ + text-align: center; +} +.pull-title-culture ins{ + margin: 0 auto; +} + +.introduce .culture .culture-txt ul{ + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 53px; +} +.introduce .culture .culture-txt ul li{ + width: 49%; + padding: 88px 0 88px 8.6%; + background: #007EC0; + font-size: 16px; + color: #FFFFFF; + line-height: 2; + overflow: hidden; +} + +.introduce .culture .culture-txt ul li p{ + margin-top: 27px; + font-size: 20px; + font-weight: bold; +} + +.introduce .culture .culture-txt ul li:last-child{ + padding: 88px 12% 88px 0; + text-align: right; +} +.introduce .culture .culture-txt ul li span>em{ + margin-right: 15px; +} + +.introduce .culture .culture-txt ul li img{ + height: 126px; + margin: 0 35px 0 0; + float: left; + +} +.introduce .culture .culture-txt ul li:last-child img{ + margin: 0 0 0 35px; + float: right; +} + +/* 大事记 */ +.introduce .memorabili{ + padding: 50px 0 70px; + background-image: url(../imgs/secondary/about/memorabili-bg.jpg); + background-position: center; + background-size: cover; +} +.memorabili-txt{ + padding: 0 88px; + overflow: hidden; + position: relative; +} +.memorabili-txt .swiper-slide{ + width: 46.6% !important; + margin: 30px 0; + padding: 0 0 50px; + margin-left: -21.6%; + cursor: pointer; +} +.memorabili-txt .swiper-slide strong{ + display: block; + margin-bottom: 10px; + font-size: 20px; + line-height: 2; + color: #007EC0; +} +.memorabili-txt .swiper-slide p{ + font-size: 14px; + line-height: 2.2; +} +.memorabili-txt .swiper-slide:nth-of-type(2n){ + margin-top: 306px; +} +.memorabili-txt .swiper-slide:nth-of-type(1){ + margin-left: 0px ; +} + +.memorabili-txt .swiper-slide em{ + display: flex; + width: 23px; + height: 23px; + background-color: rgb(0,126,192,0.08); + border-radius: 100%; + justify-content: center; + align-items: center; + position: absolute; + bottom: -23px; + left: 0; + +} +.memorabili-txt .swiper-slide em ins{ + display: block; + width: 11px; + height: 11px; + background-color: #007EC0; + border-radius: 100%; +} +.memorabili-txt .swiper-slide:nth-of-type(2n){ + padding: 50px 0 0; +} + +.memorabili-txt .swiper-slide:nth-of-type(2n) em{ + top: -23px; + bottom: auto; +} + +.memorabili-txt .swiper-slide:hover em{ + background-color: rgb(231,63,124,0.08); + transition: all .6s; +} +.memorabili-txt .swiper-slide:hover em ins{ + background-color: #E73F7C; + transition: all .6s; +} +.memorabili-txt .swiper-slide:hover strong{ + color: #E73F7C; + transition: all .6s; +} + +.memorabili-swiper .swiper-button-prev{ + width: 51px; + height: 51px; + border-radius: 100%; + background-color: #007EC0; + margin-top: -25.5px; + left: 0; + background-image: url(../imgs/public/join-arrow-left.png); + background-size: 20px 22px; +} +.memorabili-swiper .swiper-button-next{ + width: 51px; + height: 51px; + border-radius: 100%; + background-color: #007EC0; + margin-top: -25.5px; + right: 0; + background-image: url(../imgs/public/join-arrow-right.png); + background-size: 20px 22px; +} +.memorabili-swiper .swiper-button-disabled{ + opacity: 1; +} + +.memorabili-txt .line{ + width: calc(100% - 102px); + height: 1px; + + background-color: #e3e3e3; + position: absolute; + left: 51px; + top: 50%; +} + + +/* 学术支持&法律声明 start */ +.content-txt{ + margin-top: 50px; +} +.content-txt p{ + margin-bottom: 50px; + font-size: 15px; + color: #585858; + line-height: 2; + text-indent: 2em; + text-align: justify; +} +/* 学术支持&法律声明 end */ + + +/* 产品展示 start */ +.list-position{ + background-color: #F5F5F5; +} +.classify .classify-item{ + display: flex; + justify-content: space-between; + margin: 37px 0; + background-color: #F5F5F5; +} +.classify-list{ + margin-bottom: 53px; +} +.classify-list ul li{ + display: flex; + justify-content: space-between; + align-items: center; + flex-direction: row-reverse; +} +.classify-list ul li .product-img{ + width: 50%; + /* height: 480px; */ + overflow: hidden; +} +.classify-list ul li .product-img a{ + display: block; +} +.classify-list ul li .product-img img{ + width: 100%; + min-height: 100%; +} +.classify-list ul li .product-txt{ + width: 50%; + height: 360px; + padding-left: 70px; + float: left; +} + +.product-txt{ + /* font-family: "SourceHanSansCN-Regular"; */ + position: relative; +} + +.product-txt span, +.product-detail-txt span{ + font-size: 18px; + line-height: 2; +} +.product-txt h3, +.product-detail-txt h3{ + font-size: 32px; + line-height: 1.5; +} +.product-txt h4, +.product-detail-txt h4{ + font-size: 22px; + line-height: 1.8; +} +.product-txt p, +.product-detail-txt p{ + font-size: 15px; + line-height: 2; + color: #585858; +} +.product-txt em, +.product-detail-txt em{ + display: block; + width: 274px; + height: 4px; + background-image: url(../imgs/public/line-bg.png); + background-repeat: repeat-x; + margin: 20px 0 24px; +} + +.classify-list ul li:nth-child(odd) { + flex-direction: row; +} + +.product-txt .more, +.news-content ul>li .news-txt .more{ + display: block; + width: 132px; + line-height: 42px; + border: 1px solid #007EC0; + border-radius: 21px; + font-size: 14px; + color: #007EC0; + text-align: center; + position: absolute; + left: 70px; + bottom: 0; + +} + +.classify-list ul li:hover span{ + color: #333333; + transition: all .6s; +} +.classify-list ul li:hover h3{ + color: #007EC0; + transition: all .6s; +} +.classify-list ul li:hover h4{ + color: #E73F7C; + transition: all .6s; +} +.classify-list ul li:hover .more, +.news-content ul>li:hover .news-txt .more{ + background: #007EC0; + color: #FFFFFF; + border: 0; + transition: all .6s; +} + +/* 分页 */ +.page-size-bg{ + padding: 37px 0 89px; + border-top: 1px solid #dde0e4; + position: relative; +} +.page-size{ + display: flex; + justify-content: center; + position: absolute; + left: 50%; + transform: translateX(-50%); +} +.page-size a{ + display: block; + width: 35px; + line-height: 35px; + border-radius: 100%; + font-size: 16px; + margin: 0 3px; + text-align: center; + color: #343434; +} +.page-size span{ + font-size: 16px; + line-height: 35px; +} +.page-size a.active{ + background-color: #007EC0; + color: #FFFFFF; +} +/* 产品展示 end */ + +/* 新闻动态 start */ +.news-content ul>li{ + display: flex; + justify-content: space-between; + border-bottom: 1px solid #F2F2F2; + padding: 40px 0; + cursor: pointer; +} +.news-content ul>li:last-child{ + border: 0; +} +.news-content ul>li .news-txt{ + width: 38.28%; + position: relative; +} +.news-content ul>li .news-txt h3{ + font-size: 24px; + line-height: 1.5; +} +.news-content ul>li .news-txt .more{ + left: 4px; + bottom: 20px; +} +.news-content ul>li .news-time{ + width: 14%; + overflow: hidden; +} +.news-content ul>li .news-time p{ + font-size: 16px; + color: #585858; + line-height: 1.5; +} +.news-content ul>li .news-time em{ + display: block; + width: 26px; + height: 24px; + margin-right: 12px; + background-image: url(../imgs/public/calendar.png); + background-size: 100% 100%; + float: left; +} +.news-content ul>li .news-time strong{ + display: block; + font-size: 24px; + line-height: 1.5; + margin: 8px 0 0 38px; + color: #007EC0; +} +.news-content ul>li .news-img{ + width: 31.25%; + height: ; + overflow: hidden; +} +.news-content ul>li .news-img img{ + width: 100%; + min-height: 100%; +} +.news-content ul>li:hover h3{ + color: #007EC0; + text-decoration: underline; + transition: all .6s; +} + +/* 新闻动态 end */ + + +/* 人力资源 start */ +/* 理念 */ +.idea{ + display: flex; + justify-content: space-between; + background-color: #F5F5F5; + margin-top: 36px; +} +.idea>div{ + width: 50%; +} +.idea .idea-content{ + padding: 30px; +} +.idea .idea-content h3{ + font-size: 30px; + line-height: 1.5; + color: #007EC0; + margin-bottom: 15px; +} +.idea .idea-txt p{ + font-size: 15px; + line-height: 2; + color: #585858; + margin-bottom: 36px; + text-align: justify; +} +.idea .idea-txt p:last-child{ + margin-bottom: 0; +} + +/* 招聘 */ +.pull-title-culture>p{ + font-size: 15px; + color: #007EC0; + line-height: 2; + margin-top: 12px; +} + +.join-list{ + margin: 26px 0 35px; +} +.join-list li{ + background-color: #F1F3F4; + border-bottom: 2px solid #FFFFFF; +} +.join-list li:nth-child(odd){ + background-color: #F5F5F5; +} +.join-list li .join-title{ + display: flex; + justify-content: space-between; + font-size: 16px; + line-height: 70px; + padding: 0 30px; +} +.join-list li .join-title h4, +.join-list li .join-title span{ + display: block; + width: 40%; + font-weight: normal; +} +.join-list li .join-title span img{ + height: 15px; + margin: 27px 15px 0 0; + float: right; +} +.join-list li .join-txt{ + background-color: #F5F5F5; + font-size: 15px; + color: #585858; + line-height: 2; + padding: 25px 30px; + color: #585858; + display: none; +} +.join-list li .join-txt strong{ + display: block; + margin-top: 42px; +} +.join-list li .join-txt strong:nth-of-type(1){ + margin-top: 0; +} + + +.join-list li.active{ + background-color: #007EC0; + color: #FFFFFF; + transition: all .6s; +} +.join-list li.active .join-txt{ + display: block; +} + +.join-list li.active .join-title span>img{ + transform: rotate(180deg); + -webkit-filter: grayscale(100%) brightness(1000%); + -moz-filter: grayscale(100%) brightness(1000%); + -ms-filter: grayscale(100%) brightness(1000%); + -o-filter: grayscale(100%) brightness(1000%); + filter: grayscale(100%) brightness(1000%); + filter: gray; + transition: all .6s; +} + +/* 人力资源 end */ + +/* 联系我们 start */ +.contact-content{ + display: flex; + justify-content: space-between; + margin: 35px auto 65px; +} + +.contact-left{ + width: 50%; +} +.contact-detail{ + margin-top: 5px; +} +.contact-detail p{ + font-size: 15px; + line-height: 27px; + margin-top: 44px; + overflow: hidden; +} +.contact-detail p>img{ + display: block; + height: 54px; + margin-right: 12px; + float: left; +} + +.contact-right{ + width: 50%; + height: 430px; +} +/* 联系我们 end */ + +/* 产品文章页 start */ +.detail-position{ + background-color: #F5F5F5; + margin-top: 90px; +} +.product-detail{ + background: #EEEEEE; +} +.product-detail>div{ + display: flex; + align-items: center; + justify-content: space-between; +} + +.product-detail-txt{ + width: 50%; +} +.product-swiper{ + width: 50%; + height: 500px; + position: relative; +} +.product-swiper img{ + width: 100%; + min-height: 100%; +} +.product-swiper .swiper-pagination{ + bottom: 20px; +} +.product-swiper .swiper-pagination-bullet{ + width: 12px; + height: 12px; + background-color: #FFFFFF; + opacity: 1; +} +.product-swiper .swiper-pagination-bullet-active{ + background: #007EC0; +} + +.product-swiper .swiper-button-prev{ + width: 51px !important; + height: 51px !important; + border-radius: 100%; + margin-top: -25px; + left: 12px; + background-image: url(../imgs/public/join-arrow-left.png); + background-size: 20px 22px; + background-position: center; +} +.product-swiper .swiper-button-next{ + width: 51px !important; + height: 51px !important; + border-radius: 100%; + margin-top: -25px; + right: 12px; + background-image: url(../imgs/public/join-arrow-right.png); + background-size: 20px 22px; + background-position: center; +} + +.product-swiper:hover .swiper-button-prev, +.product-swiper:hover .swiper-button-next{ + background-color: rgb(0,126,192,0.6); +} +.product-detail:hover .product-detail-txt h3{ + color: #007EC0; + transition: all .6s; +} +.product-detail:hover .product-detail-txt h4{ + color: #E73F7C; + transition: all .6s; +} + +.product-content .title{ + margin-top: 28px; + font-size: 32px; + color: #007EC0; + line-height: 2.5; + border-bottom: 1px solid #EEEEEE; +} +.product-content .detail{ + font-size: 15px; + color: #585858; + line-height: 2; + text-align: justify; +} +.product-content .detail p{ + margin: 15px 0; +} + +.product-content .detail img{ + margin: 50px auto; +} + +/* 上下篇 */ +.page-product{ + display: flex; + justify-content: space-between; + align-items: center; + height: 156px; + padding: 26px 0; + border-top: 1px solid #EEEEEE; + border-bottom: 1px solid #EEEEEE; + margin-bottom: 50px; +} + +.page-product>div{ + display: flex; + align-items: center; + width: 48%; +} +.page-product>div.left{ + justify-content: flex-start; +} +.page-product>div.right{ + justify-content: flex-end; +} +.page-product>div .page-img{ + width: 136px; + height: 104px; + margin: 0 22px 0 15px; + overflow: hidden; +} +.page-product>div .page-img img{ + width: 100%; + min-height: 100%; +} +.page-product>div .page-txt p{ + font-size: 16px; + color: #585858; + line-height: 1.5; +} +.page-product>div .page-txt strong{ + font-size: 20px; + line-height: 1.5; +} +.page-product>div.right .page-txt{ + text-align: right; +} + +.page-product>div .more{ + display: block; + width: 40px; + height: 40px; + border-radius: 100%; + background-color: #c5c8c9; + background-size: 15px 17px; + background-position: center; + background-repeat: no-repeat; +} +.page-product>div.left .more{ + background-image: url(../imgs/public/join-arrow-left.png); +} +.page-product>div.right .more{ + background-image: url(../imgs/public/join-arrow-right.png); +} + +/* 新闻动态文章页 start */ +.news-main{ + display: flex; + justify-content: space-between; +} +.news-main .news-left{ + width: 885px; +} + +.news-main .news-left h1{ + font-size: 28px; + line-height: 2.4; + margin-top: 26px; +} +.news-main .news-left .news-number{ + font-size: 14px; + line-height: 1.5; + color: #000000; + opacity: .5; + border-bottom: 1px solid #e8e8e8; + padding-bottom: 15px; +} +.news-main .news-left .news-number>span{ + margin-left: 18px; +} +.news-main .news-left .news-detail{ + font-size: 15px; + color: #585858; + line-height: 2; + text-align: justify; +} +.news-main .news-left .news-detail p{ + margin: 10px 0; +} +.news-main .news-left .news-detail img{ + max-width: 100%; + margin: 30px auto; +} + +/* 上下篇 */ +.news-page{ + padding: 16px 0; + border-top: 1px solid #e8e8e8; + margin: 40px 0 50px; +} +.news-page a{ + display: block; + font-size: 15px; + line-height: 2.4; +} + +.news-main .news-right{ + width: 348px; + margin-top: 50px; +} +.news-main .news-right .section{ + padding: 20px; + background-color: #F5F5F5; + margin-bottom: 20px; +} +.news-main .news-right .section strong{ + display: block; + font-size: 22px; + line-height: 1.5; + color: #007EC0; + font-weight: normal; + margin-bottom: 10px; +} +.news-main .news-right .section p{ + font-size: 15px; + line-height: 2.8; + display: -webkit-box; + text-overflow: ellipsis; + -webkit-box-orient: vertical; + word-break: break-all; + -webkit-line-clamp: 1; + overflow: hidden; +} +.news-main .news-right .section p:hover a{ + color: #007EC0; + font-weight: bold; + text-decoration: underline; +} +.news-main .news-right .section p::before{ + content: ""; + display: block; + width: 7px; + height: 7px; + background-image: url(../imgs/public/icon-befor.png); + background-size: 100% 100%; + margin: 17.5px 7px 0 0; + float: left; +} +.news-main .news-right .section p:hover{ + color: #007EC0; + text-decoration: underline; + transition: all .6s; +} + +.news-main .news-right .section .more{ + display: block; + margin-top: 15px; + font-size: 15px; + line-height: 2.4; + color: #007EC0; + text-align: right; +} + +.news-main .news-right .section input{ + width: 100%; + height: 40px; + border: 1px solid #e9e9e9; + padding: 0 12px; + margin-bottom: 10px; + font-size: 14px; + color: #585858; +} + +.news-main .news-right .section textarea{ + width: 100%; + height: 132px; + border: 1px solid #e9e9e9; + padding: 0 12px; + line-height: 40px; + font-size: 14px; + color: #585858; +} +.news-main .news-right .section input::-webkit-input-placeholder +.news-main .news-right .section textarea::-webkit-input-placeholder +{ color: #c9c9c9;} + +.news-main .news-right .section button{ + display: block; + width: 145px; + height: 42px; + background: #007EC0; + border: 0; + border-radius: 21px; + color: #FFFFFF; + font-size: 15px; + margin: 22px auto 8px; + +} + + +/* 新闻动态文章页 end */ +/* 产品文章页 end */ + +@media screen and (max-width:1440px){ + .w1200{ width: 92%;} + .top-nav li>a{ + font-size: 16px; + line-height: 36px; + padding: 0 18px; + } + .banner-swiper{ + height: 640px; + } + .banner-swiper .swiper-slide .banner-title h2, + .banner-swiper .swiper-slide .banner-title p{ + font-size: 44px; + } + .pull-banner .pull-banner-title{ + left: 4%; + transform: translate(0,0); + } + .pull-banner{ + height: 420px; + } +} + +@media screen and (max-width:1360px){ + .index-product .product-list .product-item{ + width: 32%; + } + .bottom-nav ul li:nth-of-type(3){ + width: 14%; + } + .bottom-nav ul li:nth-of-type(4){ + width: 44%; + } + .bottom-nav ul li>a, + .bottom-nav ul li .right p{ + font-size: 13px; + } + .copyright{ + font-size: 12px; + line-height: 66px; + } + .banner-swiper{ + height: 620px; + } + .pull-banner{ + height: 380px; + } + .banner-swiper .swiper-slide .banner-title h2, + .banner-swiper .swiper-slide .banner-title p{ + font-size: 42px; + } + .index-about .left .more{ + margin-top: 50px; + } + .index-news .left span{ + height: 330px; + } + .index-news .right>.news-item p{ + margin: 14px 0; + } + .memorabili-txt{ + padding: 0 80px; + } + .sub-nav dl dt>span{ + height: 68px; + } + .sub-nav dl dt>span p>a{ + line-height: 68px; + } +} + +@media screen and (max-width:1280px){ + .logo{ + width: 20%; + } + .top-nav li>a{ + font-size: 15px; + } + .top-nav li>a{ + padding: 0 15px; + } + .phone a{ + width: 150px; + height: 30px; + line-height: 30px; + border-radius: 15px; + font-size: 15px; + } + .bottom-nav ul li{ + width: 21%; + } + .bottom-nav ul li:nth-child(3){ + width: 21%; + } + .bottom-nav ul li:nth-child(4){ + width: 30%; + } + .bottom-nav ul li .left{ + display: none; + } + .bottom-nav ul li .right{ + width: 100%; + float: left; + } + .banner-swiper{ + height: 600px; + } + .pull-banner{ + height: 340px; + } + .pull-position .right ul li{ + font-size: 15px; + margin-left: 40px; + } + .sub-nav dl dt>a p, .product-classify>li span p, .classify-item>li span p{ + font-size: 15px; + } + .banner-swiper .swiper-slide .banner-title h2, + .banner-swiper .swiper-slide .banner-title p{ + font-size: 40px; + } + .index-about .left .more{ + margin-top: 40px; + } + .index-about>.left p, + .index-product>.top p, + .sub-nav dl dt>a p, .product-classify>li span p, .classify-item>li span p{ + font-size: 14px; + } + .index-product .product-list .product-item .img{ + height: 280px; + } + .index-news .left span{ + height: 320px; + } + .index-news .right>.news-item p{ + margin: 11px 0; + } + .introduce .culture .culture-txt ul li{ + padding: 60px 0 60px 8.6%; + } + .introduce .culture .culture-txt ul li:last-child{ + padding: 60px 12% 60px 0; + } + .classify-list ul li .product-txt{ + height: 340px; + } + .product-txt h3, .product-detail-txt h3{ + font-size: 30px; + } + .product-txt h4, .product-detail-txt h4{ + font-size: 20px; + } + .product-txt span, .product-detail-txt span{ + font-size: 16px; + } + .news-content ul>li .news-txt h3, + .news-content ul>li .news-time strong{ + font-size: 22px; + } + .pull-title h2{ + font-size: 35px; + } + .sub-nav dl dt>span{ + height: 66px; + } + .sub-nav dl dt>span p>a{ + line-height: 66px; + } + .news-main .news-right .section .more{ + font-size: 14px; + } +} + +@media screen and (max-width:1200px){ + .logo{ + width: 15%; + } + .phone a{ + width: 150px; + height: 30px; + line-height: 30px; + border-radius: 15px; + font-size: 13px; + } + .top-nav li>a{ + font-size: 13px; + } + .banner-swiper{ + height: 580px; + } + .pull-banner{ + height: 300px; + } + .pull-position .right ul li{ + margin-left: 30px; + } + .index-product .product-list .product-item .img{ + height: 250px; + } + .index-product .product-list .product-item p{ + font-size: 15px; + } + .index-news .left .news-title, + .index-news .right>.news-item .news-title{ + font-size: 16px; + } + .news-content ul>li .news-txt h3, + .news-content ul>li .news-time strong{ + font-size: 18px; + } + .pull-title h2{ + font-size: 34px; + } + .sub-nav dl dt>span{ + height: 64px; + } + .sub-nav dl dt>span p>a{ + line-height: 64px; + } +} +@media screen and (max-width:1080px){ + .classify-list ul li .product-txt{ + height: 300px; + } + .pull-title h2{ + font-size: 32px; + } + .contact-content{ + display: block; + } + .contact-left{ + width: 100%; + } + .contact-right{ + width: 100%; + margin-top: 30px; + } + .sub-nav dl dt>span{ + height: 62px; + } + .sub-nav dl dt>span p>a{ + line-height: 62px; + } +} + +@media screen and (max-width:980px){ + .pull-position .right ul li{ + font-size: 13px; + margin-left: 12px; + } + .nav{ + width: 62%; + } + .top-nav li>a{ + padding: 0 10px; + line-height: 30px; + } + .news-content ul>li .news-txt h3{ + font-size: 16px; + } + .news-content ul>li .news-time{ + width: 18%; + } + .news-content ul>li .news-time strong{ + font-size: 15px; + } + .pull-title h2{ + font-size: 30px; + } + .sub-nav dl dt>span{ + height: 60px; + } + .sub-nav dl dt>span p>a{ + line-height: 60px; + } +} + +@media screen and (max-width:768px){ + .w1200{ + width: 92%; + } + .header{ + height: 50px; + position: fixed; + top: 0; + left: 0; + background-color: #FFFFFF; + border-bottom: 1px solid #F5F5F5; + } + .header-content{ + height: 50px; + } + .header-content .logo{ + width: 60%; + height: 36px; + } + .header-content .logo img{ + height: 36px !important; + } + + .header-content.phone{ + width: 120px; + height: 28px; + } + .header-content .phone a{ + width: 120px; + height: 28px; + line-height: 28px; + font-size: 12px; + } + .header-content .phone a>img{ + width: 14px; + } + + .header-content .nav{ + width: 100vw; + transform: translate(-100vw,0); + opacity: 0; + background-color: rgb(0,0,0,.7); + position: fixed; + left: 0; + top: 0; + } + .header-content .head-btn{ display: block; margin: 0;} + .header-content .nav ul{ box-sizing: content-box; width: 100%; padding: 30vh 0; height: 40vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} + .header-content .nav ul li{ width: 100%; float: left; margin: auto; text-align: center;} + .header-content .nav ul li a{ width: 100%; font-size: 18px; color: #FFFFFF; line-height: 35px; margin: 10px 0;} + .header-content .nav.active{ transform: translate(0,0); opacity: 1;} + .header-content .nav ul li.active a{ + background-color: rgb(0,0,0,0); + color: #E73F7C; + font-weight: bold; + font-size: 20px; + } + .header-content .sub-nav{ + display: none; + opacity: 0; + z-index: -999; + } + + .banner-swiper{ + height: 260px; + } + .banner-swiper img{ + width: 100%; + } + .banner-swiper .swiper-slide .banner-title{ + width: 260px; + left: auto; + right: 15%; + top: 24%; + } + .banner-swiper .swiper-slide .banner-title h2{ + font-size: 22px; + } + .banner-swiper .swiper-slide .banner-title p{ + font-size: 22px; + line-height: 1.8; + } + .banner-swiper .swiper-slide .banner-title span{ + display: block; + width: 260px; + font-size: 12px; + margin-top: 8px; + text-align: justify; + transform: scale(0.8); + -webkit-transform: scale(0.8); + margin: -5px 0 0 -26px; + } + .banner-swiper .swiper-slide .banner-title ins{ + width: 100px; + margin-top: 10px; + } + .banner-swiper .swiper-pagination-bullet{ + width: 8px; + height: 8px; + margin: 0 5px !important; + } + + /* 关于我们 */ + .index-about{ + display: block; + margin-top: 20px; + } + .index-about>.left{ + width: 100%; + } + .index-about>.left{ + text-align: center; + } + .index-about>.left h2{ + font-size: 22px; + } + .index-about>.left ins{ + margin: 0 auto; + } + .index-about>.left p{ + font-size: 13px; + margin-top: 10px; + } + .index-about .left .more{ + margin: 0; + padding: 0; + width: 100%; + height: auto; + font-size: 13px; + line-height: 28px; + margin-top: -28px; + background:none; + color: #E73F7C; + text-align: right; + } + .index-about .right{ + width: 100%; + margin-top:15px; + } + .content-txt{ + margin-top: 30px; + } + .content-txt p{ + font-size: 13px; + margin-bottom: 20px; + } + .law-title{ + margin-top: 30px; + } + /* 产品展示 */ + .index-product{ + margin-top: 30px; + } + .index-product>.top h2{ + font-size: 22px; + text-align: center; + } + .index-product>.top p{ + font-size: 13px; + text-align: justify; + } + .index-product .product-classify{ + flex-wrap: wrap; + } + .sub-nav dl dt,.product-classify>li,.classify-item>li{ + width: 33.33%; + padding: 15px 0; + border-bottom: 5px solid #FFFFFF; + } + .sub-nav dl dt>a p, .product-classify>li span p, .classify-item>li span p{ + font-size: 12px; + } + .sub-nav dl dt>a img, .product-classify>li span img, .classify-item>li span img{ + height: 36px; + } + .sub-nav dl dt>a em, .product-classify>li span em, .classify-item>li span em{ + width: 15px; + margin: 12px auto 10px; + } + .sub-nav dl dt>a, .product-classify>li span, .classify-item>li span{ + height: 80px; + } + .product-classify>li.active ins, .classify-item>li.active ins{ + opacity: 0; + } + .index-product>.middle{ + margin: 20px 0; + } + .index-product .product-list .product-item{ + width: 100%; + margin: 0 0 20px 0; + } + .index-product .product-list .product-item a{ + display: block; + } + .index-product .product-list .product-item .img{ + width: 100%; + height: auto; + margin-bottom: 10px; + } + .index-product .product-list .product-item .img img{ + min-width: 100%; + } + .index-product .product-list .product-item p{ + font-size: 15px; + font-weight: bold; + } + .index-product .product-list .product-item span{ + font-size: 13px; + } + .index-product .bottom{ + display: block; + margin-bottom: 10px; + } + + /* 新闻动态 */ + .index-news-bg{ + padding: 24px 0 30px; + } + .index-title{ + margin-bottom: 14px; + } + .index-title h2{ + font-size: 22px; + } + .index-title .more{ + font-size: 13px; + } + .index-news{ + display: block; + } + .index-news .left{ + width: 100%; + padding-bottom: 10px; + } + .index-news .left span{ + height: auto; + } + .index-news .left .news-title{ + font-size: 15px; + margin: 10px 0; + padding: 0 10px; + font-weight: bold; + } + .index-news .left p{ + font-size: 13px; + padding: 0 10px; + } + .index-news .right{ + width: 100%; + } + .index-news .right>.news-item{ + padding: 10px; + margin-top: 20px; + background-color: #FFFFFF; + } + .index-news .right>.news-item .news-title{ + font-size: 15px; + font-weight: bold; + } + .index-news .right>.news-item p{ + font-size: 13px; + margin: 6px 0; + } + + /* 联系我们 */ + .index-contact-bg{ + height: auto; + } + .index-contact .left{ + width: 60%; + padding: 30px 0; + } + .index-contact .left p{ + font-size: 22px; + } + .index-contact .left span{ + font-size: 13px; + line-height: 1.5; + } + .index-contact .right{ + width: 100px; + height: 26px; + } + .index-contact .right .more{ + font-size: 12px; + line-height: 24px; + } + /* 尾部 */ + .footer{ + display: block; + padding-top: 20px; + } + .bottom-logo{ + display: none; + } + .bottom-nav{ + width: 100%; + } + .bottom-nav ul li{ + width: auto !important; + } + .bottom-nav ul li:nth-of-type(4){ + display: none; + } + .bottom-nav ul li>strong{ + font-size: 15px; + margin-bottom: 10px; + } + .bottom-nav ul li>a{ + font-size: 12px; + } + .bottom-nav ul li>a:nth-of-type(6){ + display: none; + } + .copyright{ + font-size: 12px; + padding: 10px 0; + line-height: 2; + text-align: center; + } + .copyright a{ + } + + /* 企业概况 */ + .pull-banner{ + height: 180px; + margin-top: 50px; + } + .pull-banner img{ + min-height: 100%; + } + .pull-banner .pull-banner-title{ + width: 50%; + left: 4%; + top: 50px; + transform: translate(0,0); + } + .pull-banner .pull-banner-title h2{ + font-size: 22px; + } + .pull-banner .pull-banner-title span{ + font-size: 12px; + transform: rotate(0.8); + -webkit-transform: rotate(0.8); + text-shadow: 1px 0 0 #ffffff, -1px 0 0 #ffffff, 0 -1px 0 #ffffff, 0 1px 0 #ffffff; + } + .pull-banner .pull-banner-title ins{ + width: 40px; + margin-top: 15px; + } + .pull-position{ + width: 100% !important; + } + .pull-position>div{ + display: block; + width: 100%; + } + .pull-position .left{ + width: 100%; + padding: 0 4%; + font-size: 12px; + line-height: 40px; + display: -webkit-box; + /* 用省略号代替 */ + text-overflow: ellipsis; + -webkit-box-orient: vertical; + word-break: break-all; + -webkit-line-clamp: 1; + overflow: hidden; + } + .pull-position .left img{ + height: 12px; + margin: 14px 4px 0 0; + } + .pull-position .right{ + width: 100%; + padding: 0 4%; + border-top: 1px solid rgb(0,126,192,0.3); + border-bottom: 1px solid rgb(0,126,192,0.3); + } + .pull-position .right .about-nav{ + display: flex; + justify-content: space-between; + flex-direction: row-reverse; + } + .pull-position .right ul li{ + font-size: 12px; + line-height: 40px; + margin: 0; + } + .introduce .about{ + padding: 30px 0; + } + .introduce .about em{ + display: block; + width: 28px; + height: 28px; + } + .introduce .about em img{ + width: 100%; + } + .pull-title{ + text-align: center; + } + .pull-title h2{ + font-size: 22px; + } + .pull-title ins{ + margin: 0 auto; + } + .introduce .about .about-txt p{ + font-size: 13px; + margin-top: 20px; + text-align: justify; + } + + .introduce .culture{ + padding: 30px 0 40px; + } + .introduce .culture .culture-txt ul{ + display: block; + margin: 0; + } + .introduce .culture .culture-txt ul li{ + width: 100%; + padding: 20px 10px; + margin-top: 20px; + font-size: 13px; + } + .introduce .culture .culture-txt ul li img{ + height: 90px; + margin: 0 20px 0 0; + } + .introduce .culture .culture-txt ul li p{ + font-size: 18px; + margin-top: 0; + margin-top: 12px; + } + .introduce .culture .culture-txt ul li:last-child{ + padding: 20px 10px; + } + .introduce .culture .culture-txt ul li:last-child img{ + margin: 0 0 0 20px; + } + .introduce .memorabili{ + padding: 30px 0 40px; + } + + .memorabili-txt .swiper-slide{ + width: 100% !important; + margin: 0; + padding: 0; + } + .memorabili-txt{ + padding: 0; + } + .memorabili-txt .swiper-slide:nth-of-type(2n){ + margin-top: 0; + padding: 0; + } + .memorabili-txt .swiper-slide strong{ + margin: 10px 0 0 0; + } + .memorabili-txt .swiper-slide p{ + font-size: 13px; + line-height: 2; + } + .memorabili-swiper .swiper-button-prev, + .memorabili-swiper .swiper-button-next, + .memorabili-txt .line, + .memorabili-txt .swiper-slide em{ + display: none; + } + + /* 产品展示 */ + .classify .classify-item{ + flex-wrap: wrap; + } + .classify-list ul li{ + display: block; + overflow: hidden; + } + .classify-list ul li .product-img{ + /* height: 240px; */ + width: 100%; + } + .classify-list ul li .product-txt{ + width: 100%; + padding: 0; + margin-top: 15px; + height: auto; + padding-bottom: 20px; + } + + .page-size-bg{ + padding: 20px 0 40px; + } + .page-size a{ + width: 20px; + height: 20px; + line-height: 20px; + font-size: 12px; + } + .page-size span{ + font-size: 12px; + line-height: 20px; + } + .product-txt span, .product-detail-txt span{ + font-size: 14px; + } + .product-txt h3, .product-detail-txt h3{ + font-size: 22px; + color: #007EC0; + } + .product-txt h4, .product-detail-txt h4{ + font-size: 22px; + color: #E73F7C; + } + .product-txt em, .product-detail-txt em{ + width: 220px; + margin: 15px 0; + } + .product-txt .more, .news-content ul>li .news-txt .more{ + display: none; + width: 100px; + line-height: 26px; + background-color: #007EC0; + color: #FFFFFF; + left: 50%; + bottom: 20px; + transform: translateX(-50%); + } + .classify-list{ + margin-bottom: 20px; + } + + /* 产品文章页 */ + .detail-position{ + margin-top: 50px; + } + .product-detail>div{ + display: block; + overflow: hidden; + padding-bottom: 30px; + } + .product-detail-txt{ + width: 100%; + } + .product-swiper{ + width: 100%; + height: auto; + } + .product-detail-txt{ + margin: 15px 0; + } + .product-swiper .swiper-button-prev, + .product-swiper .swiper-button-next{ + background-color: rgb(0,126,192,0.6); + } + .product-content .title{ + font-size: 22px; + margin-top: 0; + } + .product-content .detail{ + font-size: 13px; + } + .product-content .detail img{ + max-width: 100%; + margin: 20px auto; + } + .page-product>div .page-img, + .page-product>div .page-txt p{ + display: none; + } + .page-product>div .page-txt strong{ + font-size: 13px; + margin: 0 0 0 3px; + } + .page-product>div.right strong{ + margin: 0 3px 0 0; + display: -webkit-box; + text-overflow: ellipsis; + -webkit-box-orient: vertical; + word-break: break-all; + -webkit-line-clamp: 1; + overflow: hidden; + } + .page-product span img{ + height: 10px; + } + .page-product>div .more{ + width: 20px; + height: 20px; + background-size: 10px 11px; + } + .page-product{ + height: auto; + margin: 30px 0; + } + + /* 新闻动态 */ + .news-nav li{ + width: 50%; + text-align: center; + } + .news-nav li:first-child{ + border-left: 1px solid rgb(0,126,192,0.3); + } + .news-content ul>li{ + display: block; + overflow: hidden; + position: relative; + padding: 20px 0; + } + .news-content ul>li .news-txt h3{ + font-size: 13px; + text-align: justify; + } + .news-content ul>li .news-img{ + width: 120px; + height: 80px; + float: left; + } + .news-content ul>li .news-img img{ + width: 100%; + min-height: 80px; + } + .news-content ul>li .news-txt{ + width: calc(100% - 130px); + float: right; + } + .news-content ul>li .news-time{ + width: 40%; + position: absolute; + bottom: 20px; + left: 130px; + } + + .news-content ul>li .news-time em{ + width: 13px; + height: 12px; + margin: 3px 3px 0 0; + + } + .news-content ul>li .news-time p{ + display: inline-block; + font-size: 12px; + color: #007EC0; + } + .news-content ul>li .news-time strong{ + display: inline-block; + font-size: 12px; + line-height: 1.5; + margin-left: 3px; + font-weight: normal; + + } + + .news-content ul>li .news-txt .more{ + display: none; + } + + /* 新闻文章页 */ + .news-main{ + display: block; + } + .news-main .news-left{ + width: 100%; + } + .news-main .news-right{ + display: none; + } + .news-main .news-left h1{ + font-size: 22px; + line-height: 1.5; + } + .news-main .news-left .news-number{ + font-size: 12px; + margin-top: 15px; + } + .news-main .news-left .news-detail{ + font-size: 13px; + } + .news-main .news-left .news-detail img{ + margin: 20px auto; + } + .news-page a{ + font-size: 13px; + display: -webkit-box; + text-overflow: ellipsis; + -webkit-box-orient: vertical; + word-break: break-all; + -webkit-line-clamp: 1; + overflow: hidden; + } + .news-page{ + margin: 30px 0 20px; + } + + /* 人才资源 */ + .idea{ + display: block; + background: none; + margin-top: 20px; + } + .idea>div{ + width: 100%; + } + .idea .idea-content{ + padding: 0; + } + .idea .idea-content h3{ + font-size: 22px; + text-align: center; + } + .idea .idea-txt p{ + font-size: 13px; + margin-bottom: 20px; + } + .idea .idea-img img{ + width: 100%; + margin-top: 20px; + } + + .join{ + margin-top: 30px; + } + .pull-title-culture>p{ + font-size: 13px; + } + + .join-list li .join-title{ + font-size: 14px; + line-height: 40px; + padding: 0 10px; + } + .join-list li .join-title h4, .join-list li .join-title span{ + width: auto; + } + .join-list li .join-title span img{ + height: 12px; + margin: 14px 0 0; + } + .join-list li .join-txt{ + font-size: 13px; + padding: 20px 10px; + } + .join-list li .join-txt strong{ + margin-top: 20px; + } + + /* 联系我们 */ + .contact-content{ + display: block; + margin-bottom: 30px; + } + .contact-left{ + width: 100%; + } + .contact-detail p{ + font-size: 13px; + line-height: 24px; + margin-top: 20px; + } + .contact-detail p>img{ + height: 48px; + } + .contact-detail p:nth-of-type(2)>img{ + margin-top: 12px; + } + .contact-right{ + width: 100%; + height: 240px; + margin-top: 30px; + } +} + + +