:root { --main-color: #e07b32; --sub-color:#e67817; --main-dark:#313131; } input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } input { -webkit-appearance: none; } * { margin: 0; padding: 0; text-decoration: none; box-sizing: border-box; } img { max-width: 100%; } em, i { font-style: normal; } body, html { overflow-x: hidden; box-sizing: border-box; color: #333; background-color: #f9f9f9; font-family: -apple-system, "helvetica", "hiragino sans gb", "microsoft yahei", "microsoft yahei light", pingfang sc, arial, sans-serif; font-size: 14px; } @font-face { font-family: "iconfont"; /* project id 2435957 */ src: ; src: format("embedded-opentype"), format("woff2"), format("woff"), format("truetype"); } .wp { position: relative; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 576px) { .wp { max-width: 540px; padding-left: 0px; padding-right: 0px; } } @media (min-width: 768px) { .wp { max-width: 720px; } } @media (min-width: 992px) { .wp { max-width: 960px; } } @media (min-width: 1200px) { .wp { max-width: 1140px; } } @media (min-width: 1400px) { .wp { max-width: 1320px; } } .h-top { background-color: #313131; padding: 5px 0; } .h-top .wp { display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 14px; } .h-top .le span span { padding-left: .5vw; } .h-top .re .s-input { font-size: 0; } .h-top .re .s-input .s-text { display: inline-block; height: 30px; width: inherit; line-height: inherit; border-width: 0px; border-style: solid; border-color: #f0f0f0; padding-left: 5px; padding-right: 5px; background: rgba(255, 255, 255, 0.1); color: #fff; outline: none; } .h-top .re .s-input .s-submit { width: 50px; height: 30px; display: inline-block; vertical-align: middle; font-size: 14px; color: #fff; border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #e07b32; text-align: center; padding-top: 0; padding-right: 20px; padding-left: 18px; position: inherit; margin: 1px 0 0 0; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; } @media (max-width: 991.8px) { .h-top { display: none; } } /****header****/ .header { position: relative; z-index: 15; background: #fff; } .header .wp { height: 100%; display: flex; align-items: center; justify-content: space-between; } .header .menu-link { display: none; } .header .logo { height: 47px; } .header .logo img { display: block; width: auto; height: 100%; } .header .menu li { position: relative; float: left; margin-right: 2.2vw; } .header .menu li .h3 { position: relative; } .header .menu li .h3 a { line-height: 96px; display: block; padding: 0 10px; color: #25211e; position: relative; } .header .menu li .h3 a:after { content: ""; display: block; height: 3px; width: 60px; background-color: transparent; position: absolute; bottom: 0; left: 50%; transform: translatex(-50%); } .header .menu li .h3 a.select:after { background-color: #e07b32; } .header .menu li .h3 em { line-height: 50px; position: absolute; top: 0px; right: 0px; display: none; width: 40px; height: 50px; cursor: pointer; text-align: center; color: #fff; } .header .menu li .h3 em:before { content: "\e605"; } .header .menu li .h3 em.active:before { content: "\e632"; } .header .menu li .box { position: absolute; top: 100%; left: 50%; display: none; width: 120px; margin-left: -60px; padding: 10px 0; text-align: center; background: #25211e; } .header .menu li .box a { line-height: 22px; display: block; overflow: hidden; padding: 6px; white-space: nowrap; text-overflow: ellipsis; color: #ccc; } .header .menu li .box a:hover { color: #fff; } .header .menu li:hover .box { display: block; } .header .menu li:hover .h3 a:after { background-color: #e07b32; } .header .sousuo { display: none; } @media (max-width: 991.8px) { .header { padding: 2.1vw 0; } .header .sousuo { display: block; font-weight: bolder; } .header .logo { height: 36px; } .header .menu { display: none; } .header .menu-link { -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 12px; position: relative; z-index: 10; display: block; box-sizing: border-box; width: 42px; height: 42px; padding: 6px 8px; } .header .menu-link * { box-sizing: border-box; } .header .menu-link span { position: relative; display: block; margin-top: 12px; width: 100%; height: 2px; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 1.5px; background-color: #000; } .header .menu-link span:before, .header .menu-link span:after { width: 100%; height: 2px; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 1.5px; background-color: #000; position: absolute; top: -.7em; content: " "; } .header .menu-link span:before { width: 110%; } .header .menu-link span:after { width: 80%; top: .7em; } .header .menu-link.active span { width: 100%; background: transparent; } .header .menu-link.active span:before, .header .menu-link.active span:after { width: 100%; } .header .menu-link.active span:before { -moz-transform: rotate(45deg) translate(0.5em, 0.4em); -ms-transform: rotate(45deg) translate(0.5em, 0.4em); -o-transform: rotate(45deg) translate(0.5em, 0.4em); -webkit-transform: rotate(45deg) translate(0.5em, 0.4em); transform: rotate(45deg) translate(0.5em, 0.4em); background-color: #000; } .header .menu-link.active span:after { -moz-transform: rotate(-45deg) translate(0.6em, -0.5em); -ms-transform: rotate(-45deg) translate(0.6em, -0.5em); -o-transform: rotate(-45deg) translate(0.6em, -0.5em); -webkit-transform: rotate(-45deg) translate(0.6em, -0.5em); transform: rotate(-45deg) translate(0.6em, -0.5em); background-color: #000; } } .nav-cont_lists { width: 446px; max-width: 100%; margin: 0 auto; height: 100%; position: fixed; right: -100%; top: 0; background: #e07b32; z-index: 99999; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; } .nav-cont_lists .nav-ul { margin-left: 10px; -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.4s; opacity: 0; margin-top: 20px; } .nav-cont_lists .nav-ul li { margin-bottom: 20px; } .nav-cont_lists .nav-ul li h3 { font-size: 16px; font-weight: 400; line-height: 1; } .nav-cont_lists .nav-ul li h3 a { color: #fff; text-decoration: none; } .nav-cont_lists .nav-ul li h3:after { width: 68px; height: 2px; background: #fff; content: ""; display: block; margin-top: 8px; } .nav-cont_lists .nav-ul li .nav-sub { margin-top: 10px; } .nav-cont_lists .nav-ul li .nav-sub a { color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 28px; display: block; text-decoration: none; } .nav-cont_lists.nav-cont_cut { right: 0; opacity: 1; } .nav-cont_lists.nav-cont_cut .nav-logo { height: 80px; display: flex; align-items: center; justify-content: space-between; } .nav-cont_lists.nav-cont_cut .nav-logo .nav-sub_logo { width: 168px; float: left; margin: 0 4%; } .nav-cont_lists.nav-cont_cut .nav-logo .nav-sub_close { width: 20px; height: 20px; background: url(/uploads/image/tu51img/nav_close.png) no-repeat; float: right; margin: 4%; cursor: pointer; background-size: cover; } .nav-cont_lists.nav-cont_cut .nav-ul { margin-left: 45px; opacity: 1; } .searchlight { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); z-index: 1000; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); opacity: 0; visibility: hidden; position: fixed; } .searchlight .searchgroup { max-width: 600px; width: 80%; height: auto; position: absolute; padding: 5.2vw 7vw; background: #fff; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); } .searchlight .searchgroup .name { width: 100%; font-size: 17px; font-weight: bold; line-height: 2; margin-bottom: 25px; } .searchlight .searchgroup input { width: 100%; height: 50px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); outline: none; margin-bottom: 25px; } .searchlight .searchgroup input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); font-size: 14px; } .searchlight .searchgroup .searchbtn { width: 120px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; -webkit-transition: all .35s; background: #e07b32; } .searchlight .searchgroup .searchclose { width: 50px; height: 50px; position: absolute; right: 0px; top: 0px; cursor: pointer; line-height: 50px; text-align: center; -webkit-transition: all .5s; } .searchlight .searchgroup .searchclose:hover { -webkit-transform: rotate(-45deg); } .searchlight.active { opacity: 1; visibility: visible; } .footer { background: #ededed; } .footer_top { display: none; padding: 50px 0 90px 0; } .footer_top dl { float: left; box-sizing: border-box; width: 20%; padding-left: 97px; } .footer_top dt { font-size: 14px; line-height: 1; margin-bottom: 20px; color: #000; } .footer_top dd a { line-height: 36px; display: block; height: 36px; color: #666666; } .footer_top dd a:hover { color: #e07b32; } .footer_bottom { padding: 30px 0; color: rgba(255, 255, 255, 0.7); background: #313131; } .footer_bottom a { color: inherit; } .footer_bottom a:hover { color: #fff; } .footer_fl { float: left; } .footer_fr { float: right; } .footer_fr span { margin: 0 7px; } @media (max-width: 991.8px) { .footer_top { display: none; } } @media (max-width: 556px) { .footer_fl, .footer_fr { float: unset; } } .sub_nav { position: fixed; z-index: 15; top: 50%; right: 0px; -webkit-transform: translatez(0); background: #25211e; } .sub_nav li { position: relative; } .sub_nav li.qq2 { display: none; } .sub_nav li#member { display: none; } .sub_nav .pd { display: block; } .sub_nav .pd .h3 i { font-size: 22px; line-height: 50px; display: block; width: 50px; height: 50px; text-align: center; color: #fff; } .sub_nav .pd .box { line-height: 50px; position: absolute; top: 0px; right: 50px; display: block; overflow: hidden; width: 0px; height: 50px; padding: 0px; white-space: nowrap; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0); } .sub_nav .pd .ewm_box { height: auto; text-align: center; } .sub_nav .pd .ewm_box img { display: block; width: 120px; height: auto; } .sub_nav .pd .ewm_box strong { line-height: 1; display: block; padding-top: 10px; } @media (min-width: 1024px) { .sub_nav .pd:hover .h3 i { background-color: #e07b32; } .sub_nav .pd:hover .box { display: block; width: auto; padding-right: 20px; padding-left: 20px; border-color: white; background: #e07b32; } .sub_nav .pd:hover .ewm_box { padding: 20px; } } .member { color: transparent !important; } .member:hover { color: inherit !important; } .com-tit { font-size: 24px; font-weight: bold; color: #313131; padding-top: 4vw; padding-bottom: 4vw; text-align: center; } .com-tit .en { text-transform: uppercase; } .com-tit p { font-size: 16px; font-weight: normal; line-height: 1.75; padding-top: 20px; opacity: .8; color: rgba(49, 49, 49, 0.8); } .com-tit.tit-tr .ch { font-size: 68px; font-weight: bold; } .com-tit.tit-tr .en { font-size: 16px; font-weight: 100; } .com-tit.tit-ltr { text-align: center; } .com-tit.tit-ltr .ch { font-size: 56px; font-weight: bold; } .com-tit.tit-ltr .en { font-size: 16px; font-weight: 100; } .com-tit.l-tit .ch { font-size: 40px; font-weight: bold; } .com-tit.l-tit .en { font-size: 16px; font-weight: 100; } @media (max-width: 1200px) { .com-tit.tit-tr .ch { font-size: 60px; } } @media (max-width: 991.8px) { .com-tit.tit-ltr .ch { font-size: 48px; } .com-tit.tit-ltr .en { font-size: 14px; } .com-tit.l-tit .ch { font-size: 36px; } .com-tit.l-tit .en { font-size: 14px; } } @media (max-width: 556px) { .com-tit.tit-tr .ch { font-size: 36px; } .com-tit.tit-tr .en { font-size: 12px; } .com-tit.tit-ltr .ch, .com-tit.l-tit .ch { font-size: 32px; } .com-tit.tit-ltr .en, .com-tit.l-tit .en { font-size: 13px; } } .text-white { color: #fff; } .text-center { text-align: center; } .ibanner .swiper-slide img { width: 100%; height: auto; min-height: 100%; transition: 1s linear 2s; transform: scale(1.05, 1.05); } .ibanner .swiper-slide-active img, .ibanner .swiper-slide-duplicate-active img { transition: 5s linear; transform: scale(1, 1); } .ibanner .slick-arrow { font-size: 22px; line-height: 58px; position: absolute; z-index: 2; top: 50%; width: 58px; height: 58px; margin-top: -29px; padding: 0; cursor: pointer; text-align: center; opacity: 0; color: white; border: none; border-radius: 50%; background: rgba(0, 0, 0, 0.8); } .ibanner .slick-prev { left: 56px; } .ibanner .slick-prev:after { content: "\e639"; font-size: inherit; } .ibanner .swiper-button-next::after, .ibanner .swiper-button-prev::after { font-size: inherit; } .ibanner .slick-next { right: 56px; } .ibanner .slick-next:after { content: "\e71a"; font-size: inherit; } .ibanner:hover .slick-arrow { opacity: 1; } .ibanner .slick-dots { position: absolute; bottom: 28px; left: 50%; margin-left: -15px; } .ibanner .slick-dots li { float: left; margin: 0 6px; } .ibanner .slick-dots li button { display: block; overflow: hidden; box-sizing: border-box; width: 32px; height: 7px; padding: 0; text-indent: -99px; border: none; background: rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .ibanner .slick-dots li.slick-active button { background: white; } .ibanner .swiper-pagination { bottom: 28px; } .ibanner .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: none; border: 1px solid #fff; } .ibanner .swiper-pagination-bullet-active { background: #fff; } .ibanner .text { display: none; padding: 15px 0; text-align: center; } .ibanner .h3 { font-size: 18px; margin-bottom: 5px; color: #25211e; } .ibanner .p { font-size: 12px; color: #666; } .tit6 { font-size: 22px; line-height: 1; padding: 55px 0 0 0; text-align: center; background: #fff; } .tit6 strong { margin-right: 5px; text-transform: uppercase; } .goods_index { padding-bottom: 5vw; background: #fff; } .goods_index .ipro_con { margin-bottom: 50px; height: 640px; } .goods_index .ipro_con .swiper-slide { height: 100%; } .goods_index .ipro_con .li { width: 100%; height: 100%; } .goods_index .ipro_con .single-item { width: 60%; overflow: hidden; margin: 0; height: 100%; } .goods_index .ipro_con .single-item img { width: 100%; height: 100%; object-fit: cover; } .goods_index .ipro_con .single-item .slick-arrow { font-size: 22px; line-height: 58px; position: absolute; z-index: 2; bottom: 25px; top: unset; width: 58px; height: 58px; background-color: #fff; background-size: 16px auto; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .goods_index .ipro_con .single-item .slick-arrow:after { font-size: inherit; color: inherit; } .goods_index .ipro_con .single-item .slick-arrow.prev { left: 40%; } .goods_index .ipro_con .single-item .slick-arrow.next { left: 40%; margin-left: 58px; } .goods_index .ipro_con .single-item .slick-arrow:hover { color: #fff; background-color: #e07b32; } .goods_index .ipro_con .text { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 40%; padding: 3.6vw 2.8vw; text-align: center; border: 10px solid #e07b32; background: url(/uploads/image/tu51img/ipro_con_t.png) repeat #fff; } .goods_index .ipro_con .text .h3 { font-family: arial; font-size: 48px; font-weight: bold; line-height: 0.9; margin-bottom: 13px; text-transform: uppercase; } .goods_index .ipro_con .text .em { font-size: 24px; line-height: 1; position: relative; margin-bottom: 30px; padding-bottom: 30px; } .goods_index .ipro_con .text .em:after { position: absolute; bottom: 0px; left: 50%; width: 34px; height: 3px; margin-left: -17px; content: "\20"; background: #e07b32; } .goods_index .ipro_con .text .p { font-size: 14px; line-height: 2; } .goods_index .ipro_con .text .m { padding-top: 56px; } .goods_index .ipro_con .text .m a { font-size: 22px; line-height: 43px; display: block; box-sizing: border-box; width: 183px; height: 45px; margin: 0 auto; text-align: center; color: #e07b32; border: 1px solid #e07b32; } .goods_index .ipro_con .text .m a:hover { color: #fff; background: #e07b32; } .goods_index .ipro_nav .li { opacity: 0.5; } .goods_index .ipro_nav .li .pd { position: relative; display: block; cursor: pointer; } .goods_index .ipro_nav .li .pd .img { width: 100%; } .goods_index .ipro_nav .li .pd .img img { display: block; width: 100%; height: auto; } .goods_index .ipro_nav .li .pd .text { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; } .goods_index .ipro_nav .li .pd .text .h3 { font-family: arial; font-size: 24px; font-weight: bold; line-height: 0.9; margin-bottom: 15px; text-transform: uppercase; color: #25211e; } .goods_index .ipro_nav .li .pd .text .p { color: #333333; } .goods_index .ipro_nav .li:hover, .goods_index .ipro_nav .li.swiper-slide-thumb-active { opacity: 1; } .goods_index .ipro_nav .li:hover .pd .text, .goods_index .ipro_nav .li.swiper-slide-thumb-active .pd .text { background-color: #e07b32; } @media (max-width: 1200px) { .goods_index .ipro_con { height: 510px; } } @media (max-width: 991.8px) { .goods_index .ipro_con { height: auto; margin-bottom: 20px; } .goods_index .ipro_con .li { height: auto; } .goods_index .ipro_con .single-item { width: 100%; margin-bottom: 2.2vw; } .goods_index .ipro_con .single-item .swiper-slide { height: auto; } .goods_index .ipro_con .single-item .slick-arrow { top: 50%; bottom: unset; } .goods_index .ipro_con .single-item .slick-arrow.next { left: unset; margin-left: 0; } .goods_index .ipro_con .single-item .slick-arrow.prev { left: 10px; } .goods_index .ipro_con .text { width: 100%; position: unset; } .goods_index .ipro_con .text .h3 { display: none; } .goods_index .ipro_con .text .p br { display: none; } .goods_index .ipro_con .text .m { padding-top: 2.2vw; } } @media (max-width: 556px) { .goods_index { /*.ipro_nav{ display: none; }*/ } .goods_index .ipro_con .single-item .slick-arrow { display: none; } .goods_index .ipro_con .text .em { display: none; } } .icon2 { background: no-repeat top center #f8f8f8; padding-top: 5.2vw; padding-bottom: 5.2vw; } .icon2 .tit1 { margin-bottom: 45px; } .icon2 .tit1 img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .icon2 .tit1 strong { display: none; } .icon2 .tit1 em { display: none; } .icon2 .tit { line-height: 24px; position: relative; height: 24px; margin-bottom: 20px; } .icon2 .tit_fl { font-size: 18px; position: relative; float: left; padding-left: 34px; } .icon2 .tit_fl i { font-size: 22px; line-height: 24px; position: absolute; top: 0px; left: 0px; width: 24px; height: 24px; margin-right: 10px; } .icon2 .tit_fl strong { margin-right: 5px; text-transform: uppercase; } .icon2 .tit_fr { position: absolute; top: 0px; right: 0px; display: none; } .icon2 .tit_fr i { font-size: 18px; margin-right: 5px; } .icon2 .icon2_1 { margin-bottom: 40px; background: #fff; } .icon2 .icon2_1 .wpd { padding: 28px 50px; } .icon2 .icon2_1 ul { margin-right: -15px; } .icon2 .icon2_1 ul li { float: left; width: 25%; margin-bottom: 24px; } .icon2 .icon2_1 ul li.li3 { width: 35%; margin-bottom: 0px; } .icon2 .icon2_1 ul li.li4 { width: 15%; margin-bottom: 0px; } .icon2 .icon2_1 .pd { margin-right: 15px; } .icon2 .icon2_1 .dl { float: left; width: 100%; color: #25211e; } .icon2 .icon2_1 .dl:hover { color: #fff; background: #e07b32; } .icon2 .icon2_1 .dl:hover .ipt_t1, .icon2 .icon2_1 .dl:hover .ipt_s1 { border-color: #fff; } @media (max-width: 556px) { .icon2 .icon2_1 .wpd { padding: 20px; } .icon2 .icon2_1 ul li { width: 50%; } .icon2 .icon2_1 ul li.li3 { width: 60%; } .icon2 .icon2_1 ul li.li4 { width: 40%; } } .icon2 .ipt_t1 { line-height: 43px; box-sizing: border-box; width: 100%; height: 45px; padding: 0 16px; border: 1px solid #bebebe; background: #fff; } .icon2 .ipt_b1 { line-height: 43px; box-sizing: border-box; width: 100%; height: 45px; color: #fff; border: 1px solid #25211e; background: #25211e; /*&:hover { border-color: #ef9332 !important; background: #ef9332 !important; }*/ } .icon2 .icon2_2 { margin-bottom: 60px; } .icon2 .ishop { color: #000; } .icon2 .ishop .pd { position: relative; padding-bottom: 93px; } .icon2 .ishop .pd .img { overflow: hidden; } .icon2 .ishop .pd .img img { display: block; width: 100%; height: auto; transition: all .5s; } .icon2 .ishop .pd .text { position: absolute; right: 25px; bottom: 0; left: 25px; padding: 25px; text-align: center; color: #333; background: #fff; } .icon2 .ishop .pd .text strong { font-family: cambria; font-size: 30px; line-height: 1; display: block; text-transform: uppercase; } .icon2 .ishop .pd .text em { font-size: 18px; display: block; } .icon2 .ishop .pd:hover .img img { transform: scale(1.1); } .icon2 .ishop .pd:hover .text { color: #fff; background: #e07b32; } .icon2 .ishop .slick-dots { position: absolute; bottom: 30px; left: 50%; display: none !important; } .icon2 .ishop .slick-dots li { float: left; margin: 0 4px; } .icon2 .ishop .slick-dots li button { display: block; overflow: hidden; width: 12px; height: 12px; margin: 0px; padding: 0px; text-indent: -999px; border: 1px solid #bbbbbb; border-radius: 50%; background: rgba(255, 255, 255, 0.5); } .icon2 .ishop .slick-dots li.slick-active button { border-color: #fff; background: #fff; } .icon2 .icon2_3 { display: flex; align-items: stretch; } .icon2 .icon2_3_1 { width: 50%; } .icon2 .icon2_3_1 .wpd { margin-right: 10px; background: #fff; height: 100%; } .icon2 .icon2_3_1 .inews_top .pd { position: relative; display: block; } .icon2 .icon2_3_1 .inews_top .pd .em { overflow: hidden; height: 0px; } .icon2 .icon2_3_1 .inews_top .pd .p { font-size: 14px; line-height: 1.7; display: -webkit-box; overflow: hidden; height: 0px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .icon2 .icon2_3_1 .inews_top .pd:hover .em { display: block; height: 20px; } .icon2 .icon2_3_1 .inews_top .pd:hover .p { display: block; height: 46px; } .icon2 .icon2_3_1 .inews_top .img { position: relative; display: inline-block; overflow: hidden; width: 100%; height: 0; padding-top: 56%; } .icon2 .icon2_3_1 .inews_top .img img { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; object-fit: cover; } .icon2 .icon2_3_1 .inews_top .text { position: absolute; right: 0px; bottom: 0px; left: 0px; box-sizing: border-box; padding: 65px 20px 20px 20px; color: #fff; background: repeat-x top; } .icon2 .icon2_3_1 .inews_top .h3 { font-size: 18px; } .icon2 .icon2_3_1 .inews_bottom { padding: 10px 23px 16px 23px; } .icon2 .icon2_3_1 .inews_bottom li { line-height: 42px; overflow: hidden; height: 42px; border-bottom: 1px solid #dddddd; } .icon2 .icon2_3_1 .inews_bottom a { color: #666666; } .icon2 .icon2_3_1 .inews_bottom a:hover { color: #e07b32; } .icon2 .icon2_3_1 .inews_bottom em { float: right; color: #999999; } .icon2 .icon2_3_1 .inews_bottom .em { padding-top: 15px; text-align: right; } .icon2 .icon2_3_2 { width: 50%; } .icon2 .icon2_3_2 .wpd { margin-left: 10px; height: 100%; } .icon2 .icon2_3_2 .wpd .ivideo { position: relative; display: inline-block; overflow: hidden; width: 100%; height: 0; margin-bottom: 20px; padding-top: 56%; background: no-repeat center; background-size: cover; } .icon2 .icon2_3_2 .wpd .ivideo:before { content: ""; position: absolute; display: block; top: 0; left: 0; height: 100%; width: 100%; background: rgba(49, 49, 49, 0.5); } .icon2 .icon2_3_2 .wpd .ivideo .play_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .icon2 .icon2_3_2 .wpd .ivideo .play_btn i { font-size: 32px; line-height: 64px; border: 2px solid rgba(255, 255, 255, 0.8); border-radius: 50%; color: #fff; width: 64px; display: block; text-align: center; height: 64px; padding-left: 5px; } .icon2 .icon2_3_2 .wpd .ivideo .play_btn:hover i { color: rgba(255, 255, 255, 0.8); background: #e07b32; border-color: #e07b32; } .icon2 .icon2_3_2 .wpd .icon2_3_box { display: flex; align-items: stretch; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder { width: 50%; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder .npd { margin-right: 10px; padding: 20px; background: #fff; height: 100%; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder .tit { margin-bottom: 10px; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder .tit .tit_fl { padding-left: 27px; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder .tit .tit_fl i { font-size: 18px; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder .tit .tit_fl strong { font-size: 14px; font-weight: normal; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder .ipt_t2 { line-height: 38px; box-sizing: border-box; width: 100%; height: 40px; margin-bottom: 20px; padding: 0 15px; border: 1px solid #bebebe; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder .ipt_t2:focus { border-color: #25211e; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder .ipt_b2 { line-height: 36px; display: block; width: 106px; height: 36px; margin: 0 auto; color: #fff; border: none; background: #25211e; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder .ipt_b2 :hover { background: #e07b32; } .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact { width: 50%; } .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact .npd { position: relative; margin-left: 10px; height: 100%; overflow: hidden; } .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact .img, .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact img { width: 100%; height: 100%; object-fit: cover; } .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact .text { position: absolute; top: 15px; left: 20px; display: block; } .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact .h3 { font-size: 14px; } .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact .p { font-size: 18px; font-weight: bold; } .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact .em { padding-top: 10px; } .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact .em a { line-height: 30px; display: block; width: 100px; height: 30px; text-align: center; color: #666; border: 1px solid #888; } .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact .em a:hover { color: #fff; border-color: #25211e; background: #25211e; } @media (max-width: 991.8px) { .icon2 .icon2_3 { flex-wrap: wrap; } .icon2 .icon2_3_1, .icon2 .icon2_3_2 { width: 100%; } .icon2 .icon2_3_1 { margin-bottom: 15px; } .icon2 .icon2_3_1 .wpd { height: unset; margin-right: 0; } .icon2 .icon2_3_1 .inews_bottom { padding: 15px; } .icon2 .icon2_3_2 .wpd { margin-left: 0; } } @media (max-width: 556px) { .icon2 .icon2_3_2 .wpd .icon2_3_box { flex-wrap: wrap; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder { width: 100%; } .icon2 .icon2_3_2 .wpd .icon2_3_box .iorder .npd { margin-right: 0; } .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact { width: 100%; margin-top: 20px; } .icon2 .icon2_3_2 .wpd .icon2_3_box .icontact .npd { margin-left: 0; } }