* { 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%; } }