.home .base-header {
background: none;
position: absolute;
top: 0;
}
* {
-ms-overflow-style: none;
}
.home .logo {
display: none;
}
.home {
width: 100%;
height: 100%;
}
.home .logo_w {
display: block;
width: 190px;
}
.home-t {
height: 102%;
width: 100%;
}
.banner-swiper {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.banner-img {
width: 100%;
height: 100%;
}
.home-t {
width: 100%;
height: 102%;
transition: .7s;
}
::-webkit-scrollbar {
display: none;
}
.home-container {
position: fixed;
left: 0%;
top: 100%;
bottom: 0;
right: 0;
background: #fff;
transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
overflow-y: scroll;
overflow-x: hidden;
outline: none;
z-index: 12;
}
.home .base-header a {
color: #fff;
}
.banner-swiper .swiper-pagination {
position: absolute;
display: flex;
justify-content: center;
position: relative;
bottom: 80px;
}
.banner-swiper .swiper-pagination-bullet {
width: auto;
height: auto;
background: none;
color: #fff;
opacity: 1;
position: relative;
display: inline-block;
line-height: 40px;
margin: 0 6px;
}
.banner-swiper .swiper-pagination-bullet:after {
content: "";
height: 1px;
background: #fff;
width: 0;
transition: all ease 0.4s;
vertical-align: middle;
}
.banner-swiper .swiper-pagination-bullet-active {
color: #F7B334;
}
.banner-swiper .swiper-pagination-bullet-active.swiper-pagination-bullet:after {
width: 48px;
display: inline-block;
margin-left: 4px;
}
.banner-swiper .swiper-pagination-bullet-active.swiper-pagination-bullet:last-child::after {
width: 0;
}
.swiper-to {
background: url(/image/right-to.png);
background-size: 100% 100%;
width: 20px !important;
height: 20px;
margin-left: 8px;
z-index: 222;
cursor: pointer;
bottom: 80px;
position: relative;
}
.banner-swiper-title {
position: absolute;
top: 38%;
left: 19.27%;
line-height: 1.4;
font-size: 36px;
font-weight: 600;
color: #fff;
}
.banner-swiper-down {
color: #fff;
position: absolute;
top: 46%;
left: 19.27%;
z-index: 2;
animation: bannerDown 2s linear 0s infinite;
}
@keyframes bannerDown {
0% {
transform: translate(0, 0);
opacity: 0;
}
0% {
transform: translate(0, 10px);
opacity: 1;
}
100% {
transform: translate(0, 20px);
opacity: 0;
}
}
.banner-swiper-pagination {
position: absolute;
width: 100%;
}
.banner-swiper-down span {
display: inline-block;
width: 18px;
height: 30px;
margin-right: 20px;
border: 2px solid #fff;
border-radius: 10px;
position: relative;
}
.banner-swiper-down span:after {
content: "";
width: 2px;
height: 10px;
background: #ffffff;
position: absolute;
top: 5px;
left: 50%;
margin-left: -1px;
}
.home-about {
background: url(/image/home-about-bg.png) no-repeat;
background-size: auto 746px;
background-position: center bottom;
width: 100%;
height: 746px;
box-sizing: border-box;
padding: 1.2rem 0;
position: relative;
}
.indexBody .indexItem {
width: 100%;
height: auto;
background: url(/image/indexnewsBg.jpg) 100% no-repeat;
background-size: auto 968px;
background-position: center center;
}
.home-about-title {
font-size: 32px;
font-weight: 700;
line-height: 48px;
}
.home-about-desc {
font-size: 16px;
line-height: 32px;
margin-top: 24px;
}
.home-about-item-num {
font-size: 44px;
color: #F7B334;
line-height: 48px;
font-weight: 700;
}
.home-about-item-con {
display: flex;
align-items: baseline;
margin-bottom: 2px;
line-height: 24px;
}
.home-about-item-lab {
font-size: 16px;
color: #F7B334;
margin-left: 10px;
font-weight: bold;
}
.home-about-item-title {
font-size: 16px;
color: #333333;
line-height: 22px;
text-align: justify;
}
.home-about-ls {
margin-top: 80px;
}
.home-about-more {
border-radius: 8px;
width: 160px;
height: 48px;
background-color: #F7B334;
margin: 80px 0 120px 0;
}
.home-about-more a {
color: #fff;
width: 100%;
height: 100%;
}
.home-about-more .iconfont {
font-size: 10px;
margin-left: 5px;
}
.home-pro-content {
height: 640px;
width: 100%;
}
.home-pro-top {
width: 100%;
background: url(/image/home-pro.jpg) 100% no-repeat;
background-size: auto 388px;
}
.home-pro-title {
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin: 120px 0 60px 0;
}
.home-pro-title a {
font-size: 16px;
line-height: 48px;
font-weight: normal;
}
.home-pro-title a .iconfont {
font-size: 12px;
margin-left: 8px;
color: #F7B334;
}
.home-nav-containers {
width: calc(100% - 120px);
margin: 0 auto;
}
.pro-nav-img {
width: 60px;
height: 60px;
}
.pro-nav-title {
line-height: 28px;
font-size: 20px;
margin: 16px 0 40px 0;
text-align: center;
height: 28px;
}
.home-swiper-prev {
width: 56px;
height: 56px;
background: url(/image/mleftarrow.png) no-repeat;
background-size: cover;
margin-top: 22px;
}
.home-swiper-prev:hover {
width: 56px;
height: 56px;
background: url(/image/mleftarrowhover.png) no-repeat;
background-size: cover;
}
.home-swiper-next {
width: 56px;
height: 56px;
background: url(/image/mrightarrows.png) no-repeat;
background-size: cover;
margin-top: 22px;
}
.home-swiper-next:hover {
width: 56px;
height: 56px;
background: url(/image/mrightarrowshover.png) no-repeat;
background-size: cover;
}
.home-nav-containers .swiper-slide-thumb-active {
border-bottom: 5px solid rgb(234, 64, 46);
}
.home-nav-containers .swiper-slide-thumb-active .pro-nav-title a{
color: inherit;
}
.home-nav-containers .swiper-slide .pro-nav-title a{
font-family: \5FAE\8F6F\96C5\9ED1;
font-size: 16px;
color: #333333!important;
line-height: 24px;
text-align: justify;
font-style: normal;
text-decoration: none;
}
.home-pro-ls {
width: 680px;
background: rgba(255, 255, 255, 0.9);
padding: 60px 40px;
box-sizing: border-box;
position: relative;
left: 0;
top: 0;
}
.home-pro-ls-title {
font-size: 32px;
font-weight: 700;
line-height: 40px;
margin-bottom: 40px;
}
.home-pro-ul a {
margin-right: 30px;
font-size: 16px;
line-height: 48px;
display: inline-block;
width: auto;
height: 48px;
color:rgba(102, 102, 102, 1)
}
.home-pro-ul a::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
background: #333;
border-radius: 50%;
margin: 0 4px 2px 0;
}
.home-pro-ls-more {
border-radius: 8px;
width: 160px;
height: 48px;
border: 1px solid;
display: block;
margin-top: 40px;
font-size: 14px;
line-height: 48px;
text-align: center;
}
.home-pro-ls-more .iconfont {
font-size: 10px;
margin-left: 10px;
}
.home-pro-ls-more:hover {
background: #F7B334;
color: #fff;
border: 1px solid #F7B334;
}
.home-link-item {
padding: 60px 40px;
display: block;
}
.home-link-left {
width: 32.2%;
}
.home-link-left .home-link-item-txt {
max-height: 280px;
overflow: hidden;
}
.home-link-right .home-link-item-txt {
max-height: 55px;
overflow: hidden;
}
.home-link-left .home-link-item {
width: 100%;
height: 600px;
}
.home-link-right {
display: flex;
flex-wrap: wrap;
width: 66.1%;
}
.home-link-right .home-link-item:nth-child(1) {
width: 100%;
height: 300px;
margin-bottom: 20px;
}
.home-link-right .home-link-item:nth-child(2) {
width: calc((100% - 20px)/2);
height: 280px;
margin-right: 19px;
}
.home-link-right .home-link-item:nth-child(3) {
width: calc((100% - 20px)/2);
height: 280px;
}
.home-link-item-title {
color: #fff;
font-size: 28px;
font-weight: 700;
white-space: nowrap;
line-height: 40px;
}
.home-link-item-txt {
font-size: 16px;
color: #FFFFFF;
font-style: normal;
margin: 20px 0 40px 0;
}
.home-link-item-to {
width: 60px;
height: 60px;
background: url(/image/iconsmoreinner.png);
background-size: cover;
background-repeat: no-repeat;
}
.home-link-item-to:hover {
width: 60px;
height: 60px;
background: url(/image/icnosInber.png);
}
.home-link {
background-image: url(/image/kuaiSpeedlinksbg.jpg);
width: 100%;
height: 840px;
background-size: auto 840px;
padding: 120px 0;
}
.home-fix {
position: fixed;
right: 20px;
width: 350px;
bottom: 20px;
height: 289px;
background: url(/image/crcwindowInfobg.png);
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
z-index: 10;
border-radius: 8px;
padding: 20px;
z-index: 22;
}
.home-fix-title {
font-size: 14px;
color: #333333;
line-height: 20px;
text-align: left;
font-style: normal;
margin-bottom: 12px;
height: 40px;
display: inline-block;
}
.home-fix-img {
height: 175px;
width: 100%;
}
.home-fix-swiper {
width: 100%;
height: 100%;
}
.home-fix-swiper .swiper-pagination {
bottom: -5px;
}
.home-fix-swiper .swiper-pagination-bullet-active {
opacity: 1;
background: #F7B334;
}
.home-fix-close {
width: 18px;
height: 18px;
position: absolute;
right: -6px;
top: -9px;
cursor: pointer;
}
.home .xd-tops-search {
width: 20px;
height: 20px;
background: url(/image/crcs-toolbar-search-icon-query.png) no-repeat;
background-size: cover;
display: inline-block;
vertical-align: middle;
margin-left: 0;
}
.closeMap {
cursor: pointer;
width: 48px;
height: 48px;
background: url(/image/menu-close.png) center center no-repeat;
background-size: cover;
}
.home .xd-tops-showMap {
width: 20px;
height: 20px;
background: url(/image/map-static.png) no-repeat;
background-size: cover;
display: inline-block;
vertical-align: middle;
margin-left: 0;
}
.base-search-main .closeBtn {
margin-left: 20px;
width: 24px;
height: 24px;
cursor: pointer;
background: url(/image/search-close.png) center center no-repeat;
background-size: cover;
}
.home-pro-title .icons-row {
width: 15px;
height: 15px;
display: inline-block;
background: url(/image/Indexarrows-hover.png);
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
top: 0px;
margin-left: 0px;
}
.cu-line-clamp-csscomm {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.cu-line-clamp-3 {
-webkit-line-clamp: 3;
}
.cu-line-clamp-2 {
-webkit-line-clamp: 2;
}
.cu-line-clamp-1 {
-webkit-line-clamp: 1;
}
@media screen and (max-width:1200px) {
.ejFooterMian .fLogoBox{
width: 180px;
margin-right: 10px;
}
.xd-in{
width: 100%;
padding: 0 10px;
}
.news-contents .xwzx_list .right-box-wraper .news-title a {
font-size: inherit;
color: #333333;
}
}
@media screen and (max-width: 1080px) {
.home {
height: auto;
}
.home .base-header a {
color: #333 !important;
}
.home .banner-swiper {
height: 300px;
}
.banner-swiper img {
width: 100%;
height: 300px;
}
.home-about-title {
font-size: 20px;
line-height: 30px;
}
.home-about-desc {
font-size: 14px;
line-height: 24px;
}
.home-about {
background: url(/image/mindexIntro.jpg) no-repeat;
background-position: top right;
width: 100%;
height: auto;
box-sizing: border-box;
background-size: auto 100%;
padding-bottom: 0;
}
.home-about-ls {
flex-wrap: wrap;
margin-top: 32px;
}
.banner-swiper-title {
font-size: 20px;
left: 16px;
top: 50%;
}
.banner-swiper-down {
left: 16px;
top: 64%;
}
.home-about-item {
width: calc(50% - 1px) ;
margin-bottom: 20px;
position: relative;
}
.home-about-item:nth-child(1)::after,
.home-about-item:nth-child(3)::after {
content: "";
width: 1px;
height: 30px;
background: #D8D8D8;
position: absolute;
right: 1rem;
top: 0.15rem;
}
.home-about-item
.home-about-ls {
margin-top: 40px;
}
.home-about-item-num {
font-size: 22px;
line-height: 24px;
}
.home-about-item-lab {
font-size: 14px;
line-height: normal;
}
.home-about-more {
margin: 40px 0 60px 0;
}
.banner-swiper-pagination {
bottom: -15px;
}
.home-pro-content {
height: 375px;
}
.home-swiper-prev,
.home-swiper-prev:hover,
.home-swiper-next,
.home-swiper-next:hover {
width: 28px;
height: 28px;
margin-top: 0;
}
.home-nav-containers {
width: calc(100% - 56px);
}
.pro-nav-img {
width: 40px;
height: 40px;
}
.home-pro-title {
font-size: 20px;
line-height: 24px;
margin: 60px 0 30px 0;
}
.home-pro-title a {
font-size: 14px;
line-height: 24px;
font-weight: normal;
}
.home-pro-top {
width: 100%;
height: 170px;
}
.pro-nav-title {
line-height: 18px;
font-size: 14px;
margin: 13px 0 10px 0;
height: 46px;
}
.home-pro-ls {
width: 100%;
padding: 30px 20px;
}
.home-pro-ls-title {
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
}
.home-pro-ul {
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 80px;
}
.home-pro-ul a {
margin-bottom: 10px;
font-size: 14px;
line-height: 18px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.home-pro-ls-more {
width: 130px;
height: 40px;
border-radius: 4px;
line-height: 40px;
bottom: 30px;
}
.home-pro-ls {
height: 285px;
}
.home .logo {
display: block !important;
}
.home-container {
position: relative !important;
top: 0 !important;
}
.home-t {
height: auto;
}
.home {
overflow: hidden;
}
.w1180, .xd-in, .ybContainer, .main, .midAuto, .mid-containers{
width: 100%;
padding:0 16px;
}
.comm-title .tabs ul .now {
border-bottom: solid 4px #F7B334 !important;
color: #F7B334 !important;
}
.comm-title .title-left{
font-size: 20px;
}
.comm-title .tabs ul a{
font-size: 12px;
height: 20px;
line-height: 14px;
}
.ejFooterMian .fNav{
width: 100%;
display: none;
}
.ejFooterMian .fLogoBox{
width: 100%;
box-shadow:none;
padding-bottom: 10px;
}
.ejFooterMian .fList {
padding-bottom: 0px !important;
padding-top: 16px;
}
}
/*版权部分信息*/
@media screen and (max-width:1024px) {
.ejFooterMian .fLogoBox{
width: 100%;
box-shadow:none;
padding-bottom: 10px;
}
.copy-right-containers {
flex-direction: column-reverse;
padding: 12px 0;
}
.copy-right-containers .w1180 {
font-size: 12px;
line-height: 16px;
text-align: center;
margin-bottom: 0;
display: flex;
justify-content: flex-start;
flex-direction: column-reverse;
}
.group-yewuareas .image-text-wrappers {
height: 24px;
line-height: 24px;
margin: 1.2rem 0 0 0;
}
}
/* 中间区域的样式优化*/
@media screen and (min-width: 750px) and (max-width: 1024px) {
.xd-in{
width: 100%;
padding:0 16px;
}
.box-gupiao {
background-image: url(/image/indexgupiao.jpg);
width: 100%;
background-size: auto 100%;
background-repeat: no-repeat;
min-height: 568px;
background-position: bottom center;
height: auto;
}
}
@media screen and (max-width: 750px) {
.box-gupiao {
background-image: url(/image/mstock.jpg);
width: 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
min-height: 568px;
background-position: top center;
height: auto;
}
.home-pro-ul a {
font-size: 14px;
line-height: 18px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 0.36rem;
margin-bottom: 0.2rem;
line-height: 0.36rem;
}
.home-pro-ls {
width: 100%;
padding: 0.6rem 0.4rem
}
.home-pro-ls-title {
margin-bottom: 30px;
}
}
@media screen and (max-width: 600px) {
.home-fix {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 32px);
z-index: 100;
}
.home-fix-bg {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
left: 0px;
top: 0px;
z-index: 80;
position: fixed;
}
}