@charset "utf-8"; .vedio_show_con{ text-align:center;} .vedio_show_con .video{ width:100%; margin:0px auto; max-width:1400px;} .vedio_tit{ font-size:0.26rem; font-weight:bold; padding-top:4%; padding-bottom:2%;} .Company_Introduction{ position:relative; padding-top: 0.6rem;} .Company_Introduction::after { left: 0%; position: absolute; bottom: -0.6rem; content: " "; background: url("../images/dog.png") center left no-repeat; background-size: auto; background-size: auto 100%; height: 6rem; width: 100%; z-index: 1; } .Company_Introduction::before { right: -1%; position: absolute; bottom: -0.6rem; content: " "; background: url("../images/mao.png") right bottom no-repeat; background-size: auto; background-size: auto 100%; height: 6rem; width: 100%; z-index: 0; } .Company_Introduction .tit_show{ position: relative; font-size: 0.35rem; color: #be8e44; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; margin-bottom: 0.4rem; padding-right:46%; line-height: 1.3} .Company_Introduction .tit_show::after { left: 0%; position: absolute; bottom:-0.25rem; content: " "; width:0.3rem; -webkit-transition: .3s; transition: .3s; height: 3px; background-color: #b73825; } .Company_Introduction .about_002_l{ position:relative; z-index:10; float:left; width:18%;} .Company_Introduction .about_002_l .number_show{ margin-top:0.4rem;} .Company_Introduction .about_002_r{ position:relative; z-index:10; float:right; width:70%;} .Company_Introduction .about_002_r .decipe{ color:#444; line-height:2.2; font-size:0.17rem;} .number_show{} .number_show ul.content_list { width: 100%; height: auto; } .number_show ul.content_list li {text-align: left;color: #666; padding:0.25rem 0;border-bottom: 1px solid rgba(0, 0, 0, .1)} .number_show ul.content_list li div { } .number_show ul.content_list li:last-child div { border-right: none } .number_show ul.content_list li p { text-align: left; } .number_show ul.content_list li p.number {} .number_show ul.content_list li p.number .counterDX {font-size: 0.44rem; font-weight:bold; color:#bf8e44;font-family: "family_DIN";} .number_show ul.content_list li p.number .unit { position: relative; top:-10px; left:10px; vertical-align: top; font-size:0.44rem;color:#bf8e44; } .number_show ul.content_list li p.title { margin-top:0.1rem; font-size:0.16rem; color:#888} .Company_Introduction .Company_img_l{ float:left; width:50%; border-radius:0.2rem; height:4.5rem; background-position:center center; background-repeat:no-repeat; background-size:cover;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);} .Company_Introduction .Company_font_r{ padding-left:30%; padding-bottom:0.5rem;} .Company_Introduction .Company_font_r .decipe{font-size: 0.18rem; line-height: 2; color: #333; margin-bottom: 0.3rem;} .Company_Introduction .Company_font_r .vedio_show{} .Company_Introduction .Company_font_r .vedio_show a{position: relative; border-radius:0.3rem; background: #fff url("../images/vedio_icon.png") 0.25rem center no-repeat; background-size: auto 0.20rem; padding:0.16rem 0.25rem; padding-left: 0.55rem; color: #e6463a; border: #e6463a 1px solid;font-size: 0.14rem; font-weight: bold; transition: transform 0.5s ease; display: inline-block;} .honor_con_in{ position: relative; z-index: 10; background: #f8f3ed url("../images/back_honor.png") center center no-repeat; background-size: cover;} .honor_con_in .honor_con_in_l{float: left; width: 16%;padding-top: 1.2rem;} .honor_con_in .honor_con_in_r{float: right; width: 80%;} .honor_con_in .honor_con_in_r .honor_01.cn_img{ display:block} .honor_con_in .honor_con_in_r .honor_01.En_img{ display:none} .honor_con_in .honor_con_in_r .honor_02.cn_img{ display:block} .honor_con_in .honor_con_in_r .honor_02.En_img{ display:none} #tabcilk2{ margin-top: 0.8rem;} #tabcilk2 li{ color: #be8e44; font-size: 0.17rem; border: #be8e44 1px solid; border-radius: 0.1rem; display:block; padding: 0.15rem; background: url("../images/icon_right.png") 94% center no-repeat; background-size: auto 0.18rem ; margin-bottom: 0.2rem} #tabcilk2 li a{color: #be8e44;} #tabcilk2 li.active{ background-color:#be8e44; color: #fff; background:#be8e44 url("../images/icon_right2.png") 94% center no-repeat; background-size: auto 0.18rem ;} #tabcilk2 li.active a{color: #fff;} .brand_con_in{ position: relative; z-index: 10; padding-top: 1.2rem;} .brand_con_in .brand_con_tit{position: relative; border-bottom: #ddd 1px solid; padding-bottom: 0.2rem;} .brand_con_in .brand_con_tit #tabcilk3{ position: absolute; right: 0; bottom: 0;} .brand_con_in .brand_con_tit #tabcilk3 li{ position:relative;display: inline-block; padding: 0.3rem; color: #be8e44; font-size: 0.2rem;} .brand_con_in .brand_con_tit #tabcilk3 li:first-child{} .brand_con_in .brand_con_tit #tabcilk3 li:first-child::after { right: 0%; position: absolute; top: 50%; content: " "; width: 1px; -webkit-transition: .3s; transition: .3s; height:0.2rem; margin-top:-0.1rem; background-color:#b2b2b2; } .brand_con_in .brand_con_tit #tabcilk3 li a{color: #333; font-weight: bold;} .brand_con_in .brand_con_tit #tabcilk3 li.active{color: #be8e44;font-weight: bold; background: url(../images/xiala.png) center 90% no-repeat ; background-size: 0.16rem auto;} .brand_con_in .brand_con_tit #tabcilk3 li.active a{color: #be8e44;} #tabbox3{ padding-top:0.3rem;} .new_center_back.clear_backimg{ background:none; background-color:#fff; padding-bottom:0} .new_center_back.clear_backimg::before{background:none;} .new_center_back.clear_backimg::after{background:none;} .culture_con_in{ padding-top:1rem;} .Culture_list{ margin-top:0.7rem; background-color:#666; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:0.2rem; height:5.6rem;box-shadow: 0 8px 30px #ddd;overflow: hidden; margin-bottom:1.3rem;position: relative; margin-top:0.4rem} .Culture_list.PC_show{ display:block} .Culture_list.mobile_show{ display:none} .Culture_list #tabcilk0 { text-align:left; position:relative; z-index:3} .Culture_list #tabcilk0 li{ position:relative; display: inline; float:left; width:25%;height:5.6rem; vertical-align:top; text-align:center; overflow:hidden} .Culture_list #tabcilk0 li::after { right: 0%; position: absolute; bottom:0; content: " "; width:1px; -webkit-transition: .3s; transition: .3s; height: 100%; background-color: rgba(255, 255, 255, 0.3); } .Culture_list #tabcilk0 li::before { right: 0%; position: absolute; bottom:0; content: " "; width:100%; -webkit-transition: .3s; transition: .3s; height: 100%; background-color: rgba(33, 22, 5, 0.2); } .Culture_list #tabcilk0 li.on::before { right: 0%; position: absolute; bottom:0; content: " "; width:100%; -webkit-transition: .3s; transition: .3s; height: 100%; background-color: rgba(191, 142, 68, 0.8); backdrop-filter: blur(8px); } .Culture_list #tabcilk0 li .culture_icon{ height:1rem; width:auto; margin:0px auto; margin-top:0.8rem; margin-bottom:0.4rem;} .Culture_list #tabcilk0 li .number_show{position: absolute; left: 50%; bottom: 0rem; font-size: 1.2rem; font-family: "family_DIN"; color: rgba(255, 255, 255, 0.1); margin-left: -0.45rem; text-transform: uppercase; line-height:1} .culture_con_in #tabcilk0 li .font_show{color:#fff;} .culture_con_in #tabcilk0 li .font_show .tit{ position:relative; display:inline-block; font-size:0.24rem; font-weight:bold; margin-bottom:0.5rem;overflow: inherit;text-shadow: 0px 1px 3px #666;} .culture_con_in #tabcilk0 li .font_show .tit::after { content: ''; position: absolute; left: 50%; bottom: -0.26rem; z-index: 0; width: 35px; height: 3px; background-color: #fff; z-index: 1; margin-left:-18px; } .culture_con_in #tabcilk0 li .font_show .descipe{ display:block; text-shadow: 0px 1px 3px #666;font-size:0.17rem; line-height:2; margin-top:0rem; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; margin-left:5%; margin-right:5%;} .culture_con_in #tabcilk0 li.on .font_show .descipe{ transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;} .culture_con_in #tabbox0 .culture_one_back{ position:absolute; left:0; top:0;z-index:2; background-size:cover;width:100%;height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;} .brands_lists{} .brands_lists .brand_01{} .brands_lists .brand_01.cn_img{ display: block} .brands_lists .brand_01.En_img{ display: none} .brands_lists .brand_02.cn_img{ display: block} .brands_lists .brand_02.En_img{ display: none} .Corporate_Culture{ margin-top: 0.6rem} .Corporate_Culture .tit_show{ position: relative; font-size: 0.35rem; color: #be8e44; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; margin-bottom: 0.4rem; padding-right:46%; line-height: 1.3} .Corporate_Culture .tit_show::after { left: 0%; position: absolute; bottom:-0.25rem; content: " "; width:0.3rem; -webkit-transition: .3s; transition: .3s; height: 3px; background-color: #b73825; display: none } .Development_History{ position:relative; z-index:3; padding-top:0rem; padding-bottom:0.4rem;} .Development_History .tit_show{ position: relative; font-size: 0.35rem; color: #be8e44; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; margin-bottom: 0.4rem; padding-right:46%; line-height: 1.3} .History_list{ padding-bottom: 2rem; padding-top: 0.3rem} .History_list .item{ position: relative;height: 4.8rem} .History_list .item .font_show{ position: absolute; left: 0; bottom: 0; width:80%; background: url("../images/line_lishi.png") left bottom no-repeat; padding-bottom: 1.8rem;} .History_list .item .font_show .year{font-size: 0.30rem; color: #be8e44; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; margin-bottom: 0.25rem; } .History_list .item .font_show .decipes{font-size: 0.15rem; color: #666; line-height: 1.6 } .History_list .item:nth-child(1) .font_show{bottom:0;} .History_list .item:nth-child(2) .font_show{bottom:0.2rem;} .History_list .item:nth-child(3) .font_show{bottom: 0.4rem;} .History_list .item:nth-child(4) .font_show{bottom: 0.6rem;} .History_list .item:nth-child(5) .font_show{bottom:1.2rem;} .History_list .item:nth-child(6) .font_show{bottom:0;} .History_list .item:nth-child(7) .font_show{bottom:0.2rem;} .History_list .item:nth-child(8) .font_show{bottom: 0.4rem;} .History_list .item:nth-child(9) .font_show{bottom: 0.6rem;} .History_list .item:nth-child(10) .font_show{bottom:1.2rem;} .History_list .item:nth-child(11) .font_show{bottom:0;} .History_list .item:nth-child(12) .font_show{bottom:0.2rem;} .History_list .item:nth-child(13) .font_show{bottom: 0.4rem;} .History_list .item:nth-child(14) .font_show{bottom: 0.6rem;} .History_list .item:nth-child(15) .font_show{bottom:1.2rem;} .History_list .slick-next{ border: 0; background: url("../images/right_btn.png") center center no-repeat; width: 0.6rem; height: 0.6rem; border-radius: 50%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); right: inherit; left: 0.8rem; top:0.2rem; background-size: cover} .History_list .slick-prev{ border: 0; background: url("../images/left_btn.png") center center no-repeat; width: 0.6rem; height: 0.6rem; border-radius: 50%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); right: inherit; left: 0rem; top:0.2rem; background-size: cover} .honor_content .tit_show{ position: relative; font-size: 0.35rem; color: #be8e44; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; margin-bottom: 0.4rem; padding-right:46%; line-height: 1.3} .honor_list{} #certify { position: relative; padding-top:0.3rem; } #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width: 520px; height:480px; background: #fff; box-shadow: 0 8px 30px #ddd; } #certify .swiper-slide .pic{ width:100%; height:400px; position:relative} #certify .swiper-slide .pic img{ display:block; } #certify .swiper-slide .pic img{display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height:90%; max-width:90%;} #certify .swiper-slide p { line-height:40px; padding-top: 0; text-align: center; color: #333; font-size:0.18rem; font-weight:bold; margin:0 } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: -0.3rem; width: 0.6rem; height: 0.6rem; background: url(../images/left_btn.png) no-repeat; background-position:center; background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius:50% } #certify .swiper-button-prev::after{ display:none} #certify .swiper-button-prev:hover { } #certify .swiper-button-next { right: -0.3rem; width: 0.6rem; height: 0.6rem; background: url(../images/right_btn.png) no-repeat; background-position:center; background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);border-radius:50% } #certify .swiper-button-next::after{ display:none} #certify .swiper-button-next:hover { } .Culture_list{ background-color:#666; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:0.2rem; height:5.6rem;box-shadow: 0 8px 30px #ddd;overflow: hidden; margin-bottom:1rem;position: relative; margin-top:0.4rem} .Culture_list #tabcilk { text-align:left; position:relative; z-index:3} .Culture_list #tabcilk li{ position:relative; display: inline; float:left; width:25%;height:5.6rem; vertical-align:top;} .Culture_list #tabcilk li::after { right: 0%; position: absolute; bottom:0; content: " "; width:1px; -webkit-transition: .3s; transition: .3s; height: 100%; background-color: rgba(255, 255, 255, 0.3); } .Culture_list #tabcilk li::before { right: 0%; position: absolute; bottom:0; content: " "; width:100%; -webkit-transition: .3s; transition: .3s; height: 100%; background-color: rgba(33, 22, 5, 0.25); } .Culture_list #tabcilk li.on::before { right: 0%; position: absolute; bottom:0; content: " "; width:100%; -webkit-transition: .3s; transition: .3s; height: 100%; background-color: rgba(14, 70, 140, 0.8); } .Culture_list #tabcilk li .font_show{ position:absolute; left:10%; bottom:5%; width:80%; z-index:2; color:#fff;} .Culture_list #tabcilk li .font_show .tit{ font-size:0.2rem; font-weight:bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif;} .Culture_list #tabcilk li .font_show .descipe{ display:block; font-size:0.15rem; line-height:1.8; margin-top:0.2rem; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; height:0.001rem; overflow:hidden} .Culture_list #tabcilk li .font_show .descipe .descipe_font{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;} .Culture_list #tabcilk li .font_show .descipe .a_more{ display:inline-block; margin-top:0.2rem; border-radius:0.3rem; border:#fff 1px solid; padding:0.1rem 0.15rem; font-size:0.13rem; line-height:1;} .Culture_list #tabcilk li.on .font_show .descipe{ display:block; height:1.2rem; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;} .Culture_list #tabbox .chanye_home_list{ position:absolute; left:0; top:0;z-index:2; background-size:cover;width:100%;height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;} @media (max-width:768px) { .Company_Introduction .tit_show{ padding-right:0} .Company_Introduction .decipe { font-size: 13px; line-height: 2; color: #666; margin-bottom: 0.3rem; padding-right: 0; } .Company_Introduction { padding-top: 0.3rem; padding-bottom: 0rem; background-position: right bottom; background-repeat: no-repeat; background-size: auto 35%; } .History_list .slick-next { border: 0; background: url(../images/right_btn.png) center center no-repeat; width: 1rem; height: 1rem; border-radius: 50%; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); right: inherit; left: 0.8rem; top: 0.8rem; background-size: cover; margin-left:0.6rem; } .History_list .slick-prev { border: 0; background: url(../images/left_btn.png) center center no-repeat; width: 1rem; height: 1rem; border-radius: 50%; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); right: inherit; left: 0rem; top: 0.8rem; background-size: cover; } .History_list .item .font_show .year { font-size: 24px;} .History_list .item .font_show .decipes { font-size: 16px; color: #666; line-height: 1.6; } .History_list .item:nth-child(1) .font_show{bottom:0;} .History_list .item:nth-child(2) .font_show{bottom:0rem;} .History_list .item:nth-child(3) .font_show{bottom: 0rem;} .History_list .item:nth-child(4) .font_show{bottom: 0rem;} .History_list .item:nth-child(5) .font_show{bottom:0rem;} .History_list .item:nth-child(6) .font_show{bottom:0;} .History_list .item:nth-child(7) .font_show{bottom:0rem;} .History_list .item:nth-child(8) .font_show{bottom: 0rem;} .History_list .item:nth-child(9) .font_show{bottom:0rem;} .History_list .item:nth-child(10) .font_show{bottom:0rem;} .History_list .item:nth-child(11) .font_show{bottom:0;} .History_list .item:nth-child(12) .font_show{bottom: 0;} .History_list .item:nth-child(13) .font_show{bottom:04rem;} .History_list .item:nth-child(14) .font_show{bottom:0rem;} .History_list .item:nth-child(15) .font_show{bottom:0rem;} .History_list .item .font_show { position: absolute; left: 0; bottom: 0; width: 80%; background: url(../images/line_lishi.png) left top no-repeat; padding-bottom: 1.8rem; padding-left: 5%; } .Company_Introduction .Company_img_l { float: none; width: auto; border-radius: 0.2rem; height: 3.5rem;} .Company_Introduction .Company_font_r { float: none; width: auto; padding-left:0; } .Company_Introduction .Company_font_r .decipe { font-size: 15px;} .Culture_list{} .Culture_list #tabcilk li .font_show .tit { font-size:18px; font-weight: normal;} .Culture_list #tabcilk li { position: relative; display: block; float: none; width: 100%; height: 1.3rem; vertical-align: center; display: flex; align-items: center; } .Culture_list #tabcilk li::after { right: 0%; position: absolute; bottom: 0; content: " "; width: 100%; -webkit-transition: .3s; transition: .3s; height: 1px; background-color: rgba(255, 255, 255, 0.3); } .Culture_list #tabcilk li .font_show { position: absolute; left: 10%; bottom: auto; width: 80%; z-index: 2; color: #fff; position: absolute; top: 50%; left: 10%; transform: translateY(-50%); } .Culture_list #tabcilk li .font_show .descipe{ display:none} .Culture_list #tabcilk li.on .font_show .descipe{ display:none} .number_show ul.content_list li { float: left; width: 50%; text-align: center; color: #fff; padding-bottom: 0.3rem; } .number_show ul.content_list li:nth-child(2) div{ border:0} .about_002 .about_002_l { float: none; width: auto; } .about_002 .about_002_r { float: none; width: auto; } .Company_Intro_con .about_002_r { float: none; width: auto; padding-top: 0.2rem; } .Company_Intro_con .about_002_l { float: none; width: auto; padding-top: 0.2rem; } .Company_Introduction .about_002_l { position: relative; z-index: 10; float: none; width: auto; } .Company_Introduction .about_002_r { position: relative; z-index: 10; float: none; width: auto; margin-top: 0.4rem; } .number_show ul.content_list li p.title { font-size: 14px;} .number_show ul.content_list li p.number .counterDX { font-size: 38px;} .number_show ul.content_list li p { text-align: center; } .Company_Introduction .about_002_r .decipe { font-size: 16px;} .Company_Introduction{ padding-top:60px;} .Company_Introduction .about_002_r { margin-top: 20px; } .Culture_list { height: auto;} .Culture_list #tabcilk0 li { position: relative; display: block; float: none; width: auto; height: auto; vertical-align: top; text-align: center; border-bottom: #fff 1px solid; padding-bottom: 0.5rem; } .culture_con_in #tabcilk0 li .font_show .tit{ font-size:20px; margin-bottom: 0.5rem;} .culture_con_in #tabcilk0 li .font_show .descipe{ font-size:14px;} .Culture_list #tabcilk0 li .culture_icon{margin-top: 0.5rem;} .honor_con_in .honor_con_in_l { float: none; width: auto; } #tabcilk2 li{ font-size:16px; width:38%; float: left; margin-right:3%; display:inline} .honor_con_in .honor_con_in_r { float: left; width: 100%; } .brand_con_in .brand_con_tit #tabcilk3 { position: initial; right: inherit; bottom: 0; } .brand_con_in .brand_con_tit #tabcilk3 li{ font-size:18px;} .brand_con_in .brand_con_tit #tabcilk3 { position: initial; right: inherit; bottom: 0; margin-top: 20px; } .Culture_list.PC_show{ display:none} .Culture_list.mobile_show{ display:block} }