@charset "utf-8";
/*pc绔痓anner棣栭〉*/
html,
body {
height: 100%;
}
.module_con {
width: 100%;
padding: 76px 0 110px 0;
}
.head_text {
font-size: 36px;
color: #222222;
font-weight: 600;
line-height: 38px;
text-transform: uppercase;
}
.single_ul {
display: flex;
justify-content: right;
align-items: center;
}
.single_ul li {
display: inline-block;
width: 150px;
height: 42px;
border-radius: 21px;
text-align: center;
line-height: 42px;
background: #ebebeb;
margin-left: 20px;
overflow: hidden;
position: relative;
}
.single_ul li a {
text-transform: capitalize;
display: inline-block;
width: 100%;
height: 42px;
position: absolute;
top: 0;
left: 0;
z-index: 3;
text-align: center;
font-size: 14px;
color: #000;
}
.single_ul li::before {
content: '';
width: 0;
height: 100%;
background: linear-gradient(90deg, #12a7d7, #4adecd);
color: #000;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.single_ul li:hover::before,
.single_ul li.single_cur::before {
color: #fff;
width: 100%;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.single_ul li:hover a,
.single_ul li.single_cur a {
color: #fff;
}
.index_news_head {
width: 100%;
padding: 0 4%;
display: flex;
justify-content: space-between;
align-items: center;
}
.index_news_con {
width: 100%;
padding: 0 4%;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 60px;
}
.index_news_con a {
display: flex;
justify-content: center;
align-items: center;
width: 48.8%;
overflow: hidden;
padding: 30px 0;
border: 1px solid #eeeeee;
}
.index_news_img {
width: 49.5%;
margin-right: 4.6%;
background-size: cover !important;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
overflow: hidden;
}
.index_news_img img {
display: inline-block;
width: 100%;
height: auto;
}
.news_con_text h5 {
font-size: 20px;
letter-spacing: 1.5px;
color: #222;
font-weight: 600;
margin: 0;
padding: 0;
line-height: 30px;
height: 60px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.news_con_text {
width: 38%;
}
.news_con_text p {
letter-spacing: 1.5px;
width: 100%;
font-size: 14px;
color: #5a5b5b;
line-height: 20px;
height: 40px;
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin: 0px 0 40px 0;
}
.fb_time {
width: 100%;
font-size: 14px;
color: #999999;
margin: 10px 0 16px 0;
}
.news_con_text span {
font-size: 16px;
color: #222222;
cursor: pointer;
}
.index_news_con a:focus .news_con_text span{ color: #12a7d7!important; }
.index_news_con a:hover .index_news_img {
transform: scale(1.02);
-ms-transform: scale(1.02);
/* IE 9 */
-webkit-transform: scale(1.02);
/* Safari 鍜 Chrome */
-o-transform: scale(1.02);
/* Opera */
-moz-transform: scale(1.02);
}
.index_news_con a:hover span {
color: #205299;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
/*棣栭〉绠€浠?/
.sy_jj {
width: 100%;
padding: 100px 4%;
}
.jj_box {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
background: url(../images/sy_bj01.png) #fff no-repeat 38% bottom;
background-size: 19% auto;
overflow: hidden;
border-radius: 6px;
box-shadow: 0 6px 20px rgba(74, 74, 74, .15);
}
.jj_img {
width: 50.7%;
}
.jj_img img {
width: 100%;
height: auto;
}
.jj_text {
width: 45%;
padding-left: 4.5%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
padding-right: 2%;
}
.jj_text h5 {
font-size: 32px;
color: #000;
line-height: 54px;
margin: 0;
letter-spacing: 1px;
font-weight: 600;
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.jj_text p {
width: 100%;
padding: 0;
letter-spacing: 1px;
font-size: 14px;
line-height: 28px;
color: #5a5b5b;
margin: 26px 0 44px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.jj_div {
width: 100%;
}
.jj_item {
width: 100%;
margin-bottom: 20px;
font-size: 14px;
color: #000;
line-height: 20px;
letter-spacing: 1px;
}
.jj_item_t {
font-size: 16px;
line-height: 28px;
}
.jj_item_con {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color:#5a5b5b;
}
.jj_text a {
display: inline-block;
width: 150px;
height: 42px;
text-align: center;
line-height: 42px;
border-radius: 21px;
margin-top: 50px;
background: linear-gradient(90deg, #12a7d7, #4adecd);
font-size: 14px;
color: #fff;
}
/*鐮旂┒涓庡紑鍙?/
.syyf_box {
width: 100%;
position: relative;
}
.syyf_box.yf_bj {
background: url(../images/sy_yf01.jpg) no-repeat center center!important;
background-size: 100% 100%;
}
.zc_img {
width: 100%;
height: auto;
}
.syyf_con {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center;
padding: 60px 0 60px 4%;
}
.syyf_tab {
width: 20%;
max-width: 380px;
min-width: 270px;
height: 100%;
padding: 60px 0 0 36px;
background-color: rgba(255, 255, 255, .85);
background-image: url(../images/sy_yf_logo.png);
background-size: 31.5% auto;
background-position: right bottom;
background-repeat: no-repeat;
}
.syyf_tab h5 {
font-size: 36px;
color: #222;
line-height: 38px;
margin: 0;
padding: 0;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 1px;
}
.yj_ul {
width: 100%;
margin: 40px 0 0 0;
padding: 0;
display: flex;
justify-content: left;
align-items: flex-start;
flex-direction: column;
}
.yj_ul li {
display: flex;
justify-content: left;
align-items: center;
font-size: 20px;
line-height: 24px;
margin-bottom: 30px;
cursor: pointer;
text-transform: capitalize;
}
.yj_ul li span {
display: inline-block;
width: 26px;
height: 26px;
margin-right: 10px;
}
.yj_ul li:nth-child(1) span {
background: url(../images/yf_icon01.png) no-repeat left center;
background-size: 24px auto;
}
.yj_ul li:nth-child(2) span {
background: url(../images/yf_icon02.png) no-repeat left center;
background-size: 24px auto;
}
.yj_ul li:nth-child(1).yj_cur span {
background: url(../images/yf_icon01s.png) no-repeat left center;
background-size: 24px auto;
}
.yj_ul li:nth-child(2).yj_cur span {
background: url(../images/yf_icon02s.png) no-repeat left center;
background-size: 24px auto;
}
.yj_ul li:hover,
.yj_ul li.yj_cur {
color: #12a7d7;
}
.syyf_lb {
width: 68.8%;
height: 100%;
}
.lb_item {
width: 100%;
height: 100%;
display: none;
}
.yf_slide_box {
padding-bottom: 100px;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
height: 100%;
}
.lb_item .swiper-container,
.lb_item .swiper-wrapper,
.lb_item .swiper-slide {
height: 100% !important;
}
.yf_slide_box h5 {
font-size: 40px;
color: #fff;
line-height: 42px;
margin: 0;
padding: 0;
}
.yf_slide_box ul {
width: 100%;
margin: 26px 0 0 0;
padding: 0;
}
.yf_slide_box ul li {
width: 100%;
padding-right: 80px;
font-size: 16px;
color: #fff;
line-height: 22px;
padding-left: 14px;
position: relative;
margin-bottom: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.yf_slide_box ul li::before {
content: '';
width: 4px;
height: 4px;
background: #fff;
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
border-radius: 50%;
}
.lb_item .swiper-button-prev.swiper-button-white,
.lb_item .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url(../images/prev_btn.png);
background-size: 40px 40px;
background-position: left center !important;
}
.lb_item .swiper-button-next.swiper-button-white,
.lb_item .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url(../images/next_btn.png);
background-size: 40px 40px;
background-position: left center !important;
}
.lb_item .swiper-button-next,
.lb_item .swiper-button-prev {
position: absolute;
top: unset !important;
bottom: 50%;
width: 44px;
height: 44px;
margin-top: unset !important;
margin-bottom: -140px;
right: unset !important;
}
.swiper_right {
width: 70px !important;
height: 100% !important;
bottom: 0;
left: unset !important;
right: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: url(../images/yf_fybj.png) no-repeat right center;
background-size: 69px auto;
}
.lb_item .swiper-pagination-bullet {
width: 8px !important;
height: 8px !important;
display: inline-block;
border-radius: 100%;
background: transparent !important;
opacity: 1 !important;
border: 2px solid #fff;
margin: 10px 0 !important;
}
.lb_item .swiper-pagination-bullet-active {
opacity: 1;
background: #fff !important;
}
@media screen and (max-width:1680px) {
/*棣栭〉绠€浠?/
.jj_text {
width: 45%;
padding-left: 4%;
padding-right: 2%;
}
.jj_text h5 {
font-size: 30px;
line-height: 50px;
}
.jj_text p {
margin: 24px 0 44px 0;
}
.jj_text a {
margin-top: 45px;
}
}
@media screen and (max-width:1650px) {
.news_con_text h5 {
font-size: 18px;
line-height: 28px;
height: 56px;
}
.news_con_text {
width: 40%;
}
.news_con_text p {
margin: 0px 0 35px 0;
}
.fb_time {
width: 100%;
font-size: 14px;
color: #999999;
margin: 8px 0 14px 0;
}
/*棣栭〉绠€浠?/
.jj_text h5 {
font-size: 26px;
line-height: 44px;
}
.jj_text p {
margin: 15px 0 32px 0;
}
.jj_text a {
margin-top: 30px;
}
}
@media screen and (max-width:1440px) {
.news_con_text h5 {
line-height: 26px;
height: 54px;
}
.news_con_text p {
margin: 0px 0 30px 0;
}
.fb_time {
margin: 6px 0 12px 0;
}
.news_con_text span {
font-size: 14px;
}
/*棣栭〉绠€浠?/
.jj_text h5 {
font-size: 26px;
line-height: 42px;
}
.jj_text p {
margin: 10px 0 25px 0;
}
.jj_item {
margin-bottom: 16px;
}
.jj_text a {
margin-top: 20px;
}
.syyf_tab h5 {
font-size: 32px;
line-height: 30px;
}
}
@media screen and (max-width:1366px) {
.news_con_text p {
margin: 0px 0 25px 0;
}
/*棣栭〉绠€浠?/
.jj_text {
width: 48%;
padding-left: 3.5%;
padding-right: 2%;
}
.jj_text h5 {
font-size: 24px;
line-height: 38px;
}
.jj_text p {
line-height: 26px;
margin: 10px 0 25px 0;
}
.jj_item {
margin-bottom: 16px;
}
.jj_text a {
margin-top: 14px;
}
}
@media screen and (max-width:1279px) {
/*棣栭〉绠€浠?/
.jj_text h5 {
font-size: 22px;
line-height: 36px;
}
.jj_text p {
line-height: 26px;
margin: 8px 0 23px 0;
}
.jj_item {
margin-bottom: 14px;
}
.jj_text a {
margin-top: 16px;
}
}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
.module_con {
width: 100%;
padding: 40px 0px 25px 0;
}
.index_news_head {
flex-direction: column;
}
.head_text {
font-size: 21px;
line-height: 24px;
}
.single_ul {
display: flex;
justify-content: center;
align-items: center;
margin: 18px 0 14px 0;
}
.single_ul li {
display: inline-block;
width: 100px;
height: 30px;
border-radius: 15px;
line-height: 30px;
background: #ebebeb;
margin: 0 8px;
overflow: hidden;
position: relative;
}
.EN_box .single_ul li {
width: 150px;
}
.single_ul li a {
display: inline-block;
width: 100%;
height: 30px;
position: absolute;
top: 0;
left: 0;
z-index: 3;
text-align: center;
font-size: 13px;
color: #000;
}
/*棣栭〉鐑偣璧勮*/
.index_news_con {
padding: 0 4% 25px 4%;
margin-top: 24px;
flex-wrap: wrap;
}
.index_news_con a {
width: 100%;
padding: 10px;
margin-bottom: 25px;
flex-direction: column;
}
.index_news_img {
width: 100%;
margin: 0
}
.news_con_text h5 {
font-size: 16px;
line-height: 24px;
height: unset;
}
.news_con_text {
width: 100%;
padding: 18px 0px 20px 0px;
}
.news_con_text p {
width: 100%;
font-size: 12px;
line-height: 18px;
height: 36px;
margin: 0px 0 22px 0;
}
.fb_time {
font-size: 12px;
margin: 10px 0 12px 0;
}
.news_con_text span {
font-size: 14px;
color: #12a7d7;
}
/*棣栭〉绠€浠?/
.sy_jj {
width: 100%;
padding: 30px 4% 50px 4%;
}
.jj_box {
width: 100%;
flex-direction: column;
background: url(../images/sy_bj01.png) #fff no-repeat right bottom;
background-size: 170px auto;
border-radius: 4px;
box-shadow: 0 6px 20px rgba(74, 74, 74, .15);
}
.jj_img {
width: 100%;
}
.jj_text {
width: 100%;
padding: 35px 4% 40px 4%;
}
.jj_text h5 {
font-size: 21px;
line-height: 30px;
}
.jj_text p {
font-size: 14px;
line-height: 25px;
margin: 16px 0 0px 0;
}
.jj_div {
display: none;
}
.jj_text a {
width: 100px;
height: 34px;
line-height: 34px;
border-radius: 17px;
margin-top: 20px;
font-size: 13px;
}
/*鐮旂┒涓庡紑鍙?/
.syyf_box {
background: url(../images/sy_yf_m.jpg) no-repeat top center !important;
background-size: 100% 100% !important;
}
.syyf_box.yf_bj {
background: url(../images/sy_yf01_m.jpg) no-repeat center center!important;
background-size: 100% 100% !important;
}
.zc_img {
width: 100%;
height: auto;
}
.syyf_con {
width: 100%;
height: 100%;
display: inline-block;
padding: 22px 5%;
}
.syyf_tab {
width: 100%;
max-width: 100%;
min-width: 100%;
height: unset;
padding: 33px 20px 20px 20px;
background-image: unset;
}
.syyf_tab h5 {
font-size: 20px;
line-height: 22px;
}
.yj_ul {
width: 100%;
margin: 22px 0 0 0;
flex-direction: unset;
flex-wrap: wrap;
}
.yj_ul li {
width: 50%;
font-size: 14px;
line-height: 22px;
margin-bottom: 15px;
}
.yj_ul li span {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 6px;
}
.yj_ul li:nth-child(1) span {
background: url(../images/yf_icon01.png) no-repeat left center;
background-size: 22px auto;
}
.yj_ul li:nth-child(2) span {
background: url(../images/yf_icon02.png) no-repeat left center;
background-size: 22px auto;
}
.yj_ul li:nth-child(1).yj_cur span {
background: url(../images/yf_icon01s.png) no-repeat left center;
background-size: 22px auto;
}
.yj_ul li:nth-child(2).yj_cur span {
background: url(../images/yf_icon02s.png) no-repeat left center;
background-size: 22px auto;
}
.syyf_lb {
width: 100%;
height: unset;
margin-top: 50px;
padding: 0 10px;
}
.lb_item {
height: unset;
}
.yf_slide_box {
padding-bottom: 0px;
display: inline-block;
height: unset
}
.lb_item .swiper-container,
.lb_item .swiper-wrapper,
.lb_item .swiper-slide {
height: unset !important;
}
.yf_slide_box h5 {
font-size: 24px;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.yf_slide_box ul {
margin: 13px 0 0 0;
}
.yf_slide_box ul li {
width: 100%;
padding: 0px;
font-size: 13px;
line-height: 22px;
padding-left: 10px;
margin-bottom: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.lb_item .swiper-button-prev.swiper-button-white,
.lb_item .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url(../images/prev_btn.png);
background-size: 40px 40px;
background-position: left center !important;
}
.lb_item .swiper-button-next.swiper-button-white,
.lb_item .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url(../images/next_btn.png);
background-size: 40px 40px;
background-position: left center !important;
}
.lb_item .swiper-button-next,
.lb_item .swiper-button-prev {
position: absolute;
top: unset !important;
bottom: 0;
width: 44px;
height: 44px;
margin-top: unset !important;
margin-bottom: 0px;
right: unset !important;
}
.lb_item .swiper-container {
padding-bottom: 60px;
}
.swiper_right {
display: none !important;
}
.yf_slide_box{ width:100%;}
.yf_slide_box ul li{ width:98%; box-sizing: border-box;}
.yf_slide_box ul li p{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
width: 100%;
line-height: 22px;
font-size: 13px;
margin-bottom: 6px;}
}
@media screen and (max-width:980px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:640px) {}
@media screen and (max-width:540px) {}
@media screen and (max-width:480px) {}
@media screen and (max-width:413px) {}
@media screen and (max-width:374px) {}
@media screen and (max-width:320px) {}
/*棣栭〉瑙嗛*/
.banner_sp {
width: 100%;
height: auto;
}
.banner_sp video {
width: 100%;
height: auto;
}
/*2021/11/04淇敼*/
.new_yjkf {
width: 100%;
position: relative;
}
.new_yjkf_qh {
height: 100%;
position: absolute;
left: 4%;
padding: 60px 0;
top: 0;
display: flex;
justify-content: left;
align-items: center;
z-index: 2;
}
.syyf_lb_n {
width: 100%;
height: 100%;
}
.lb_item_n {
width: 100%;
height: 100%;
display: none;
}
.lb_item_n .swiper-container {
width: 100%;
height: 100%;
}
.lb_bj_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 40px 100px 32%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.lb_item_n_yf .lb_bj_img {
padding-bottom: 200px;
}
.bj_img {
width: 100%;
height: auto;
}
.lb_bj_img h5 {
font-size: 40px;
color: #fff;
line-height: 42px;
margin: 0;
padding: 0;
letter-spacing: 2px;
}
.lb_bj_img ul {
width: 100%;
margin: 26px 0 0 0;
padding: 0;
}
.lb_bj_img ul li {
width: 100%;
padding-right: 80px;
font-size: 16px;
color: #fff;
line-height: 22px;
padding-left: 14px;
position: relative;
margin-bottom: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.lb_bj_img ul li::before {
content: '';
width: 4px;
height: 4px;
background: #fff;
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
border-radius: 50%;
}
/*杞挱鎸夐挳*/
.lb_item_n .swiper-button-prev.swiper-button-white,
.lb_item_n .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url(../images/prev_btn.png);
background-size: 40px 40px;
background-position: left center !important;
}
.lb_item_n .swiper-button-next.swiper-button-white,
.lb_item_n .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url(../images/next_btn.png);
background-size: 40px 40px;
background-position: left center !important;
}
.lb_item_n .swiper-button-next,
.lb_item_n .swiper-button-prev {
position: absolute;
top: unset !important;
bottom: 130px;
width: 44px;
height: 44px;
margin-top: unset !important;
margin-bottom: 0px;
right: unset !important; outline: none;
}
.lb_item_n .swiper-button-prev {
left: 32% !important;
}
.lb_item_n .swiper-button-next {
left: 32% !important;
margin-left: 64px;
}
@media screen and (max-width:1024px) {
.new_yjkf_qh {
width: 100%;
height: auto;
position: absolute;
left: 0;
padding: 22px 5% 22px 5%;
top: 0;
display: flex;
justify-content: left;
align-items: center;
z-index: 2;
}
.lb_bj_img {
width: 100%;
padding: 200px 6% 20px 6%;
justify-content: left;
}
.lb_item_n_yf .lb_bj_img {
padding-bottom: 40px;
}
.lb_bj_img h5 {
font-size: 24px;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.lb_bj_img ul {
margin: 13px 0 0 0;
}
.lb_bj_img ul li {
width: 100%;
padding: 0px;
font-size: 13px;
line-height: 22px;
padding-left: 10px;
margin-bottom: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
.lb_bj_img ul li p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
width: 100%;
line-height: 22px;
font-size: 13px;
margin-bottom: 6px;
}
/*杞挱鎸夐挳*/
.lb_item_n .swiper-button-prev.swiper-button-white,
.lb_item_n .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url(../images/prev_btn.png);
background-size: 32px 32px;
background-position: left center !important;
}
.lb_item_n .swiper-button-next.swiper-button-white,
.lb_item_n .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url(../images/next_btn.png);
background-size: 32px 32px;
background-position: left center !important;
}
.lb_item_n .swiper-button-next,
.lb_item_n .swiper-button-prev {
bottom: 40px;
width: 36px;
height: 36px;
}
.lb_item_n .swiper-button-prev {
left: 6% !important;
}
.lb_item_n .swiper-button-next {
left: 6% !important;
margin-left: 44px;
}
}
/*2021/11/08 鏍峰紡淇敼*/
.item_page_lb {
position: relative;
}
.lb_yf_bj {
width: 100%;
height: auto;
}
.lb_yf_con {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
padding: 90px 13.5% 0px 30%;
}
.lb_yf_con h5 {
font-size: 40px;
color: #fff;
line-height: 42px;
padding: 0;
letter-spacing: 2px;
font-weight: normal;
margin: 0 0 60px 0;
}
.lb_yf_swiper {
width: 100%;
}
.lb_yf_swiper .swiper-slide {
padding-right: 120px !important;
height: auto !important;
}
.lb_yf_swiper .swiper-container img {
display: inline-block;
width: 100%;
height: auto;
}
/*杞挱鎸夐挳*/
.item_page_lb .swiper-button-prev.swiper-button-white,
.item_page_lb .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url(../images/prev_btn.png);
background-size: 40px 40px;
background-position: left center !important;
}
.item_page_lb .swiper-button-next.swiper-button-white,
.item_page_lb .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url(../images/next_btn.png);
background-size: 40px 40px;
background-position: left center !important;
}
.item_page_lb .swiper-button-next,
.item_page_lb .swiper-button-prev {
position: absolute;
top: 50% !important;
bottom: 130px;
width: 44px;
height: 44px;
margin-top: unset !important;
margin-bottom: 0px;
left: unset !important;
outline: none;
}
.item_page_lb .swiper-button-prev {
right: 0 !important;
margin-top: -60px !important;
}
.item_page_lb .swiper-button-next {
right: 0 !important;
margin-bottom: -60px !important;
}
@media screen and (max-width:1024px) {
.lb_yf_con {
padding: 200px 6% 20px 6%;
}
.lb_yf_con h5 {
font-size: 24px;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0 0 25px 0;
}
.lb_yf_swiper {
width: 100%;
}
.lb_yf_swiper .swiper-container {
padding-bottom: 50px;
}
.lb_yf_swiper .swiper-slide {
padding: 0px !important;
height: auto !important;
}
/*杞挱鎸夐挳*/
.item_page_lb .swiper-button-prev.swiper-button-white,
.item_page_lb .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url(../images/prev_btn.png);
background-size: 32px 32px;
background-position: left center !important;
}
.item_page_lb .swiper-button-next.swiper-button-white,
.item_page_lb .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url(../images/next_btn.png);
background-size: 32px 32px;
background-position: left center !important;
}
.item_page_lb .swiper-button-next,
.item_page_lb .swiper-button-prev {
position: absolute;
top: unset !important;
bottom: 0px;
width: 36px;
height: 36px;
right: unset !important;
}
.item_page_lb .swiper-button-prev {
left: 0 !important;
margin-top: 0px !important;
}
.item_page_lb .swiper-button-next {
left: 50px !important;
margin-bottom: 0px !important;
margin-left: 0 !important;
}
}