html{ height: 100%; } body{ height: 100%; color: #333; background-color: #fff; font-size: 0.85em; } .anim{ -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .dela{ -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .a_up{ -webkit-transform: translatey(200%); -moz-transform: translatey(200%); -ms-transform: translatey(200%); -o-transform: translatey(200%); transform: translatey(200%); } .active .a_up,.active .a_down{ -webkit-transform: translatey(0%); -moz-transform: translatey(0%); -ms-transform: translatey(0%); -o-transform: translatey(0%); transform: translatey(0%); } .a_down{ -webkit-transform: translatey(-200%); -moz-transform: translatey(-200%); -ms-transform: translatey(-200%); -o-transform: translatey(-200%); transform: translatey(-200%); } .a_right{ -webkit-transform: translatex(200%); -moz-transform: translatex(200%); -ms-transform: translatex(200%); -o-transform: translatex(200%); transform: translatex(200%); } .active .a_right,.active .a_left{ -webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } .a_left{ -webkit-transform: translatex(-200%); -moz-transform: translatex(-200%); -ms-transform: translatex(-200%); -o-transform: translatex(-200%); transform: translatex(-200%); } .body{ min-width: 1240px; } .more { position: relative; z-index: 3; text-align: center; padding-top: 80px; } .more a { display: inline-block; background-color:#cda05c; border-radius: 4px; padding-left: 25px; color: #fff; height: 40px; line-height: 40px; } .more a span { height: 40px; width: 40px; display: inline-block; border-radius: 50%; margin-left: 30px; background-color: #deb981; animation: tleft 3s linear 0s infinite; -webkit-animation: tleft 3s linear 0s infinite; } /*banner*/ #fp-nav.fp-right{ right: 5px; display: none; } .ban_wrap{ position: relative; background-color: #cda05c;; height: 100%; box-sizing: border-box; } .abt{ position: absolute; width: 28px; height: 54px; background-color:rgba(0,0,0,0.2); top: 50%; background-size: 30px auto; background-position: center; background-repeat: no-repeat; z-index: 5; margin-top: -30px; border-radius:5px; cursor: pointer; } .a_prev{ background-image: url(/uploads/image/tdsimages/left.png); left: 121px; } .a_next{ background-image: url(/uploads/image/tdsimages/right.png); right:20px; } .ban{ width: 100%; } .ban_wrap:before{ position: absolute; content: ""; width: 96%; height: 90%; } .ban1:before{ top:10%; right: 0; background-color: #a29467; } .ban2:before{ top:0%; right:4%; background-color:#0073c4; } .ban3:before{ top:10%; right: 0; background-color:#edecf1; } .ban4:before{ top:0%; right:4%; background-color:#83bf4c; } .ban:before{ top:10%; right: 0; background-color: #957659; } .ban_fl{ width: 38%; height: 80%; background-color: #fff; position: absolute; left: 2%; top: 10%; box-shadow: 0px 09px 15px rgba(0,0,0,0.5); } .ban_fr{ width: 58%; height: 90%; position: absolute; right: 2%; top: 5%; background-size: cover; background-position: center; box-shadow: 0px 09px 15px rgba(0,0,0,0.5); } .ban{ height: 180px; position: relative; height: 100%; } .ban2 .ban_fl,.ban4 .ban_fl,.ban0 .ban_fl{ right: 2%; left: auto; } .ban2 .ban_fr,.ban4 .ban_fr,.ban0 .ban_fr{ left: 2%; right: auto; } /*end*/ .jtuan_wrap,.fgs_wrap,.bef_wrap,.contact_wrap{ padding-left:95px; } .sw-pc{ height: 100%; background-size: cover; background-position: center; } .sw-mo{ display: none; } .bwen{ position: absolute; z-index: 3; border-radius: 5px; left: 10%; top:50%; color: #cda05c; transform:translatey(-50%); width: 80%; text-align: center; } .bwen img{ height: 90px; } .bwen h4{ font-size: 50px; margin-bottom: 15px; color:#e8382f; position: relative; font-weight: normal; padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .bwen h5{ color:#e8382f; font-size: 30px; font-weight: normal; margin: 30px 0; } .bwen .aen{ font-size: 12px; letter-spacing: 8px; text-shadow: 1px 1px 0px rgb(0 0 0 / 60%); font-family: arial, helvetica, sans-serif; margin-bottom: 10px; } .bwen p{ font-size: 16px; line-height: 2; font-weight: 300; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:5; -webkit-box-orient:vertical; text-align: justify; } .ban .slide{ position: relative; } #fp-nav ul li, .fp-slidesnav ul li{ width: 25px; height: 25px; } #fp-nav ul li a span, .fp-slidesnav ul li a span { background-color: #fff; } #fp-nav ul li a.active span, .fp-slidesnav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesnav ul li:hover a.active span { } #fp-nav ul li:hover a span, .fp-slidesnav ul li:hover a span { } .scroll{ position: absolute; width: 56px; left: 50%; margin-left: -28px; bottom: 57px; z-index: 100; animation: 3s ease 0s infinite normal none running; animation-name: move1; } .kef{ position: absolute; bottom: 0; background-color: rgba(0,0,0,0.4); left: 0; width: 100%; box-sizing: border-box; padding: 70px 70px 50px 140px; } .kef_fr{ position: absolute; right:0px; top: 0px; } .kef_fl p{ font-size: 18px; margin-bottom: 20px; color: #fff; } .kf_er,.kf_er1{ width: 150px; float: left; margin-right: 30px; } .kef_box{ float: right; width: 222px; margin-top: -5px; } .kf_logo{ width:100%; margin-bottom: 17px; } .kef_img a { position: relative; padding-left: 89px; display: block; } .kef_img a img{ display: block; width: 79px; position: absolute; left: 0; top: 0; } .kef_img a p{ color: #fff; font-size: 19px; padding: 25px 0; } .kef_op{ width: 1080px; margin:0 auto; position: relative; } .cop1{ font-size: 14px; text-align: center; color: #fff; margin-top: 15px; padding-top:15px; border-top:1px solid rgba(255,255,255,0.5); } .cop1 a{ color: #fff; } @keyframes move1{ 0% { bottom: 30px; } 50% { bottom: 57px; } 100% { bottom: 30px; } } @-webkit-keyframes move1{ 0% { bottom: 30px; } 50% { bottom: 57px; } 100% { bottom: 30px; } } .swiper-slide-active .f_dn{ -webkit-animation-name: fadeindown;animation-name: fadeindown; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both; } .swiper-slide-active .f_up{ -webkit-animation-name: fadeinup;animation-name: fadeinup; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both; } /*1t*/ .section{ background-size: cover; background-position: center; overflow: hidden; } /*product*/ .product{ background-size: cover; background-position: center; } .p_ul,.ban{ padding-left:95px; } .p_ul{ height: 100%; } .p_ul li{ float: left; width: 25%; height: 100%; background-color: #cda05c; background-repeat: repeat; position: relative; } .p_ul li:first-child,.p_ul li:nth-child(3){ background-image: url(/uploads/image/tdsimages/bg.png); } .p_ul li a{ position: absolute; width: 90%; left: 5%; top: 50%; display: block; transform: translatey(-50%); -webkit-transform: translatey(-50%); } .p_ul li a img{ width: 76%; display: block; margin: 0 auto 20px; } .po_de{ margin-top: 15px; color: #fff; } .po_de h4{ font-size: 20px; margin-bottom: 10px; } .po_de p{ line-height: 1.6; height: 40px; font-size: 14px; overflow: hidden; font-weight: 300; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; } /*jtuan*/ .jtuan_wrap{ height: 100%; position: relative; } .jtuan{ background-size: cover; background-position: center; background-repeat: no-repeat; } .ju_top{ height:100%; position: relative; z-index: 1; } .ju_fl{ width: 60%; padding-top: 100px; padding-left: 100px; color: #fff; height: 65%; } .ju_tit{ position: relative; margin-bottom: 25px; padding-bottom: 25px; } .ju_tit:before{ position: absolute; content: ""; width: 2em; bottom: 0; height: 2px; background-color:#e8382f; } .sw2{ height: 100%; margin-left: 95px; } .sa_wrap{ position: relative; background-color: #cda05c; height: 100%; } @media(max-width: 1080px){ .sw2{ margin-left: 0; } } .sw2 .swiper-slide{ height:100%; } .sw2 .swiper-slide:nth-child(2n 1) .sa_wrap{ background-image: url(/uploads/image/tdsimages/bg.png); } .sa_wrap a{ position: absolute; width: 90%; left: 5%; top: 50%; display: block; transform: translatey(-50%); -webkit-transform: translatey(-50%); } .sa_wrap a img{ width: 76%; display: block; margin: 0 auto 20px; } .ju_tit h4{ font-size: 32px; margin-bottom: 5px; font-weight: normal; } .ju_con{ height: 120px; overflow: hidden; } .ju_con p{ font-size:14px; font-weight: 300; line-height: 2.2; text-align: justify; } .ju_bot{ height: 35%; position: absolute; z-index: 3; left: 195px; width: 60%; bottom: 5%; } .ju_bot li{ float: left; width: 25%; height: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.3); position: relative; } .ju_bot li a{ display: block; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .ju_bot li a:before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 2; } .jmore{ display: block; width: 100px; color: #fff; background: #cda05c; text-align: center; border-radius: 20px; height: 38px; line-height: 38px; margin-top: 20px; } .ju_bot li a img{ width: 60px; position: absolute; right: 15px; top: 15px; opacity: 0.8; z-index: 3; } .ju_ww{ position: absolute; bottom: 10%; left: 5%; width: 90%; z-index: 3; } .ju_ww h4{ font-size: 18px; color: #fff; } .carr{ position: absolute; right: 0; bottom: 0; background-image: url(/uploads/image/tdsimages/carr.png); width: 60px; height: 18px; background-size: cover; background-position: center right; z-index: 3; } /*分公司*/ .fgs{ background-size: cover; background-position: center; } .wbao{ padding: 0 5%; } .fg_img{ height:400px; width: 100%; background-size: cover; background-position: center; } .fg_con{ background-color: #cda05c; padding: 39px; margin-left: 5%; margin-top: -30px; color: #fff; box-shadow: 0 0 12px #333; } .fg_tit { font-size: 20px; margin-bottom: 10px; height: 52px; position: relative; } .fg_wen{ height: 46px; font-weight: 300; line-height: 1.8; overflow: hidden; } .amore{ display: block; color: #fff; font-size: 15px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.6); height: 40px; line-height: 40px; margin-top: 15px; padding-left: 10px } .amore img{ position: absolute; right:0px; top: 5px; width: 30px; animation: tleft 3s linear 0s infinite; -webkit-animation: tleft 3s linear 0s infinite; } /*bef*/ .bef_wrap{ height: 100%; } .bef_ma { height: 100%; } .bef_top,.bef_bot,.bef_fr{ background-size: cover; background-repeat: no-repeat; position: relative; } .bef_bot:before,.bef_top:before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); left: 0; top: 0; z-index: 1; } .sw1 .swiper-slide:nth-child(2n) .bef_z{ background-color: #65d1ee; } .sw1 .swiper-slide:nth-child(2n 1) .bef_z{ background-color: #a0b7e9; } .bef_z{ background-position: center bottom; position: relative; height: 100%; width: 100%; } .bef_z img{ position: absolute; bottom: 0; left: 0%; width: 100%; z-index: 1; } .bef_fl{ width: 50%; float: left; height: 100%; } .bef_fr{ width: 50%; height: 100%; float: right; background-color: #65d1ee; } .sw1{ height: 100%; } .sw1 .swiper-slide{ height: 500px; height: 100%; } .bef_top{ background-position: center; height: 50%; } .bef_bot{ background-position: left bottom; height: 50%; } .be_de{ position: absolute; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); display: block; z-index: 3; } .be_de h4{ font-size: 24px; font-weight: 500; color: #fff; -webkit-transition: .6s ease-out; transition: .6s ease-out; text-shadow: 1px 1px 0px rgba(0,0,0,0.6); } .be_de p{ font-size: 16px; color: #e8382f; margin-top: 20px; text-shadow: 1px 1px 0px rgba(0,0,0,0.6); } .arr1{ display: inline-block; width: 30px; height: 30px; background-image: url(/uploads/image/tdsimages/arr1.png); margin-top: 20px; animation: tleft 3s linear 0s infinite; -webkit-animation: tleft 3s linear 0s infinite; background-size: cover; background-position: center; background-repeat: no-repeat; } .bef_top .be_de{ left: 10%; width: 80%; } .bef_bot .be_de{ right: 10%; width: 50%; text-align: right; } .bef_z .be_de{ width: 90%; left: 5%; text-align: center; } /*联系*/ .contact{ background-size: cover; background-position: center; background-repeat: no-repeat; } .contact_wrap{ height: 100%; position: relative; } .cot_fl{ height: 100%; width: 50%; background-size: cover; background-position: center; position: relative; float: left; } .cot_ne{ position: absolute; left: 10%; width: 80%; color: #fff; top: 50%; transform: translatey(-50%); } .cot_ne h2{ font-size: 35px; margin-bottom: 20px; font-weight: normal; color: #cda05c; text-shadow: 1px 1px 0px rgba(0,0,0,0.6); } .cont_gg{ display: inline-block; width: 110px; font-size: 0; margin:0 10px; } .cont_gg p{ font-size: 12px; text-align: center; margin-top: 10px; } .cop{ font-size: 12px; border-top: 1px solid #cda05c; padding-top: 18px; margin-top: 18px; } .cop a{ color: #fff; } .cont_top>p{ line-height: 2; font-size: 15px; font-weight: 300; position: relative; padding-left: 72px; } .cont_top>p span{ width: 76px; position: absolute; left: 0; top: 0; } .cont_top h5{ font-size: 20px; color:#e8382f; margin: 10px 0; } .cot_fr{ float: right; width:48%; } .cont_bot{ text-align: center; border: 1px solid #cda05c; padding: 28px; margin-bottom: 21px; color:#cda05c; border-radius: 5px; } /*ce*/ .ce1{ position: absolute; width: 20%; bottom: 0; left: 0; z-index: 2; opacity: 0.3; } .news,.contact{ position: relative; } .news_wrap,.contact_wrap{ position: relative; z-index: 5; } .cont_fl{ background-color: #fff; padding: 40px; } .ce2{ position: absolute; width: 20%; bottom: 0; right: 0; z-index: 2; opacity: 0.3; } .ce3{ position: absolute; width: 25%; top: 10%; left: 0; z-index: 2; opacity: 0.3; } .ce4{ position: absolute; width: 25%; bottom:0%; right: 0; z-index: 2; opacity: 0.3; } .bg2{ position: absolute; width: 30%; height: 100%; top: 0; left: 0; z-index: 2; background-image: ; background-size: cover; background-position: center; opacity: 0.8; } /*video*/ .vid { width: 100%; height: 100%; background-color: #000000; object-fit: contain; } .video-wrap { width: 100%; background-size: cover; background-position: center; position: relative; height: 100%; box-sizing: border-box; } .playw{ position: absolute; top: 50%; left: 50%; width: 60px; margin-top: -30px; margin-left: -30px; text-align: center; } .playw img { display: inline-block; width: 65px; cursor: pointer; animation: scalep 3s linear 0s infinite; -webkit-animation: scalep 3s linear 0s infinite; } .playw .ph { display: none; } .tran1 { -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); } .active .tran1 { -webkit-transform: scale(1,1); transform: scale(1,1); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .er_ww{ display: none; } @media (max-height:700px){ .ju_con{ height: 97px; } } @media (max-height:600px){ .ju_fl{ padding-top: 50px; } .ju_bot{ height: 33%; } } @media (max-width: 1660px){ .bwen h4{ font-size: 45px; } .bwen h5{ font-size: 28px; } .bwen img{ height: 85px; } .btit p{ font-size: 30px; } .more{ padding-top: 70px; } .ju_fl,.ju_bot{ width: 70%; } } @media (max-width: 1450px){ .bwen h4{ font-size: 40px; } .bwen img{ height: 70px; } .btit{ margin-bottom: 40px; } .jt_tu{ height: 400px; } .jt_zg{ min-height: 400px; } .more{ padding-top: 50px; } .ju_fl,.ju_bot{ width: 80%; } .ju_tit h4{ font-size: 30px; } .ju_ww h4{ font-size: 16px; } .ju_bot li a img{ width: 50px; } } @media (max-width: 1200px){ .bwen h4{ font-size: 37px; } .bwen h5{ font-size: 26px; } .bwen img{ height: 60px; } .btit p{ font-size: 28px; } .jt_tu{ height: 380px; } .jt_zg{ min-height:380px; } .po_de h4{ font-size: 19px } .ju_fl{ width:86%; } .ju_bot li a img{ width: 40px; } .be_de h4{ font-size: 22px; } .be_de p{ font-size: 14px; } .cot_ne h2{ font-size: 32px; } .cot_ne{ left: 15%; } .kef_op{ width: 100%; } .kef_fl p{ font-size: 16px; } .kf_er,.kf_er1{ width: 140px; margin-right: 20px; } } @media (max-width: 1080px){ .p_ul,.ban,.jtuan_wrap, .fgs_wrap, .bef_wrap, .contact_wrap{ padding-left: 0; } .bwen img{ height: 55px; } .bwen h4{ font-size: 32px; padding: 13px 0; } .bwen h5{ font-size: 22px; } .bwen p{ line-height: 1.8; } .po_de h4{ font-size: 18px; } .p_ul li a{ margin-top: 50px; } .ju_fl{ margin: 0 auto; padding-left: 0; margin-top: 50px; } .ju_bot{ left: 7%; width: 86%; } .carr{ width:38px; height: 10px; bottom: 2px; } .ju_ww{ bottom: 8%; } .ju_tit{ margin-bottom: 20px; padding-bottom: 20px; } .ju_tit h4{ font-size: 28px; } .ju_bot li a img{ width: 30px; } .bef_top .be_de{ margin-top: 50px; } .be_de h4{ font-size: 20px; } .be_de p{ font-size: 12px; margin-top: 5px; } .cot_ne{ left: 10%; margin-top: 40px; } .ban{ padding-top: 50px; } .a_prev{ left:20px; } .kef{ padding: 50px 50px 30px; } .cop1{ font-size: 12px; } .kf_er,.kf_er1{ width: 110px; margin-right: 10px; } .kef_img a{ padding-left:72px; } .kef_img a img{ width: 69px; } .kef_box{ width: 192px; } .kef_img a p{ padding: 18px 0; font-size: 16px; } .kef_fl p{ font-size: 15px; margin-bottom: 16px; } .kf_logo{ margin-bottom: 10px; } .kef_fr{ right: 0; } } @media (max-width: 900px){ .p_ul{ height: 100vh; } .po_de h4{ font-size: 17px; } .ju_bot li a img{ width: 20px; } .ju_tit h4{ font-size: 26px; } .bef_bot .be_de{ width: 90%; right: 5%; } .bef_top .be_de{ width: 90%; left: 5%; } .cot_ne h2{ font-size: 27px; margin-bottom: 12px; } .cont_top>p{ font-size: 14px; } .cont_top h5{ font-size: 18px; } .cont_gg{ width:88px; } .cont_bot{ padding: 16px 8px; } .cont_gg p{ margin-top: 2px; } .yuyue a{ padding: 26px 15px; } .yuyue a img{ width: 50px; } } @media (max-width: 860px){ .kef_box{ width: 135px; } .kef_img a{ padding-left: 55px; } .kef_img a img{ width: 45px; } .kef_img a p { color: #fff; padding: 7px 0 15px; } } @media (max-width: 800px){ .kef_op{ width: 100%; } .kef{ padding: 30px 50px 20px 3%; } } @media (max-width: 768px){ .po_de h4{ font-size: 16px; } .po_de p{ font-size: 12px; } .ju_tit h4{ font-size: 24px; } .yuyue a p{ font-size: 12px; } .cot_ne h2{ font-size: 23px; margin-bottom:8px; } .cop{ padding-top: 10px; margin-top: 10px; } .cot_ne{ left: 5%; width: 90%; } .bwen{ width: 90%; left: 5%; } .bwen p{ font-size: 14px; } .bwen img{ height: 45px; } .bwen h4{ font-size: 30px; } .bwen h5{ font-size: 20px; } .p_ul li{ width: 33.3333333%; } .p_ul li:last-child{ display: none; } .a_prev{ left: 10px; } .a_next{ right: 10px; } .kf_er,.kf_er1{ width: 100px; margin-right: 15px; } .kef_fl p{ font-size: 14px; } .kef_box{ width: 120px; } .kef_img a img{ position: initial; width: 37px; } .kef_img a{ padding-left: 0 } .kef_img a p{ padding: 0; font-size: 12px; } } @media (max-width: 640px){ .p_ul li{ width: 50%; } .ju_tit h4{ font-size: 22px; margin-bottom: 0; } .ju_tit p{ font-size: 12px; } .jmore{ font-size: 12px; height: 30px; line-height: 30px; margin-top: 10px; width: 80px; } .ju_bot{ height: 30%; } .ju_ww{ bottom: 12%; } .carr{ bottom: -4px; width: 16px; height: 8px; } .be_de h4{ font-size: 17px; } .arr1{ width: 20px; height: 20px; margin-top: 14px; } .yuyue{ display: none; } .cot_ne{ padding-right: 120px; position: relative; } .cot_fl{ width: 100%; float: none; } .cot_fr{ float: none; position: absolute; right: 0; top:45px; width: auto; } .cont_bot{ margin-bottom: 0; padding:6px; } .cont_gg{ width: 70px; display: block; margin: 10px 5px ; text-align: center; } .bwen h4{ font-size: 25px; padding: 9px 0; border:0; } .bwen h5{ font-size: 18px; margin:12px 0; } .bwen .aen{ text-shadow:none; letter-spacing: 3px; } .ban_fl{ height: 36%; width:96%; margin: 0 auto; position: relative; top:0; z-index: 2; left: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .ban_fr{ height: 64%; width:100%; position: relative; top:0; left: 0; z-index: 3; margin: 0 auto; } .ban2 .ban_fl,.ban4 .ban_fl,.ban0 .ban_fl,.ban2 .ban_fr,.ban4 .ban_fr,.ban0 .ban_fr{ right: 0; left: 0; } .bwen p{ -webkit-line-clamp: 3; } .bwen .aen{ display: none; } .abt{ } .bwen img{ height: 35px; } .scroll{ display: none; } .playw{ width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; } .bwen h4{ padding:0; } .p_ul li:nth-child(3){ display: none; } .kef_fr{ position: initial; width: 240px; margin: 15px auto 0; } .kef_fl{ text-align: center; } .kef_box{ text-align: center; margin-top: 15px; width: 100%; } .kf_er, .kf_er1{ margin: 0 10px; } .kef_img a p,.kef_img a img{ display: inline-block; } .kef_img a p{ font-size: 14px; margin-left: 10px; margin-top: 10px; } .kf_er, .kf_er1{ width: 90px; } .kef_fl p{ margin-bottom: 8px; font-size: 13px; } } @media (max-width: 500px){ .ju_bot li{ width: 49%; height: 49%; margin-top: 1%; margin-right: 1%; border-radius: 5px; } .ju_tit h4{ font-size: 19px; } .ju_tit{ margin-bottom: 15px; padding-bottom: 15px; } .bef_fl{ height: 70%; width: 100%; float: none; } .bef_fr{ float: none; height: 30%; width: 100%; } .bef_bot .be_de,.bef_top .be_de,.bef_z .be_de{ text-align: left; } .bef_top{ height: 55%; } .bef_bot{ height: 45%; } .bwen h4{ font-size: 22px; } .ju_con p{ line-height: 2; font-size: 13px; } .ju_con{ height: 109px; } .ju_ww h4{ font-size: 14px; } .bef_z:before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); left: 0; top: 0; z-index: 2; } .bwen p{ font-size: 12px; } } @media (max-width: 414px){ .p_ul li{ width: 100%; height: 50% } .p_ul li a{ margin-top:30px; } .p_ul li a img{ width:auto; height: 110px; margin-bottom: 10px; } .po_de{ text-align: center; } .po_de h4{ margin-bottom: 5px; } .po_de p{ height: auto; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } .cot_fr{ display: none; } .cot_ne{ padding-right: 0; } .er_ww{ display: block; margin-top: 12px; text-align: center; } .er_ww>div{ display: inline-block; width: 80px; margin-right: 12px; } .er_ww p{ font-size: 12px; margin-top: 5px; } .cot_ne h2{ font-size: 19px; } .cont_top>p{ line-height: 1.8; padding-left: 65px; } .cont_top h5{ font-size: 16px; margin: 6px 0; } .ju_tit{ margin-bottom: 10px; padding-bottom: 10px; } .bwen{ width: 80%; left: 10%; } .ju_bot{ height:110px; } .ju_bot li a{ background-image:none!important; } .ju_bot li a:before{ background-color: rgba(205,160,92,0.3); } .ju_con{ height: 180px; } .ju_tit h4{ font-size: 18px; } .ju_fl{ margin-top: 20px; } .be_de p{ color: #fff; } } @media (max-width: 376px){ } @media (max-width: 320px){}