/* 全局样式 */
html,
div,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
table,
body,
tr,
th,
td,
input,
textarea,
select,
option,
span,
a,
strong,
i,
img,
form,
p {
padding: 0;
margin: 0;
}
a {
text-decoration: none; /*清除下划线*/
color: #515151;
font-size: 14px;
}
li {
list-style: none; /*清除列表样式*/
}
input {
outline: none; /*清除外部边框*/
}
a img {
border: 0;
} /*清除IE带有链接的图片多余边框*/
body {
font-size: 14px;
font-family: "微软雅黑";
color: #515151;
background: #fff;
min-width: 1900px;
width: 100%;
}
.clearFloat {
zoom: 1;
} /*针对IE6,IE7*/
.clearFloat:after {
content: "";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.fl {
float: left;
}
.fr {
float: right;
}
.justify-align {
display: flex;
justify-content: space-between;
align-items: center;
}
.left-justifying {
display: flex;
justify-content: flex-start;
align-items: center;
}
.content-center {
display: flex;
justify-content: center;
align-items: center;
}
/*全局样式结束*/
/* 导航 */
.center {
width: 1200px;
margin: 0 auto;
}
.top-wrapper {
position: relative;
}
.top-wrapper-content {
position: relative;
z-index: 300;
}
.top-wrapper-bg {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 1000px;
background: url(../images/sp-zz.png);
z-index: 10;
}
.top-box {
height: 29px;
line-height: 29px;
background: #0000002e;
}
.top-conter-nav {
text-align: right;
}
.top-conter-nav a {
display: inline-block;
padding-right: 20px;
font-size: 12px;
position: relative;
color: #b1bfd0;
z-index: 200;
}
.top-conter-nav a::after {
position: absolute;
right: 8px;
top: 25%;
content: "";
height: 13px;
width: 1px;
background-color: #b1bfd0;
}
.top-conter-nav a:last-child::after {
height: 0;
}
/*header*/
a,
#subNav_box,
#subNav_box .item,
.header .h_seek_btn,
.id_index1 #banner .baner_btn,
.i_news .par_hd li,
.i_join img,
.i_charity img,
.i_join img,
.i_charity img,
.about3 .vdo_wr1 .le img,
.video_list .pic img,
.about3 .vdo_wr1 .shade .btn,
.video_list .pic .shade .btn,
.video_list .txt p,
.about5 .w_left .hd li,
.news_strong .pic img,
.news_list .pic img,
.news_strong .pic .shade,
.news_list .pic .shade,
.news_strong a *,
.news_list .ul a *,
.news_list .ul a:after,
.newrelated .strong .shade,
.newrelated .strong img,
.newrelated .txt .title,
.news4_list .ul .til,
.news4 .dl_wr dd .til,
.strategy-c .part1 .item .txt,
.strategy-c .part1 .item .hid,
.strategy-c .part2 .ul img,
.strategy .w_lump2 li .txt,
.strategy4 .slide2 .bd a:after,
.st4_tab .bd li .pic:after,
.st4_tab .bd li .txt,
.social2 .w_lump1 .txt .cn,
.social2 .w_lump1 .pic,
.news_list .ul a.not .txt:after,
.c_more:before,
.c_more:after,
.strategy_d .w_lump2 .box * {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.i_join:hover img,
.i_charity:hover img,
.about3 .vdo_wr1 .le:hover img,
.video_list .ul a:hover .pic img,
.news_strong a:hover .pic img,
.news_list .ul a:hover .pic img,
.newrelated .strong a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}
.header-wrapper {
position: relative;
height: 60px;
left: 0;
top: 0;
width: 100%;
z-index: 188;
}
.header-wrapper2 {
height: 60px;
left: 0;
top: 0;
width: 100%;
z-index: 188;
position: fixed;
background: rgba(0, 14, 59, 0.7);
}
.header-wrapper2 .header .h_right .nav li a {
color: #ffffff;
}
.header-wrapper .header {
position: relative;
z-index: 30;
height: 60px;
width: 1200px;
margin: 0 auto;
}
.header-wrapper2 .header {
position: relative;
z-index: 30;
height: 60px;
margin: 0 auto;
color: #ffffff;
}
.header .header_logo {
width: 216px;
height: auto;
display: block;
}
.header .h_right {
float: right;
}
.header .h_right .nav {
float: left;
font-size: 0;
letter-spacing: -4px;
}
.header .h_right .nav li {
line-height: 60px;
height: 60px;
margin: 0 25px;
float: left;
position: relative;
z-index: 992;
letter-spacing: normal;
}
.header .h_right .nav li:last-child {
margin-right: 20px;
}
.header .h_right .nav li a {
color: #fff;
font-size: 16px;
display: inline-block;
}
/* .header .h_right .nav li a.active::after{
position: absolute;
right: 50%;
bottom: 0;
content: "";
height: 2px;
width: 12px;background-color: #fff;
} */
.header-wrapper .active::after {
position: absolute;
left: 50%;
bottom: 9px;
content: "";
height: 3px;
margin-left: -11px;
width: 22px;
background-color: #fff;
}
.header-wrapper2 .active::after {
position: absolute;
left: 50%;
bottom: 9px;
content: "";
height: 3px;
margin-left: -11px;
width: 22px;
background-color: #ffffff;
}
.header-wrapper .header .h_right .nav li.on a {
color: #fff;
/* border-bottom: 2px solid #fff;
padding-bottom: 9px; */
font-weight: bold;
position: relative;
}
.header-wrapper2 .header .h_right .nav li.on a {
color: #ffffff;
/* border-bottom: 2px solid #fff;
padding-bottom: 9px; */
font-weight: bold;
position: relative;
}
#subNav_box {
position: absolute;
left: 0;
bottom: 0;
height: 60px;
width: 100%;
}
#subNav_box.on {
bottom: -60px;
}
.header-wrapper #subNav_box .cnt {
position: relative;
max-width: 1920px;
margin: 0 auto;
height: 60px;
}
.header-wrapper2 #subNav_box .cnt {
position: relative;
max-width: 1920px;
margin: 0 auto;
height: 60px;
/*background: url(../images/header_navbarbg.png);*/
background: rgba(0, 14, 59, 0.6);
}
#subNav_box .item {
position: absolute;
top: -60px;
}
#subNav_box .item.curr,
#subNav_box .item:hover {
top: 0;
}
.header-wrapper #subNav_box .item a {
float: left;
padding: 0 20px;
font-size: 14px;
color: #fff;
line-height: 60px;
opacity: 0.8;
filter: alpha(opacity=70);
position: relative;
}
.header-wrapper2 #subNav_box .item a {
float: left;
padding: 0 20px;
font-size: 14px;
color: #ffffff;
line-height: 60px;
opacity: 0.8;
filter: alpha(opacity=70);
position: relative;
}
#subNav_box .item a::after {
position: absolute;
right: 0;
top: 50%;
content: "";
margin-top: -6px;
height: 13px;
width: 1px;
background-color: #b1bfd0;
}
#subNav_box .item a:last-child::after {
height: 0;
}
#subNav_box .item a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
#subNav_box .g-wrap {
position: relative;
height: 100%;
margin: 0 auto;
overflow: hidden;
}
.seek_popup_wr {
display: none;
position: fixed;
z-index: 25;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.seek_popup_wr .bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.8;
filter: alpha(opacity=80);
}
.seek_popup_wr.on {
display: block;
-webkit-animation-name: bigToLittle;
animation-name: bigToLittle;
}
.shop-qrcode-box-dd {
position: absolute;
z-index: 999;
top: 59px;
right: 295px;
display: none;
}
#wx-xiaocx {
right: 205px;
display: none;
}
.pdd-hover:hover .shop-qrcode-box-dd {
display: block;
}
.shop-qrcode-box-dd .shop-qrcode-box-dd-content {
padding: 20px 20px;
background: rgba(0, 0, 0, 0.74);
color: #ffffff;
border-radius: 20px;
text-align: center;
position: relative;
}
.shop-qrcode-box-dd .shop-qrcode-box-dd-content::after {
position: absolute;
top: -19px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
content: "";
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 20px solid #060912;
}
.shop-qrcode-box-dd img {
width: 155px;
height: 155px;
display: inline-block;
}
.shop-qrcode-box-dd .qrcode-txt {
width: 155px;
text-align: center;
margin: 10px auto 0;
line-height: 25px;
}
/* 导航结束 */
/* 视频 */
.box-content {
position: absolute;
width: 100%;
height: 1000px;
left: 0;
top: 0;
}
.box-content .column-slogan {
position: absolute;
width: 100%;
text-align: center;
bottom: 10px;
color: #fff;
height: 100%;
z-index: 1;
}
.container {
margin: 0 auto;
}
.about-img-top {
width: 100%;
height: auto;
position: relative;
margin-top: -108px;
z-index: 99;
vertical-align: bottom;
}
.column-stage {
height: 1000px;
position: relative;
}
#video-box {
visibility: visible;
width: 100%;
height: auto;
object-fit: cover;
height: 1000px;
/*opacity: 0.8;*/
}
.banner-fix-box {
width: 100%;
height: 100%;
position: absolute;
left: 0%;
top: 60px;
z-index: 80;
text-align: center;
color: #fff;
}
.banner-fix {
width: 100%;
height: auto;
display: block;
}
/* 视频结束 */
/*右边二维码*/
.right-qrcode-box {
position: absolute;
right: 30px;
width: 104px;
top: 100px;
background: linear-gradient(0deg, #04429d 0%, #1c67d4 100%);
border-radius: 5px;
z-index: 999;
text-align: center;
color: #ffffff;
}
.right-qrcode-box .qr-code-item {
padding: 10px 0;
border-bottom: 1px solid #aac5ca;
}
.right-qrcode-box .qr-code-item .qr-code-name {
padding-bottom: 5px;
}
/* 新闻媒体 */
.new-top {
padding-top: 20px;
}
.news-box {
padding-bottom: 40px;
margin-top: -100px;
position: relative;
z-index: 90;
background-color: #fff;
height: 580px;
}
.new-top .lf-title h5 {
font-size: 36px;
color: #004ab6;
}
.new-top .lf-title .title-des {
font-size: 18px;
color: #004ab6;
}
.news-nav-rt {
font-size: 14px;
}
.news-nav-rt .news-li {
width: 150px;
cursor: pointer;
margin-left: 20px;
text-align: center;
}
.active-li {
}
.active-li span {
background: #004ab6;
padding: 10px;
color: #fff;
font-size: 16px;
display: inline-block;
}
.first-news-list-ul .first-news-list-ul-li a {
display: block;
}
/* .fist-img-lf{
width: 385px;
height: 219px;
} */
.fist-img-lf-wrapper {
position: relative;
overflow: hidden;
width: 30%;
}
.fist-img-lf-wrapper .fist-img-lf {
width: 100%;
height: 219px;
}
.first-news-list-box {
width: 70%;
}
.first-news-list-box .first-news-list-ul {
padding-left: 5px;
}
.first-news-list-box .first-news-list-ul .first-news-list-ul-li {
padding-bottom: 50px;
}
.first-news-list-box .first-news-list-ul .first-news-list-ul-li:last-child {
padding-bottom: 0;
}
.first-news-list-box .first-news-list-ul .news-item-title {
margin-bottom: 10px;
color: #333;
}
.fist-img-lf-wrapper::after {
position: absolute;
top: 0;
left: -75%;
display: block;
content: "";
width: 50%;
height: 100%;
background: -o-linear-gradient(
left,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 0.3) 100%
);
background: -webkit-gradient(
linear,
left top,
right top,
from(rgba(255, 255, 255, 0)),
to(rgba(255, 255, 255, 0.3))
);
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 0.3) 100%
);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.fist-img-lf-wrapper:hover::after {
-webkit-animation: shine 1s;
animation: shine 1s;
}
/* .ttm_single_image-wrapper.ttm_single_image_hover:hover:after{-webkit-animation:shine 1s;animation:shine 1s} */
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.date-box {
color: #ccc;
width: 10%;
padding: 0 20px 0 10px;
border-left: 2px solid #999999;
margin-left: 10px;
margin-top: -20px;
}
.first-news-list-ul-li a:hover .news-item-title {
color: #ff7b0b;
}
.date-box h5 {
font-size: 24px;
}
.first-news-list-ul-li a:hover h5 {
color: #ff7b0b;
}
.news-item-list {
font-size: 16px;
width: 80%;
}
.news-item-des {
font-size: 14px;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
line-height: 25px;
max-height: 50px;
text-align: left;
}
.wealth-box {
display: flex;
flex-wrap: wrap;
}
.wealth-box a {
width: 50%;
}
.wealth-item {
padding: 10px 10px;
border: 1px solid #eeeeee;
margin: 10px;
}
.pdf-icon {
display: inline-block;
margin-right: 10px;
width: 30px;
height: auto;
}
.message-box {
display: flex;
flex-wrap: wrap;
padding-bottom: 30px;
}
.wealth-box a:hover .wealth-item {
border: 1px solid #004ab6;
}
.message-box a {
width: 25%;
display: block;
margin-bottom: 15px;
}
.message-box a:hover .message-item {
transform: translateY(-7px);
}
.message-box a:hover .cover-img {
transform: scale(1.09);
}
.message-box .message-item {
border: 1px solid #eeeeee;
font-size: 12px;
color: #999;
margin: 0 10px;
overflow: hidden;
box-shadow: 0 0 15px rgb(0 0 0 / 10%);
transition: 0.5s;
height: 237px;
position: relative;
}
.message-item-content {
padding: 0 5px 5px;
}
.message-item-title {
font-size: 14px;
width: 100%;
color: #333;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
margin-top: 5px;
margin-bottom: 3px;
}
.message-box .message-item .date-box-news {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.message-box .message-item .date-box-news span {
display: inline-block;
padding: 5px;
}
.cover-img {
width: 100%;
height: 170px;
display: block;
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.3s ease 0s;
}
.cover-img-wrapper {
width: 100%;
height: 170px;
overflow: hidden;
}
.zhongju-box {
background-image: url(../images/about-bg.jpg);
background-size: 100% 100%;
padding-bottom: 60px;
padding-top: 30px;
}
.jz-item-box {
display: flex;
flex-wrap: wrap;
}
.jz-item-box .jz-item-a {
width: 20%;
position: relative;
}
.jz-item-a:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: auto;
width: 100%;
height: 0;
background-color: rgba(255, 145, 53, 1);
border-radius: 4px;
transition: 0.5s;
z-index: 0;
}
.jz-item-a:hover:before {
height: 100%;
top: auto;
bottom: 0;
}
.featured-icon-box {
padding: 25px 5px;
margin: 0;
color: #fff;
position: relative;
text-align: center;
}
.jz-icon {
width: 80px;
height: auto;
transition: all 1s ease;
/* transition: .3s; */
}
.jz-item-a:hover .jz-icon {
/* border-color: #fff; */
/* animation: zoomin .8s linear infinite alternate; */
/* animation-duration: 1s;
animation-delay: 300ms;
animation-iteration-count: infinite;
animation-name: pulse; */
transform: rotateY(360deg);
}
.jz-item-box .jz-item-a:not(:last-child) .featured-icon-box {
border-right: 1px solid #fff;
}
.zhongju-box .lf-title {
color: #fff;
font-size: 18px;
padding: 20px 0;
}
.zhongju-box .lf-title h5 {
font-size: 36px;
color: #fff;
}
.jz-item-box-sec .featured-icon-box :after {
position: absolute;
content: "";
height: 1px;
top: 0;
right: 0;
width: 100%;
background-color: #fff;
}
/* 新闻媒体 */
.news-top-wrapper {
background-image: url(../images/xwmt-topbg.jpg);
background-size: 100% 100%;
padding-bottom: 20px;
padding-top: 59px;
}
.news-top-wrapper .news-title-top {
font-size: 15px;
color: #fff;
border-left: 2px solid #ff7b0b;
padding-left: 10px;
position: absolute;
left: 0;
top: 36px;
margin-top: -37px;
}
.news-top-wrapper .news-title-top h5 {
font-size: 22px;
font-weight: 500;
margin-bottom: 2px;
}
.news-tab-wrapper .news-tab-item-box {
color: #333;
font-size: 16px;
}
.news-tab-wrapper .news-tab-item-box .news-tab-item {
padding: 5px 15px;
cursor: pointer;
position: relative;
}
.news-tab-wrapper .news-tab-item-box .news-tab-item-active {
background-color: #004ab6;
color: #fff;
}
.news-tab-wrapper .news-tab-item-box .news-tab-item-active::before {
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
border-top: 10px solid #004ab6;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 0;
left: 50%;
bottom: -8px;
margin-left: -10px;
}
.center-news {
width: 1200px;
margin: 0 auto;
}
.news-media-list {
padding: 40px 0 80px;
}
.xwmt-search {
position: absolute;
width: 28px;
height: 28px;
right: 10px;
top: 10%;
}
.news-media-first {
font-size: 14px;
color: #666666;
position: relative;
}
.news-media-first-date-box {
position: absolute;
right: 0;
bottom: 0;
width: 775px;
}
.news-media-first-txt {
line-height: 25px;
margin-top: 40px;
margin-bottom: 25px;
text-indent: 2em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
width: 100%;
max-height: 100px;
}
.top-news-media-first {
background: #f4f4f4;
padding: 35px 0;
}
.img-news-media {
width: 385px;
height: 220px;
display: block;
}
.news-media-first-content {
margin-left: 28px;
width: 775px;
}
.news-media-first-content h5 {
font-size: 16px;
font-weight: bold;
}
.news-media-first-btn {
background: #ffffff;
border: 1px solid #dddddd;
color: #999999;
padding: 5px 10px;
}
.news-media-first-btn img {
width: 8px;
height: auto;
font-size: 12px;
display: block;
margin-left: 5px;
}
.news-media-list .news-media-ul a {
float: left;
width: 380px;
height: 390px;
margin: 0 30px 40px 0;
background: #fff;
position: relative;
overflow: hidden;
}
.news-media-list .news-media-ul a.not {
background: #e3f2ff;
}
.news-media-list .news-media-ul a::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -176px;
width: 100%;
height: 176px;
background: #e6ecf2;
transition: all 0.36s ease;
}
.news-media-list .news-media-ul a:hover::after {
bottom: 0;
}
.news-media-list .news-media-ul a.not::after {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
bottom: -100%;
height: 100%;
background: #076ebe;
transition: all 0.36s ease;
}
.news-media-list .news-media-ul .not:hover::after {
bottom: 0;
}
.news-media-list .news-media-ul .not:hover p {
color: #fff;
}
.news-media-list .news-media-ul .not:hover h5 {
color: #fff;
}
.news-media-list .news-media-ul a .pic-news {
position: relative;
width: 380px;
height: 214px;
overflow: hidden;
}
.news-media-list .news-media-ul a .pic-news img {
max-width: 100%;
display: block;
transition: all 3s;
}
.news-media-list .news-media-ul a:hover .pic-news img {
webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}
.news-media-list .news-media-ul a .txt-box {
padding: 25px 30px 0 10px;
height: 176px;
overflow: hidden;
position: relative;
position: relative;
z-index: 2;
}
.news-media-list .news-media-ul a.not .txt-box {
height: 100%;
padding: 35px 40px 0;
}
.news-media-ul {
width: 1230px;
overflow: hidden;
}
.news-media-list-item .txt-box .title {
font-size: 16px;
color: #4c4c4c;
line-height: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 6px;
font-weight: 600;
}
.news-media-list-item .txt-box p {
color: #666666;
line-height: 30px;
text-indent: 2em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
max-height: 60px;
}
.news-media-list-item.not .txt-box p {
color: #666666;
line-height: 30px;
text-indent: 2em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
line-clamp: 6;
-webkit-box-orient: vertical;
width: 100%;
max-height: 180px;
}
.arr-news-media-icon {
width: 31px;
height: auto;
display: block;
margin-right: 10px;
}
.news-media-list-item.not .bottom-news {
position: absolute;
bottom: 12%;
z-index: 33;
left: 0;
width: 100%;
}
.news-media-list-item .bottom-news {
position: absolute;
bottom: 20%;
z-index: 33;
left: 0;
width: 100%;
}
.news-media-list-item.not .bottom-news .news-media-list-item-dete {
padding-left: 10px;
color: #999999;
}
.news-media-list-item .bottom-news .news-media-list-item-dete {
padding-left: 15px;
color: #999999;
}
.news-media-list-item.not .bottom-news .arr-news-media-icon {
margin-right: 15px;
}
.news-media-list-item.not:hover .news-media-list-item-dete {
color: #fff;
}
/* .nav-links-page {
text-align: center;
margin: 50px 0;
}
.nav-links-page .page-numbers {
margin: 0 10px;
color: #333333;
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
}
.nav-links-page .current {
background: #0044b0;
border-radius: 50%;
color: #fff;
}
.nav-links-page .next,
.prevs {
width: 80px;
height: 26px;
line-height: 26px;
background: #ffffff;
border: 1px solid #dddddd;
font-size: 12px;
border-radius: 12px;
display: inline-block;
} */
.nav-links-page {
text-align: center;
margin: 50px 0;
width: 100%;
}
.nav-links-page ul {
display: flex;
align-items: center;
justify-content: center;
}
.nav-links-page ul li.disabled span {
width: 80px;
height: 26px;
line-height: 26px;
background: #ffffff;
/* border: 1px solid #dddddd; */
font-size: 20px;
/* border-radius: 12px; */
display: inline-block;
color: #333;
cursor: no-drop;
}
.nav-links-page ul li a {
margin: 0 10px;
color: #333333;
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
}
.nav-links-page ul li.active span {
margin: 0 10px;
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
background: #0044b0;
border-radius: 50%;
color: #fff;
}
.nav-links-page ul li:nth-child(1) a,
.nav-links-page ul li:nth-last-child(1) a {
width: 80px;
height: 26px;
line-height: 26px;
background: #ffffff;
border: 1px solid #dddddd;
font-size: 12px;
border-radius: 12px;
display: inline-block;
}
.news-des-wrapper {
padding: 30px 0;
}
.news-des-wrapper .news-des-lf {
width: 70%;
border-right: 1px solid #f5f5f5;
}
.news-des-lf-content {
padding-right: 24px;
}
.news-des-list {
width: 30%;
}
.news-des-wrapper .news-des-lf .news-des-title {
font-size: 24px;
font-weight: bold;
color: #333333;
text-align: center;
}
.news-des-wrapper .news-des-lf .news-media-time {
font-size: 14px;
text-align: center;
margin: 15px 0 25px;
}
.news-des-content .news-media-txt img {
max-width: 100%;
}
.news-media-txt p {
line-height: 200%;
margin-bottom: 10px;
}
.news-media-txt p:nth-last-child(1) {
margin-bottom: 0;
}
.news-des-list-content {
padding-left: 20px;
}
.news-more-item {
margin-bottom: 30px;
display: block;
width: 100%;
color: #333333;
overflow: hidden;
}
.news-more-item .pic-box {
width: 100%;
height: 189px;
overflow: hidden;
}
.news-more-item .pic-box img {
width: 100%;
height: auto;
transition: all 3s;
display: block;
}
.news-more-item:hover .pic-box img {
webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}
.news-more-item .title {
font-size: 16px;
margin-bottom: 8px;
}
.news-more-item .txt-box p {
color: #666666;
line-height: 28px;
text-indent: 2em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
max-height: 56px;
}
.news-more-item .txt-box {
position: relative;
padding: 17px 10px;
z-index: 2;
border-bottom: 1px solid #f5f5f5;
}
.news-more-item .txt-box::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -176px;
width: 100%;
height: 100%;
background: #e6ecf2;
z-index: -1;
transition: all 0.36s ease;
}
.news-more-item .arr-news-media-icon {
width: 26px;
height: auto;
display: block;
}
.news-more-item .bottom-news {
margin-top: 10px;
}
.news-more-item:hover .txt-box::after {
bottom: 0;
}
.news-more-item:hover .title {
color: #004ab6;
}
.news-more-item .news-media-list-item-dete {
color: #999999;
}
.share-box-des {
padding-bottom: 15px;
}
.zj-wealth-item-ul {
width: 1230px;
padding: 30px 0;
}
.zj-wealth-item-ul .zj-wealth-item {
float: left;
width: 280px;
border: 1px solid #eeeeee;
margin: 0 25px 40px 0;
background: #fff;
position: relative;
overflow: hidden;
}
.zj-wealth-item-ul .zj-wealth-item .wealth-item-pdf img {
height: 361px;
width: 100%;
display: block;
transition: all 3s;
}
.zj-wealth-item-ul .wealth-item-pdf {
padding: 10px 10px 0;
overflow: hidden;
}
.wealth-item-pdf-tile {
padding: 10px;
}
.zj-wealth-item-ul .zj-wealth-item:hover .wealth-item-pdf img {
webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}
.zj-wealth-item:hover {
box-shadow: 0 0 15px rgb(0 0 0 / 10%);
transition: 0.5s;
}
/* 新闻媒体end */
/* 新版新闻媒体 */
.new-a-item-box .new-a-item-li a{
font-size: 16px;
}
.new-a-item-box .new-a-item-li{
padding: 15px 0;
}
.new-a-item-box .new-a-item-li .a-item-box-title .span-yuan{
width: 5px;height: 5px;display: inline-block;background-color: #333;border-radius: 5px;
}
.new-a-item-box .new-a-item-li .a-item-box-title .a-item-box-title-conten{
overflow: hidden;
overflow: hidden;
text-overflow:ellipsis;white-space: nowrap; margin-left: 5px;
width: 90%;
}
.new-a-item-box .new-a-item-li .a-item-box-title{
width: 50%;
}
.new-a-item-box .new-a-item-li .a-item-box-date{
color: #666;font-size: 14px;
}
/* 新版新闻媒体end */
.jeejon-box {
position: relative;
background-image: url(../images/index-bg.jpg);
background-size: 100% 100%;
}
.jeejon-box .jeejon-item {
position: relative;
width: 399px;
height: 383px;
text-align: center;
border-right: 1px solid #1b4671;
}
.jeejon-box .null-box {
width: 81px;
display: inline-block;
height: 81px;
margin-bottom: 15px;
transition: all 0.3s;
}
.jeejon-box .jeejon-item:hover .null-box {
margin-bottom: 45px;
}
.jeejon-box .jeejon-item img {
width: 81px;
height: auto;
opacity: 0;
display: inline-block;
position: absolute;
left: 50%;
margin-left: -41px;
top: -130px;
transition: all 0.5s;
opacity: 0;
}
.jeejon-box .jeejon-item:hover img {
top: 30px;
opacity: 1;
/*transform: rotateY(360deg);*/
}
.jeejon-box .jeejon-item .item-txt {
transition: all 0.36s ease;
}
.jeejon-box .jeejon-item:hover .item-txt {
text-shadow: 5px 2px 6px #000;
/*transform: scale(1.1);*/
}
.jeejon-item-content {
margin-top: 70px;
position: relative;
z-index: 2;
color: #ffffff;
}
.jeejon-item-content .item-txt {
font-size: 24px;
}
.jeejon-item-content .item-txt p {
margin-top: 5px;
}
.jeejon-box .jeejon-item .jeejon-item-bg {
/*width: 400px;*/
/*height: 383px;*/
background: linear-gradient(-90deg, #0bbafb 0%, #4285ec 100%);
opacity: 0.2;
transition: 0.5s;
position: absolute;
top: 0;
left: 0;
bottom: auto;
width: 100%;
height: 0;
}
.jeejon-box .jeejon-item:hover .jeejon-item-bg {
height: 100%;
top: auto;
bottom: 0;
}
/* 版权 */
.coy-wrapper {
position: relative;
background-image: url(../images/bottom-bg.jpg);
background-size: 100% 100%;
padding-bottom: 20px;
}
.coy-info {
color: #999;
font-size: 12px;
}
.coy-info .coy-info-lf a {
margin: 0 7px;
}
.coy-info .coy-info-lf a img {
width: 148px;
height: auto;
display: block;
}
.coy-info .coy-logo-box .coy-logo {
width: 131px;
height: 62px;
margin: 0 5px 10px;
display: inline-block;
}
.coy-info .coy-info-lf {
margin-left: 43px;
}
.coy-info .coy-logo {
width: 131px;
height: 62px;
display: block;
margin-right: 30px;
margin-left: 30px;
}
.coy-info .coy-des-box p {
padding: 2px 0;
}
.menu {
/* width: 735px; */
padding: 30px 0;
position: relative;
/* margin: 300px auto; */
}
.menu ul li {
float: left;
position: relative;
}
.menu ul li a,
.menu ul li a:visited {
display: block;
text-decoration: none;
width: 140px;
height: 35px;
text-align: center;
color: #fff;
font-weight: bold;
line-height: 35px;
padding-left: 10px;
padding-right: 10px;
}
.menu ul li ul {
display: none;
}
.menu ul li ul li a {
font-weight: normal;
text-align: left;
}
.menu ul .has-menu {
position: relative;
}
.menu ul .has-menu::after {
position: absolute;
content: "";
width: 1px;
height: 15px;
right: 0;
top: 12px;
background: #fff;
}
/* specific to non IE browsers */
.menu ul li:hover a {
color: #fff;
background: rgba(0, 0, 0, 0.4);
}
.menu ul li:hover ul {
display: block;
position: absolute;
bottom: 36px;
left: 0;
z-index: 88;
}
.menu ul li:hover ul li a.hide {
background: #a7c9c9;
color: #fff;
}
.menu ul li:hover ul li {
display: block;
width: 140px;
clear: both;
}
.menu ul li:hover ul li:hover a.hide {
background: #dfc184;
color: #000;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display: block;
background: rgba(0, 0, 0, 0.4);
color: #fff;
padding-left: 10px;
}
.menu ul li:hover ul li a:hover {
background: rgba(0, 0, 0, 0.6);
color: #fff;
}
.menu ul li:hover ul li:hover ul {
display: block;
position: absolute;
left: 210px;
bottom: 0;
}
.menu ul li:hover ul li:hover ul li a {
background: #dfc184;
color: #000;
}
.menu ul li:hover ul li:hover ul li a:hover {
background: #c9c9a7;
color: #000;
}
.menu ul li:hover ul.left {
left: -105px;
}
.menu ul li:hover ul li:hover ul.left {
left: -210px;
width: 209px;
}
/* 产业投资 */
.industry-invest-wrapper {
background-image: url(../images/cyly-topbg.jpg);
padding-top: 73px;
}
/* 产业投资end */
.industry-invest-nav {
text-align: right;
padding-top: 20px;
}
.industry-invest-nav a {
padding-right: 20px;
position: relative;
}
.industry-invest-nav {
padding: 10px 0;
}
.industry-invest-nav .industry-invest-item-acitve {
color: #ff7b0b;
}
.tab-item-content-title {
font-size: 16px;
color: #004ab6;
padding: 45px 0 25px;
/* text-transform: Uppercase; */
}
.tab-item-content-title span {
font-weight: 400;
font-size: 30px;
display: inline-block;
margin-right: 5px;
}
.city-houses-tab {
height: 400px;
margin-top: 30px;
}
.food-txt {
text-indent: 2em;
font-size: 14px;
line-height: 35px;
}
.food-img-industry img {
width: 100%;
height: auto;
display: block;
margin-top: 50px;
}
.city-bg {
width: 100%;
height: auto;
display: block;
margin-top: 40px;
}
.city-houses-tab .houses-tab-item {
width: 40%;
position: relative;
overflow: hidden;
transition: all 0.36s ease;
}
.city-houses-tab .houses-tab-item .houses-tab-img-box img {
width: 100%;
height: auto;
display: block;
cursor: pointer;
}
.city-houses-tab .houses-tab-item:hover {
transform: scale(1.1);
}
/*.city-houses-tab .city-item-acitve:hover{*/
/* transform: scale(1);*/
/*}*/
/*.city-houses-tab .houses-tab-item .houses-tab-img-box::after {*/
/* position: absolute;*/
/* top: 0;*/
/* left: -75%;*/
/* display: block;*/
/* content: '';*/
/* width: 50%;*/
/* height: 100%;*/
/* background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);*/
/* background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));*/
/* background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);*/
/* -webkit-transform: skewX(-25deg);*/
/* -ms-transform: skewX(-25deg);*/
/* transform: skewX(-25deg);*/
/*}*/
/*.city-houses-tab .houses-tab-item:hover {*/
/* box-shadow: 0 0 20px rgb(0 0 0 / 20%);*/
/* }*/
/*.city-houses-tab .houses-tab-item:hover .houses-tab-img-box::after{*/
/* -webkit-animation: shine 1s;*/
/* animation: shine 1s;*/
/*}*/
.city-houses-tab-content {
margin-top: 50px;
}
.houses-tab-item .houses-tab-txt {
background-color: #a0a0a0;
padding: 10px;
color: #fff;
position: relative;
}
.houses-tab-item .houses-tab-txt::after {
content: "";
display: block;
height: 2px;
width: 0;
background: #004ab6;
position: absolute;
right: 0;
bottom: 0;
transition: all 0.5s ease;
}
.city-houses-tab .houses-tab-item:hover .houses-tab-txt::after {
width: 100%;
left: 0;
}
.houses-tab-item .houses-tab-txt h5 {
font-size: 24px;
margin-bottom: 10px;
font-weight: normal;
}
.city-houses-box {
position: relative;
margin-top: -367px;
}
.city-houses-top-title {
color: #fff;
margin-bottom: 20px;
font-size: 24px;
}
.city-houses-tab .city-item-acitve {
width: 55%;
}
.city-houses-tab .city-item-acitve .houses-tab-txt {
background: #004ab6;
}
.mt-20 {
margin-top: 20px;
}
.houses-tab-content-img img {
width: 32%;
height: auto;
}
.houses-tab-content-img {
margin: 20px 0 40px;
}
.floor-plan .floor-plan-item {
width: 23%;
position: relative;
}
.floor-plan .floor-plan-item .floor-plan-img {
width: 100%;
height: auto;
}
.floor-plan .floor-plan-item .icon-floor {
width: 38px;
height: auto;
display: block;
position: absolute;
bottom: 10px;
right: 10px;
z-index: 2;
cursor: pointer;
}
.floor-plan-title {
font-size: 14px;
padding: 20px 0;
}
.floor-plan {
padding-bottom: 50px;
}
.yjl-img-box img {
width: 32%;
height: auto;
display: block;
}
.yjl-img-box {
margin: 20px 0 40px;
}
.yjl-title {
color: #666;
line-height: 30px;
font-size: 14px;
margin-bottom: 10px;
}
.yjl-title-des {
margin-bottom: 40px;
color: #666;
line-height: 30px;
font-size: 14px;
}
.yjl-floor-plan-img {
display: block;
width: 80%;
height: auto;
margin: 20px auto 50px;
}
.industry-invest-wrapper .news-title-top {
margin-top: -69px;
}
.high-tech-box {
position: relative;
z-index: 2;
margin-top: 75px;
}
.high-tech-box img {
width: 13%;
display: block;
height: auto;
}
.high-tech-box-bg {
width: 100%;
height: auto;
margin-top: -211px;
display: block;
}
.auto-spare-parts-txt {
text-indent: 2em;
width: 50%;
text-align: left;
position: relative;
z-index: 2;
line-height: 30px;
}
.auto-spare-parts {
width: 100%;
height: auto;
display: block;
margin-top: -136px;
}
.mwx-img {
width: 100%;
height: auto;
display: block;
margin-bottom: 30px;
}
.mwx-pic-box-f {
margin-top: 40px;
position: relative;
z-index: 2;
}
.mwx-pic-box-f .mwx-pic-box-item {
width: 49.8%;
transition: all 3s;
overflow: hidden;
}
.mwx-pic-box-f .mwx-pic-box-item img {
width: 100%;
display: block;
height: auto;
}
/*.mwx-pic-box-f .mwx-pic-box-item img:hover{*/
/* webkit-transform: scale(1.1);*/
/* -moz-transform: scale(1.1);*/
/* -ms-transform: scale(1.1);*/
/* -o-transform: scale(1.1);*/
/* transform: scale(1.1);*/
/* -webkit-transition: all 3s;*/
/* -moz-transition: all 3s;*/
/* -ms-transition: all 3s;*/
/* -o-transition: all 3s;*/
/* transition: all 3s;*/
/*}*/
.mwx-pic-box-sec {
margin-top: 7px;
position: relative;
z-index: 2;
}
.mwx-pic-box-sec .mwx-pic-box-item {
width: 24.7%;
transition: all 3s;
overflow: hidden;
}
.mwx-pic-box-sec .mwx-pic-box-item img {
width: 100%;
display: block;
height: auto;
}
.mwx-pic-box-sec .mwx-pic-box-item img:hover {
webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}
.cyly5-bg {
width: 100%;
height: auto;
display: block;
margin-top: -270px;
}
.join-box-img {
position: relative;
z-index: 2;
width: 90%;
margin: 100px auto 0;
}
.join-box-img img {
width: 10%;
height: auto;
display: block;
transition: all 0.3s ease 0s;
}
.join-box-img img:hover {
webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}
.join-box-img-bg {
width: 100%;
height: auto;
display: block;
margin-top: -403px;
}
.honor-img-box {
margin-top: 50px;
}
.honor-img-box .honor-img-item {
width: 26%;
position: relative;
}
.honor-img-box .honor-img-item img {
width: 100%;
display: block;
height: auto;
}
.honor-img-box .honor-img-item span {
position: absolute;
width: 100%;
text-align: center;
top: 64.5%;
left: 0;
color: #ffffff;
font-size: 17px;
}
.cyly-bg {
width: 100%;
height: auto;
display: block;
margin-top: 70px;
}
.real-estate-wrapper .real-estate-item {
width: 130px;
text-align: center;
padding: 15px 0;
border: 1px solid transparent;
transition: all 0.3s ease 0s;
}
.real-estate-wrapper .real-estate-item:hover {
border: 1px solid #004ab6;
}
.real-estate-wrapper .real-estate-item .real-estate-icon {
background-image: url(../images/cyly7-wy-cd1-off.png);
width: 74px;
height: 74px;
margin: 0 auto;
}
.real-estate-wrapper .real-estate-item:nth-child(2) .real-estate-icon {
background-image: url(../images/cyly7-wy-cd2-off.png);
margin: 0 auto;
}
.real-estate-wrapper .real-estate-item:nth-child(3) .real-estate-icon {
background-image: url(../images/cyly7-wy-cd3-off.png);
margin: 0 auto;
}
.real-estate-wrapper .real-estate-item:nth-child(4) .real-estate-icon {
background-image: url(../images/cyly7-wy-cd4-off.png);
margin: 0 auto;
}
.real-estate-wrapper .real-estate-item-active {
background: #004ab6;
color: #fff;
}
.real-estate-wrapper .real-estate-item-active .real-estate-icon {
background-image: url(../images/cyly7-wy-cd1-on.png);
}
.real-estate-wrapper .real-estate-item-active:nth-child(2) .real-estate-icon {
background-image: url(../images/cyly7-wy-cd2-on.png);
}
.real-estate-wrapper .real-estate-item-active:nth-child(3) .real-estate-icon {
background-image: url(../images/cyly7-wy-cd3-on.png);
}
.real-estate-wrapper .real-estate-item-active:nth-child(4) .real-estate-icon {
background-image: url(../images/cyly7-wy-cd4-on.png);
}
/* .invest-enterprise-content{
padding: 40px 0 30px;
} */
.type-box-industry {
width: 70%;
}
.food-txt-2 {
font-size: 14px;
line-height: 35px;
}
.food-txt-2 span {
display: inline-block;
margin-left: 30px;
}
.mt-40 {
margin-top: 40px;
}
.real-estate-honor-wrapper {
background-image: url(../images/cyly7-wy-qy-bg.jpg);
background-size: 100% 100%;
padding-bottom: 40px;
padding-top: 40px;
}
.real-estate-honor-content .honor-content-item {
font-size: 24px;
color: #ffffff;
}
.real-estate-honor-content .honor-content-item img {
width: 94px;
height: auto;
}
.honor-content-item .content-item-txt {
margin-top: -10px;
}
.real-estate-honor-content2 {
width: 66%;
margin: 50px auto;
}
.real-estate-honor-title img {
display: inline-block;
width: 54px;
height: auto;
}
.real-estate-honor-title span {
font-size: 18px;
color: #ffffff;
display: inline-block;
margin-left: 10px;
}
.real-estate-honor-title {
padding-bottom: 50px;
}
.investment-project-item {
align-items: flex-start;
}
.investment-project-item img {
width: 48%;
display: block;
height: auto;
}
.investment-project-item .investment-project-item-content {
width: 50%;
}
.investment-project-item-content h5 {
color: #666666;
padding: 0 0 15px 20px;
font-size: 26px;
position: relative;
font-weight: 400;
}
.investment-project-box {
margin-top: 40px;
position: relative;
z-index: 2;
}
.investment-project-item-content h5::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 80%;
width: 2px;
background: #ff7500;
}
.investment-project-item-content .food-txt {
line-height: 32px;
}
.investment-project-bg {
height: auto;
width: 100%;
display: block;
margin-top: -416px;
}
.investment-project-bg2 {
margin-top: -390px;
}
.hatch-wrapper {
padding-top: 50px;
}
.hatch-wrapper .hatch-wrapper-img {
width: 48%;
display: block;
height: auto;
}
.hatch-wrapper .hatch-wrapper-item {
width: 50%;
}
.hatch-wrapper .hatch-wrapper-item h5 {
color: #666666;
padding: 0 20px 15px 0;
font-size: 26px;
position: relative;
font-weight: 400;
text-align: right;
}
.hatch-wrapper .hatch-wrapper-item h5::before {
content: "";
position: absolute;
right: 0;
top: 0;
height: 80%;
width: 2px;
background: #0072ff;
}
.project-services-wrapper .services-item {
width: 49.5%;
background-color: #f4f4f4;
height: 516px;
}
.project-services-wrapper .services-item h5 {
font-size: 24px;
font-weight: 400;
color: #666666;
position: relative;
padding: 20px 30px 10px;
}
.project-services-wrapper .services-item h5::before {
content: "";
position: absolute;
left: 15px;
top: 32%;
height: 58%;
width: 2px;
background: #ff7500;
}
.project-services-wrapper .services-item .food-txt {
padding: 10px;
}
.project-services-wrapper .services-item img {
width: 80%;
display: block;
height: auto;
margin: 20px auto;
}
.project-services-wrapper {
margin-top: 30px;
}
.project-services-wrapper .services-item p {
height: 160px;
}
.company-name-wrapper {
background-image: url(../images/serve_bg.jpg);
background-size: 100% 100%;
padding-bottom: 50px;
padding-top: 59px;
margin-top: 35px;
}
.company-name-wrapper-content {
margin: 0 auto;
color: #fff;
font-size: 14px;
text-align: left;
width: 1200px;
}
.company-name-wrapper-content h5 {
font-size: 16px;
margin-bottom: 20px;
font-weight: normal;
}
.company-name-wrapper-content .bf-name {
display: inline-block;
}
.company-name-wrapper-content p {
padding: 10px 0;
}
.p-name-txt {
/* margin: 10px 0; */
}
.online-service-form {
width: 52%;
background: #f4f4f4;
}
.online-service-txt {
width: 48%;
margin-left: 30px;
}
.form-content {
padding: 20px;
}
.form-content h5 {
font-size: 24px;
padding: 20px 0;
font-weight: 400;
color: #666666;
text-align: center;
}
.form-content label {
margin-right: 30px;
color: #666;
font-size: 16px;
margin-bottom: 20px;
display: inline-block;
}
.input-box-item {
padding: 30px 0 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.input-box-item .input-item {
height: 38px;
background: #ffffff;
border-radius: 19px;
line-height: 38px;
width: 100%;
margin-bottom: 20px;
}
.input-box-item .input-item span {
margin-left: 15px;
}
.input-box-item .input-item input {
width: 80%;
margin-left: 20px;
border: none;
}
.input-box-item2 {
background: #ffffff;
border-radius: 19px;
padding: 10px 10px 10px 15px;
margin-top: 30px;
}
.input-box-item2 p {
/* padding-left: 15px; */
}
.input-box-item2 textarea {
width: 100%;
height: 75px;
border: none;
margin-top: 10px;
text-align: left;
overflow: hidden;
resize: none;
}
.submit-btn {
width: 189px;
height: 37px;
line-height: 37px;
background: #ff7500;
border-radius: 18px;
color: #fff;
margin: 40px auto;
border: none;
display: block;
}
.online-service-wrapper {
margin-top: 30px;
position: relative;
z-index: 2;
}
.online-service-bg-box {
background-image: url(../images/cyly7-zxfw-bg.jpg);
background-size: 100% 100%;
height: 950px;
margin-top: 214px;
}
.online-service-wrapper2 {
position: relative;
z-index: 2;
top: -176px;
}
.pop-box {
position: fixed;
width: 100%;
height: 100%;
left: 0;
z-index: 9999;
top: 0;
display: none;
overflow: hidden;
overflow: auto;
}
.pop-box .pop-bg {
background-color: rgba(0, 0, 0, 0.4);
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
overflow: hidden;
}
.pop-box-content .gb-icon {
width: 48px;
height: auto;
display: block;
margin: 50px auto;
cursor: pointer;
}
.pop-box-content {
position: relative;
z-index: 3;
}
.pop-box-content .hint-pic {
width: 1104px;
height: 1500px;
display: block;
margin: 20px auto;
}
/* 投资者关系 */
.investor-relation-wrapper {
background-image: url(../images/tzzgx-topbg.jpg);
background-size: 100% 100%;
padding-bottom: 20px;
padding-top: 73px;
}
.investor-relation-table {
position: relative;
font-size: 16px;
color: #333333;
}
.investor-relation-table-bg {
/*background: #F8F8F8;*/
/* border: 1px solid #F4F4F4; */
opacity: 0.8;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.investor-relation-table-content {
position: relative;
z-index: 2;
padding: 20px;
}
.investor-relation-table-content h5 {
font-size: 16px;
color: #333333;
}
.investor-relation-table-content .table-item {
padding: 20px 0;
border-bottom: 1px solid #e6f2ff;
}
.investor-relation-table-content .table-item span {
display: inline-block;
margin-left: 25px;
}
.investor-relation-table-content .table-item .table-item-rt {
width: 29%;
}
.investor-relation-table-content .table-item .table-item-lf {
width: 64%;
}
.table-item-bg {
width: 100%;
height: auto;
display: block;
margin-top: -207px;
}
.coy-govern-wrapper .coy-govern-lf,
.coy-govern-rt {
width: 48%;
overflow: hidden;
}
.coy-govern-wrapper .coy-govern-name {
position: relative;
}
.coy-govern-wrapper .coy-govern-name img {
width: 100%;
height: 42px;
display: block;
margin-bottom: 10px;
}
.coy-govern-wrapper .coy-govern-item {
background: #ffffff;
border: 1px solid #f4f4f4;
margin-bottom: 20px;
}
.coy-govern-wrapper .coy-govern-item {
padding: 10px 0;
}
.coy-govern-wrapper .coy-govern-item p {
text-indent: 2em;
line-height: 30px;
color: #666666;
font-size: 14px;
padding: 0 10px;
}
.coy-govern-wrapper .coy-govern-name span {
position: absolute;
display: block;
left: 10px;
top: 0;
height: 42px;
width: 100%;
font-size: 22px;
line-height: 42px;
color: #fff;
font-weight: bold;
}
.coy-govern-bg-bottom {
display: block;
width: 100%;
height: auto;
margin-top: -275px;
}
.coy-govern-wrapper {
position: relative;
z-index: 2;
}
.stock-structure-box {
position: relative;
background-image: url(../images/tzzgx-gbjg-bg.jpg);
background-size: 100% 100%;
padding-bottom: 50px;
padding-top: 70px;
}
.stock-structure-box .stock-structure-bg {
width: 100%;
height: auto;
display: block;
}
.stock-structure-box .stock-structure-bg2 {
width: 1197px;
height: auto;
display: block;
margin: 0 auto;
}
.investor-txt-box2 {
width: 55%;
}
.investor-txt-box2 p {
text-align: left;
text-indent: 2em;
line-height: 30px;
}
.investor-img-bg {
width: 100%;
height: auto;
display: block;
margin-top: -200px;
}
.abstract-img-bg {
margin-top: -260px;
}
.notice-wrapper-list {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
}
.notice-wrapper-list .notice-item {
width: 50%;
}
.notice-item .notice-item-sec::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 2px;
height: 100%;
background-color: #0072ff;
}
.notice-wrapper-list .notice-item .notice-item-sec {
padding: 10px 10px;
border: 1px solid #eeeeee;
margin: 10px;
position: relative;
}
.notice-wrapper-list .notice-item:hover .notice-item-sec {
border: 1px solid #0072ff;
}
.notice-wrapper-list .notice-item .notice-item-title {
width: 90%;
}
.notice-wrapper-list .notice-item .notice-date {
color: #cccccc;
width: 15%;
}
.notice-wrapper-list .notice-item .notice-date b {
font-size: 18px;
}
.more-btn {
width: 379px;
height: 36px;
line-height: 36px;
text-align: center;
color: #666;
font-size: 16px;
background: #ffffff;
border: 1px solid #dddddd;
border-radius: 18px;
margin: 50px auto 40px;
display: block;
}
/* 投资者关系活动 */
.relation-from-content {
width: 50%;
background: #f4f4f4;
height: 955px;
overflow-y: auto;
}
/*修改滚动条样式*/
.relation-from-content::-webkit-scrollbar {
width: 5px;
height: 5px;
/**/
}
.relation-from-content::-webkit-scrollbar-track {
background: #ffffffe6;
}
.relation-from-content::-webkit-scrollbar-thumb {
background: rgb(175 175 175 / 50%);
border-radius: 5px;
}
.relation-from-content .relation-from {
padding: 20px;
}
.relation-from .input-box-item {
border-top: none;
}
.shareholder-box {
padding-bottom: 15px;
}
.shareholder-box label {
margin-left: 10px;
margin-right: 20px;
}
.shareholder-box span {
display: inline-block;
width: 150px;
padding-left: 15px;
}
.visit-box {
background: #ffffff;
border-radius: 19px;
padding: 0 10px 0 15px;
overflow: hidden;
margin-bottom: 20px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.del-btn {
color: red;
text-decoration: underline;
cursor: pointer;
display: block;
z-index: 77;
}
.visit-box:nth-child(1) .del-btn {
opacity: 0;
}
.visit-box input {
border: none;
height: 38px;
background: none;
width: 30%;
}
.visit-box input::after {
content: "";
height: 30px;
width: 2px;
background-color: #ccc;
position: absolute;
right: 0;
top: 5px;
}
.add-btn {
color: #004ab6;
text-decoration: underline;
cursor: pointer;
}
.tzzgx-tzzgxhd-bg {
width: 100%;
display: block;
margin-top: -700px;
height: auto;
}
#visitTime {
width: 70%;
}
/* 投资者论坛 */
#iframe-wrap {
height: 100%;
overflow: visible;
position: relative;
top: 1px;
z-index: 1;
}
/*联系我们弹框*/
.contact-wrapper {
position: absolute;
width: 440px;
/*height: 175px;*/
top: 35px;
right: 17%;
z-index: 199;
display: none;
color: #ffffff;
background: rgba(0, 0, 0, 0.8);
border-radius: 10px;
font-size: 12px;
}
.contact-btn:hover {
color: #ff7500;
}
.contact-wrapper .contact-content {
padding: 30px;
}
.contact-wrapper .contact-content img {
width: 55px;
display: inline-block;
height: auto;
margin-right: 35px;
}
.contact-wrapper .contact-content .contact-content-item:nth-child(1) {
padding-bottom: 10px;
border-bottom: 1px solid #464646;
margin-bottom: 10px;
}
.contact-wrapper .contact-item-box p {
line-height: 30px;
}
/* 内部办公室登录star */
.top-box {
position: relative;
}
.login-wrapper {
position: absolute;
width: 300px;
height: 175px;
top: 35px;
right: 31%;
z-index: 199;
display: none;
}
.login-wrapper-bg {
position: fixed;
top: 0px;
width: 100%;
height: 100%;
left: 0;
opacity: 0.3;
z-index: 199;
display: none;
}
.login-wrapper-supplier {
right: 25.5%;
}
.triangle-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid #00000085;
position: absolute;
top: -10px;
right: 50%;
z-index: 200;
margin-right: -5px;
}
.login-wrapper .login-bg {
width: 300px;
position: absolute;
top: 0;
right: 0;
height: 175px;
background: #000000;
opacity: 0.6;
border-radius: 10px;
}
.login-wrapper .login-content {
position: relative;
z-index: 2;
}
.login-content .login-item {
width: 270px;
height: 34px;
background-color: #211f1f;
border-radius: 5px;
position: relative;
margin: 20px auto;
}
.login-content .login-item img {
width: 18px;
height: auto;
display: inline-block;
margin-left: 10px;
}
.login-content .login-item input {
border: none;
width: 80%;
line-height: 34px;
height: 34px;
padding-left: 10px;
background: #211f1f;
color: #fff;
}
.login-content .login-submit {
width: 270px;
height: 34px;
background: #ff8218;
border-radius: 5px;
margin: 20px auto;
display: block;
border: none;
color: #fff;
text-align: center;
}
.platform-bg {
width: 100%;
height: 100%;
display: block;
position: fixed;
left: 0;
top: 0;
}
.platform-content {
width: 762px;
height: 477px;
/*background: #003774d6;*/
border-radius: 30px;
position: fixed;
left: 50%;
margin-left: -381px;
top: 25%;
z-index: 2;
}
.platform-content .platform-content-list {
margin: 150px auto 0;
}
.platform-content .platform-content-list .platform-content-item {
width: 216px;
height: 216px;
background: linear-gradient(0deg, #015eea 0%, #00c0fa 100%);
border-radius: 20px;
}
.platform-content .platform-content-list img {
width: 102px;
height: auto;
display: block;
margin: 45px auto 5px;
}
.platform-content .platform-content-list .platform-content-item a {
display: block;
color: #fff;
text-align: center;
font-size: 16px;
}
.platform-content-item-sec {
width: 70%;
margin: 50px auto 0;
}
/*内部登录*/
.office-list {
position: fixed;
width: 1127px;
left: 50%;
margin-left: -563px;
margin-top: 180px;
z-index: 2;
}
.office-list .office-list-item {
background-image: url(../images/yw_bg.png);
background-size: 100% 100%;
height: 160px;
margin-bottom: 50px;
}
.office-list .office-list-item .office-item-name {
position: relative;
}
.office-list .office-list-item .office-item-name {
position: relative;
}
.office-list .office-list-item .office-item-name-img {
width: 165px;
height: auto;
display: block;
}
.office-list-item .office-item-name .office-item-name-txt {
position: absolute;
bottom: 20px;
color: #ffffff;
left: 0;
width: 100%;
text-align: center;
}
.office-list-item .office-item {
color: #ffffff;
text-align: center;
width: 16%;
}
.office-list-item .office-item img {
width: 80px;
height: auto;
display: block;
margin: 0 auto 5px;
}
.office-item-box {
width: 950px;
display: flex;
flex-wrap: nowrap;
}
.office-list-sec .office-list-item .office-item {
font-size: 12px;
}
.btn-home-box {
/*width: 60%;*/
margin-top: 120px;
}
.btn-home-box .btn-home {
width: 225px;
height: 47px;
line-height: 47px;
color: #ffffff;
background: rgba(24, 63, 163, 1);
border-radius: 24px;
font-size: 24px;
}
.btn-home-box .btn-home:nth-child(1) {
margin-right: 30px;
}
.btn-home-box .btn-home img {
width: 29px;
height: auto;
display: inline-block;
margin-right: 30px;
}
/* 新增登录界面样式 */
.platform-wrpper .hint-txt {
color: #fff;
text-align: center;
}
.platform-wrpper .login-submit {
height: 48px;
line-height: 48px;
width: 300px;
}
.platform-wrpper .login-submit:hover {
background: #ff8218 !important;
}
.platform-wrpper .login-content .login-item {
width: 298px;
height: 50px;
background-color: #211f1f;
border-radius: 5px;
position: relative;
margin: 20px auto;
}
.platform-wrpper .login-content .login-item input {
border: none;
width: 80%;
line-height: 49px;
padding-left: 10px;
background: #211f1f;
color: #fff;
}
.platform-content-list-sec {
margin: 130px auto 0;
}
/* 内部办公室登录end */
/* 走进中距 */
.sec-top-nav {
background-image: url(../images/index-bg.jpg);
background-size: 100% 100%;
height: 318px;
color: #ffffff;
}
.sec-top-nav-title {
padding-top: 124px;
text-align: center;
font-size: 30px;
}
.sec-nav-box {
width: 46%;
margin: 45px auto 0;
}
.sec-nav-box .nav-item-box {
cursor: pointer;
width: 96px;
height: 33px;
line-height: 33px;
font-size: 18px;
display: block;
color: #ffffff;
}
.sec-nav-box .nav-item-box.select {
text-align: center;
background: #0072ff;
font-weight: bold;
}
.sec-top-nav-title .english-txt {
font-size: 18px;
margin-top: 10px;
}
/* 集团介绍 */
.group-profile-wrapper {
/* margin-top: 280px; */
}
.introduce-txt-box img {
width: 580px;
height: 474px;
display: block;
margin-right: 20px;
}
.introduce-txt {
width: 619px;
}
.introduce-txt-box .introduce-txt p {
color: #666666;
text-indent: 2em;
line-height: 46px;
}
.honor-list {
display: flex;
flex-wrap: wrap;
padding-bottom: 40px;
}
.honor-list a {
width: 50%;
}
.honor-list a:hover .honor-item {
border: 1px solid #004ab6;
}
.honor-list a .honor-item {
padding: 20px 10px;
border: 1px solid #eeeeee;
margin: 10px;
}
.honor-list a .honor-item .honor-lf .date {
color: #333333;
font-size: 18px;
font-weight: bold;
}
.honor-list a .honor-item .honor-lf span {
color: #eeeeee;
display: inline-block;
margin: 0 10px 0 5px;
font-size: 18px;
}
/* 新企业荣誉star */
.new-honor-wrapper{
position: relative;padding-bottom: 50px;
}
.new-honor-wrapper .new-honor-wrapper-content{
/* position: absolute;left: 0;width: 100%;bottom: 100px; */
}
.new-honor-wrapper .honor-des-box-lf{
width: 50%;
}
.honor-des-box-lf .new-honor-lf-box{
height:470px;width: 100%;
overflow: auto;
padding-right: 10px;
}
#new-honor-lf-box::-webkit-scrollbar {/*滚动条整体样式*/
width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
#new-honor-lf-box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 8px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #ccc;
}
#new-honor-lf-box::-webkit-scrollbar-track {/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 8px;
background: #f4f4f4;
}
.honor-des-box-lf .new-honor-lf-box .date-2019 .item-box{
padding: 10px 0;
}
.honor-des-box-lf .new-honor-lf-box .date-2019 h4{
color: #333333;
font-size: 18px;
font-weight: bold;margin-bottom: 5px;
}
.new-honor-wrapper .honor-des-box-rt .honor-des-box-rt-content{
margin-left: 10px;
}
.new-honor-wrapper .honor-des-box-rt .honor-des-box-rt-content .honor-des-box-rt-list{
display: flex;flex-direction: row;flex-wrap: wrap;
}
.new-honor-wrapper .honor-des-box-rt .honor-des-box-rt-content .date-boxs{
width: 25%;margin-bottom: 30px;text-align: center;
}
.new-honor-wrapper .honor-des-box-rt .honor-des-box-rt-content .date-boxs a{
font-size: 18px;color: #999;
}
.new-honor-wrapper .honor-des-box-rt .honor-des-box-rt-content .date-boxs .active-txt{
font-size: 18px;font-weight: bold;color: #004ab6;
}
.zjzj-honor-bg8{
width: 85%;height: auto;display: block;margin-left: 50px;margin-top: 95px;
}
.new-honor-wrapper .honer-date {display:none;}
#new-honor-lf-box ol.active {display: block;}
/* 新企业荣誉end */
/* 发展轨迹 */
.development-track-wrapper {
background-image: url(../images/development_bg.jpg);
/*background-size: 100% 100%;*/
/*padding-bottom: 50px;*/
/*padding-top: 60px;*/
/*margin-top: -700px;*/
position: relative;
height: 738px;
}
.data-content .date-box-txt {
}
html {
scroll-padding-top: 100px;
}
/*#date-2021:target {*/
/* padding-top: 120px;*/
/* margin-top: -120px;*/
/*}*/
/*#date-2020:target {*/
/* padding-top: 120px;*/
/* margin-top: -120px;*/
/*}*/
/*#date-2019:target {*/
/* padding-top: 120px;*/
/* margin-top: -120px;*/
/*}*/
/*#date-2018:target {*/
/* padding-top: 120px;*/
/* margin-top: -120px;*/
/*}*/
/*#date-2017:target {*/
/* padding-top: 120px;*/
/* margin-top: -120px;*/
/*}*/
.development-track-wrapper .development-title {
color: #fff;
font-size: 16px;
padding-bottom: 30px;
/* text-transform: Uppercase; */
}
.placeholder {
height: 30px;
}
.development-track-wrapper .development-title span {
font-size: 30px;
font-weight: 400;
}
.track-wrapper {
color: #ffffff;
}
.hd-box .hd {
position: relative;
}
.date-nav-wrapper {
height: 500px;
overflow-y: auto;
position: relative;
padding-right: 10px;
scrollbar-width: thin;
scrollbar-color: #208cf8;
}
.hd-box .hd .date-nav-box {
position: relative;
z-index: 1;
}
.hd-box .hd .date-nav-wrapper::-webkit-scrollbar {
width: 5px;
height: 5px;
/**/
}
.hd-box .hd .line-s {
position: absolute;
left: 12px;
top: 78px;
display: block;
height: 396px;
background: #fff;
width: 1px;
}
.date-nav-box li {
margin: 40px 0;
color: #8ae5ff;
align-items: flex-start;
}
.date-nav-box li:first-child {
}
.date-nav-box li .border-box .border-fist {
width: 24px;
height: 24px;
background: #8ae5ff;
opacity: 0.34;
border-radius: 50%;
position: relative;
}
.date-nav-box li .border-box {
position: relative;
width: 24px;
height: 24px;
display: inline-block;
margin-right: 10px;
}
.date-nav-box li .border-box .border-sec {
position: absolute;
width: 12px;
height: 12px;
background: #8ae5ff;
border-radius: 50%;
left: 7px;
/* margin-left: -6px; */
top: 50%;
margin-top: -6px;
display: block;
}
.hd ul li .border-box .border-sec.on {
background: #ffffff;
}
.hd ul li .border-box .border-fist.on {
background: #ffffff;
}
.hd ul li .year-btn {
width: 80px;
text-align: center;
height: 26px;
line-height: 26px;
cursor: pointer;
color: #8ae5ff;
}
.hd ul li .year-btn.on {
background: #ffffff;
border-radius: 13px;
color: #004ab6;
}
.data-content {
width: 1055px;
height: 548px;
background: rgba(0, 0, 0, 0.3);
border-radius: 10px;
overflow-y: auto;
}
.data-content .date-box-txt {
border-bottom: 1px solid #4382b4;
margin: 10px 20px;
padding-bottom: 10px;
}
.data-content .date-box-txt .item-box {
padding: 10px 0;
}
.data-content .item-box h4 {
font-size: 24px;
}
.data-content .item-box p {
}
.bd dd {
display: none;
}
.hd-box .prev,
.next {
width: 25px;
display: block;
padding-left: 20px;
}
.hd-box .hd-arrow {
width: 25px;
height: auto;
display: block;
}
.data-content {
scrollbar-width: thin;
scrollbar-color: #208cf8;
}
.data-content::-webkit-scrollbar {
width: 5px;
height: 5px;
/**/
}
.data-content::-webkit-scrollbar-track {
background: #208cf8;
}
.data-content::-webkit-scrollbar-thumb {
background: #1979d9;
border-radius: 5px;
}
/* 企业文化 */
.Culture-wrapper {
background-image: url(../images/development_bg.jpg);
background-size: 100% 100%;
padding-bottom: 50px;
padding-top: 60px;
}
.Culture-wrapper .culture-box-list .mission-item {
text-align: center;
margin-bottom: 70px;
}
.culture-box-list .mission-item .mission {
font-weight: bold;
color: #000765;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 24px;
}
.culture-box-list .mission-item .bloc-name {
font-size: 36px;
font-weight: 400;
color: #000765;
line-height: 66px;
}
.bloc-name-txt {
font-size: 20px;
font-weight: 500;
color: #000765;
}
.Culture-wrapper .culture-box-list .mission-item-three .bloc-name-txt {
padding-bottom: 20px;
}
/* 塞班岛sbd999 */
.science-top-box {
}
.intro-box {
width: 378px;
height: 73px;
line-height: 73px;
color: #ffffff;
background: #0072ff;
border-radius: 0px 100px 100px 0px;
font-size: 24px;
margin-bottom: 45px;
position: relative;
}
.intro-box::after {
content: "";
position: absolute;
left: 0;
bottom: -28px;
width: 0;
height: 0;
border-top: 28px solid #0072ff;
border-right: 18px solid transparent;
}
.intro-box .intro-icon {
width: 24px;
height: 24px;
border-radius: 24px;
background: #ffffff;
margin-left: 34px;
margin-right: 10px;
}
.doctor-word-box-img {
width: 100%;
height: auto;
display: block;
}
.doctor-word-wrapper {
background-image: url(../images/scientific_sec_img2.png);
background-size: 100% 100%;
width: 100%;
}
.doctor-word-wrapper-content {
height: 713px;
position: relative;
}
.doctor-word-wrapper-content .qiye-img {
width: 154px;
height: auto;
position: absolute;
top: 142px;
left: 102px;
transition: all 0.36s ease;
}
.doctor-word-wrapper-content .cx-img {
right: 103px;
top: 149px;
width: 154px;
height: auto;
position: absolute;
transition: all 0.36s ease;
}
.doctor-word-wrapper-content .cx-img:hover {
transform: scale(1.1);
}
.zs-icon {
width: 154px;
height: auto;
position: absolute;
top: 354px;
left: 237px;
transition: all 0.36s ease;
}
.zs-icon:hover {
transform: scale(1.1);
}
.hy-icon {
width: 154px;
height: auto;
position: absolute;
top: 442px;
left: 518px;
transition: all 0.36s ease;
}
.hy-icon:hover {
transform: scale(1.1);
}
.cxy-icon {
width: 154px;
height: auto;
position: absolute;
top: 355px;
right: 272px;
transition: all 0.36s ease;
}
.cxy-icon:hover {
transform: scale(1.1);
}
.kj-img-six {
width: 460px;
height: auto;
position: absolute;
top: 52px;
left: 369px;
transition: all 0.36s ease;
}
.kj-img-six:hover {
transform: scale(1.1);
}
.doctor-word-wrapper-content .qiye-img:hover {
transform: scale(1.1);
}
.science-top-box .science-top-box-nav {
float: right;
display: block;
}
.science-top-box-nav a {
width: 125px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
}
.science-top-box-nav a.active {
background: #343434;
color: #ffffff;
}
.doctor-item-des {
width: 48%;
padding-bottom: 50px;
}
.doctor-item-des .small-title {
padding: 0 20px;
display: inline-block;
height: 30px;
line-height: 30px;
background: #d7e9ff;
margin-bottom: 10px;
border-radius: 15px;
}
.doctor-item-des p {
color: #666666;
line-height: 36px;
text-indent: 2em;
}
.doctor-title-box {
margin-top: -128px;
margin-bottom: 30px;
}
.doctor-title-box .doctor-box {
width: 150px;
height: 150px;
background: #0072ff;
opacity: 0.5;
}
.doctor-title-box .doctor-title-box-content {
color: #ffffff;
font-size: 18px;
margin-left: -123px;
position: relative;
}
.doctor-title-box .doctor-title {
font-size: 30px;
font-weight: 600;
}
/* 校企合作 */
.honor-enterprise-wrapper {
background-image: url(../images/honor_bg.jpg);
background-size: 100% 100%;
padding-bottom: 40px;
color: #ffffff;
}
.honor-enterprise-title {
padding-top: 52px;
}
.honor-enterprise-title p {
padding-bottom: 5px;
font-size: 30px;
}
.honor-enterprise-list-box {
width: 1198px;
height: 650px;
margin-top: 30px;
background: rgba(0, 35, 75, 0.8);
overflow-y: auto;
}
.honor-enterprise-list-box::-webkit-scrollbar {
width: 4px;
}
.honor-enterprise-list-box::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
background: rgba(0, 0, 0, 0.2);
}
.honor-enterprise-list-box::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
}
.honor-enterprise-list-box .list-item {
padding: 10px 20px;
}
.honor-enterprise-list-box .list-item:nth-child(odd) {
background: rgba(0, 26, 56, 1);
}
.honor-enterprise-list-box .list-item:nth-child(even) {
padding: 13px 20px;
}
.honor-enterprise-list-box .list-item .item-dete {
font-size: 24px;
width: 96px;
}
.honor-enterprise-list-box .list-item .item-txt {
width: 1000px;
}
/*人力资源*/
.doctor-item-des-sec p {
text-indent: 0em;
}
.doctor-item-des-sec p span {
font-size: 21px;
display: inline-block;
margin-right: 5px;
}
/*厨邦制造*/
.cb-manufacture-wrapper {
background-image: url(../images/zjzj5-cips-bg2.jpg);
background-size: 100% 100%;
padding-bottom: 45px;
padding-top: 60px;
}
.cb-manufacture-item {
width: 22%;
color: #fff;
text-align: center;
transition: all 500ms ease;
cursor: pointer;
}
.cb-manufacture-item img {
width: 120px;
height: auto;
display: block;
margin: 10px auto 25px;
transition: all 500ms ease;
}
.cb-manufacture-item:hover img {
transform: scale(1.1);
}
.manufacture-item-content {
height: 455px;
position: relative;
}
.manufacture-item-content .item-content-bg {
background: #000000;
opacity: 0.2;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.cb-manufacture-item .item-content-txt {
text-align: center;
padding: 20px;
position: relative;
}
.manufacture-item-content::after {
content: "";
display: block;
height: 2px;
width: 0;
background: #0864e8;
position: absolute;
right: 0;
bottom: 0;
transition: all 0.36s ease;
}
.cb-manufacture-item:hover .manufacture-item-content::after {
width: 100%;
left: 0;
}
.cb-manufacture-item .item-content-txt h5 {
font-size: 24px;
padding-bottom: 15px;
}
.cb-manufacture-item .item-content-txt p {
line-height: 28px;
}
/*社会责任*/
.social-list {
}
.social-list .social-item {
width: 49%;
}
.social-item .social-item-img {
width: 281px;
transition: all 0.36s ease;
height: auto;
position: relative;
z-index: 8;
}
.social-item .social-item-img:hover {
transform: scale(1.1);
}
.decorate-img {
width: 100%;
margin-top: -60px;
height: auto;
display: block;
}
.download-btn {
width: 267px;
height: 47px;
line-height: 47px;
border: 1px solid rgba(204, 204, 204, 0.4);
border-radius: 24px;
font-size: 16px;
margin-bottom: 30px;
cursor: pointer;
}
.download-btn img {
display: inline-block;
margin-right: 10px;
width: 30px;
height: auto;
}
.doctor-workstation-wrapper {
position: relative;
}
.dian-icon-box {
text-align: right;
margin-bottom: -74px;
}
.dian_icon {
height: auto;
display: inline-block;
width: 868px;
}
/* 走进中距end */
/*新闻媒体*/
#news-top-nav-bg {
background-image: url(../images/zjzj-topbg.jpg);
}
.search-box {
padding: 10px 0;
background: #dddddd;
}
.search-input-box {
background: #e9e7e7;
float: right;
position: relative;
}
.search-input-box input {
width: 420px;
height: 36px;
background: #e9e7e7;
border: none;
padding-left: 10px;
}
.search-input-box img {
width: 26px;
height: auto;
position: absolute;
right: 7px;
top: 8px;
}
/*新闻媒体end*/
/*产业领域*/
.hr-box-pl {
padding-left: 70px;
}
#industry-food-bg {
background-image: url(../images/zjzj-topbg-layout.jpg);
}
.layout-investment-title-bg {
width: 100%;
height: auto;
display: block;
margin-top: 67px;
}
.layout-investment-title-box {
margin-top: -119px;
}
.layout-investment-title-box .layout-investment-title-content {
font-size: 30px;
font-weight: bold;
color: #004ab6;
position: relative;
margin-left: -122px;
}
.layout-investment-title-box .layout-investment-title-k {
width: 150px;
height: 150px;
background: #c4c4c4;
opacity: 0.5;
}
.layout-investment-title-box .layout-investment-title-txt {
font-size: 18px;
font-weight: normal;
}
.healthy-food-box {
position: relative;
margin-top: 50px;
margin-bottom: 50px;
}
.healthy_food_bg {
width: 100%;
height: auto;
display: block;
}
.news-media-item-content .healthy-food-box-content {
position: absolute;
width: 390px;
color: #666666;
top: 0;
left: 55px;
}
.news-media-item-content .healthy-food-box-content p {
line-height: 47px;
text-indent: 2em;
letter-spacing: 2px;
}
.news-media-item-content .healthy-food-box-content p:nth-child(1) {
margin-bottom: 50px;
margin-top: 30px;
}
.urban-development-wrapper .urban-development-item {
width: 47%;
margin-top: 60px;
}
.urban-development-wrapper .urban-development-item p {
color: #666666;
line-height: 36px;
text-indent: 2em;
}
.urban-development-wrapper .bottom-box-txt p {
color: #666666;
line-height: 36px;
text-indent: 2em;
}
.cb-j-y-box {
position: relative;
margin-top: 50px;
}
.cb-j-y-box .jy-img-big {
width: 100%;
height: auto;
display: block;
}
.cb-j-y-box-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.cb-j-y-box-content .cb-j-y-box-content-sec {
width: 1200px;
background: rgba(27, 76, 133, 0.7);
margin: 0 auto;
color: #ffffff;
}
.cb-j-y-box-content .cb-j-y-box-content-sec .jy-title-img {
width: 514px;
height: auto;
display: block;
padding: 43px 24px 33px;
}
.auto_parts_img {
width: 100%;
height: auto;
display: block;
margin-top: 40px;
}
.cb-j-y-box-content-txt .cb-j-y-box-content-txt-div {
width: 85%;
}
.cb-j-y-box-content-txt .cb-j-y-box-content-txt-div p {
padding: 0 24px;
line-height: 36px;
}
.go-des-coy-box .go-des-coy {
border: 1px solid #ffffff;
border-radius: 12px;
padding: 10px 20px;
color: #ffffff;
}
.go-des-coy-box {
padding-left: 24px;
margin-top: 50px;
}
.go-des-coy-box .go-des-coy img {
width: 13px;
height: auto;
display: inline-block;
margin-left: 20px;
}
/*产业领域end*/
/*塞班岛线路检测中心*/
.Jonjee-estate-management-box .management-txt {
width: 48%;
margin-top: 50px;
}
.Jonjee-estate-management-box .management-txt p {
color: #666666;
line-height: 36px;
}
.honer-box {
margin-top: 20px;
}
.honer-item-box {
display: flex;
flex-wrap: wrap;
}
.honer-item-box .honer-item {
width: 50%;
line-height: 36px;
}
.jonjee-box-img-bg {
width: 100%;
height: auto;
display: block;
margin-top: 40px;
}
.project-serve-box {
margin-top: 50px;
}
.project-serve-box .project-serve-item .intro-box {
background: #e1e1e1;
color: #666666;
}
.project-serve-box .project-serve-item .intro-box::after {
content: "";
position: absolute;
left: 0;
bottom: -28px;
width: 0;
height: 0;
border-top: 28px solid #e1e1e1;
border-right: 18px solid transparent;
}
.project-serve-box .project-serve-item {
width: 48%;
}
.project-serve-box .project-serve-item p {
text-indent: 2em;
line-height: 36px;
}
.cyly8-zjzg-bg {
width: 100%;
height: auto;
display: block;
margin-top: 50px;
}
/*塞班岛线路检测中心end*/
/*投资者关系*/
.investor-protection-content {
color: #666666;
margin-top: 30px;
line-height: 36px;
}
.investor-protection-content p {
text-indent: 2em;
}
.investor-protection-content span {
font-size: 28px;
}
/*投资者关系end*/
/*分辨率高于1440,采用下面的样式*/
@media screen and (min-device-width: 1920px) {
.industry-box-img-rt .industry-des {
top: 25%;
}
.news-box {
margin-top: -65px;
}
}
/*分辨率高于1600,采用下面的样式*/
@media screen and (max-device-width: 1600px) {
.shop-qrcode-box-dd {
position: absolute;
z-index: 999;
top: 60px;
right: 275px;
display: none;
}
#wx-xiaocx {
right: 190px;
display: none;
}
.placeholder {
height: 70px;
}
/* .first-news-list-box .first-news-list-ul .first-news-list-ul-li{
padding-bottom: 17px;
} */
/* .first-news-list-box .first-news-list-ul .news-item-title {
margin-bottom: 4px;
} */
/* .first-news-list-ul .first-news-list-ul-li a {
display: block;
margin-bottom: 17px;
} */
/* .relations-list-sec-item .first-news-list-ul a {
color: #fff;
margin-bottom: 40px;
display: block;
} */
.city-houses-box {
margin-top: -310px;
}
.high-tech-box-bg {
margin-top: -181px;
}
.auto-spare-parts {
margin-top: -136px;
}
.cyly5-bg {
margin-top: -285px;
}
.join-box-img-bg {
margin-top: -337px;
}
.investment-project-bg {
margin-top: -390px;
}
.investment-project-item-content .food-txt {
line-height: 27px;
}
.investment-project-bg2 {
margin-top: -392px;
}
.project-services-wrapper .services-item p {
height: 208px;
}
.company-name-wrapper-content {
width: 1200px;
}
.online-service-bg-box {
padding-bottom: 0px;
padding-top: 0px;
margin-top: 200px;
}
.input-box-item2 textarea {
height: 80px;
}
.online-service-wrapper2 {
top: -172px;
}
.submit-btn {
margin: 20px auto;
}
.form-content h5 {
padding: 10px 0;
}
.online-service-txt .food-txt {
line-height: 26px;
}
.type-box-industry {
width: 80%;
}
/* 内部登录弹框 */
.login-wrapper {
right: 27%;
}
.login-wrapper-supplier {
right: 20.2%;
}
.platform-content {
top: 20%;
}
.contact-wrapper {
right: 10.5%;
}
/*内部办公室入口*/
.office-list {
margin-top: 100px;
}
.dian_icon {
height: auto;
display: inline-block;
width: 750px;
}
}
/*分辨率高于1440,采用下面的样式*/
@media screen and (max-device-width: 1440px) {
.shop-qrcode-box-dd {
position: absolute;
z-index: 999;
top: 65px;
right: 190px;
display: none;
}
#wx-xiaocx {
right: 103px;
display: none;
}
.column-stage {
height: 560px;
}
/* .first-news-list-box .first-news-list-ul .first-news-list-ul-li{
padding-bottom: 0;
}
.first-news-list-box .first-news-list-ul .news-item-title {
margin-bottom: 4px;
} */
.city-houses-box {
margin-top: -270px;
}
.high-tech-box-bg {
margin-top: -160px;
}
.auto-spare-parts {
margin-top: -152px;
}
.cyly5-bg {
margin-top: -285px;
}
.join-box-img-bg {
margin-top: -307px;
}
.honor-img-box .honor-img-item span {
top: 63.5%;
font-size: 15px;
}
.investment-project-bg {
/* margin-top: -375px; */
}
.investment-project-item-content .food-txt {
line-height: 25px;
font-size: 13px;
}
.investment-project-bg2 {
/* margin-top: -324px; */
}
.company-name-wrapper-content {
/*width: 37%;*/
}
.input-box-item .input-item input {
width: 65%;
margin-left: 20px;
border: none;
}
.tzzgx-tzzgxhd-bg {
margin-top: -618px;
}
.contact-wrapper {
right: 6%;
}
/* 内部登录弹框 */
.login-wrapper {
right: 24.5%;
}
.login-wrapper-supplier {
right: 17.5%;
}
.dian_icon {
height: auto;
display: inline-block;
width: 633px;
}
}
/*分辨率低于1336,采用下面的样式*/
@media screen and (max-device-width: 1366px) {
.shop-qrcode-box-dd {
right: 155px;
display: none;
}
#wx-xiaocx {
right: 68px;
display: none;
}
}
/*分辨率低于1336,采用下面的样式*/
@media screen and (max-device-width: 1336px) {
/*.development-track-wrapper {*/
/* height: 672px;*/
/*}*/
.join-box-img-bg {
margin-top: -281px;
}
.investment-project-bg2 {
margin-top: -303px;
}
.investment-project-item-content .food-txt {
line-height: 24px;
font-size: 12px;
}
.investment-project-bg {
margin-top: -362px;
}
.investment-project-bg2 {
margin-top: -294px;
}
.project-services-wrapper .services-item p {
height: 208px;
line-height: 27px;
}
.company-name-wrapper-content {
/*width: 37%;*/
}
.input-box-item {
padding: 20px 0 10px;
}
.relation-from-content .relation-from {
padding: 10px;
}
.relation-from-content {
height: 800px;
}
.relation-from-content {
height: 774px;
}
.tzzgx-tzzgxhd-bg {
margin-top: -577px;
}
.input-box-item2 {
margin-top: 10px;
}
.contact-wrapper {
right: 3%;
}
}
/*分辨率低于1366px,采用下面的样式*/
@media screen and (max-device-width: 1366px) {
/* 内部登录弹框 */
.login-wrapper {
right: 23%;
}
.login-wrapper-supplier {
right: 15.5%;
}
.contact-wrapper {
right: 3.5%;
}
}
/*.development-track-wrapper {*/
/* height: 677px;*/
/*}*/
/*分辨率低于1280,采用下面的样式*/
@media screen and (max-device-width: 1280px) {
.contact-wrapper {
right: 3%;
}
.shop-qrcode-box-dd {
right: 101px;
display: none;
}
#wx-xiaocx {
right: 12px;
display: none;
}
/* .first-news-list-box .first-news-list-ul .first-news-list-ul-li{
padding-bottom: 0;
}
.first-news-list-box .first-news-list-ul .news-item-title {
margin-bottom: 4px;
} */
/* 头部导航 */
.header .h_right .nav li a {
color: #fff;
font-size: 14px;
display: inline-block;
}
/* 导航end */
.city-houses-box {
margin-top: -249px;
}
.high-tech-box-bg {
margin-top: -144px;
}
.join-box-img-bg {
margin-top: -270px;
}
.honor-img-box .honor-img-item span {
top: 62.5%;
font-size: 14px;
}
.investment-project-bg {
margin-top: -417px;
height: 507px;
}
.investment-project-bg2 {
margin-top: -390px;
}
.investment-project-item-content .food-txt {
line-height: 35px;
font-size: 12px;
}
.company-name-wrapper-content {
/*width: 40%;*/
}
/* 内部登录弹框 */
.login-wrapper {
right: 21.5%;
}
.login-wrapper-supplier {
right: 13.5%;
}
}
/* 塞班岛sbd999列表新闻更多 */
.nav-item-wrapper .more {
text-align: right;
margin-bottom: 10px;
padding-right: 20px;
font-size: 12px;
color: #999;
display: block;
}