/* 引入字体 */ @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 { background-color: rgb(255,255,255,0.7); position: fixed; top: 0; z-index: 999; } .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);} .header-content .head-btn.cur i.bar-bom{ -webkit-transform: rotate(-45deg) translate(5.5px, -5px);transform: rotate(-45deg) translate(5.5px, -5px);} /* 导航 end */ /* 轮播样式 start */ .banner-swiper { overflow-x: hidden; height: 687px; position: relative; background-color: #FFFFFF; } .banner-swiper .swiper-slide { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; } .banner-swiper .swiper-slide .banner-title{ width: 556px; 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; 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-pagination-bullet { width: 12px; height: 12px; line-height: 12px; text-align: center; background-color: #007EC0; margin: 0 9px !important; opacity: 1; } /* 鼠标悬浮样式、当前选中指示点样式 */ .banner-swiper .swiper-pagination-bullet:hover, .banner-swiper .swiper-pagination-bullet-active { background-color: #E73F7C; 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 */ /* 新闻资讯 start */ .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; } /* 新闻资讯 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; 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{ width: 556px; 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; } }