/*头部1*/ .header { width: 100%; background-color: #fff; padding: 0 2.5% 0 7.5%; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; } .header .logo { float: left; height: 70px; font-size: 0; line-height: 70px; } .header .logo img { display: inline-block; vertical-align: middle; height: 45px; } .header .ling { float: right; margin-left: 20px; } .header .ling li { float: left; height: 70px; line-height: 70px; } .header .ling .c-e { margin-left: 15px; } .header .ling .c-e-1 { color: #dadada; } .header .ling .c-e a { color: #acacac; font-size: 17px; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .header .ling .c-e a:hover, .header .ling .c-e a.on { color: #feaa31; } .header .ling .oa { margin-left: 42px; } .header .ling .oa span { display: inline-block; width: 48px; height: 24px; border: 1px solid #feaa31; border-radius: 2px; color: #feaa31; font-size: 16px; line-height: 24px; text-align: center; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .header .ling .oa span:hover { opacity: .8; } .header .nav { float: left; } .header .nav .layui-nav { padding: 0; border-radius: 0; background-color: transparent; } .header .nav .layui-nav .layui-nav-item { line-height: 70px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header .nav .layui-nav .layui-nav-item a { color: #807e7a; font-size: 17px; } .header .nav .layui-nav .layui-nav-item:hover, .header .nav .layui-nav .layui-nav-item.layui-this { background-color: #feaa31; } .header .nav .layui-nav .layui-nav-item:hover:after, .header .nav .layui-nav .layui-nav-item.layui-this:after { display: none; } .header .nav .layui-nav .layui-nav-item:hover a, .header .nav .layui-nav .layui-nav-item.layui-this a { color: #fff; } .header .nav .layui-nav .layui-nav-bar, .header .nav .layui-nav .layui-nav-more { display: none; } .header .nav .layui-nav .layui-nav-child { top: 70px; padding: 0; border: none; border-radius: 0; } .header .nav .layui-nav .layui-nav-child a { color: #666 !important; font-size: 14px; } .shangtou-menu { position: fixed; top: 0; left: 71px; z-index: 10000; background-color: #fff; transition: all .2s ease-out; } .shangtou-menu .menu-img { width: 60px; height: 63px; cursor: pointer; } .shangtou-menu .shangtou-img { width: 154px; height: 63px; } .shangtou-menu img { width: 100%; height: 100%; } /*新头部start*/ .Nheader { width: 100%; background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 11; } .Nhead { width: 1716px; margin: 0 auto; } .Nhead .st { float: left; width: 125px; height: 79px; line-height: 79px; font-size: 0; margin-right: 1.2%; } .Nhead .st img { display: inline-block; vertical-align: middle; width: 100%; } .Nhead .logo { float: left; width: 380px; height: 79px; line-height: 79px; font-size: 0; } .Nhead .logo img { display: inline-block; vertical-align: middle; width: 100%; } .Nhead .right { float: right; } .Nhead .Nnav { float: left; margin-right: 20px; } .Nhead .Nnav li { float: left; margin: 0 5px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; position: relative; } .Nhead .Nnav li .a { display: block; color: #282828; font-size: 18px; height: 79px; line-height: 79px; font-weight: bold; padding: 0 12px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .Nhead .Nnav li:hover .a, .Nhead .Nnav .on .a { background-color: #feaa31; color: #fff; } .Nhead .Nnav li dl { display: none; position: absolute; top: 79px; left: 0; right: 0; background-color: rgba(0,0,0,.5); padding: 0 15px; } .Nhead .Nnav li dl a { float: left; display: block; height: 50px; line-height: 50px; color: #fff; font-size: 16px; padding: 0 15px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .Nhead .Nnav li dd:hover a { color: #feaa31; } .Nhead .sel { float: left; height: 79px; padding-top: 30px; } .Nhead .sel select { width: 50px; color: #939393; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; } .Nhead .sel select::-ms-expand { display: none; } .Nhead .selec { position: relative; } .Nhead .selec span { display: block; position: absolute; right: 5px; top: 10px; } .Nhead .selec span img { display: block; } .Nhead .oa { float: right; height: 79px; line-height: 79px; font-size: 0; margin-left: 15px; } .Nhead .oa a { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; color: #939393; line-height: 12px; } .Nhead .oa a img { display: inline-block; vertical-align: middle; margin-left: 8px; } .Nzhanwei { height: 79px; } @media screen and (max-width: 1716px) { .Nhead { width: 100%; padding: 0 20px; } .Nhead .st { width: 110px; margin-right: 1%; } .Nhead .logo { width: 280px; } .Nhead .Nnav { margin-right: 30px; } .Nhead .Nnav li { margin: 0; } .Nhead .Nnav li .a { font-size: 16px; padding: 0 10px; } .Nhead .selec span { top: 8px; } .Nhead .oa { margin-left: 15px; } } @media screen and (max-width:1200px) { .Nhead .left { text-align: center; } .Nhead .left .st, .Nhead .left .logo { display: inline-block; vertical-align: top; margin: 0 30px; } .Nhead .st, .Nhead .logo, .Nhead .right { float: none; } .Nhead .right { width: 1000px; margin: 0 auto; } .Nhead .Nnav li .a { padding: 0 20px; } } /* @media screen and (max-width: 750px) { .Nheader { display: none; } .Nzhanwei { height: 1.1rem; } } */ /*新头部end*/ .zhuti { width: 100%; } .zhuti img { width: 100%; } .gonggao { width: 100%; background-color: #fff6ea; } .gonggao .g-img { float: left; width: 9%; height: 49px; line-height: 49px; font-size: 0; padding-right: 17px; text-align: right; } .gonggao .g-img img { display: inline-block; vertical-align: middle; } .gonggao .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .swiper-gonggao { float: right; width: 91%; height: 49px; } .swiper-gonggao .swiper-slide { text-align: center; } .swiper-gonggao .swiper-slide a { color: #7f7d77; font-size: 16px; line-height: 49px; width: 350px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .header-index { top: -70px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .zhanwei { height: 70px; } .index-zhanwei { height: 0; } .index-header { width: 990px; position: fixed; top: 54px; left: 50%; z-index: 9998; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .index-header .logo { height: 48px; text-align: center; margin-bottom: 49px; } .index-header .logo img { height: 100%; } .index-header .index-nav .layui-nav { padding: 0; border-radius: 0; background-color: transparent; } .index-header .index-nav .layui-nav .layui-nav-item { line-height: 50px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .index-header .index-nav .layui-nav .layui-nav-item a { color: #807e7a; font-size: 17px; padding: 0 17px; outline: none; } .index-header .index-nav .layui-nav .layui-nav-item:hover:after, .index-header .index-nav .layui-nav .layui-nav-item.layui-this:after { display: none; } .index-header .index-nav .layui-nav .layui-nav-item:hover a, .index-header .index-nav .layui-nav .layui-nav-item.layui-this a { color: #feaa31; } .index-header .index-nav .layui-nav .layui-nav-bar, .index-header .index-nav .layui-nav .layui-nav-more { display: none; } .index-header .index-nav .layui-nav .layui-nav-child { top: 50px; padding: 0; border: none; border-radius: 0; } .index-header .index-nav .layui-nav .layui-nav-child a { color: #666 !important; font-size: 14px; } .index-header .ling { float: right; } .index-header .ling li { float: left; height: 50px; line-height: 50px; } .index-header .ling .c-e { margin-left: 15px; } .index-header .ling .c-e-1 { color: #dadada; } .index-header .ling .c-e a { color: #acacac; font-size: 17px; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .index-header .ling .c-e a:hover, .index-header .ling .c-e a.on { color: #feaa31; } .index-header .ling .oa { margin-left: 30px; } .index-header .ling .oa span { display: inline-block; width: 48px; height: 24px; border: 1px solid #feaa31; border-radius: 2px; color: #feaa31; font-size: 16px; line-height: 24px; text-align: center; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .index-header .ling .oa span:hover { opacity: .8; } .banner { width: 100vw; height: 100vh; position: relative; } .banner .wap { display: none; } .banner .pagination-banner { left: 50%; transform: translateX(-50%); bottom: 113px; } .banner .swiper-pagination-bullet { vertical-align: top; width: 60px; margin: 0 23px; border-radius: 0; opacity: 1; } .banner .swiper-pagination-bullet .img { width: 100%; height: 45px; line-height: 45px; margin-bottom: 22px; background-color: #7f7b76; } .banner .swiper-pagination-bullet p { color: #7d7d7d; font-size: 12px; opacity: 0; } .banner .swiper-pagination-bullet-active .img { background-color: #feaa31; } .banner .swiper-pagination-bullet-active p { opacity: 1; } /*新satrt*/ .Nbanner { width: 100%; height: 608px; position: relative; } .Nbanner .wap { display: none; } .Nbanner .swiper-slide .img { background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; color: #fff; } .Nbanner .swiper-slide .img h6 { padding: 210px 0 0; font-size: 60px; line-height: 1; font-weight: bold; margin-bottom: 20px; } .Nbanner .swiper-slide .img p { font-size: 14px; line-height: 1; text-transform: capitalize; margin-bottom: 37px; } .Nbanner .swiper-slide .img span { font-size: 18px; line-height: 1; } /* @media screen and (max-width:750px) { .Nbanner .swiper-slide .img h6 { padding: 1.5rem 0 0; font-size: .6rem; margin-bottom: .2rem; } .Nbanner .swiper-slide .img p { font-size: .24rem; margin-bottom: .4rem; } .Nbanner .swiper-slide .img span { font-size: .2rem; } } */ .Nbanner .pagination-banner { left: auto; right: 18.75%; /* transform: translateX(-50%); */ bottom: 35px; height: 45px; } .Nbanner .swiper-pagination-bullet { vertical-align: top; width: 60px; margin: 0 23px; border-radius: 0; opacity: 1; } .Nbanner .swiper-pagination-bullet .img { width: 100%; height: 45px; line-height: 45px; margin-bottom: 22px; background-color: #7f7b76; } .Nbanner .swiper-pagination-bullet .img img { display: inline-block; vertical-align: middle; height: 25px; } .Nbanner .swiper-pagination-bullet p { color: #7d7d7d; font-size: 12px; opacity: 0; } .Nbanner .swiper-pagination-bullet-active .img { background-color: #feaa31; } .Nbanner .swiper-pagination-bullet-active p { opacity: 1; } .Nmain { width: 1200px; margin: 0 auto 64px; padding: 35px 0 0; } .Nmain .left { float: left; } .swiper-main { width: 470px; height: 325px; } .swiper-main .swiper-slide .img { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .swiper-main .swiper-pagination-bullets { width: 100%; text-align: right; padding-right: 10px; } .swiper-main .swiper-pagination-bullet { width: 13px; height: 13px; background-color: #838a8a; opacity: 1; margin: 0 4px !important; } .swiper-main .swiper-pagination-bullet-active { background-color: #feaa31; } .Nnew { float: right; width: 684px; } .main-news-tab { width: 100%; padding-bottom: 13px; border-bottom: 1px solid #e2e2e2; margin-bottom: 10px; position: relative; } .main-news-tab .Na { position: absolute; right: 0; top: 0; } .main-news-tab .Na a { display: none; color: #9e9e9e; font-size: 12px; line-height: 18px; } .Ntab li { float: left; color: #282828; font-size: 18px; font-weight: bold; margin-right: 47px; cursor: pointer; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .Ntab li:after { content: ""; display: block; position: absolute; left: 0; bottom: -14px; width: 100%; height: 2px; background-color: transparent; } .Ntab li:hover, .Ntab .on { color: #feaa31; } .Ntab .on:after { background-color: #feaa31; } .Nnew-list { display: none; width: 100%; } .Nnew-list .li { width: 100%; padding: 6px 0; position: relative; } .Nnew-list .li a { display: block; float: left; width: 80%; color: #6b6b6b; font-size: 15px; padding-left: 11px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .Nnew-list .li a:after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 5px; left: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #dddddd; } .Nnew-list .li:hover a { color: #feaa31; } .Nnew-list .li span { color: #bdbdbd; font-size: 15px; float: right; } .Njingying { width: 100%; min-width: 1200px; } .Njingying .list { float: left; width: 33%; height: 270px; overflow: hidden; position: relative; } .Njingying .list .more { position: absolute; right: 30px; bottom: 14px; z-index: 1; color: #9e9e9e; font-size: 12px; } .Njingying .list .ti { float: left; width: 47%; height: 100%; background-color: #e4e4e4; position: relative; text-align: center; } .Njingying .list .ti img { display: block; margin: 0 auto; padding: 32px 0 13px; height: 44px; } .Njingying .list .ti h5 { color: #4e4e4e; font-size: 18px; line-height: 1; font-weight: bold; margin-bottom: 7px; } .Njingying .list .ti h6 { color: #999; font-size: 10px; margin-bottom: 20px; text-transform: uppercase; white-space: nowrap; } .Njingying .list .ti p { width: 100%; color: #4e4e4e; font-size: 14px; line-height: 24px; padding: 0 13%; } .Njingying .list .ti:after { content: ""; display: block; position: absolute; top: 130px; right: -11px; width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #e4e4e4; } .Njingying .list .li { float: right; width: 53%; height: 100%; background-color: #f1f1f1; padding-left: 30px; display: flex; flex-direction: column; justify-content: center; } .Njingying .list .li a { display: block; padding: 5px 0; color: #878787; font-size: 14px; line-height: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Njingying .list .li a:hover { color: #feaa31; } .Nfooter { width: 100%; min-width: 1200px; background-color: #262425; } .Nfoot { max-width: 1300px; margin: 0 auto; padding: 10px 0; } .Nfoot .dao { float: left; width: 280px; padding: 38px 0 0; margin-right: 7%; } .Nfoot .dao a { float: left; display: block; width: 90px; color: rgba(237,237,237,1); margin-bottom: 10px; } .Nfoot .jie { float: left; } .Nfoot .jie .layui-form { display: block; margin: 0 auto 15px; width: 328px; border: 1px solid #494949; } .Nfoot .jie .layui-input { border-radius: 0; border: none; color: #fff; background-color: #262425; } .Nfoot .jie p { color: #909090; font-size: 14px; line-height: 30px; text-align: center; } .Nfoot .jie .p a { color: #a2a1a1; } .Nfoot .jie .p img { margin-right: 12px; } .Nfoot .ul { float: right; } .Nfoot .ul li { float: left; } .Nfoot .ul h6 { color: #feaa31; font-size: 24px; font-weight: bold; line-height: 1; padding-top: 45px; font-style: oblique; margin-right: 40px; } .Nfoot .ul p { color: #feaa31; font-style: 16px; line-height: 1; text-align: center; } .Nfoot .ul img { width: 97px; height: 97px; display: block; margin-bottom: 15px; } /* @media screen and (max-width: 750px) { .Nbanner { height: 5rem; } .Nbanner .pagination-banner { left: 0; right: 0; bottom: .2rem; text-align: center; height: .6rem; } .Nbanner .swiper-pagination-bullet { width: .8rem; height: .6rem; margin: 0 .15rem; background: transparent; } .Nbanner .swiper-pagination-bullet .img { width: .6rem; height: .6rem; line-height: .6rem; margin-bottom: 0; } .Nbanner .swiper-pagination-bullet .img img { height: .3rem; } .Nmain { width: 100%; padding: .5rem .25rem 0; margin: 0 auto .6rem; } .Nmain .left { float: none; } .swiper-main { width: 100%; height: 4.6rem; margin-bottom: .3rem !important; } .swiper-main .swiper-pagination-bullet { width: .15rem; height: .15rem; } .Nnew { float: none; width: 100%; } .Ntab li { font-size: .3rem; margin-right: .3rem; } .Nnew-list .li a { font-size: .24rem; } .Nnew-list .li a:after { top: 3px; } .Nnew-list .li span { font-size: .2rem; display: block; line-height: .24rem; } .Njingying { padding: 0 .25rem; } .Njingying .list { float: none; width: 100%; margin-bottom: .2rem; } .Njingying .list .ti { width: 40%; } .Njingying .list .ti h6 { font-size: .2rem; } .Njingying .list .ti p { font-size: .24rem; line-height: 2; } .Njingying .list .li { padding-left: .4rem; width: 60%; } .Njingying .list .li a { font-size: .24rem; } .Nfoot { width: 100%; padding: .15rem .25rem .3rem; } .Nfoot .dao { display: none; } .Nfoot .jie { float: none; width: 100%; } .Nfoot .jie .layui-form { width: 6.4rem; } .Nfoot .jie p { font-size: .24rem; line-height: 2; } .Nfoot .jie .p img { margin-right: .1rem; } .Nfoot .ul { float: none; text-align: center; } .Nfoot .ul li { float: none; display: inline-block; vertical-align: top; } .Nfoot .ul h6 { font-size: .36rem; } .Nfoot .ul p { font-size: .28rem; margin-bottom: .1rem; } } */ /*新end*/ .tiaozhuan { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 113px; z-index: 1; font-size: 0; text-align: center; } .tiaozhuan .li { display: inline-block; vertical-align: top; width: 60px; margin: 0 23px; text-align: center; } .tiaozhuan .li .img { width: 100%; height: 45px; line-height: 45px; margin-bottom: 22px; background-color: #7f7b76; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tiaozhuan .li .img img { display: inline-block; vertical-align: middle; } .tiaozhuan .li p { color: #7d7d7d; font-size: 12px; opacity: 0; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tiaozhuan .li:hover .img { background-color: #feaa31; } .tiaozhuan .li:hover p { opacity: 1; } .tiaozhuan .li.on .img { background-color: #feaa31; } .tiaozhuan .li.on p { opacity: 1; } .swiper-banner { width: 100%; height: 100%; min-width: 1200px; } .swiper-banner .swiper-slide .img { width: 100%; height: 100%; } .swiper-banner .swiper-slide .img img { width: 100%; height: 100%; } .swiper-banner .swiper-slide .di { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .index-title { text-align: center; } .index-title h3 { color: #1f1f1f; font-size: 28px; line-height: 1; margin-bottom: 19px; } .index-title .line { width: 41px; height: 7px; background-color: #feaa31; margin: 0 auto 23px; } .index-title h4 { color: #787878; font-size: 24px; line-height: 1; font-weight: lighter; text-transform: uppercase; } .more a { display: block; margin: 0 auto; width: 100px; height: 34px; border: 1px solid #b4b3b3; color: #fff; font-size: 14px; line-height: 34px; text-align: center; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .more a:hover { color: #fff; opacity: .8; } .index-news { width: 100%; } .index-news .index-title { padding: 47px 0 53px; } .swiper-index-news { width: 100%; height: 474px; overflow: visible !important; } .swiper-index-news .swiper-slide .li { -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .swiper-index-news .swiper-slide:hover { box-shadow: 0 6px 9px rgba(0, 0, 0, 0.07); } .swiper-index-news .swiper-slide .li .img { width: 100%; height: 316px; } .swiper-index-news .swiper-slide .li .img img { width: 100%; height: 100%; } .swiper-index-news .swiper-slide .text { height: 158px; padding: 0 20px; } .swiper-index-news .swiper-slide .li .text .time { padding: 19px 0 18px; color: #838282; font-size: 20px; line-height: 1; font-weight: bold; font-style: oblique; } .swiper-index-news .swiper-slide .li .text h6 { color: #333; font-size: 16px; line-height: 1; margin-bottom: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .swiper-index-news .swiper-slide .li .text p { color: #828282; font-size: 14px; line-height: 25px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index-news .more { padding: 37px 0 47px; } .index-news .more a { display: block; margin: 0 auto; width: 100px; height: 34px; border: 1px solid #b4b3b3; background-color: #b4b3b3; } .index-jianjie-bg { background-image: url(../images/jj_bg.jpg); background-position: center; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; padding: 111px 0 90px; } .index-jianjie { width: 1200px; margin: 0 auto; position: relative; } .index-jianjie .img { position: absolute; top: 0; left: -30px; z-index: 2; width: 584px; height: 316px; } .index-jianjie .img img { width: 100%; height: 100%; } .index-jianjie .kuang { position: absolute; top: 58px; left: -93px; z-index: 1; width: 584px; height: 308px; } .index-jianjie .kuang img { width: 100%; height: 100%; } .index-jianjie .text { float: right; width: 600px; margin-bottom: 98px; } .index-jianjie .text .logo { height: 48px; margin-bottom: 31px; } .index-jianjie .text .tit h6 { color: #fff; font-size: 20px; line-height: 1; margin-bottom: 10px; } .index-jianjie .text .tit p { color: #fff; font-size: 16px; line-height: 29px; margin-bottom: 52px; } .index-jianjie .text ul li { float: left; width: 33.333%; text-align: center; } .index-jianjie .text ul li p, .index-jianjie .text ul li span { color: #959595; font-size: 16px; line-height: 1; } .index-jianjie .text ul li p { margin-bottom: 26px; } .index-jianjie .text ul li strong { font-size: 44px; font-weight: bold; color: #fff; } .index-lingyu-bg { width: 100%; background-image: url(../images/ly_bg.jpg); background-position: center; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; padding: 0 0 32px; } .index-lingyu { width: 100%; } .index-lingyu .index-title { padding: 41px 0 49px; } .index-lingyu .more { padding: 22px 0 54px; } .index-lingyu .more a { background-color: #9c9b9a; } .index-lingyu .tab { padding: 0 0 54px; } .index-lingyu .tab ul { text-align: center; font-size: 0; } .index-lingyu .tab li { display: inline-block; color: #767676; font-size: 18px; line-height: 1; margin: 0 40px; cursor: pointer; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .index-lingyu .tab li:after { content: ""; display: block; position: absolute; top: 3px; right: -40px; width: 1px; height: 12px; background-color: #e4e4e4; } .index-lingyu .tab li:last-of-type:after { display: none; } .index-lingyu .tab li:hover, .index-lingyu .tab li.on { color: #feaa31; } .index-lingyu .index-lingyu-contentBox { width: 95.8%; margin: 0 auto; } .index-lingyu-content { display: none; width: 100%; } .index-lingyu-content .text { width: 32.5%; height: 780px; background-color: #feaa31; padding: 0 3.48% 45px; overflow: hidden; } .index-lingyu-content .text .text-box { width: 100%; height: 100%; overflow: hidden; } .index-lingyu-content .text h5 { color: #ffffff; font-size: 24px; line-height: 1; padding: 72px 0 11px; text-align: center; font-weight: bold; } .index-lingyu-content .text h6 { color: #fff; font-size: 19px; line-height: 36px; margin-bottom: 26px; text-align: center; font-weight: bold; } .index-lingyu-content .text p { color: #fff; font-size: 18px; line-height: 35px; } .index-lingyu-content .list-img { width: 66.2%; } .index-lingyu-content .list { width: 100%; } .index-lingyu-content .list .li { float: left; width: 49%; height: 381px; margin-right: 2%; margin-bottom: 18px; position: relative; } .index-lingyu-content .list .li:nth-of-type(2n) { margin-right: 0; } .index-lingyu-content .list .li:nth-of-type(3), .index-lingyu-content .list .li:nth-of-type(4) { margin-bottom: 0; } .index-lingyu-content .list .li .img { width: 100%; height: 100%; } .index-lingyu-content .list .li .img img { width: 100%; height: 100%; } .index-lingyu-content .list .li .show { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center; opacity: 0; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .index-lingyu-content .list .li .show .txt { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .index-lingyu-content .list .li .show p { color: #fff; font-size: 24px; line-height: 1; margin-bottom: 18px; } .index-lingyu-content .list .li .show span { color: #fff; font-size: 12px; line-height: 1; text-transform: capitalize; } .index-lingyu-content .list .li:hover .show { opacity: 1; } /* @media screen and (max-width: 1560px) { .index-lingyu-content .text { padding: 0 2%; } .index-lingyu-content .text h6 { font-size: 18px; } .index-lingyu-content .text p { font-size: 16px; line-height: 1.8; } } */ .footer { width: 100%; background-color: #262425; } .footer .footer-bottom { border-top: 1px solid rgba(67, 67, 67, 0.65); text-align: center; } .footer .footer-bottom p { color: #909090; font-size: 14px; line-height: 46px; } .footer-top { max-width: 1430px; margin: 0 auto; padding: 66px 0 41px; } .footer-top .f-nav { width: 37%; margin-right: 12%; } .footer-top .f-nav h6 { color: #a2a1a1; font-size: 18px; line-height: 1; margin-bottom: 36px; } .footer-top .f-nav h6 span { color: #4d4d4d; font-size: 14px; text-transform: uppercase; margin-left: 5px; } .footer-top .f-nav li { float: left; width: 33.333%; margin-bottom: 16px; } .footer-top .f-nav li:nth-of-type(3n) { margin-right: 0; } .footer-top .f-nav li .p { color: #ededed; font-size: 14px; line-height: 1; margin-bottom: 5px; } .footer-top .f-nav li p { color: #9d9d9d; font-size: 10px; line-height: 1; margin-bottom: 10px; text-transform: uppercase; } .footer-top .f-nav li .line { width: 119px; height: 1px; background-color: #383637; } .footer-top .di .layui-form { width: 328px; padding: 12px 0 41px; } .footer-top .di .layui-input { width: 328px; height: 32px; border-radius: 0; border-color: #494949 !important; background-color: #262425; color: #fff; } .footer-top .di .layui-input::-webkit-input-placeholder { color: #fff; } .footer-top .di h6 { color: #feaa31; font-size: 32px; line-height: 1; font-weight: bold; font-style: oblique; margin-bottom: 24px; } .footer-top .di p { color: #a2a1a1; font-size: 13px; line-height: 20px; padding-left: 26px; background-image: url(../images/icon_di.png); background-position: left center; background-repeat: no-repeat; } .footer-top .saoma h6 { color: #a2a1a1; font-size: 18px; line-height: 1; margin-bottom: 36px; } .footer-top .saoma h6 span { color: #4d4d4d; font-size: 14px; text-transform: uppercase; margin-left: 5px; } .footer-top .saoma img { display: block; margin: 0 auto; width: 122px; height: 122px; } /*集团概况*/ .order-banner { width: 100%; min-width: 1200px; height: 405px; font-size: 0; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } .order-banner img { width: 100%; } .order-banner .text { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .order-banner .text h3 { color: #fff; font-size: 25px; line-height: 1; font-weight: bold; text-align: center; margin-bottom: 24px; } .order-banner .text .line { width: 180px; height: 2px; background-color: #fff; margin: 0 auto 29px; } .order-banner .text h4 { color: #fff; font-size: 17px; line-height: 1; text-align: center; text-transform: uppercase; } /* @media screen and (max-width:750px) { .order-banner { height: 2.2rem; } } */ .break-tab { width: 1200px; margin: 0 auto; border-bottom: 1px solid #f1f1f1; } .break-tab .break { color: #888; font-size: 14px; line-height: 62px; } .break-tab .break a { color: #888; } .break-tab .break span { color: #feaa31; } .break-tab .order-tab { padding: 11px 0; } .break-tab .order-tab li { float: left; margin: 0 16px; position: relative; } .break-tab .order-tab li:after { content: ""; display: block; position: absolute; top: 11px; right: -16px; width: 2px; height: 16px; background-color: #c3c3c3; } .break-tab .order-tab li:last-of-type:after { display: none; } .break-tab .order-tab li a { display: block; /* width: 117px; */ padding: 0 10px; height: 40px; border-radius: 2px; color: #767676; font-size: 14px; line-height: 40px; text-align: center; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .break-tab .order-tab li:hover a, .break-tab .order-tab li.on a { background-color: #feaa31; color: #fff; } .jianjie { width: 1200px; margin: 0 auto; padding: 60px 0; } .jianjie .img-box { width: 462px; height: 997px; margin-left: 28px; margin-bottom: 52px; position: relative; } .jianjie .img-box img { position: absolute; top: 49px; right: 33px; z-index: 2; width: 403px; height: 929px; } .jianjie .img-box .k { position: absolute; z-index: 1; background-color: rgba(255, 170, 51, 0.5); } .jianjie .img-box .k1 { top: 0; right: 0; width: 120px; height: 120px; } .jianjie .img-box .k2 { top: 23px; right: 61px; width: 94px; height: 94px; } .jianjie .img-box .k3 { bottom: 0; left: 0; width: 120px; height: 120px; } .jianjie .con h6 { color: #feaa31; font-size: 24px; line-height: 1; font-weight: bold; margin-bottom: 25px; } .jianjie .con .line { width: 55px; height: 2px; background-color: #8f8f8f; margin-bottom: 20px; } .jianjie .con p { color: #333; font-size: 14px; line-height: 2; } .jianjie .con .p { font-weight: bold; margin-top: 33px; } .jiagou { width: 1200px; margin: 0 auto; padding: 54px 0 96px; } .jiagou img { width: 100%; } /*新闻中心*/ .news { width: 1200px; margin: 0 auto; padding: 49px 0 0; } .news .li { float: left; width: 32%; margin-right: 2%; margin-bottom: 53px; } .news .li:nth-of-type(3n) { margin-right: 0; } .news .li .img { width: 100%; height: 252px; } .news .li .img img { width: 100%; height: 100%; } .news .li .text { height: 184px; border-bottom: 1px solid #dbdbdb; padding: 0 7px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .news .li .text .time { color: #838282; font-size: 20px; line-height: 1.5; font-weight: bold; padding: 15px 0 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .news .li .text h6 { color: #333; font-size: 16px; line-height: 1; margin-bottom: 11px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news .li .text p { color: #828282; font-size: 14px; line-height: 25px; } .news .li:hover .text { border-color: #feaa31; } .news .li:hover .time, .news .li:hover h6 { color: #feaa31; } .page { text-align: center; font-size: 0; padding: 0 0 59px; } .page a, .page strong, .page span { display: inline-block; margin: 0 5px; padding: 0 15px; height: 40px; line-height: 40px; border-radius: 5px; border: 1px solid #c8c8c8; color: #333; font-size: 16px; background-color: #fff; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .page a:hover, .page strong { border-color: #feaa31 !important; background-color: #feaa31; color: #fff; } .page span { border: none; } .news-detail { width: 1200px; margin: 0 auto; padding: 37px 0 45px; } .news-detail .detail-con { width: 820px; } .news-detail .detail-con h6 { color: #333; font-size: 24px; line-height: 1.5; font-weight: bold; margin-bottom: 21px; } .news-detail .detail-con .base { color: #9c9c9c; font-size: 14px; line-height: 1; margin-bottom: 23px; } .news-detail .detail-con .base span { margin-right: 30px; } .news-detail .detail-con .con { margin-bottom: 40px; } .news-detail .detail-con .con p { color: #333; font-size: 14px; line-height: 2; } .news-detail .detail-con .con p img { max-width: 100%; height: auto; } .news-detail .detail-con .con table{ width: 100% !important; } .news-detail .detail-con .con table td{ border-left: 1px outset windowtext !important; border-bottom: 1px outset windowtext !important; border-top: 1px outset windowtext !important; } .news-detail .tuijian { width: 336px; } .news-detail .tuijian h6 { color: #4e4e4e; font-size: 24px; line-height: 1; margin-bottom: 15px; } .news-detail .tuijian .li { padding: 27px 0 22px; border-bottom: 1px solid #e2e2e2; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .news-detail .tuijian .li .p { color: #4e4e4e; font-size: 16px; line-height: 1; margin-bottom: 12px; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .news-detail .tuijian .li .ti { color: #9c9c9c; font-size: 12px; line-height: 1; margin-bottom: 15px; } .news-detail .tuijian .li p { color: #757575; font-size: 14px; line-height: 22px; } .news-detail .tuijian .li:hover { border-color: #feaa31; } .news-detail .tuijian .li:hover .p { color: #feaa31; } .news-detail .prev-next { padding: 12px 35px; background-color: #f7f7f7; } .news-detail .prev-next a { display: block; color: #8a8a8a; font-size: 16px; line-height: 40px; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .news-detail .prev-next a:hover { color: #feaa31; } .zhaopin { width: 1200px; margin: 0 auto; padding: 0 0 60px; } .zhaopin-tab { width: 290px; border: 1px solid #f1f1f1; } .zhaopin-tab .tit { padding: 24px 19px; } .zhaopin-tab .tit p { color: #333; font-size: 24px; line-height: 1; margin-bottom: 12px; } .zhaopin-tab .tit span { color: #333; font-size: 12px; line-height: 1; } .zhaopin-tab li { border-bottom: 1px solid #f1f1f1; } .zhaopin-tab li:last-of-type { border-bottom: none; } .zhaopin-tab li a { display: block; box-sizing: border-box; color: #333; font-size: 14px; line-height: 49px; padding-left: 24px; transition: all .2s ease-out; } .zhaopin-tab li:hover a, .zhaopin-tab li.on a { color: #fff; background-color: #feaa31; } .zhaopin-linian { padding: 150px 0 212px; text-align: center; } .zhaopin-linian h5 { color: #333; font-size: 24px; line-height: 1; font-weight: lighter; margin-bottom: 19px; } .zhaopin-linian h6 { color: #5f5d5d; font-size: 14px; line-height: 1; margin-bottom: 25px; } .zhaopin-linian .con { margin-bottom: 25px; } .zhaopin-linian .j { color: #ffaa33; font-size: 19px; line-height: 1; font-weight: bold; text-align: center; } .zhaopin-linian p { color: #333; font-size: 14px; line-height: 2; } .zhaopin-content { width: 873px; } .zhaopin-nashi .li:nth-of-type(2n+1) { background-color: #fbfbfb; } .zhaopin-nashi .li { height: 116px; padding: 30px 55px; overflow: hidden; cursor: pointer; transform: all .2s; } .zhaopin-nashi .li h6 { color: #3b3b3b; font-size: 15px; line-height: 1; margin-bottom: 24px; transition: all .2s; } .zhaopin-nashi .li .base { color: #7f7f7f; font-size: 13px; line-height: 1; font-family: 'PingFang'; margin-bottom: 32px; } .zhaopin-nashi .li .base span { margin-right: 5%; } .zhaopin-nashi .li p { color: #505050; font-size: 14px; line-height: 24px; } .zhaopin-nashi .li:hover { height: auto; } .zhaopin-nashi .li:hover h6 { font-size: 24px; } .jingyinglingyu { width: 1200px; margin: 0 auto; padding: 40px 0 30px; } .jingyinglingyu h6 { color: #feaa31; font-size: 24px; line-height: 1.5; font-weight: bold; padding: 0 0 18px; } .jingyinglingyu .line { width: 55px; height: 2px; background-color: #8f8f8f; margin-bottom: 35px; } .jingyinglingyu .con { padding: 0 0 35px; } .jingyinglingyu .con p { color: #333; font-size: 14px; line-height: 2; } .jingyinglingyu .con .p { font-weight: bold; } .jingyinglingyu ul { width: 100%; } .jingyinglingyu ul li { float: left; width: 49%; height: 380px; margin-right: 2%; margin-bottom: 17px; position: relative; } .jingyinglingyu ul li .show { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center; opacity: 0; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .jingyinglingyu ul li .show .txt { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .jingyinglingyu ul li .show .txt p { color: #fff; font-size: 24px; line-height: 1; margin-bottom: 18px; } .jingyinglingyu ul li .show .txt span { color: #fff; font-size: 12px; line-height: 1; text-transform: capitalize; } .jingyinglingyu ul li:hover .show { opacity: 1; } .jingyinglingyu ul li:nth-of-type(2n) { margin-right: 0; } .jingyinglingyu ul li img { width: 100%; height: 100%; } .wap-header { display: none; } @media screen and (max-width:1200px) { .Nzhanwei { height: 159px; } .Nmain { padding: 35px 10px 0; } .Nfoot { padding: 17px 10px 29px; } .break-tab { padding: 0 10px; } .news-detail { padding: 37px 10px 45px; } .news { padding: 49px 10px 0; } .jianjie { padding: 60px 10px; } .jiagou { padding: 54px 10px 96px; } .jingyinglingyu { padding: 40px 10px 30px; } .zhaopin { padding: 0 10px 60px; } } /*----------------------响应式-------------------------*/ /* @media screen and (max-width: 750px) { .header { display: none; } .shangtou-menu { left: 3.5rem; } .shangtou-menu .menu-img { display: none; } .shangtou-menu .shangtou-img { width: 1.8rem; height: .7rem; box-shadow: 0 0 5px rgba(254, 170, 49, 0.2); } .gonggao { padding: 0 .2rem; } .gonggao .g-img { width: 34%; height: .6rem; line-height: .6rem; padding-right: 0; text-align: left; } .swiper-gonggao { width: 66%; height: .6rem; } .swiper-gonggao .swiper-slide a { font-size: .26rem; line-height: .6rem; display: block; width: 100%; } .zhanwei { height: 1.1rem; } .index-header { display: none !important; } .wap-header { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background-color: #fff; } .wap-header .logo { height: 1.1rem; line-height: 1.1rem; padding: 0 .2rem; } .wap-header .logo img { height: .6rem; display: inline-block; vertical-align: middle; } .wap-header .menu { padding: 0 .2rem; height: 1.1rem; line-height: 1.1rem; } .wap-header .menu .bAr { display: inline-block; vertical-align: middle; } .wap-header .menu .bar { width: .6rem; height: .08rem; border-radius: .04rem; background-color: #feaa31; margin-bottom: .1rem; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .wap-header .menu .bar:last-of-type { margin-bottom: 0; } .wap-header .menu-active .bar:nth-of-type(1) { transform: translateY(0.18rem) rotate(-45deg); } .wap-header .menu-active .bar:nth-of-type(2) { opacity: 0; } .wap-header .menu-active .bar:nth-of-type(3) { transform: translateY(-0.18rem) rotate(45deg); } .wap-header .menu-active .menu-list { display: block; } .menu-list { display: none; position: fixed; top: 1.1rem; left: 0; right: 0; padding: 0 .2rem; background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); } .menu-list li { border-bottom: .01rem solid #eee; } .menu-list li a { display: block; line-height: .8rem; color: #333; font-size: .36rem; text-align: center; letter-spacing: .1rem; } .banner { margin-bottom: 1.8rem; } .banner .pc { display: none; } .banner .wap { display: block; } .tiaozhuan { bottom: -1.7rem; width: 6.5rem; } .tiaozhuan .li { display: inline-block; vertical-align: top; width: 1.2rem; margin: 0 .1rem; } .tiaozhuan .li .img { height: .8rem; line-height: .8rem; margin-bottom: .1rem; background-color: #feaa31; } .tiaozhuan .li p { color: #feaa31; font-size: .26rem; opacity: 1; } .index-title { text-align: center; } .index-title h3 { font-size: .44rem; margin-bottom: .15rem; } .index-title .line { width: .8rem; height: .07rem; margin: 0 auto .2rem; } .index-title h4 { font-size: .36rem; } .more a { width: 1.6rem; height: .6rem; font-size: .26rem; line-height: .6rem; } .index-news { padding: 0 .2rem; } .index-news .index-title { padding: .5rem 0 .4rem; } .swiper-index-news { height: auto; } .swiper-index-news .swiper-slide .li { width: 100%; margin-bottom: .2rem; } .swiper-index-news .swiper-slide .li .img { height: 4.3rem; } .swiper-index-news .swiper-slide .li .text { height: 2rem; padding: 0 .2rem; } .swiper-index-news .swiper-slide .li .text .time { padding: .15rem 0 .1rem; font-size: .3rem; } .swiper-index-news .swiper-slide .li .text h6 { font-size: .3rem; margin-bottom: .1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .swiper-index-news .swiper-slide .li .text p { font-size: .26rem; line-height: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index-news .more { padding: .3rem 0 .4rem; } .index-news .more a { width: 1.6rem; height: .6rem; } .index-jianjie-bg { padding: .3rem 0; } .index-jianjie { width: 100%; padding: 3.8rem .2rem 0; } .index-jianjie .img { position: absolute; top: 0; left: .2rem; right: .2rem; width: 7.1rem; height: 3.6rem; } .index-jianjie .kuang { display: none; } .index-jianjie .text { float: none; width: 100%; margin-bottom: .8rem; } .index-jianjie .text .logo { height: .6rem; margin-bottom: .2rem; } .index-jianjie .text .logo img { height: 100%; } .index-jianjie .text .tit h6 { font-size: .3rem; margin-bottom: .15rem; } .index-jianjie .text .tit p { font-size: .26rem; line-height: 2; margin-bottom: .6rem; } .index-jianjie .text ul li p, .index-jianjie .text ul li span { font-size: .24rem; } .index-jianjie .text ul li p { margin-bottom: .1rem; } .index-jianjie .text ul li strong { font-size: .6rem; } .index-lingyu-bg { padding: 0 0 .3rem; } .index-lingyu { padding: 0 .2rem; } .index-lingyu .index-title { padding: .5rem 0 .4rem; } .index-lingyu .more { padding: .2rem 0 .5rem; } .index-lingyu .tab { padding: 0 0 .4rem; } .index-lingyu .tab ul { overflow: hidden; } .index-lingyu .tab li { display: block; float: left; width: 50%; font-size: .3rem; line-height: .6rem; margin: 0; } .index-lingyu .tab li:after { display: none; } .index-lingyu .tab li.on { color: #fff; background-color: #feaa31; } .index-lingyu .index-lingyu-contentBox { width: 100%; } .index-lingyu-content { display: none; width: 100%; } .index-lingyu-content .text { float: none !important; width: 100%; height: auto; padding: 0 .2rem; margin-bottom: .2rem; } .index-lingyu-content .text h5 { font-size: .36rem; padding: .3rem 0 .15rem; } .index-lingyu-content .text h6 { font-size: .3rem; line-height: 2; margin-bottom: .25rem; } .index-lingyu-content .text p { font-size: .26rem; line-height: 2; } .index-lingyu-content .list-img { float: none !important; width: 100%; } .index-lingyu-content .list .li { float: left; width: 49%; height: 2.4rem; margin-right: 2%; margin-bottom: .2rem; } .index-lingyu-content .list .li .show { opacity: 1; } .index-lingyu-content .list .li .show .txt { width: 100%; } .index-lingyu-content .list .li .show p { font-size: .3rem; margin-bottom: .15rem; } .index-lingyu-content .list .li .show span { font-size: .24rem; } .footer { padding: 0 .2rem; } .footer .footer-bottom { padding: .1rem 0; } .footer .footer-bottom p { font-size: .24rem; line-height: 1.5; } .footer-top { padding: .4rem 0 .3rem; } .footer-top .f-nav { display: none; } .footer-top .di { float: none !important; margin-bottom: .3rem; } .footer-top .di .layui-form { width: 100%; padding: .1rem 0 .4rem; } .footer-top .di .layui-input { width: 100%; height: .7rem; } .footer-top .di h6 { font-size: .4rem; margin-bottom: .3rem; } .footer-top .di p { font-size: .28rem; line-height: 20px; padding-left: .5rem; } .footer-top .saoma { float: none !important; } .footer-top .saoma h6 { font-size: .3rem; margin-bottom: .2rem; text-align: center; } .footer-top .saoma h6 span { font-size: .22rem; margin-left: 5px; } .footer-top .saoma img { width: 1.7rem; height: 1.7rem; } .order-banner .text h3 { font-size: .34rem; margin-bottom: .1rem; } .order-banner .text .line { width: 2rem; height: .02rem; margin: 0 auto .15rem; } .order-banner .text h4 { font-size: .22rem; } .break-tab { width: 100%; padding: 0 .2rem; } .break-tab .break { float: none !important; font-size: .24rem; line-height: .8rem; } .break-tab .order-tab { padding: .15rem 0; } .break-tab .order-tab li { margin: 0 .07rem; } .break-tab .order-tab li:after { top: .24rem; right: -0.1rem; width: .02rem; height: .2rem; } .break-tab .order-tab li a { width: 1.6rem; height: .7rem; font-size: .22rem; line-height: .7rem; } .jianjie { width: 100%; padding: .6rem .2rem; } .jianjie .img-box { display: none; } .jianjie .con h6 { font-size: .36rem; margin-bottom: .25rem; } .jianjie .con .line { width: .9rem; height: .02rem; margin-bottom: .2rem; } .jianjie .con p { font-size: .26rem; } .jianjie .con p img { display: block; width: 100% !important; height: auto !important; } .jianjie .con .p { margin-top: .3rem; } .jiagou { width: 100%; padding: .5rem .2rem .9rem; } .news { width: 100%; padding: .5rem .2rem 0; } .news .li { width: 49%; margin-right: 2%; margin-bottom: .2rem; } .news .li:nth-of-type(3n) { margin-right: 2%; } .news .li:nth-of-type(2n) { margin-right: 0; } .news .li .img { height: 2.4rem; } .news .li .text { height: 2rem; padding: 0 .07rem; border-color: #feaa31; } .news .li .text .time { font-size: .3rem; padding: .15rem 0 0; } .news .li .text h6 { color: #feaa31; font-size: .3rem; margin-bottom: .1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news .li .text p { font-size: .26rem; line-height: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .page { padding: 0 0 .6rem; } .page a, .page strong, .page span { margin: 0 .05rem; padding: 0 .15rem; height: .6rem; line-height: .6rem; border-radius: .05rem; border: .01rem solid #c8c8c8; font-size: .3rem; } .news-detail { width: 100%; padding: .4rem .2rem .45rem; } .news-detail .detail-con { float: none !important; width: 100%; } .news-detail .detail-con h6 { font-size: .3rem; margin-bottom: .2rem; } .news-detail .detail-con .base { font-size: .24rem; margin-bottom: .25rem; } .news-detail .detail-con .base span { margin-right: .3rem; } .news-detail .detail-con .con { margin-bottom: .4rem; } .news-detail .detail-con .con p { font-size: .26rem; line-height: 2; } .news-detail .tuijian { display: none; } .news-detail .prev-next { padding: .15rem .2rem; } .news-detail .prev-next a { font-size: .3rem; line-height: 1.5; margin: .1rem 0; } .zhaopin { width: 100%; padding: .2rem .2rem .6rem; } .zhaopin-tab { width: 100%; float: none !important; } .zhaopin-tab .tit { padding: .25rem 0 .15rem; text-align: center; } .zhaopin-tab .tit p { font-size: .36rem; margin-bottom: .15rem; } .zhaopin-tab .tit span { font-size: .22rem; } .zhaopin-tab li a { font-size: .26rem; line-height: .6rem; padding: 0 .25rem; } .zhaopin-content { width: 100%; float: none !important; } .zhaopin-linian { padding: .7rem 0 .6rem; } .zhaopin-linian h5 { font-size: .4rem; margin-bottom: .2rem; } .zhaopin-linian h6 { font-size: .3rem; margin-bottom: .25rem; } .zhaopin-linian .con { margin-bottom: .25rem; } .zhaopin-linian p { font-size: .26rem; } .zhaopin-linian .j { font-size: .34rem; } .zhaopin-nashi .li { padding: .3rem .2rem; height: 1.7rem; } .zhaopin-nashi .li h6 { font-size: .28rem; margin-bottom: .25rem; } .zhaopin-nashi .li .base { font-size: .22rem; margin-bottom: .3rem; } .zhaopin-nashi .li .base span { line-height: 2; } .zhaopin-nashi .li p { font-size: .26rem; line-height: 2; } .jingyinglingyu { width: 100%; padding: .5rem .2rem .35rem; } .jingyinglingyu h6 { font-size: .32rem; padding: 0 0 .2rem; } .jingyinglingyu .line { width: .9rem; height: .02rem; margin-bottom: .35rem; } .jingyinglingyu .con { padding: 0 0 .35rem; } .jingyinglingyu .con p { font-size: .26rem; } .jingyinglingyu .con p img { width: 100%; height: auto !important; } .jingyinglingyu ul li { float: none; width: 100%; height: auto; margin-right: 0; margin-bottom: .15rem; } .banner .pagination-banner { bottom: 2.4rem; width: 4.2rem; } .banner .swiper-pagination-bullet { width: .8rem; margin: 0 0.1rem; } .banner .swiper-pagination-bullet .img { height: .7rem; line-height: .7rem; margin-bottom: .1rem; } .banner .swiper-pagination-bullet p { font-size: .22rem; } .swiper-banner .swiper-slide .di { width: 100%; text-align: center; } .swiper-banner .swiper-slide .di img { width: 70%; } } */