* {
margin: 0;
padding: 0;
}
html {
margin: 0;
padding: 0;
font-size: 62.5%;
}
body {
background: #fff;
font-family: "微软雅黑", 'Roboto-regular', "sans-serif";
color: #333;
line-height: 160%;
font-size: 14px;
font-size: 1.4rem;
}
li,
dt,
dl,
dd {
list-style: none;
margin: 0;
padding: 0;
}
a {
color: #333;
-webkit-transition: color 400ms, background-color 400ms;
-moz-transition: color 400ms, background-color 400ms;
-o-transition: color 400ms, background-color 400ms;
transition: color 400ms, background-color 400ms;
}
a:hover,
a:focus {
text-decoration: none;
color: #666;
}
img {
max-width: 100% !important;
height: auto !important;
}
hr {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #fff;
}
/*************************
*******Header******
**************************/
#header {
width: 100%;
}
.top-fixed {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
/* border-bottom: 2px solid #db261d; */
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
background-color: #fff;
}
.navbar.navbar-default {
border: 0;
border-radius: 0;
margin-bottom: 0;
background: #fff;
font-size: 16px;
}
.navbar.navbar-default .navbar-toggle {
margin-top: 20px;
background: #fff;
}
.navbar.navbar-default .navbar-brand {
height: auto;
padding: 0 15px 0px;
}
.tlinks {
text-indent: -9999px;
height: 0;
line-height: 0;
font-size: 0;
overflow: hidden;
}
.navbar-default .navbar-collapse {
margin-top: 0px;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
background: #004a96;
color: #fff;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
color: #004a96;
background: none;
}
.navbar-default .navbar-nav>.active {
position: relative;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #333;
text-align: center;
padding: 10px 20px;
}
.dropdown-menu {
min-width: 110px;
margin-right: 0;
}
.navbar-default .navbar-nav>li>a {
color: #333333;
/* font-size: 16px; */
font-size: 14px;
}
/*************************
*******首页******
**************************/
/* 通用样式 */
.dingbu-jianju {
/* margin-top: 30px; */
margin-top: 10px;
}
.swiper-pagination-bullet {
opacity: 0.2;
}
.swiper-pagination-bullet-active {
background-color: #49a0ed;
opacity: 1;
}
.swiper-container-case .swiper-button-next,
.swiper-container-case .swiper-container-rtl .swiper-button-prev {
background: url(../images/right-arrow.png) no-repeat;
}
.swiper-container-case .swiper-button-prev,
.swiper-container-case .swiper-container-rtl .swiper-button-next {
background: url(../images/left-arrow.png) no-repeat;
}
.swiper-button-next,
.swiper-button-prev {
width: 47px;
height: 66px;
margin-top: -33px;
}
/* banner-padding */
/* .homepage {
padding-bottom: 70px;
} */
.margintop {
margin-top: 80px;
}
.padding-top {
padding: 35px 0 0;
}
.padding-bottom {
padding-bottom: 35px;
}
.gray-bg {
background: #f4f8fa;
}
.small-banner {
display: none;
}
.banner>.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 30px;
}
.banner img {
width: 100% !important;
height: auto;
}
/* 首页关于我们 */
.about-text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
font-size: 14px;
}
.about-xiangqing-box{
height: 32px;
width: 100%;
}
.about-xiangqing {
height: 32px;
line-height: 32px;
color: #999;
border: 1px solid #d7d7d7;
display: block;
margin-top:5px;
width: 100px;
text-align: center;
float: right;
}
.jianjie-list {
width: 100%;
margin-top: 30px;
}
ul.jianjie-list li {
float: left;
width: 28.3%;
margin-right: 5%;
border-right: 1px solid #e5e5e5;
}
.jianjie-list li a {
display: block;
width: 100%;
}
.jianjie-list li:last-child {
border: none;
}
.jianjie-list li .tubiao {
width: 46px;
height: 46px;
border-radius: 50%;
background-color: #c5c5c5;
float: left;
}
.jianjie-list li .text-infor {
float: left;
margin-left: 15px;
padding-top: 5px;
}
.jianjie-list li .text-infor b,
.jianjie-list li .text-infor span {
display: block;
font-weight: normal;
}
.jianjie-list li .text-infor b {
font-size: 14px;
}
.jianjie-list li .text-infor span {
font-size: 12px;
color: #999;
}
.jianjie-list li .tubiao i {
width: 46px;
height: 46px;
display: block;
background: #c5c5c5;
border-radius: 50%;
float: left;
}
.jianjie-list li .tubiao i.gongsi-icon {
width: 46px;
height: 46px;
background: url(../images/gongsi-icon.png) no-repeat;
background-size:46px 46px;
}
.jianjie-list li .tubiao i.dongshi-icon {
width: 46px;
height: 46px;
background: url(../images/dongshi-icon.png) no-repeat;
background-size:46px 46px;
}
.jianjie-list li .tubiao i.rongyu-icon {
width: 46px;
height: 46px;
background: url(../images/rongyu-icon.png) no-repeat;
background-size:46px 46px;
}
.jianjie-list li:hover .tubiao {
background-color: #db261d;
}
.aboutimg {
float: left;
width: 80%;
overflow: hidden;
height: 280px;
}
.shuzi-list {
float: right;
border-top: 1px solid #e5e5e5;
width: 20%;
}
.shuzi-list li {
border-bottom: 1px solid #e5e5e5;
padding: 16px 0;
}
.shuzi-list li b,
.shuzi-list li span {
display: block;
text-align: center;
}
.shuzi-list li b {
font-size: 20px;
color: #1e1a17;
}
.shuzi-list li span {
font-size: 12px;
color: #999;
margin-top: 10px;
}
/* 搜索 */
.search {
float: right !important;
position: relative;
width: 34px;
height: 34px;
margin-top: 27px;
margin-left: 50px;
z-index: 999;
}
.search i {
background: url(../images/search-icon.png) no-repeat;
width: 24px;
height: 24px;
background-size: 100% 100%;
display: block;
}
.search .input {
display: none;
position: absolute;
top: -18px;
width: 934px;
background-color: #fff;
left: -900px;
height: 70px;
}
.search .input input[type=button] {
background: url(../images/search-icon.png) no-repeat center;
background-size: 34px 34px;
width: 74px;
height: 34px;
border: none;
padding: 0 20px;
margin-top: 15px;
outline: none;
float: left;
}
.search .input input[type=text] {
width: calc(90% - 74px);
background-color: #fff;
height: 40px;
line-height: 40px;
padding: 0 15px;
box-sizing: border-box;
border: none;
outline: none;
margin-top: 15px;
float: left;
}
.search .input .close {
width: 10%;
background: url(../images/close-icon.png) no-repeat center #007AFF;
background-size: 34px 34px;
float: left;
height: 70px;
display: block;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
/* IE 9 */
-moz-transform: rotate(0deg);
/* Firefox */
-webkit-transform: rotate(0deg);
/* Safari 和 Chrome */
-o-transform: rotate(0deg);
/* Opera */
}
.search .input .close:hover {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
/* IE 9 */
-moz-transform: rotate(360deg);
/* Firefox */
-webkit-transform: rotate(360deg);
/* Safari 和 Chrome */
-o-transform: rotate(360deg);
/* Opera */
}
/* 标题 */
.section-header {
margin-bottom: 48px;
position: relative;
height: 106px;
}
.section-header .section-title {
font-size: 30px;
color: #333;
text-transform: uppercase;
position: relative;
padding-bottom: 5px;
margin: 0 0 5px;
z-index: 2;
top: 26px;
}
.section-header .section-title::after {
width: 48px;
height: 3px;
content: "";
position: absolute;
left: 50%;
margin-left: -24px;
bottom: -15px;
background-color: #005ab6;
}
.section-header p {
text-align: center;
font-size: 80px;
color: #eeeeee;
position: relative;
font-weight: bold;
width: 100%;
display: flex;
justify-content: center;
top: -75px;
z-index: 1;
line-height: 1.5;
}
/* 头条 */
.toutiao {
position: relative;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 15px;
margin-bottom: 26px;
}
.toutiao h2 {
font-size: 28px;
font-weight: bold;
/* text-align: center; */
margin-bottom: 5px;
padding-top: 12px;
line-height: 140%;
padding-left: 74px;
}
.toutiao a {
color: #004a96;
}
.yaowen {
/* margin-top: 15px; */
}
.tutiao-icon {
position: absolute;
width: 54px;
height: 54px;
background: #db261d;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
padding-top: 5px;
}
.zhaiyao {
height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
display: none;
}
a.more {
height: 50px;
line-height: 50px;
width: 212px;
text-align: center;
display: block;
margin: 50px auto 0;
border-radius: 0;
color: #fff;
border: 1px solid #e5e5e5;
}
a.more:hover {
color: #fff;
background: #49a0ed;
border: none;
}
.yaowen-title .left {
float: left;
}
.yaowen-title .left h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
}
.yaowen-title .left span {
color: #999;
font-size: 12px;
}
.yaowen-title .more a {
float: right;
padding: 0 20px;
height: 32px;
line-height: 32px;
border: 1px solid #cdcdcd;
text-align: center;
color: #999;
margin-top: 5px;
}
.yaowen-title .more a:hover {
border: 1px solid #db261d;
color: #db261d;
}
.yaowen-list ul li {
border-bottom: 1px solid #e5e5e5;
margin-top: 12px;
}
.yaowen-list ul li a {
display: block;
}
.yaowen-list ul li p {
float: left;
font-size: 15px;
width: 70%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.yaowen-list ul li a:hover {
color: #db261d;
}
.yaowen-list ul li span {
float: right;
color: #999;
width: 30%;
text-align: right;
}
.swiper-container.swiper-container-yaowen {
height: 330px;
overflow: hidden;
}
.swiper-container.swiper-container-yaowen .swiper-wrapper .swiper-slide p {
position: absolute;
background-color: rgba(0, 0, 0, 0.54);
bottom: -10px;
left: 0;
color: #fff;
height: 40px;
line-height: 40px;
width: 100%;
padding: 0 15px;
font-size: 16px;
}
/* .swiper-container.swiper-container-yaowen .swiper-wrapper .swiper-slide{ height: 380px;}
.swiper-container.swiper-container-yaowen .swiper-wrapper .swiper-slide img{object-fit: fill!important; } */
.swiper-container.swiper-container-yaowen .swiper-pagination.swiper-pagination-yaowen {
text-align: right;
padding-right: 15px;
}
.swiper-container.swiper-container-yaowen .swiper-pagination.swiper-pagination-yaowen .swiper-pagination-bullet-active {
background-color: #db261d;
}
.swiper-container.swiper-container-yaowen .swiper-pagination.swiper-pagination-yaowen .swiper-pagination-bullet {
width: 12px;
height: 12px;
}
/* 公共标题 */
/* 重要项目 */
.xiangmu-title {
width: 100%;
}
.xiangmu-title .xiangmu-title-left {
float: left;
}
.xiangmu-title .xiangmu-title-left h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
margin-top: 0;
}
.xiangmu-title .xiangmu-title-left p {
color: #999;
font-size: 12px;
margin-bottom: 0;
}
.xiangmu-title .xiangmu-title-right{ float: right;}
.xiangmu-title .xiangmu-title-right a {
float: right;
padding: 0 20px;
height: 32px;
line-height: 32px;
border: 1px solid #cdcdcd;
text-align: center;
color: #999;
}
.xiangmu-title .xiangmu-title-right a:hover {
color: #db261d;
border: 1px solid #db261d;
}
/* 重要项目 */
.xiangmu-list {
background: #fff;
overflow: hidden;
transition: all 0.8s ease 0s;
}
.xiangmu-list-content {
padding: 15px;
}
.xiangmu-list .xiangmu-list-content h4 {
color: #004a96;
font-size: 16px;
margin-bottom: 12px;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.xiangmu-list .xiangmu-list-content p {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
color: #999;
}
.xiangmu-list-content .xiangqing {
color: #999999;
}
.xiangmu-list .img {
height: 240px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.xiangmu-list .img img {
transition: all 1.5s;
transform: scale(1.0);
}
.xiangmu-list:hover .img img {
transform: scale(1.5);
}
.xiangmu-list:hover {
transform: translate(0, -10px);
-webkit-transform: translate(0, -10px);
-moz-transform: translate(0, -10px);
-o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
box-shadow: 0px 10px 20px #999;
transition: all 0.8s ease 0s;
}
.swiper-container.swiper-container-xiangmu {
padding-bottom: 60px;
}
.swiper-container.swiper-container-xiangmu .swiper-pagination.swiper-pagination-xiangmu {
/* bottom: -20px; */
}
.swiper-container.swiper-container-xiangmu .swiper-pagination.swiper-pagination-xiangmu .swiper-pagination-bullet-active {
background-color: #db261d;
}
.swiper-container.swiper-container-xiangmu .swiper-pagination.swiper-pagination-xiangmu .swiper-pagination-bullet {
width: 12px;
height: 12px;
}
.swiper-button-next-xiangmu.swiper-button-next,
.swiper-button-prev-xiangmu.swiper-button-prev {
top: auto;
bottom: -24px;
}
.swiper-button-next-xiangmu.swiper-button-next,
.swiper-container-rtl .swiper-button-next {
background: url(../images/next.png) no-repeat;
background-size: 40px 40px;
left: 54%;
}
.swiper-button-prev-xiangmu.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background: url(../images/pre.png) no-repeat;
background-size: 40px 40px;
left: 42%;
}
/* 投资项目 */
.touzi-bg {
background: url(../images/touzi-bg.jpg) no-repeat #004797;
background-size: 100% auto;
}
.white-title.xiangmu-title .xiangmu-title-left h4,
.white-title.xiangmu-title .xiangmu-title-left p {
color: #fff;
}
.touzi-bg .xiangmu-title-right a {
color: #fff;
}
.touzi-left{
height: 400px;
overflow: hidden;
}
.touzi-left .touzi-left-img {
position: relative;
}
.touzi-left-text {
position: absolute;
top: 40px;
left: 40px;
background-color: rgba(219, 38, 29, 0.9);
color: #fff;
padding: 30px;
width: auto;
height: auto;
box-sizing: border-box;
transition: all 1s;
}
.touzi-left-text h4 {
font-size: 24px;
margin: 0;
position: relative;
padding-top: 40px;
color: #fff;
}
.touzi-left-text p {
font-size: 12px;
color: #fff;
}
.touzi-left-text:hover h4,
.touzi-left-text:hover p {
color: #fff;
}
.touzi-left-text:hover {
top: 30px;
transition: all 1s;
}
.touzi-left-text h4::before {
width: 30px;
height: 4px;
background: #fff;
content: "";
display: block;
top: 0;
left: 0;
position: absolute;
}
.touzi-left-text .jiantou {
margin-top: 40px;
}
.touzi-right {
border-right: 1px solid rgba(204, 217, 229, 0.3);
border-bottom: 1px solid rgba(204, 217, 229, 0.3);
}
.touzi-right a {
color: #fff;
}
.touzi-right li {
width: 50%;
float: left;
border-left: 1px solid rgba(204, 217, 229, 0.3);
border-top: 1px solid rgba(204, 217, 229, 0.3);
text-align: center;
padding-bottom: 0;
height: 200px;
}
.touzi-right li:hover {
background-color: rgba(219, 38, 29, 0.9);
cursor: pointer;
}
.touzi-right li i {
display: block;
width: 80px;
height: 80px;
margin: 30px auto 0;
transition: all 1s;
}
.touzi-right li i.jianzhu-icon {
/* background: url(../images/jianzhu-icon.png) no-repeat; */
background-size: 80px 80px;
}
.touzi-right li i.shiyou-icon {
/* background: url(../images/shiyou-icon.png) no-repeat; */
background-size: 80px 80px;
}
.touzi-right li i.lvyou-icon {
/* background: url(../images/lvyou-icon.png) no-repeat; */
background-size: 80px 80px;
}
.touzi-right li i.yingshi-icon {
/* background: url(../images/yingshi-icon.png) no-repeat; */
background-size: 80px 80px;
}
.touzi-right li p {
margin-bottom: 0;
position: relative;
padding-top: 10px;
}
.touzi-right li span {
display: block;
color: rgba(255, 255, 255, .38);
font-size: 12px;
}
/* .touzi-right li p::after {
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -15px;
width: 30px;
height: 3px;
background: #fff;
content: "";
} */
/* 党建动态 */
.dangjian ul li {
background: #f8f8f8;
padding:15px 0 5px;
margin-bottom: 20px;
}
.dangjian ul li a {
display: block;
}
.dangjian ul li a:hover h4 {
color: #da251d;
}
.dangjian ul li .left-riqi {
float: left;
width: 15%;
text-align: center;
}
.dangjian ul li .right-text {
float: right;
width: 82%;
border-left: 1px solid #e5e5e5;
padding-left: 3%;
}
.dangjian ul li .right-text h4 {
margin-top: 0;
font-size: 14px;
margin-bottom: 6px;
}
.dangjian ul li .right-text p {
color: #999;
white-space: nowrap;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
}
.dangjian ul li .left-riqi span,
.dangjian ul li .left-riqi b {
display: block;
font-weight: normal;
}
.dangjian ul li .left-riqi span {
font-size: 16px;
}
.dangjian ul li .left-riqi b {
font-size: 14px;
color: #999999;
}
/* shipin-box */
.shipin-box .shipin-title {
background: #f5f5f5;
padding: 15px;
color: #333;
height: 50px;
width: 100%;
}
.shipin-box .shipin-wrapper {
height:276px;
overflow: hidden;
}
.shipin-box .shipin-title p {
width: 70%;
float: left;
font-size: 16px;
}
.shipin-box .shipin-title span {
width: 27%;
float: right;
text-align: right;
color: #999;
}
/********* Footer ******/
#footer {
padding-top: 15px;
color: #fff;
background: #727272;
}
#footer .gongsi-name a {
color: #fff;
padding: 0 10px 0 0;
line-height: 16px;
position: relative;
display: inline-block;
margin-left: 10px;
}
#footer .gongsi-name a:after {
display: block;
content: "";
position: absolute;
height: 14px;
width: 1px;
background-color: #acacac;
right: 0;
top: 2px;
}
#footer .gongsi-name a:last-child:after {
display: none;
}
#footer a:first-child {
padding-left: 0;
}
#footer a:hover {
color: #fff;
}
#footer .footer-left {
width: 57%;
float: left;
padding-left: 15px;
}
#footer .footer-right {
width: 42%;
float: right;
text-align: left;
/*padding-left:20px;*/
}
#footer .footer-left ul {
/* display: flex;
flex-wrap: wrap; */
}
#footer .footer-left ul li {
margin-right: 0;
padding-top: 5px;
width: 50%;
}
#footer .footer-left ul li i {
width: 36px;
height: 36px;
display: block;
margin-right: 15px;
background-color: #474341;
border-radius: 50%;
float: left;
display: none;
}
#footer .footer-left ul li span {
/* float: left;
width: 80% ;
padding-top: 10px;
*/
display: block;
}
#footer .footer-left ul li i.tel-icon {
background: url(../images/tel-icon.png) no-repeat;
background-size: 36px 36px;
}
#footer .footer-left ul li i.email-icon {
background: url(../images/messages-icon.png) no-repeat;
background-size: 36px 36px;
}
#footer .footer-left ul li i.dizhi-icon {
background: url(../images/dizhi-icon.png) no-repeat;
background-size: 36px 36px;
}
.part2 .footer-left,
.part2 .footer-right {
padding-top: 15px;
}
.ewm-box {
float: right;
margin-left: 10%;
}
.ewm-img {
padding: 5px;
box-sizing: border-box;
width: 90px;
height: 90px;
}
.ewm-box p {
/*padding-left: 10px;*/
text-align: center;
}
.banquan {
/*display: flex;
justify-content: center;*/
text-align: center;
padding: 10px 15px;
box-sizing: border-box;
border-top: 1px solid #767676;
background: #727272;
font-size: 12px;
}
.banquan a {
color: #acac8d
}
/*关于我们二级页面*/
.ziye-aboutbg {
background: url(../images/aboutus-bg.jpg) no-repeat;
background-size: 100% 100%;
}
.gundong {
height: 300px;
padding: 0 15px 15px 0;
overflow-y: scroll;
color: #fff;
}
.ziye-about
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
/*董事长专区*/
.dongshi-pic {
box-shadow: 20px 20px 20px 20px #cecece;
}
.dongshi-pic img {
width: 100%;
height: auto;
}
.dongshi-infor {
height: 400px;
overflow-y: scroll;
color: #666;
padding-right: 15px;
}
.dongshi-infor h4 {
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
color: #333
}
/*发展历程*/
.licheng-container {
margin-top: 30px;
position: relative;
}
.licheng-container:after {
position: absolute;
content: "";
width: 100%;
height: 2px;
background: #27abff;
top: 42px;
}
.licheng-container .swiper-slide .nianfen {
font-size: 18px;
color: #fff;
font-weight: bold;
text-align: center;
}
.licheng-container .swiper-slide .zhishiquan {
width: 13px;
height: 13px;
border: 3px solid #c0c0c0;
border-radius: 50%;
margin: 15px auto 30px;
background: #fff;
}
.licheng-list {
background: #fff;
padding: 15px;
overflow: hidden;
}
.licheng-list ul {
height: 390px;
overflow-y: auto;
}
.licheng-list ul li {
padding: 5px 0;
color: #666
}
.licheng-container {
padding: 0 30px 30px;
}
.licheng-next.swiper-button-next,
.licheng-prev.swiper-button-prev {
top: 55px;
width: 40px;
height: 40px;
}
.licheng-next.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background: url(../images/fazhan-next.png) no-repeat;
}
.licheng-prev.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background: url(../images/fazhan-pre.png) no-repeat;
}
/*资质荣誉*/
.rongyu dl {
margin-bottom: 30px
}
.rongyu dl dt {
font-weight: bold;
float: left;
width: 20%;
color: #333
}
.rongyu dl dd {
float: left;
width: 80%;
}
.gundong::-webkit-scrollbar {
width: 8px;
background: rgba(0, 12, 32, 0.24);
border-radius: 8px;
}
/*定义滚动条轨道 内阴影+圆角*/
.gundong::-webkit-scrollbar-track {
border-radius: 8px;
}
/*定义滑块 内阴影+圆角*/
.gundong::-webkit-scrollbar-thumb {
border-radius: 8px;
-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .8);
background-color: rgba(255, 255, 255, 0.8);
}
/*定义最上方和最下方的按钮*/
.gundong::-webkit-scrollbar-button {
background-color: rgba(255, 255, 255, 0.8);
display: none;
}
.dongshi-infor::-webkit-scrollbar,
.licheng-list ul::-webkit-scrollbar,
.rongyu-list .shijian ul::-webkit-scrollbar {
width: 8px;
background: #f1f1f1;
border-radius: 8px;
}
/*定义滚动条轨道 内阴影+圆角*/
.dongshi-infor::-webkit-scrollbar-track,
.licheng-list ul::-webkit-scrollbar-track,
.rongyu-list .shijian ul::-webkit-scrollbar-track {
border-radius: 8px;
}
/*定义滑块 内阴影+圆角*/
.dongshi-infor::-webkit-scrollbar-thumb,
.licheng-list ul::-webkit-scrollbar-thumb,
.rongyu-list .shijian ul::-webkit-scrollbar-thumb {
border-radius: 8px;
-webkit-box-shadow: inset 0 0 6px rgba(201, 201, 201, .52);
background-color: rgba(201, 201, 201, 0.52);
}
/*定义最上方和最下方的按钮*/
.dongshi-infor::-webkit-scrollbar-button,
.licheng-list ul::-webkit-scrollbar-button,
.rongyu-list .shijian ul::-webkit-scrollbar-button {
background-color: rgba(255, 255, 255, 0.8);
display: none;
}
/*标题居中*/
.xiangmu-title.juzhong .xiangmu-title-left {
float: none;
text-align: center;
}
/*发展历程*/
.fazhan-bg {
background: url(../images/lichengbg.jpg) no-repeat;
background-size: cover;
}
.tuandui-box {
height: 348px;
position: relative;
overflow: hidden;
}
.tuandui-box:hover .tuandui-infor {
bottom: 0;
transition: transform 500ms ease-out;
cursor: pointer;
}
.tuandui-pic {
/* position: absolute;
left: 0;
top: 0; */
display: flex;
justify-content: center;
align-items: center;
}
.tuandui-pic img {
width: 280px !important;
height: 348px !important;
object-fit: cover;
}
.tuandui-infor {
background: rgba(0, 74, 151, 0.9);
padding: 0 15px 15px;
color: #fff;
position: absolute;
bottom: -300px;
left: 0;
width: 100%;
height: 348px;
transition: transform 500ms ease-out;
}
.tuandui-infor-xq {
border-top: 1px solid #e5e5e5;
padding-top: 15px;
}
.tuandui-title {
line-height: 48px;
}
.tuandui-title b {
font-size: 18px;
margin-right: 10px;
}
.tuandui-title span {
font-size: 12px
}
/*荣誉资质*/
.rongyubg {
background: url(../images/rongyubg.jpg) no-repeat;
background-size: cover;
}
.rongyu-box {
background: #fff;
}
.rongyu-list .riqi {
float: left;
font-size: 30px;
color: #da251d;
width: 20%;
line-height: 160%;
position: relative;
}
.rongyu-list .riqi::after {
background: #fff;
width: 16px;
height: 16px;
border-radius: 50%;
display: block;
content: "";
border: 3px solid #da251d;
position: absolute;
right: -21px;
top: 18px;
z-index: 99;
}
.rongyu-list .shijian {
float: left;
border-left: 1px dashed #e5e5e5;
padding-left: 30px;
margin-left: 2%;
width: 78%;
overflow: hidden;
z-index: 1;
}
.rongyu-list .shijian ul {
height: 412px;
overflow: auto;
}
.rongyu-list .shijian ul li {
padding: 10px 15px 10px 0;
color: #666;
}
.rongyu-box {
padding-bottom: 100px;
}
.swiper-button-next.rongyu-next,
.swiper-button-prev.rongyu-prev {
width: 48px;
height: 48px;
background-size: 48px 48px;
top: auto;
bottom: 30px;
left: 30px;
}
.swiper-button-next.rongyu-next {
right: auto;
left: 93px;
}
.rongyu-box .swiper-button-next.rongyu-next,
.swiper-container-rtl .swiper-button-prev.rongyu-prev {
background-image: url(../images/rongyu-next.png);
}
.rongyu-box .swiper-button-prev.rongyu-prev,
.swiper-container-rtl .swiper-button-next.rongyu-next {
background-image: url(../images/rongyu-pre.png);
}
/*二级页面*/
.tab-box {
width: 100%;
margin-top: -45px;
position: relative;
z-index: 99;
}
.tab-box ul {
display: flex;
justify-content: center;
align-items: center;
}
.tab-box ul li {
flex: 1;
text-align: center;
background: #ffffff;
border-right: 1px solid #f2f2f2;
font-size: 16px;
}
.tab-box ul li:last-child {
border-right: none;
}
.tab-box ul li a:hover {
background: #2d8cf0;
color: #fff;
}
.tab-box ul li a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 90px;
color: #333;
}
.tab-box ul li.current {
/*background: #004a97;*/
color: #fff;
background: #3b88d8;
}
.tab-box ul li.current a {
color: #fff
}
.zhaopin-tab ul {
text-align: center;
margin-top: -45px;
position: relative;
z-index: 99;
font-size: 0;
}
.zhaopin-tab ul li {
width: 200px;
height: 90px;
display: inline-block;
background: #fff;
line-height: 90px;
font-size: 16px;
overflow: hidden;
margin: 0;
padding: 0
}
.zhaopin-tab ul li a {
display: block;
color: #333;
}
.zhaopin-tab ul li.current a {
background: #2d8cf0;
color: #fff;
}
.zy-banner {
position: relative;
width: 100%;
min-height: 450px;
overflow: hidden;
}
.zy-banner-img {
width: 100%;
z-index: 1;
overflow: hidden;
}
.zy-banner-img img {
position: relative;
min-height: 450px;
}
.zy-banner-text {
position: absolute;
top: 40%;
z-index: 2;
color: #fff;
width: 100%;
}
.zy-banner-text h4 {
font-size: 36px;
font-weight: bold;
}
.zy-banner-text .container {
padding-left: 30px;
}
.top-fixed-zy {
position: absolute;
background: none;
/* border-bottom: 1px solid rgba(255, 255, 255, 0.32);
*/
}
.navbar.navbar-default {
background: none;
}
.top-fixed-zy .navbar-default .navbar-nav>li>a {
color: #fff;
}
.top-fixed-zy .navbar-default .navbar-nav>.open>a,
.top-fixed-zy .navbar-default .navbar-nav>.open>a:hover,
.top-fixed-zy .navbar-default .navbar-nav>.open>a:focus {
color: #fff;
}
.zhaobiao-list {
background: #fff;
border-bottom: 4px solid #fff;
margin-bottom: 30px;
padding: 15px;
padding-bottom: 20px;
}
.zhaobiao-list h4 {
font-size: 16px;
border-bottom: 1px solid #e5e5e5;
padding: 0 0 20px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.zhaobiao-list .zhaobiao-text {
color: #999;
margin-bottom: 30px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.zhaobiao-time {
color: #999;
}
a.zhaobiao-list {
display: block;
width: 100%;
height: 100%;
}
a.zhaobiao-list:hover {
border-bottom: 4px solid #004a96;
}
/*联系我们*/
.contact-part1 {
background: #fff;
}
.contact-part1-left .bule-text {
font-size: 24px;
color: #203071;
}
.contact-part1-left {
padding-top: 50px;
}
.contact-part1-left p {
padding: 0 0 10px;
}
.gzh p {
color: #999;
padding-left: 15px;
}
.gzh-img {
width: 114px;
height: 114px;
}
.contact-part1-right {
padding-right: 0;
padding-left: 0;
}
/*招聘*/
.zhaopin {
border-bottom: 1px solid #e5e5e5;
}
.zhaopin ul {
flex-wrap: wrap;
}
.zhaopin a {
display: block;
}
.zhaopin a:hover {
background: #f2f2f2;
}
/*搜索页面*/
.sousuo-page ul li a {
float: left;
width: 76%;
color: #333;
}
.sousuo-page ul li a .time {
float: right;
width: 24%;
text-align: right;
}
.sousuo-page ul li {
padding: 15px 0;
}
.sous-xianshi {
font-size: 20px;
font-weight: bold;
margin-bottom: 30px;
}
.sous-xianshi span {
color: #da251d;
text-align: right;
}
/* 行业动态 */
.dongtai-bg {
background: url(../images/news-bg.png) no-repeat;
}
.dongtai-bg .section-header .section-title {
color: #fff;
}
.dongtai-bg .section-header p {
color: rgba(255, 255, 255, 0.1);
}
.news-list ul li a {
border: 1px solid #e5e5e5;
display: block;
transition: all 0.5s ease 0s;
}
.news-list a.more {
color: #333;
}
.news-list ul li a img {
transition: all 1s ease 0s;
}
.news-list ul li a:hover img {
-webkit-transform: scale(1.2);
transition: all 1s ease 0s;
}
.news-list ul li a:hover {
box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.1);
margin-top: -10px;
transition: all 0.5s ease 0s;
}
.news-list-text {
padding: 20px 15px;
background: #fff;
}
.news-list-text p {
color: #333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-list-text .time {
color: #999;
}
ul.tab {
display: flex;
justify-content: center;
margin-bottom: 70px;
}
ul.tab li {
background: #fff;
color: #333;
height: 50px;
line-height: 50px;
width: 180px;
text-align: center;
font-size: 16px;
margin: 0 15px;
cursor: pointer;
}
ul.tab li.current {
background: #e39e24;
color: #fff;
text-align: center;
font-weight: bold;
}
.news-img {
height: 230px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.game-img {
display: flex;
justify-content: center;
align-items: center;
}
/* c成功案例 */
.case .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 300ms;
transform: scale(0.8);
}
.case .swiper-slide-active,
.case .swiper-slide-duplicate-active {
transform: scale(1);
}
/***********************
********* 关于我们页面 ******
************************/
.banner-text h4 {
font-size: 3.6rem;
font-weight: bold;
color: #fff;
margin: 0;
}
.banner-text p {
font-size: 1.6rem;
color: #fff;
margin-top: 10px;
}
/* 荣誉列表 */
.rongyu-list {
margin-bottom: 30px;
}
.rongyu-list a {
transition: all 0.5s ease 0s;
width: 100%;
height: auto;
}
.rongyu-list a:hover {
box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.1);
background-color: #f30;
transition: all 0.5s ease 0s;
}
.rongyu-text {
margin-top: 15px;
color: #333;
height: 26px;
line-height: 26px;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
text-overflow: ellipsis;
}
.rongyu-img {
height: 230px;
overflow: hidden;
background-color: #f2f2f2;
justify-content: center;
align-items: center;
display: flex;
}
.rongyu-img img {
transform: scale(1);
transition: all 1s;
}
.rongyu-img.zizhi-img {
height: 500px;
}
.rongyu-list a:hover .rongyu-img img {
transform: scale(1.2);
}
.rongyu-list a:hover .rongyu-text {
color: #004a96;
}
.rongyu-img img {
object-fit: fill;
height: 314px;
overflow: hidden;
}
/* 新闻列表 */
.news-list {
margin-bottom: 30px;
}
.news-list a {
display: block;
border: 1px solid #e5e5e5;
}
.news-text {
padding: 15px;
}
.news-text h4 {
font-size: 1.6rem;
color: #333;
line-height: 140%;
height: 22px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-top: 0;
}
.news-text p {
font-size: 1.4rem;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
min-height: 44px;
}
.game-text p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
min-height: 44px;
}
.news-text .time {
color: #999;
margin-bottom: 10px;
margin-top: 10px;
}
.news-text .arrow {
background: url(../images/arrow.png) no-repeat;
width: 31px;
height: 15px;
text-align: right;
float: right;
margin-top: 5px;
margin-bottom: 10px;
}
.news-img {
height: 21rem;
overflow: hidden;
}
.news-img img {
transition: all 0.4s ease 0s;
}
.news-list a:hover .news-img img {
transform: scale(1.2);
transition: all 0.4s ease 0s;
}
.news-list a:hover {
box-shadow: 2px 5px 10px 5px rgba(0, 0, 0, 0.2);
}
/* 详情页 */
.xq-box {
padding-top: 20px;
background: ##f4f8fa;
}
.zy-nav {
width: 100%;
height: 40px;
line-height: 40px;
color: #666;
background: url(../images/home-icon.png) no-repeat left center;
padding-left: 40px;
padding-bottom: 10px;
}
.zy-nav a {
color: #666;
}
.xq {
margin-top: 15px;
min-height: 500px;
}
.xq h2 {
font-size: 3.0rem;
font-weight: bold;
}
.xq .time {
color: #999;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 10px;
padding-top: 10px;
}
.xq-content {
padding: 15px;
color: #000;
min-height: 200px;
}
/* 招聘详情 */
.zhaopin-box {
margin-bottom: 10px;
color: #666;
padding: 10px;
}
.zhaopin-box h4 {
color: #000;
font-size: 14px;
}
.zhaopin-infor ul li {
width: 50%;
float: left;
line-height: 26px;
}
.zhaopin-infor ul {
margin-top: 10px;
}
.zhaopin-box:first-child {
background: #f2f2f2;
}
.zhaopin-infor ul li a {
color: #0267d0;
}
.xq-bottom {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
border-top: 1px solid #e5e5e5;
padding-top: 10px;
margin-top: 15px;
}
.xq-bottom>div {
padding-left: 2%;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
color: #999;
width: 50%;
}
.xq-bottom>div a {
color: #999
}
.xq-bottom>div a:hover {
color: rgba(73, 160, 237, 0.8);
}
/* 联系我们 */
.contact-list {
border-top: 1px solid #e8e8e8;
box-sizing: border-box;
border-left: 1px solid #e8e8e8;
box-sizing: border-box;
}
.contact-list li {
float: left;
padding: 40px 15px;
width: 25%;
text-align: center;
border-bottom: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
box-sizing: border-box;
}
.contact-list li i {
width: 8rem;
height: 8rem;
display: block;
margin: 0 auto;
}
.contact-text {
margin-top: 15px;
color: #666;
}
.contact-text p {
height: 40px;
margin-top: 10px;
}
/* 合作意向 */
.hezuo-from ul li {
margin-bottom: 20px;
}
.hezuo-from ul li input[type=text] {
width: 100%;
background-color: #f0f0f0;
height: 48px;
line-height: 48px;
padding: 0 15px;
border: none;
outline: nnon;
}
.hezuo-from ul li textarea {
width: 100%;
height: 184px;
background-color: #f0f0f0;
border: none;
outline: nnon;
padding: 10px;
text-indent: 20px;
}
.hezuo-from ul li input[type=button],
.hezuo-from ul li input[type=submit] {
width: 100%;
background-color: #da251d;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
border: none;
outline: none;
font-size: 1.6rem;
}
/* 天元在全国 */
.jieshao {
width: 60%;
margin: -30px auto 20px;
line-height: 180%;
text-align: center;
}
.fenbutu {
display: flex;
justify-content: center;
}
/* 关于我们导航 */
.zy-menu {
width: 100%;
border: 1px solid #e5e5e5;
height: 60px;
text-align: center;
}
.zy-menu ul li {
display: inline-block;
text-align: center;
cursor: pointer;
width: 14%;
line-height: 60px;
box-sizing: border-box;
}
.zy-menu ul li a {
display: block;
}
.zy-menu ul li.current,
.zy-menu ul li:hover,
.zy-menu ul li.current a,
.zy-menu ul li a:hover {
background-color: #49a0ed;
color: #fff;
font-size: 16px;
}
.zy-aboutus {
width: 100%;
}
.zy-aboutus .about-img {
float: left;
width: 500px;
height: 330px;
overflow: hidden;
margin: 0 30px 0 0;
}
.zy-aboutus p {
text-indent: 2em;
margin-bottom: 20px;
line-height: 160%;
}
.jianjie-left.zy-jianjie-left {
background-color: #f9f9f9;
box-sizing: border-box;
margin-bottom: 30px;
}
.jianjie-left.zy-jianjie-left ul {
width: 100%;
margin-top: 30px;
margin-left: 0;
background: none;
padding: 30px 0 30px 30px;
box-sizing: border-box;
}
/* 发展历程 */
.fazhan-list-box {
width: 100%;
padding: 0 30px;
box-sizing: border-box;
padding-top: 30px;
}
.fazhan-list {
display: flex;
}
.date {
width: 15%;
color: #0068b7;
font-size: 36px;
font-weight: bold;
display: flex;
align-items: center;
text-align: right;
margin-right: 10px;
}
.dian {
border-left: 1px solid #d2d2d2;
position: relative;
width: 30px;
height: 160px;
}
.dian .quan {
width: 20px;
height: 20px;
border: 3px solid #0068b7;
box-sizing: border-box;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 50%;
left: -10px;
margin-top: -10px;
}
.fanzhan-text {
height: 110px;
border: 1px solid #e5e5e5;
background-color: #fbfbfb;
display: flex;
align-items: center;
padding: 30px;
box-sizing: border-box;
position: relative;
width: calc(85% - 70px);
margin-left: 30px;
border-radius: 5px;
margin-top: 25px;
}
.fanzhan-text::after {
display: block;
position: absolute;
left: -10px;
top: 50%;
content: "";
margin-top: -5px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #e5e5e5;
width: 0;
height: 0;
}
/* 董事致辞 */
.zhici-content {
display: flex;
}
.zhici-content .zhici {
width: 60%;
}
.zhici-content .zhici p {
text-indent: 2em;
}
.dongshi {
margin-left: 30px;
box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.4);
height: 423px;
overflow: hidden;
background-color: #f30;
}
.dongshi img {
width: 100%;
}
/****************** 子页面文章列表 *******************/
.zy-news-list {
width: 100%;
}
.zy-news-list ul li {
padding: 30px 15px;
border-bottom: 1px solid #e5e5e5;
}
.zy-news-list ul li:hover {
/*background-color: #f5f5f5;*/
background-color: #fff;
}
.zy-news-list ul li a {
display: block;
width: 100%;
height: 100%;
display: flex;
}
.zy-news-list ul li .news-img {
width: 22%;
height: 150px;
overflow: hidden;
margin-right: 3%;
background-color: #f2f2f2;
}
.zy-news-list ul li .news-img img {
width: 100%;
}
.zy-news-list .news-right {
width: calc(75% - 114px);
}
.zy-news-list ul li a .news-right h4 {
color: #060606;
font-size: 16px;
}
.zy-news-list .news-right h4 {
text-overflow: ellipsis;
height: 20px;
white-space: nowrap;
overflow: hidden;
margin-top: 0;
}
.zy-news-list ul li a .news-right p {
color: #666;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin: 15px 0;
}
.zy-news-list ul li a .news-right span {
display: block;
color: #999;
}
.zy-news-list ul li .arrow {
width: 48px;
height: 48px;
background-color: #cccccc;
font-size: 30px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-left: 30px;
}
.fenye {
width: 100%;
padding: 20px 0 0;
text-align: center;
margin-top: 30px;
}
.fenye span.current {
background-color: #e70005;
color: #fff;
border: none;
}
a.fanye {
padding-left: 30px;
padding-right: 30px;
}
/* 校园招聘 */
.zhaopin ul {
/*display: flex;
justify-content: center;
align-items: center;*/
width: 100%;
margin: 0 auto;
padding: 20px 0;
color: #666;
}
.zhaopin.zhaopin-title {
font-weight: bold;
border-bottom: 1px solid #dadada;
color: #fff;
background-color: #e6e6e6;
font-size: 15px;
}
.zhaopin ul>li {
/* flex: 1;*/
padding: 0 20px;
box-sizing: border-box;
text-align: center;
width: 20%;
float: left;
}
.zhaopin ul>li:first-child {
width: 25%;
text-align: left;
}
.zhaopin ul>li:last-child {
width: 15%;
}
.zp-xiangqing {
background: #fff;
padding: 15px 30px;
}
.zp-xiangqing h4 {
font-size: 14px;
color: #333;
margin-bottom: 20px;
}
.zp-yaoqiu {
color: #666;
}
/*业务能力 */
.fuwu-box .fuwu-title {
color: #333;
font-size: 36px;
text-align: center;
margin-bottom: 70px;
}
.fuwu-tab {
display: flex;
justify-content: center;
color: #fff;
font-size: 18px;
flex-wrap: wrap;
}
.fuwu-tab li {
display: flex;
justify-content: center;
align-items: center;
flex: 1;
height: 190px;
margin-right: 20px;
background-color: #ef9737;
}
.fuwu-tab li:nth-child(2n) {
background-color: #5ca9ed;
}
.fuwu-tab li:last-child {
margin-right: 0;
}
/*控股公司*/
.konggugs p {
text-align: center;
padding: 10px 0;
color: #666;
}
.gongsi-img {
width: 100%;
overflow: hidden;
}
.gongsi-img img {
transition: all 1s;
transform: scale(1.0);
}
.konggugs a:hover .gongsi-img img {
transition: all 1s;
transform: scale(1.2);
}
.konggugs a:hover p {
color: #db261d
}
/*企业文化*/
.wenhua-list {
background: #f2f2f2;
padding: 30px 30px;
margin-bottom: 30px;
}
.wenhua-list .wenhua-icon {
width: 60px;
height: 60px;
margin-bottom: 24px;
}
.wenhua-list h4 {
font-size: 24px;
padding-bottom: 24px;
position: relative;
margin-bottom: 24px;
font-weight: bold;
}
.wenhua-list h4:after {
content: "";
display: block;
width: 40px;
height: 2px;
background: #da251d;
position: absolute;
bottom: 0;
}
.wenhua-list p {
color: #666;
height: 90px;
font-size: 16px;
;
}
.wenhua-list:hover {
transition: all 0.8s ease 0s;
transform: translate(0, -10px);
-webkit-transform: translate(0, -10px);
-moz-transform: translate(0, -10px);
-o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
box-shadow: 0px 5px 15px #999;
}
.fengongsi .biaoti {
margin-bottom: 5px;
font-size: 15px;
padding-left: 10px;
}
/* 集团简介 */
.jituanjianjie .jianjie-img {
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
.jituanjianjie .jianjie-text p {
text-indent: 2em;
}
/* 团队照片 */
.zy-news-list ul li .news-img.tuandui-img {
/* width: 100%; */
height: 176px;
width: 156px;
}
.zy-news-list .news-right.tuandui-right {
width: calc(97% - 156px);
}
.zy-news-list .news-right.tuandui-right h4 .renyuan,
.zy-news-list .news-right.tuandui-right h4 .zhiwei {
float: left;
}
.zy-news-list .news-right.tuandui-right h4 .renyuan {
margin-right: 10px;
font-weight: bold;
font-size: 18px;
}
.zy-news-list .news-right.tuandui-right h4 .zhiwei {
color: #666;
}
/* 发展历程时间轴 */
.shijianzhou {
width: 100%;
}
.shijianzhou .shijian-box {
background: #f7f9fb;
border-radius: 5px;
height: 90px;
line-height: 90px;
overflow: hidden;
}
.shijian-gundong {
overflow-x: scroll;
overflow-y: hidden;
display: -webkit-box;
}
.shijian-gundong ul {
height: 75px;
}
.shijian-gundong ul li {
display: inline-block;
text-align: center;
width: 120px;
cursor: pointer;
font-size: 18px;
color: #666;
font-weight: bold;
cursor: pointer;
}
.shijian-gundong ul li.current {
color: #e90b19;
font-weight: bold;
position: relative;
}
.shijian-gundong ul li.current:after {
content: "";
display: block;
width: 20px;
height: 4px;
background: #ff0000;
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -10px;
}
.shijianzhou-list {
margin: 30px 30px;
}
.shijanzhou-left {
float: left;
width: 10%;
font-size: 18px;
font-weight: bold;
margin-top: 15px;
}
.shijianzhou-right {
float: right;
width: 90%;
}
.fazhanlicheng-list {
position: relative;
}
.fazhanlicheng-list>div {
float: left;
}
.fazhanlicheng-list>div.riqi {
width: 5%;
padding: 15px 15px 15px 0;
text-align: right;
box-sizing: border-box;
}
.fazhanlicheng-list>div.neirong {
padding: 15px;
background: #f6f6f6;
width: 90%;
box-sizing: border-box;
text-align: left;
}
.fazhanlicheng-list>div.jiedian {
width: 2px;
background-color: #f6f6f6;
height: 80px;
margin-right: 30px;
position: relative;
}
.fazhanlicheng-list>div.jiedian:before {
content: "";
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
background: #004a98;
position: absolute;
left: -7px;
top: 16px;
border: 1px solid #f8f8f8;
}
/*董事长专区*/
/*董事长图片*/
.dsz-img-box {
margin-bottom: 15px;
}
.dsz-img {
width: 100%;
background: #fff;
margin-bottom: 5px;
height: 156px;
overflow: hidden;
}
.dsz-img img {
width: 100%
}
/*董事长荣誉*/
.dsz-rongyu-list {
padding: 20px 20px 15px;
background: #f7f9fb;
}
.dsz-rongyu-list .dsz-rongyu-year {
float: left;
font-size: 16px;
font-weight: bold;
color: #005bb7;
width: 15%
}
.dsz-rongyu-list ul {
float: left;
width: 85%;
}
.dsz-rongyu-list:nth-child(2n) {
background: #fff;
}
/* 发展历程 发展荣誉 */
.event_box {
width: 100%;
margin: 3% auto 0;
position: relative;
min-height: 420px;
}
.event_box .parHd {
width: 100%;
display: inline-block;
height: 92px;
overflow: hidden;
background: #f7f9fb;
border-radius: 5px;
}
.parHd ul {
text-align: center;
margin: 0 auto;
padding-top: 25px !important;
width: 200%;
position: relative;
overflow: hidden;
padding: 0px;
margin: 0px;
}
.parHd .tempWrap {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 80%;
}
.parHd .tempWrap:after {
content: '';
width: 90%;
height: 1px;
background: #e5e5e5;
position: absolute;
right: 5%;
top: 35%;
z-index: 10;
}
.parHd li.no_line:before {
display: none;
}
.parHd li {
display: inline-block;
cursor: pointer;
padding-top: 30px;
font-size: 16px;
color: #000;
margin: 0 30px;
position: relative;
width: 80px;
}
.parBd {
text-align: center;
margin-top: 35px;
}
div#listBox {
width: 100%;
}
.sPrev,
.sNext {
width: 30px;
height: 30px;
display: block;
position: absolute;
top: 30px;
}
.sPrev {
left: 2%;
}
.sNext {
right: 2%;
}
.sPrev img,
.sNext img {
transition: all .6s cubic-bezier(.51, 1.1, .9, .95);
-moz-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);
-webkit-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);
-o-transition: all .6s cubic-bezier(.51, 1.1, .9, .95);
}
.parHd li span {
display: block;
width: 18px;
height: 18px;
overflow: hidden;
background: #999;
position: absolute;
top: -9px;
left: 32px;
z-index: 21;
border-radius: 50%;
}
.parHd li.act span {
display: block;
background: #da251d;
}
.parHd li.act {
color: #da251d;
font-weight: bold;
}
/***********************
********* 响应式 ******
************************/
@media (max-width: 768px) {
.rongyu-list .riqi{font-size: 16px; padding-top: 12px;}
.tuandui-title b{font-size:14px ;}
.zy-news-list ul li a .news-right h4{ font-size: 14px; }
.aboutimg{ width: 100%; float: none; height: auto;}
.shuzi-list{ float: none; width: 100%; display: flex; justify-content: space-between; align-items: center; }
.shuzi-list li { border-bottom: none; }
.touzi-left-text{ padding: 15px;}
.touzi-right li{ width: 25%; height: auto;}
.touzi-left{ height: auto;}
.touzi-right li span{ display: none;}
.dsz-rongyu-list .dsz-rongyu-year {
width: 20%
}
.dsz-rongyu-list ul {
float: left;
width: 80%;
}
.toutiao{ margin-bottom: 15px;}
.touzi-right li i{ margin-top: 10px;}
.touzi-left-text h4{ padding-top: 22px;}
.touzi-left-text .jiantou{ margin-top: 20px;}
.dsz-img {
height: 106px;
}
.fazhanlicheng-list>div.riqi {
width: 20%;
}
.shijianzhou-list {
margin-left: 0;
margin-right: 0
}
.fazhanlicheng-list>div.neirong {
width: 70%
}
.shijanzhou-left {
display: none;
}
.shijianzhou-right {
width: 100%;
}
.tuandui-pic img {
width: 280px !important;
height: 348px !important;
object-fit: cover;
}
.yaowen-list ul li p {
font-size: 14px;
}
.jianjie-list {
margin-bottom: 20px;
}
.jianjie-list li .tubiao,
.jianjie-list li .text-infor {
margin: 0 auto;
float: none;
text-align: center;
}
.zhaopin-infor ul li {
float: none;
}
.xq h2 {
font-size: 2.0rem;
margin-top: 0;
}
.swiper-container.swiper-container-yaowen {
height: 160px;
}
.ziye-aboutbg {
background-size: 200% 100%;
}
.swiper-button-next-xiangmu.swiper-button-next,
.swiper-button-prev-xiangmu.swiper-button-prev {
display: none;
}
/* 9.22新增 */
.toutiao h2 {
padding: 0 10px 0 55px;
font-size: 18px;
}
.tutiao-icon {
width: 46px;
height: 48px;
font-size: 14px;
font-weight: normal;
padding-top: 0;
}
/* .yaowen-title .left h4,
.xiangmu-title .xiangmu-title-left h4 {
font-size: 24px;
margin-bottom: 0;
} */
.yaowen-title .left span,
.xiangmu-title .xiangmu-title-left p {
font-size: 12px
}
.shuzi-list li b {
font-size: 18px;
}
.shuzi-list li {
padding: 10px 0;
}
.shuzi-list li span {
margin-top: 0;
line-height: 19px;
}
.tuandui-box {
margin-bottom: 30px
}
.zy-banner-img {
width: 150%
}
.zy-banner-img img {
min-height: 270px;
}
.zy-banner {
min-height: 270px;
}
/*子页面tab菜单*/
.tab-box {
margin-top: -30px;
}
.tab-box {
width: 100%;
overflow-y: scroll;
}
.tab-box ul {
width: 200%;
}
.tab-box ul li {
font-size: 14px;
}
.tab-box ul li a {
height: 60px;
}
/* 详情 */
.xq-bottom {
flex-direction: column;
}
/* 校园招聘 */
.zhaopin {
width: 100%;
padding: 10px 0;
}
.zhaopin-tab {
margin-top: -30px;
}
.zhaopin-tab ul li {
width: 130px;
height: 60px;
line-height: 60px;
}
.zhaopin ul {
padding: 10px 0;
}
.zhaopin ul>li {
text-align: left;
}
.zhaopin ul>li {
width: 33.3%;
color: #999
}
.zhaopin ul>li:first-child,
.zhaopin ul>li:last-child {
width: 100%;
}
.zhaopin ul>li:first-child {
font-size: 16px;
margin-bottom: 5px;
color: #333
}
.zhaopin-title {
display: none;
}
.zy-banner-text h4 {
font-size: 24px;
margin-bottom: 0;
}
/* 版权 */
.banquan {
text-align: left;
}
/* 顶部搜索 */
.search {
position: absolute;
top: 0;
right: 80px;
}
.search i {
background-size: 24px 24px;
}
.search .input {
position: fixed;
left: 0;
width: 100%;
top: 0;
padding: 0 15px 0 0;
box-sizing: border-box;
}
.navbar-default .navbar-collapse {
margin-top: 0;
}
.navbar-collapse {
z-index: 9;
}
.navbar-nav {
float: none;
background: #fff;
}
.top-fixed-zy .navbar-default .navbar-nav>li>a {
color: #333;
}
.top-fixed-zy .navbar-default .navbar-nav>.open>a,
.top-fixed-zy .navbar-default .navbar-nav>.open>a:hover,
.top-fixed-zy .navbar-default .navbar-nav>.open>a:focus {
color: #333
}
.nav>li {
text-align: center;
}
.navbar-brand img {
width: 80%;
}
.footer-bottom span {
display: none;
}
.footer-bottom p {
text-align: center;
}
/* 公共样式 */
.padding-top {
padding: 25px 0 0;
}
.padding-bottom {
padding-bottom: 25px;
}
.footer_fix {
display: none;
}
.homepage {
padding-bottom: 0;
}
/* 标题 */
.section-header {
height: 70px;
}
.section-header .section-title {
font-size: 24px;
top: 16px
}
.section-header p {
font-size: 28px;
}
/* 新闻 */
.news-list ul li a {
margin-bottom: 30px;
}
ul.tab {
margin-bottom: 35px;
}
ul.tab li {
margin: 0 5px;
}
/* 底部 */
#footer .footer-left {
width: 100%;
float: none;
}
#footer .footer-right {
width: 100%;
float: none;
text-align: left;
}
.footer-left ul {
margin-bottom: 10px;
}
#footer .footer-left ul {
flex-direction: column;
}
#footer .footer-left ul li {
margin: 0;
padding: 0;
width: 100%;
float: none;
/*border-bottom: 1px solid #2d2d2d;*/
}
#footer .footer-left ul li:first-child {
width: 100%
}
#footer .footer-left ul li span,
#footer .footer-left ul li span a {
font-size: 14px;
position: relative;
}
#footer .footer-left ul li span i {
position: absolute;
right: 0;
top: 0;
display: block;
content: "";
width: 10px;
height: 10px;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
transform: rotate(135deg);
transition-duration: 0.5s;
}
#footer .footer-left ul li span i.active {
display: block;
float: right;
content: "";
width: 10px;
height: 10px;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
transform: rotate(315deg);
transition-duration: 0.5s;
}
.footer-left ul li a {
font-size: 12px;
line-height: 26px;
}
#footer .footer-right {
border: none;
padding: 10px 0 10px;
}
.ewm-box {
display: none;
}
.sanji-list {
display: none;
padding: 10px 0 0;
}
.fengongsi {
flex-direction: column;
}
.fengongsi .gongsi-name {
font-size: 14px;
}
.fengongsi .gongsi-name a {
margin-left: 0;
}
/* 子页面 */
.zy-menu {
height: 40px;
}
.zy-aboutus .about-img {
width: 100%;
float: none;
}
.zy-menu-box {
width: 100%;
overflow: hidden;
height: 40px;
}
.zy-menu ul {
overflow-x: scroll;
white-space: nowrap;
}
.zy-menu ul li {
width: 100px;
word-wrap: normal;
height: 40px;
line-height: 40px;
}
.zy-aboutus .about-img {
height: auto;
margin-bottom: 30px;
}
.date {
font-size: 16px;
}
.fanzhan-text {
padding: 15px;
margin-left: 15px;
width: calc(85% - 55px);
}
/* 子页面公司新闻 */
.zy-news-list ul li {
padding: 15px 0;
}
.zy-news-list ul li .news-img {
width: 37%;
height: 100px;
}
.zy-news-list .news-right {
width: 60%;
}
.zy-news-list ul li .arrow {
display: none;
}
/* 荣誉资质 */
.rongyu-img {
height: 110px;
}
.rongyu-img img {
object-fit: fill;
height: 200px;
overflow: hidden;
}
.rongyu-list {
margin-bottom: 15px;
}
.rongyu-img.zizhi-img {
height: 200px;
}
}
@media (min-width: 1440px) {
.container {
width: 1200px;
}
.nav>li>a {
padding: 25px 20px;
}
}
@media (min-width: 1680px) {
/* .container {
width: 1440px;
} */
.html {
font-size: 72.5%;
}
}