.padd_bt100{padding:100px 0;} .lineheight_30{line-height: 30px;} .bg-cover{ background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;} @media only screen and (max-width:1024px) { .padd_bt100{padding:50px 0;} } @media only screen and (max-width:767px) { .padd_bt100{padding:20px 0;padding-bottom: 40px;} .lineheight_30{line-height: 24px;} .fnt_48{font-size: 20px;} .fnt_30{font-size:16px;} .fnt_24{font-size:14px;} } .brand_title{text-align: center;} .brand_title h3{margin-bottom: 50px;} .brand_01{padding:110px 0 125px 0;} .brand_img img{width: 100%;} .brand_01 .brand_title p{width: 1160px;max-width: 100%;margin: auto;margin-bottom: 70px;} .brand_02{position:relative;} .brand_year{position: absolute;top:0;left: 0;width: 100%;height: 100%;color: #fff;box-sizing:border-box;padding:6% 0;} .brand_year .brand_title{text-align: left;height: 100%;} .brand_year p{width: 46%; line-height: 30px;margin-bottom: 0;height: calc(100% - 110px);overflow: hidden;} .brand_year .wrap {height: 100%;} .brand_03{padding: 100px 0 170px 0;} .brand_03 ul{position: relative;margin:-2px;overflow: hidden; } .brand_03 li{height: 50%;width: 33.33%;float: left;} .brand_03 li dl{margin:2px;position: relative;} .brand_03 li:first-child{width: 66.66%;} .brand_03 li dd{color:#fff;} .brand_03 li:nth-child(3n){clear: both;} .brand_03 li dt{position: relative;} .brand_03 li dt:after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.3);} .brand_03 li .brand_a01,.brand_03 li dd{position: absolute;left: 0;bottom: 30px;padding: 0 30px; width: 100%;box-sizing:border-box;} .brand_a02 h3{margin-bottom: 10px;} .brand_a02 p{max-height:180px; line-height: 30px; overflow: hidden;} @media only screen and (max-width:1440px) { .brand_01{padding:80px 0;} .brand_title h3{margin-bottom: 30px;} .brand_01 .brand_title p{margin-bottom: 50px;} .brand_03{padding:80px 0;padding-bottom: 100px;} } @media only screen and (max-width:1024px) { .brand_01{padding:50px 0;} .brand_year{padding: 4% 0} .brand_title h3{margin-bottom: 20px;} .brand_01 .brand_title p{margin-bottom: 30px;} .brand_03{padding:50px 0;} .brand_03 li .brand_a01{display: none;} .brand_a02 p{line-height:24px;max-height:120px;} .brand_03 li .brand_a01, .brand_03 li dd{padding:0 20px;bottom:20px;} .brand_year p{width: 55%;} .brand_year p,.brand_01 .brand_title p{line-height: 24px;} } @media only screen and (max-width:767px) { .brand_01{padding:30px 0;} .brand_year{padding:0;padding-top: 10px; position: static;color: #333;} .brand_year p{width: 100%;height: auto;} .brand_title h3{margin-bottom: 10px;} .brand_01 .brand_title p{margin-bottom: 20px;} .brand_03{padding:30px 0;} .brand_03 li,.brand_03 li:first-child{float: none;width: 100%;margin-bottom: 20px;} .brand_03 li .brand_a01, .brand_03 li dd{position: static;padding: 0;color: #333;} .brand_a02 p{max-height: inherit;} .brand_03 li dt{margin-bottom: 10px;} .brand_03 li dt:after{display: none;} .brand_03 li dd{padding: 0 10px;} } .recruit_cont{padding:70px 0 130px 0;} .society_tab{position: relative;z-index: 2;margin-bottom: 40px;} .pub_select{ position: relative;} .pub_select dt {position: relative;padding-right: 45px; cursor: pointer; overflow: hidden;height: 56px;line-height: 56px;box-sizing:border-box; background: #fff;color: #554f45;overflow: hidden;border-bottom:2px solid #000;} .pub_select dt p{float: left;max-width: calc(100% - 30px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .pub_select dt i{height:100%; font-size: 18px; color: #b8120d; font-weight: bold;position: absolute;top:0;right: 0px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .sociology_tab .icon-jiantouxia{position: absolute;top:0;;right: 20px;height: 100%;font-size: 20px;color: #fff;height:54px;line-height: 54px;font-weight:normal;} .pub_select dd {z-index: 99; position: absolute; max-height:200px; overflow-y: auto; overflow-x: hidden; background: #fff; width:100%; left: 0px; top:100%; display: none; border: 1px solid #eee;border-top: 0; box-sizing:border-box;box-shadow: 0 0 10px rgba(0,0,0,0.2); } .pub_select dd a { display: block; line-height: 40px; white-space: normal; padding: 0 20px; } .pub_select dt.on_o i{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg)} .society_tab li{float: left;width: 50%;} .society_tab li dl{margin: 0 25px;} .society_tab ul{float: left;width: 68%;margin: 0 -25px;} .society_tab button{width:88px;height: 42px;line-height: 42px;text-align: center;background:#b8120d;color:#fff;cursor: pointer;float: right;border:none;outline: none;background: #b8120d;font-size: 20px;margin-top: 14px;} .society_list_01{background:#3a3333;color:#fff;overflow: hidden;height:60px;line-height: 60px;} .society_list li{padding:0 40px;} .society_list dt,.society_list dd{padding: 0 30px;} .society_list dt{overflow: hidden;} .society_list dt .s_iteam{width:30%;float: left;position: relative;} .society_list dt .s_iteam:last-child{width:60px;float: right;} /*.society_list_02 .s_iteam:last-child{color:#b8120d;}*/ .society_list_02 li{background:#f5f2ed;} .society_list_02 li:nth-child(2n){background:#fff;} .society_list_02 dt{line-height: 78px;cursor: pointer;} .society_list_02 dd{overflow: hidden;border-top:1px solid #d9d9d9;padding-top: 30px;padding-bottom: 80px; display: none;} .society_text{overflow: hidden;} .s_iteam b{font-weight: normal;} .s_iteam b:last-child{display: none;} .s_iteam i{position: absolute; top:50%;margin-top: -7px; width: 14px;height: 14px;line-height: 14px;font-size: 12px; border-radius:50%;color: #fff;background:#b8120d;text-align: center;margin-left: 8px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .society_edit .edit_con_original{color:#3e3e3e;line-height: 30px;} .society_p{margin-bottom: 50px;} .society_p:last-child{margin-bottom: 0;} .society_p h4{margin-bottom: 20px;} .society_le{width: 50%;padding-right: 4%;box-sizing:border-box; float: left;border-right: 1px solid #c4c2be;} .society_re{width: 50%;padding-left: 4%;box-sizing:border-box;float: right;} .society_a{padding-top: 60px;} .society_a a{display: inline-block;width: 170px;height:50px;line-height: 50px;text-align: center;background:#b8120d;color:#fff;} .society_01{overflow: hidden;margin-bottom: 40px;} .society_01 p{float: left;margin-right: 180px;} .society_01 p:last-child{margin-right: 0;} .s_iteam p em{display: inline-block;width: 35px;} .society_list_02 li.on .s_iteam b:last-child{display: block;} .society_list_02 li.on .s_iteam b:first-child{display: none;} .society_list_02 li.on dt{color:#b8120d;} .society_list_02 li.on .s_iteam:last-child{color:#b8120d;} .society_list_02 li.on dt .s_iteam i{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} @media only screen and (max-width:1440px) { .society_list li{padding: 0 20px;} .society_p{margin-bottom: 30px;} } @media only screen and (max-width:1024px) { .society_list li{padding: 0 10px;} .society_list dt, .society_list dd{padding: 0 10px;} .society_list dd{padding:20px 10px;} .society_01{margin-bottom: 20px;} .society_p h4{margin-bottom: 10px;} .society_p{margin-bottom: 20px;} .society_a{padding-top: 20px;} .society_a a{width:100px;height: 36px;line-height: 36px;} .society_list_02 dt{line-height: 50px;} .society_list_01{height:50px;line-height: 50px;} .recruit_cont{padding:50px 0;} .society_tab ul{width:calc(100% - 100px)} } @media only screen and (max-width:767px) { .society_le{margin-bottom: 20px;} .society_01 p{float: none;margin: 0;line-height: 24px;} .society_le,.society_re{float: none;width: 100%;padding: 0;border: 0} .society_list dt .s_iteam{width:70px;} .society_list dt .s_iteam:first-child{width: 100%;float: none;} .society_list dt .s_iteam:nth-child(3){width: calc(100% - 140px);text-align: center;} .society_list_02 dt{line-height: 30px;} .society_list dt, .society_list dd{padding:10px 0;} .society_list dd{padding: 20px 0;padding-top: 10px;} .society_list_01{height: auto;line-height: 30px;} .recruit_cont{padding-top:20px;} .society_tab ul{width:100%;float: none;} .society_tab li{float: none;width: 100%;} .society_tab li dl,.society_tab ul{margin: 0;} .society_tab button{margin: auto;margin-top: 10px;float: none;display: block;} .society_tab{margin-bottom: 20px;} .pub_select dt{border-width: 1px;height: 40px;line-height: 40px;} } @media only screen and (min-width:1025px) { .brand_a02,.brand_a01{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .brand_03 li .brand_a02{visibility: hidden;opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);} .brand_03 li dl:hover .brand_a01{visibility: hidden;opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);} .brand_03 li dl:hover .brand_a02{visibility: visible;opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} .society_a a:hover,.pro_more a:hover,.pro_index li dd h3 a:hover{color:#fff !important;opacity: 0.9;} .pro_index dt em,.pro_index li dd,.pro_index dt h3{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .pro_index dl:hover dt em{background:rgba(0,0,0,0.6);} .pro_index dl:hover dt h3{visibility: hidden;opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px);-o-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);} .pro_index dl:hover dd{visibility: visible;opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} } /*产品*/ .pro_index ul{overflow: hidden;margin:0 -10px;} .pro_index li{width:50%;float: left;margin-bottom: 20px;} .pro_index li dl{margin:0 10px;position: relative;} .pro_index dt{position: relative;overflow: hidden;} .pro_index dt em{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:url(../images/pro_jb.png) no-repeat;background-size: cover;} .pro_index dt h3{position: absolute;left: 0;bottom:50px;width: 100%;text-align: center;color:#fff;box-sizing:border-box;padding: 0 20px;} .pro_index li dd{visibility: hidden;opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px);-o-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px); position: absolute;top:0;left: 0;width: 100%;height: 100%;box-sizing:border-box;padding: 75px;padding-top: 120px;color:#fff;text-align: center;} .pro_index li h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .pro_index li dd h3{margin-bottom: 15px;} .pro_index li dd h3 a{color:#fff;} .pro_index li dd p{line-height: 24px;max-height: 96px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .pro_more a{display: inline-block;width:170px;height: 50px;line-height: 50px;background:#b8120d;color:#fff;text-align: center;} .pro_index .pro_more{position: absolute;left: 0;width: 100%;bottom: 75px;text-align:center;} @media only screen and (max-width:1440px) { .pro_index li dd{padding:70px;} .pro_index .pro_more{bottom: 70px;} .pro_index dt h3{bottom: 50px;} } @media only screen and (max-width:1024px) { .pro_index dt h3{bottom: 20px;} } @media only screen and (max-width:767px) { .pro_index ul{margin:0 -1px;} .pro_index li dl{margin:0 1px;} .pro_index li{margin-bottom: 2px;} .pro_index dt h3{bottom: 10px;font-size: 16px;} } /*皇宫宴系列*/ .bold{font-weight: bold;} .pro_list p{line-height: 30px;height: 210px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 7; -webkit-box-orient: vertical;} .pro_list dl{overflow: hidden;height: 100%;} .pro_list dt,.pro_list dd{float: left;width:50%;height: 100%; box-sizing:border-box;position: relative;} .pro_list dd{padding:70px;padding-bottom: 80px;} .pro_list dd h3{margin-bottom: 15px;} .pro_list li:nth-child(2n) dt{float: right;} .pro_list .pro_more{position: absolute;left: 70px;width: 100%;bottom: 80px;} @media only screen and (max-width:1600px) { .pro_list dd{padding: 40px;} .pro_list .pro_more{left:40px;bottom: 40px} } @media only screen and (max-width:1280px) { .pro_list dd{padding: 30px;} .pro_list .pro_more{left:30px;bottom: 30px} .pro_list p{height:150px;-webkit-line-clamp: 5;} } @media only screen and (max-width:1024px) { .pro_list dd{padding: 20px;} .pro_list .pro_more{left:20px;bottom: 20px} .pro_list p{line-height: 24px; height:120px;-webkit-line-clamp: 5;} .pro_more a{width: 120px;height: 40px;line-height: 40px;} } @media only screen and (max-width:767px) { .pro_list li{height: auto !important;margin-bottom: 30px;} .pro_list dt,.pro_list dd{float: none !important;width: 100%;clear: both;} .pro_list dd{padding:10px;} .pro_list .pro_more{position: static;padding-top: 10px;} .pro_list dd h3{margin-bottom: 10px;} .pro_list p{height: auto;max-height:120px;} } .m_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;} .m_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#ab0500;} .m_color .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#ab0500;} /*详情*/ .pro_d01{overflow: hidden;padding:100px 0 50px 0;} .pro_d01 .left{float: left;width:37.5%;box-sizing:border-box;margin-left: 40px;} .pro_d01 .right{float: right;width:44.4%;box-sizing:border-box;padding-right: 11%;} .pro_d01 .right h3{margin-bottom: 20px;} .pro_d01 .right h3 i{color:#ab0500;} .pro_d01 .right h3 span{font-weight: normal;} .pro_d01 .right p{height:210px;overflow: hidden;} .pro_shop{padding-top:10px;} .pro_shop ul{overflow: hidden;margin: 0 -10px;} .pro_shop a{display: block;margin: 0 10px;} .pro_shop li{float: left;width:33.33%;text-align: center;margin-bottom:10px;} .pro_shop dt{margin-bottom: 15px;} .pro_shop li:nth-child(3n+1){clear: both;} /*1*/ .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {pointer-events: inherit;} .news_btn div{background:none;color:#b8120d; width:30px;height: 30px;line-height: 30px;margin-top: -15px;text-align: center;font-weight: bold;font-size: 20px;} .news_btn div.swiper-button-prev{left:-50px;} .news_btn div.swiper-button-next{right:-50px;} .news_btn .swiper-button-disabled{opacity: 1;cursor: pointer;} .news_btn .swiper-button-prev.disabled,.news_btn .swiper-button-next.disabled{cursor: default;opacity:1;color:#312d36;} .honor_swi{position: relative;} .honor_swi li{width: 25%; cursor: pointer;background:#fff;text-align: center;padding: 20px 5px;box-sizing:border-box;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .honor_swi li img{width:60px;max-width: 90%;} .honor_swi .swiper-container{padding:10px 0;} .honor_swi li.on{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); box-shadow: 0 0 10px rgba(0,0,0,0.2);} .honor_text{padding-bottom: 30px;} .honor_text li{text-align: center;display: none;} .honor_text li img{width:340px;max-width:100%;} .honor_text li:first-child{display: block;} /*.honor_text li img{-webkit-box-reflect: below -20px -webkit-linear-gradient(transparent 85%,rgba(0,0,0,0.3)); box-reflect: below -20px linear-gradient(transparent 85%,rgba(0,0,0,0.3));} .honor_swi li img{-webkit-box-reflect: below -3px -webkit-linear-gradient(transparent 85%,rgba(0,0,0,0.3)); box-reflect: below -3px linear-gradient(transparent 85%,rgba(0,0,0,0.3));}*/ /*1*/ @media only screen and (max-width:1440px) { .pro_d01{padding-top: 70px;} .pro_d01 .right{padding-right: 0;} .pro_shop dd{font-size: 14px;} } @media only screen and (max-width:1024px) { .honor_swi li{padding:10px;} .pro_d01 .left{margin-left: 0;} .news_btn div.swiper-button-prev{left:-30px;} .news_btn div.swiper-button-next{right:-30px;} } @media only screen and (max-width:767px) { .pro_d01{padding:30px 0;} .pro_d01 .left,.pro_d01 .right{float: none;width: 100%;} .pro_d01 .left{margin-bottom: 20px;} .news_btn div.swiper-button-prev{left:-6px;} .news_btn div.swiper-button-next{right:-6px;} .honor_swi{padding:0 20px;} .pro_d01 .right h3{margin-bottom: 10px;} .pro_d01 .right p{height: auto;} /*.pro_shop li{width: 50%;}*/ .pro_shop ul{margin: 0 -5px;} .pro_shop a{margin: 0 5px;} .pro_shop dt img{width:159px;max-width: 100%;} .pro_shop dt{margin-bottom: 10px;} .pro_shop{padding-top: 20px;} } .pro_d02{padding:70px 0;} .p_title{text-align: center;margin-bottom: 50px;} .p_title p{padding-top: 20px;} .pro_d02 ul{overflow: hidden;margin:0 -25px;} .pro_d02 li{width:33.33%;float: left;} .pro_d02 p{margin:0 25px;padding:20px 0 10px 0;line-height:30px;border-top:1px solid #d1d1d1;} .pro_d02 li:nth-child(3n+1){clear:both;} .pro_d02 li:nth-child(1) p,.pro_d02 li:nth-child(2) p,.pro_d02 li:nth-child(3) p{border-color: #000;} .pro_year{position: relative;padding:45px 50px 15px 50px;} .pro_year>img{display: none;} .pro_year ul{} .pro_year li{float: left;width: 27.66%;} .pro_year dl{overflow: hidden;height: 170px;} .pro_year dt{float: left;width: 40px;position: relative;} .pro_year dt img{width:40px;height: 40px;} .pro_year dt:after{content:"";position: absolute;left: 50%;top:100%;height:140px;width: 1px;background:#bed6eb;} .pro_year dd{float:right;width: calc(100% - 55px)} .pro_year dd h4{color:#b8120d;} .pro_year li:nth-child(1){margin-top: 30px;} .pro_year li:nth-child(2){margin-top: 90px;} .pro_year li:nth-child(4){width:17%;margin-top: 40px;} .pro_d04{padding:80px 0 110px 0;} .news_btn2{display: none;} .news_btn2 div{background:none;color:#fff; width:30px;height: 30px;line-height: 30px;margin-top: -15px;text-align: center;font-weight: bold;font-size: 20px;} .news_btn2 div.swiper-button-prev{left:10px;} .news_btn2 div.swiper-button-next{right:10px;} .news_btn2 .swiper-button-disabled{opacity: 0.5;cursor: pointer;} .news_btn2_red div{color: #b8120d;font-size:30px;} .news_btn2_red .swiper-button-disabled{color:#fff;} .pro_d05{box-sizing:border-box;padding:130px 0;color: #fff;position: relative;} .pro_d05 .wrap{position: relative;z-index: 2;} .pro_d05 h2,.pro_d05 p{width: 65%;max-width: 100%;} .pro_d05 h2{margin-bottom: 10px;} .pro_d05 p{line-height: 1.3em;} .p_line{width: 10.2%;height: 3px;background:#b8120d;margin-top: 70px;} .blank_30{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);} .blank_40{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);} .pro_d06{padding:110px 0;background:url(../images/pro_bgg.png) no-repeat 0 bottom;background-size:100%;} .pro_d06 .p_title h2,.pro_d07 .p_title h2{line-height: 1.3em;} .pro_jtxt{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 2;} .pro_jtxt ul,.pro_jtxt ul li{height: 100%;box-sizing:border-box;} .pro_jtxt ul li{border-left: 1px solid rgba(255,255,255,0.3);width:25%;float: left;position: relative;} .pro_jtxt ul li:first-child{border:0;} .pro_jtxt ul li dt,.pro_jtxt ul li dd{position: absolute;left: 0;bottom:40px;width: 100%;box-sizing:border-box;padding: 0 40px;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .pro_m2{font-size: 20px;font-weight: bold;padding-top: 20px;} .pro_jtxt ul li dd{visibility: hidden;opacity: 0;-webkit-transform: translateY(-80px); -moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);} .pro_jtxt ul li dd h2{position: relative;margin-bottom: 20px;padding-bottom: 15px;} .pro_jtxt ul li dd h2:after{content:"";position: absolute;left: 0;bottom: 0;width:60%;height: 1px;background:rgba(255,255,255,0.42);} .pro_jtxt ul li dd p{line-height: 30px;max-height: 150px;} .pro_d07{margin-bottom: 110px;} @media only screen and (min-width:1025px) { .pro_d07 .wrap{position: relative;} .pro_jsslider .swiper-wrapper dl{display: none;} .pro_jsslider ul{display: block;} .pro_jsslider li{position: absolute;top:0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .pro_jsslider,.pro_jsslider .swiper-container,.pro_jsslider ul{height: 100%;} .pro_jsslider li.on{opacity: 1;visibility: visible;} .pro_d07 .p_title{position: absolute;top:70px;left: 0;width: 100%;z-index: 5;} .pro_d07{color:#fff;} .pro_jtxt ul li:hover{background:url(../images/pro_red.png) no-repeat;background-size:cover;} .pro_jtxt ul li:hover dt{visibility: hidden;opacity: 0;-webkit-transform: translateY(-80px); -moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);} .pro_jtxt ul li:hover dd{visibility: visible;opacity: 1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} } @media only screen and (min-width:767px) { .pro_intrslider ul{position: relative;display: block;margin: -8px;overflow: hidden;} .pro_intrslider li dl{padding:8px; box-sizing: border-box;} .pro_intrslider li{width:33.33%;height: 50%;float: left;} .pro_intrslider li img,.pro_intrslider li dt,.pro_intrslider li dl{height: 100%;} .pro_intrslider li:nth-child(1){width: 39.9%;} .pro_intrslider li:nth-child(2){width: 60.1%;} .pro_intrslider dt{background:none !important;} /*02*/ .pro_gyslider ul{position: relative;display: block;margin: -5px;overflow: hidden;} .pro_gyslider li dl{padding:5px; box-sizing: border-box;} .pro_gyslider li{width:33.33%;height: 33.33%;float: left;} .pro_gyslider li img,.pro_gyslider li dt,.pro_gyslider li dl{height: 100%;} .pro_gyslider li:nth-child(4){height: 66.66%;} .pro_gyslider li:nth-child(5){width: 66.66%;} .pro_gyslider dt{background:none !important;} } .pro_gyslider dd{position: absolute;left: 0;bottom:30px;width: 100%;box-sizing:border-box;color:#fff;text-align: center;padding: 0 20px;} .pro_gyslider dd h2{font-family:"Arial";} .pro_gyslider dd h3{line-height: 30px;max-height:90px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .pro_d08{padding:100px 0 40px 0;} .pro_g{width:41.6%;border:1px solid #ccc6b9;border-radius:50%;margin: auto;position: relative;} .pro_g h2{width: 100%;text-align: center;line-height: 1.2em;} .pro_gimg{position: absolute;width: 16.66%;top:auto;bottom: 0;border-radius: 0 0 15% 15%;overflow: hidden;} .pro_gimg2{width:310px;max-width: 80%;} .pro_gimg2 img{width: 100%;} .pro_glist li{width: 20px;height: 20px;position: absolute;cursor: default;} .pro_glist li dt{width: 20px;height: 20px;/*background:#b31512;*/border-radius:50%;position: absolute;left: 0;top:0;} .pro_glist li dt i{width: 8px;height: 8px;background:#3a3132;border-radius:50%;} .pro_glist li dd span{display: block;height: 110px;line-height: 110px; font-size: 110px;font-family:"Arial";color:#d7d3ca;} .pro_glist li dd{position: absolute;width: 300px;box-sizing:border-box;padding-left: 50px;} .pro_glist li dd span{position: absolute;right: -20px;top:-70px;} .pro_glist li dd h3{position: relative;z-index: 2;line-height:30px;max-height: 60px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .pro_glist li:nth-child(4) dd,.pro_glist li:nth-child(5) dd{padding-left: 0;padding-right:50px;right: 0;} .pro_glist li:nth-child(4) dd span,.pro_glist li:nth-child(5) dd span{right: auto;left:-35px;} .pro_glist li:nth-child(1){top:14.1%;right: 11.9%;} .pro_glist li:nth-child(2){top:49.1%;right: -1.6%;} .pro_glist li:nth-child(3){top:82.5%;right: 11.9%;} .pro_glist li:nth-child(4){top:70.8%;left: 3.5%;} .pro_glist li:nth-child(5){top:20.3%;left: 6.9%;} @media only screen and (min-width:1025px) { .pro_glist li dt,.pro_glist li dt i{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .pro_glist li:hover dt{background:#b31512;} .pro_glist li:hover dt i{background:#fff;} } @media only screen and (max-width:1440px) { .pro_d04{padding:70px 0;} .pro_d05{padding:110px 0;} .pro_d06{padding:70px 0;} .pro_d07{margin-bottom:70px;} .pro_d08{padding-top: 70px;} .pro_d02 p{margin: 0 10px;} .pro_d02 ul{margin: 0 -10px;} .p_title{margin-bottom: 40px;} .pro_year{padding:30px;padding-bottom: 10px;} .pro_year li:nth-child(4){width: 16%;} .pro_year li{width:28%;} .pro_year dl{height: 140px;} .p_line{margin-top: 50px;} } @media only screen and (max-width:1024px) { .pro_d02,.pro_d04,.pro_d06,.pro_d08{padding:50px 0;} .pro_d05{padding:70px 0;} .pro_d07{margin-bottom:50px;} .p_title{margin-bottom: 20px;} .pro_d02 p{padding:10px 0;} .pro_year li,.pro_year li:nth-child(4){width:25%;} .pro_year dl{height:130px;} .p_title p{padding-top: 10px;} .p_line{margin-top: 30px;} .pro_gyslider dd h3{line-height: 24px;max-height: 72px;font-size: 14px;} .pro_gyslider dd{padding:0 10px;bottom:20px;} .pro_jtxt{display: none;} .pro_d07 .wrap{height: auto !important;} .pro_jsslider li{background:none !important;} .pro_jsslider{position: relative;} .pro_m2{padding-top: 10px;} .pro_jsslider dt{margin-bottom: 10px;} .pro_jsslider h2{margin-bottom: 10px;} .pro_jsslider .news_btn2 div{top:40%;} .pro_g{width: 100%;height: auto !important;border:none;border-radius:none;} .pro_g h2,.pro_gimg{position: static; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .pro_gimg{width:100px;margin:20px auto;} .pro_gimg2 {display: none;} .pro_g h2{margin-bottom: 10px;} .pro_glist li,.pro_glist li dd{position: static;width: auto;height: auto;padding: 0;margin: 0;} .pro_glist ul{overflow: hidden;margin: 0 -7px;} .pro_glist li{width:33.33%;float: left;} .pro_glist li:nth-child(3n+1){clear: both;} .pro_glist li dd h3{padding-left: 14px;position: relative;} .pro_glist li dd h3:after{position: absolute;content:"";width:8px;height: 8px;background:#fff;border-radius:50%;border:2px solid #b8120d;box-sizing:border-box;left: 0;top:11px;} .pro_glist li dd{padding: 0 7px !important;} .pro_glist li dt,.pro_glist li dd span{display: none;} } @media only screen and (max-width:767px) { .pro_d02,.pro_d04,.pro_d06,.pro_d08{padding:30px 0;} .pro_d05{padding:40px 0;} .pro_d07{margin-bottom:30px;} .p_title{margin-bottom:10px;} .pro_d02 p,.pro_d02 ul{margin: 0;} .pro_d02 li{float: none;width: 100%;} .pro_d02 li:nth-child(1) p, .pro_d02 li:nth-child(2) p, .pro_d02 li:nth-child(3) p{border-color: #d1d1d1} .pro_year{background:none !important;padding: 0;} .pro_year>img{display: block;margin-bottom: 10px;} .pro_year dt{display: none;} .pro_year dd{float: none;width: 100%;} .pro_year dl{height: auto;} .pro_year li{margin: 0 !important;text-align: center;} .pro_intrslider{position: relative;} .pro_intrslider ul{height: auto !important;} .pro_intrslider dt{height:250px;} .pro_intrslider dt img{display: none;} .pro_gyslider{position: relative;} .pro_gyslider ul{height: auto !important;} .pro_gyslider dt{height:250px;} .pro_gyslider dt img{display: none;} .pro_d05 h2, .pro_d05 p{width: 100%;} .p_line{margin-top: 20px;} .pro_jsslider .news_btn2 div{top:100px;} .pro_glist ul{margin: 0;} .pro_glist li dd{padding: 0 !important;} .pro_glist li{width:100%;float: none;} } /*详情2*/ .pro_dcon2 .pro_d01{padding: 0;} .pro_dcon2 .pro_d01 .wrap{background:#e6e1da;overflow: hidden;box-sizing:border-box;padding:100px 90px 110px 50px;} .pro_dcon2 .pro_d01 .right{padding-right: 0;} .pro_dcon2 .pro_d05 p{line-height: 30px;} .pro_honorslider{position: relative;} .pro_honorslider dt{position: relative;} .pro_honorslider dl{position: relative;} .pro_honorslider dd{width: 100%;color:#fff;text-align: center;box-sizing:border-box;padding:20px;} .pro_honorslider dd h3{line-height: 30px;max-height: 120px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .pro_honorslider .p_line{margin: auto;margin-top: 15px;} .pro_r01{padding:70px 0;} .pro_r03{padding:70px 0;padding-bottom: 100px;} .pro_oldimg img{width:100%;} .pro_gdslider,.pro_gdlist li{margin-bottom: 60px;position: relative;} .pro_gdlist dl{overflow: hidden;} .pro_gdlist dt,.pro_gdlist dd{height: 100%;overflow:hidden;box-sizing:border-box;} .pro_gdlist dt{float: right;width:66.1%;} .pro_gdlist dd{float: left;padding:110px 0;padding-right:55px;width: 33.9%;} .pro_gdlist dd h3{line-height: 1.3em;margin-bottom: 15px;} .pro_gdlist li:nth-child(2n) dt{float:left;} .pro_gdlist li:nth-child(2n) dd{float:right;padding-left:55px;padding-right: 0;} .pro_gdlist li:last-child{margin-bottom: 0;} @media only screen and (max-width:1660px) { .pro_gdlist dd{padding:80px 0;padding-right:30px;} .pro_gdlist li:nth-child(2n) dd{padding-left:30px;} } @media only screen and (max-width:1440px) { .pro_dcon2 .pro_d01 .wrap{padding:70px 40px;} .pro_r03{padding: 70px 0;} .pro_gdlist dd{padding:60px 0;} .pro_gdslider, .pro_gdlist li{margin-bottom: 40px;} } @media only screen and (max-width:1024px) { .pro_r01,.pro_r03{padding:50px 0;} .pro_dcon2 .pro_d01 .wrap{padding:50px 20px;} .pro_dcon2 .pro_d05 p{line-height: 24px;} .pro_honorslider dd h3{line-height: 24px;max-height:96px;} .pro_gdlist dd{padding:20px 0;padding-right:10px;} .pro_gdlist li:nth-child(2n) dd{padding-left:10px;} .pro_gdlist dd h3{margin-bottom: 10px;} } @media only screen and (max-width:767px) { .pro_r01,.pro_r03{padding:30px 0;} .pro_dcon2 .pro_d01 .wrap{padding:20px 10px;} .pro_gdlist dt,.pro_gdlist dd{float: none !important;width: 100%;} .pro_gdlist dt{margin-bottom: 10px;} .pro_gdlist dl{height: auto !important;} .pro_gdlist dd{padding: 0 !important;} .pro_gdslider, .pro_gdlist li{margin-bottom: 30px;} } .pro_tabout{overflow: hidden;} .pro_tabslider{position: relative;margin: 80px 0 60px 0;} .pro_tabslider li{cursor: pointer;width: 20%;} .pro_tabslider dl{overflow: hidden;border-left:1px solid #c5c0bf;padding:10px 35px;} .pro_tabslider dt{float: left;width: 80px;} .pro_tabslider dd{width:calc(100% - 90px);float:right;padding-top: 25px;} .pro_tabslider dd h3{margin-bottom: 5px;} .pro_tabslider dd h3,.pro_tabslider dd p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .pro_tabslider .pro_m2{padding-top:10px;} .pro_tabslider li.on{color:#b8120d;} .pro_tabslider .swiper-button-disabled{color:#ccc;} .pro_tabslider .swiper-button-prev.swiper-button-disabled, .pro_tabslider .swiper-button-next.swiper-button-disabled{opacity: 1;cursor: pointer;pointer-events: inherit!important; color: #b8120d;} .pro_tabslider .swiper-button-prev.disabled, .pro_tabslider .swiper-button-next.disabled{cursor: default; color:#ccc;} .pro_tabslider .news_btn2 div.swiper-button-prev{left:-30px;} .pro_tabslider .news_btn2 div.swiper-button-next{right:-30px;} .pro_tabout.no{text-align: center;} .pro_tabout.no .swiper-container{display: inline-block;min-width: 864px;max-width: 100%;margin: auto;} .pro_tabout.no ul{display: block;overflow: hidden;} .pro_tabout.no li{float: left;text-align: left;width: 33.33% !important;} .color_white{color:#fff;} .color_white dd{padding-left: 50px !important;padding-right: 50px !important;} .pro_dcon3 .pro_gdslider{margin-bottom: 50px;} .pro_dcon3 .pro_gdlist li{margin-bottom: 40px;} .pro_dcon3 .pro_gdlist li:last-child{margin-bottom: 0;} .pro_edit{padding-top: 30px;} .pro_g01{padding-bottom: 120px;} .pro_g01 .p_title{margin-bottom: 20px;} @media only screen and (max-width:1660px) { .color_white dd{padding-left: 30px !important;padding-right: 30px !important;} } @media only screen and (max-width:1440px) { .pro_g01{padding-bottom:70px;} .pro_tabslider{margin: 50px 0;} .pro_tabslider dl{padding:10px;} .pro_tabslider dt{width:60px;} .pro_tabslider dd{width:calc(100% - 70px);} } @media only screen and (max-width:1024px) { .pro_g01{padding-bottom:50px;} .pro_tabslider{margin: 50px 0;} .pro_tabslider{padding:0 20px;} .pro_tabslider .news_btn2 div.swiper-button-prev{left:-10px;} .pro_tabslider .news_btn2 div.swiper-button-next{right:-10px;} .pro_tabslider dd{padding-top: 0;} .pro_dcon3 .pro_gdslider{margin-bottom: 40px;} .pro_dcon3 .pro_gdlist li{margin-bottom: 40px;} .color_white dd{padding-left: 20px !important;padding-right: 20px !important;} .pro_edit{padding-top: 20px;} } @media only screen and (max-width:767px) { .pro_g01{padding-bottom:30px;} .pro_tabslider{margin:20px 0;} .pro_tabslider dl{padding:5px;} .pro_tabslider dt{width:40px;} .pro_tabslider dd{width:calc(100% - 45px);} .pro_tabslider .pro_m2{line-height: 20px;} .pro_dcon3 .pro_gdslider{margin-bottom: 20px;} .pro_dcon3 .pro_gdlist li{margin-bottom: 20px;} .color_white dd{padding: 20px !important;} .color_white dt{margin-bottom: 0 !important;} .pro_edit{padding-top: 10px;} .pro_g01 .p_title{margin-bottom: 10px;} } /*详情4*/ .pro_shopbox01{background: url(../images/pro_shopbg.png) no-repeat 0 center;background-size: 100%;} .pro_shopbox02{padding-bottom: 15px;} .body_shop .header{ box-shadow: 0 0 10px rgba(0,0,0,0.2);} .pro_gdlist02 dt{float: left;} .pro_gdlist02 dd{float: right;padding-left: 55px;padding-right: 0;} .pro_gdlist02 li:nth-child(2n) dt{float: right;} .pro_gdlist02 li:nth-child(2n) dd{float: left;padding-right: 55px;padding-left: 0;} .pro_dtcon dl{overflow: hidden;} .pro_dtcon dt,.pro_dtcon dd{height: 100%;} .pro_dtcon dt{float: left;width:66.25%;} .pro_dtcon dd{float: right;width:33.75%;} .pro_dttext{margin-left: 25px;height: 100%;background:#ab0500;color:#fff;padding: 50px;padding-right: 70px;padding-top: 73%;} .pro_dttext h3{margin-bottom: 20px;} .pro_dttext p{max-height:240px;overflow: hidden;} .pro_line2{width: 2px;height: 190px;background:#fff;margin-top: 50px;} .pro_dcon4 .pro_gdslider{margin-bottom: 20px;} .pro_dcon4 .pro_d01{background-image:url(/images/pro_dbg.jpg);} .pro_dz_con{background: url(../images/pro_shopbg.png) no-repeat 0 center;background-size: 100%;} .pro_dz01{padding:70px 0;padding-bottom:60px;} .pro_dz02{padding-bottom:155px;} .pro_dzimg{position: relative;} .pro_dzimg img{width: 100%;} .pro_dzimg p{position: absolute;left: 0;bottom: 18%;line-height: 36px;width: 42%;left:50%;margin-left: -21%;color:#fff;height: 144px;overflow: hidden;} .pro_dz01 dt{overflow: hidden;position: relative;} .pro_dz01 ul{overflow: hidden;margin: 0 -15px;} .pro_dz01 dl{margin: 0 15px;position: relative;} .pro_dz01 li{width: 50%;float: left;margin-bottom: 30px;} .pro_dz01 dd{position: absolute;left: 0;top:0;width:100%;height: 100%;box-sizing:border-box;padding:80px 100px;color:#fff;text-align: center;} .pro_dz01 dd p{height: 150px;overflow: hidden;} .pro_dz01 dd h3{margin-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .dz_line{width:3px;height: 30px;background:#c32823;margin: auto;margin-bottom: 20px;} @media only screen and (max-width:1660px) { .pro_gdlist02 dd{padding-left: 30px;} .pro_gdlist02 li:nth-child(2n) dd{padding-right: 30px;} .pro_dttext{padding:50px;padding-top: 50%;} .pro_line2{height:150px;} } @media only screen and (max-width:1520px) { .pro_dzimg p{bottom:16%;} } @media only screen and (max-width:1440px) { .pro_dz01{padding:70px 0;padding-top: 0;} .pro_dz02{padding-bottom:70px;} .pro_dttext{padding:40px;padding-top: 50%;margin-left: 10px;} .pro_line2{height:120px;} .pro_dz01 dd{padding:60px;} .pro_dz01 ul{margin: 0 -10px;} .pro_dz01 dl{margin: 0 10px;} .pro_dz01 li{margin-bottom: 20px;} } @media only screen and (max-width:1280px) { .pro_dz01 dd{padding:50px;} .pro_dz01 dd p{height:120px;} } @media only screen and (max-width:1230px) { .pro_dzimg p{position: static;color:#000;width: 100%;margin: 0;margin-top: 10px;} } @media only screen and (max-width:1024px) { .pro_dz01{padding:50px 0;padding-top: 0;} .pro_dz02{padding-bottom:50px;} .pro_gdlist02 dd{padding-left: 10px;} .pro_gdlist02 li:nth-child(2n) dd{padding-right: 10px;} .pro_dttext{padding:30px;padding-top: 20%;} .pro_line2{height:80px;} .pro_dz01 dd{padding:30px;} .pro_dz01 ul{margin: 0 -5px;} .pro_dz01 dl{margin: 0 5px;} .pro_dz01 li{margin-bottom: 10px;} .pro_dz01 dd h3{margin-bottom: 10px;} .dz_line{height:20px;margin-bottom: 10px;} .pro_dz01 dd p{line-height: 24px;height:100px;} } @media only screen and (max-width:767px) { .pro_dz01{padding:30px 0;padding-top: 0;} .pro_dz02{padding-bottom:30px;} .pro_dtcon dl{height: auto !important;} .pro_dtcon dt,.pro_dtcon dd{width: 100%;float: none;} .pro_line2{display: none;} .pro_dttext{margin: 0;padding: 20px;} .pro_dttext h3{margin-bottom: 10px;} .pro_dz01 dt em{display: none;} .pro_dz01 ul{margin: 0 ;} .pro_dz01 dl{margin: 0;} .pro_dz01 li{margin-bottom: 10px;width: 100%;float: none;} .pro_dz01 dd{padding:10px 20px;position: static; background: #ab0500;} .pro_dz01 li:last-child{margin-bottom: 0;} .pro_dz01 dd h3{font-size:16px;} .dz_line{background:#fff;width: 2px;} .pro_dz01 dd p{height: auto;} } .pro_tan{display: none;} .pro_tacpicture{position: absolute;top:0;left: 0;width: 100%;height: 100%;/*z-index: 5;*/} .pro_tacpicture p{position: absolute;top:0;left: 0;visibility: hidden;opacity: 0;z-index: 3;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .pro_tacpicture p.on{visibility: visible;opacity: 1;} .pro_tacpicture p img{position: relative;left: 100px;} .pro_tacpicture p:nth-child(-n+3) img{right: 110px; left: auto; position: relative;} @media only screen and (max-width:1024px) { .pro_tan{display: block;text-align: center;margin: 10px 0;} .pro_tan img{width: 94%;} .pro_tacpicture{display: none;} }