@charset "utf-8";
/* CSS Document */
.iconfont {font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{ background:#fff; -webkit-user-select: none; user-select: none; overflow-x: hidden;}
.m_center{ width: 66.6667vw; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s; }
img{ border: 0; transition: all .5s ease 0s; vertical-align: middle; object-fit: cover;}
.voideo_clas{ position:absolute; width:100%; height:100%; left:0; top:0;  z-index: -1;}
.video { overflow:hidden; width: 100%; height:100%; /*position:relative;*/ object-fit: fill; z-index:-1;}
table{border-spacing: 0; width: 100%;}
.fixnav{ padding-top:0.5208vw !important; padding-bottom: 0.5208vw; background: rgba(0, 0, 0, .5);}

.header_top{ position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; padding-top: 3.2292vw; transition: all .5s ease 0s;}
.logo{ width: auto; height: 4.375vw;}
.logo img{ width: auto; height: 100%;}
.heatop_nav{ font-size: 0.9375vw; color: #FFF;}
.heatop_nav a{ color: #FFF;}
.heatop_nav_list{ margin-left: 5.2083vw;}

.banner{ position: relative; width: 100%; height: 49.4792vw; z-index: 1;}
.banner .swiper-slide{ width: 100%; height: 49.4792vw;}
.banner .swiper-slide img{ width: 100%; height: 100%;}
.banner .swiper-pagination{ bottom: 2.6042vw !important;}
.banner .swiper-pagination-bullet{ width: 0.7813vw; height: 0.7813vw; background:#FFF; opacity:1; margin: 0 0.7552vw !important; transition: all .5s ease 0s;}
.banner .swiper-pagination-bullet-active{ height: 1.5625vw; background: #572f28; border-radius: 30%;}

.HomeAbout{ margin-top: 5.2083vw; margin-bottom: 1.5625vw;}
.HomeAbout_cont{ width: 100%; margin-top: 3.6458vw; font-size: 0.9375vw; line-height: 1.5625vw; color: #444444; text-align: center;}

.HomeAbout_numexh{ width: 100%; margin: 0.5208vw 0;}
.HomeAbout_numexh_fina{ font-family: "思源黑体"; line-height: 1; width: calc(100% / 3); height: 7.8125vw; text-align: center;}
.Honufi_cont{ width: 100%;}
.Honufi_cont p:nth-child(1){ font-size: 1.6667vw; color: #000;}
.Honufi_cont p:nth-child(2){ font-size: 0.7292vw; color: #666666; margin-top: 0.5208vw;}

.HomeAbout_more{ width: 100%; text-align: center;}
.HomeAbout_more a{ display: inline-block; width: 8.2813vw; height: 1.9271vw; line-height: 1.9271vw; font-size: 0.7292vw; color: #000; border-bottom: 2px solid #000;}
.HomeAbout_more a:hover{ color:#e88130 !important; border-color: #e88130;}

.HoCaleva{ width: 100%; line-height: 1;}
.HoCaleva_fina span{ display: block; width: 0.1042vw; height: 1.5625vw; background: #000;}
.HoCaleva_finb{ font-family: "思源黑体"; font-size: 1.1458vw; color: #000; text-transform: uppercase; margin: 1.8229vw 0 0.7813vw 0;}
.HoCaleva_finc{ font-family: "思源黑体"; font-size: 0.8333vw; color: #572f28; font-weight: bold;}

.HomeEdumo{ width: 100%; margin: 3.125vw 0 0 0;}
.HomeEdumo_topcont{ font-size: 1.25vw; line-height: 1.9792vw; color: #000; text-align: center;}
.Hoedto_tit{ font-size: 1.3542vw; font-weight: bold; margin-bottom: 1.5625vw;}
.HomeEdumo_botcont{ position: relative; width: 100%; height: 36.4583vw; margin-top: 1.5625vw; z-index: 1; transition: all .5s ease 0s;}
.HoEdbo_bg{ position: absolute; width: 50%; height: 36.4583vw; left: 50%; top: 0; background: rgba(0, 0, 0, .7); z-index: 2;}
.HoEdbo_center{ position: relative; height: 36.4583vw; z-index: 3;}
.HoedCent_leva{ position: absolute; width: 50%; height: 36.4583vw; right: 0; top: 0; overflow: hidden; z-index: 4;}
.HoedCent_leva_left{ width: 18.9063vw; height: 36.4583vw; padding: 1.4063vw; font-family: "思源黑体";}
.Holelle_fina{ width: 100%; font-size: 1.1458vw; color: #FFF; line-height: 1; margin-top: 3.8542vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  transition: all .5s ease 0s;}
.Holelle_finb{ width: 100%; font-family: "思源黑体"; font-size: 0.8333vw; color: #FFF; line-height: 1.4583vw; margin: 2.8646vw 0;  transition: all .5s ease 0s;}
.Holelle_finc{ width: 100%;}
.Holelle_finc a{ display: inline-block; width: 8.2813vw; height: 1.9271vw; line-height: 1.9271vw; font-size: 0.7292vw; color: #FFF; border-bottom: 2px solid #FFF;}
.Holelle_finc a:hover{ color: #FFF !important;}
.HoedCent_leva_right{ width: 13.5417vw; height: 100%;}
.Holeri_list{ position: relative; width: 4.4271vw; height: 100%; background: rgba(87, 47, 40, .8); margin-right: 0.1302vw; font-size: 1.0417vw; color: #FFF; letter-spacing: 0.4167vw; writing-mode:tb-rl; writing-mode: vertical-lr; padding-top: 4.1667vw; cursor: pointer;  transition: all .5s ease 0s;} 
.Holeri_list:nth-child(3){ margin-right: 0;}
.Holeri_list span::before{ display: inline-block; content: ''; width: 1.0938vw; height: 1.0938vw; margin-bottom: 0.8854vw; background: url(../images/icon1.png) no-repeat;}
.Holeri_list em{ position: absolute; bottom: 3.5938vw; margin-left: 0.2604vw; font-style:normal; transform:rotate(270deg); line-height: 1;}
.Holeri_list:hover{ background: rgba(230, 121, 32, .8);}
.Holeli_current{ background: rgba(230, 121, 32, .8);}

.HomeNews{ margin-top: 3.125vw;}
.HomeNews_topconter{ width: 100%; text-align: center; margin-top: 2.5vw;}
.HomeNews_topconter a{ display: inline-block; padding: 0 0.5208vw; height: 1.9271vw; line-height: 1.9271vw; text-align: center; font-size: 0.8333vw; margin: 0 1.3021vw; color: #000; border: 1px solid #000;}
.HomeNews_topconter a:hover{ color: #ffab50 !important; border-color: #ffab50;}
.Honneto_before{ color: #ffab50 !important; border-color: #ffab50 !important;}
.HomeNews_botconter{ width: 100%; margin-top: 1.5625vw;}
.Honeboco_list{ width: 32.0313vw; height: 9.6354vw; padding-bottom: 1.5625vw; margin-top: 1.5625vw; margin-right: 2.5521vw; border-bottom: 1px solid #c8c8c8;}
.Honeboco_list:nth-child(2n){ margin-right: 0;}
.Honeboco_list_images{ width: 11.3021vw; height: 7.9688vw; border-radius: 5px; border: 1px solid #000; overflow: hidden;}
.Honeboco_list_images img{ width: 100%; height: 100%;}
.Honeboco_list_right{ width: 19.1146vw; padding-right: 0.7813vw;}
.Holiri_tit{ width: 100%; font-size: 0.9375vw; line-height: 1.8229vw; font-family: "思源黑体"; color: #444444; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .5s ease 0s;}
.Holiri_tit:hover{ color: #ffab50 !important;}
.Holiri_introduction{ width: 100%; height: 4.375vw; margin-top: 0.5208vw; font-size: 0.7292vw; line-height: 1.0417vw; font-family: "思源黑体"; color: #666666; overflow: hidden; transition: all .5s ease 0s;}
.Holiri_times{ width: 100%; font-size: 0.7292vw; font-family: "思源黑体"; color: #a7a6a6; line-height: 1; transition: all .5s ease 0s;}
.HomeNews_botconter .HomeAbout_more{ margin-top: 3.125vw;}

.HomeAdvea{ width: 100%; height: 21.5625vw; margin-top: 3.125vw; overflow: hidden; text-align: center;}
.HomeAdvea img{ width: 100%; height: 100%;}

.HomeBrand{ width: 80.2083vw; margin: 0 auto; margin-top: 3.125vw; margin-bottom: 1.5625vw;}
.HomeBrand_topceonter{ width: 100%; margin-top: 2.0833vw;}
.HomeBrand_topceonter a{ display: inline-block; position: relative; width: 11.7188vw; height: 3.2813vw; line-height: 3.2813vw; font-size: 0.9375vw; margin-right: 1.9271vw; font-family: "思源黑体"; color: #FFF; text-align: center; background: #a7aaad;}
.HomeBrand_topceonter a:nth-child(6n){ margin-right: 0;}
.HomeBrand_topceonter a:hover{ background: #572f28; color: #FFF !important;}
.HomeBrand_topceonter a::before{ display: none; position: absolute; content: ''; width: 0.6771vw; height: 0.625vw; left: 50%; margin-left: -0.3385vw; bottom: -0.625vw; background: url(../images/icon3.png) no-repeat; transition: all .5s ease 0s;}
.HomeBrand_topceonter a:hover::before{ display: block;}
.Hobrtoa_before{ background: #572f28 !important; color: #FFF !important;}
.Hobrtoa_before::before{ display: block !important;}
.HomeBrand_botconter{ width: 62.5vw; margin: 0 auto; margin-top: 2.6042vw; margin-bottom: 2.6042vw;}
.HomBraBot_images{ width: 28.0208vw; height: 18.0208vw; overflow: hidden;}
.HomBraBot_images img{ width: 100%; height: 100%;}
.HomBraBot_right{ width: 30.5729vw; padding-right: 2.6042vw;}
.HomBraBot_right_tit{ width: 100%; font-family: "思源黑体"; font-size: 1.1458vw; color: #000; font-weight: bold; margin-top: 3.125vw; line-height: 1;  overflow:hidden; text-overflow:ellipsis; transition: all .5s ease 0s;}
.HomBraBot_right_introduction{ width: 100%; font-family: "思源黑体"; font-size: 0.9375vw; color: #666666; line-height: 1.5625vw; margin-top: 2.3438vw;}
.HomBraBot_right .Holelle_finc{ margin-top: 3.125vw;}
.HomBraBot_right .Holelle_finc a{ color: #000 !important; border-color: #000 !important;}

.footer{ width: 100%; min-height: 27.5521vw; background: #572f28; color: #FFF; padding-top: 3.5938vw;}
.foto_left{ width: auto;}
.foto_left_leva{ font-family: "思源黑体"; font-size: 1.5625vw; color: #FFF; font-weight: bold; line-height: 1;}
.foto_left_levb{ font-family: "思源黑体"; font-size: 0.8333vw; color: #FFF; margin-top: 3.3854vw;}
.folele_list{ width: 9.1146vw; margin-right: 0.5208vw;}
.folele_list a{ display: block; width: 100%; font-family: "思源黑体"; color: #baafad; margin-bottom: 1.3021vw;}
.folele_list a:nth-child(1){ font-size: 0.9375vw; font-weight: bold; color: #FFF; line-height: 1; margin-bottom: 1.5625vw;}
.foto_right{ width: 17.0313vw; font-family: "思源黑体"; color: #FFF;}
.foto_right_leva{ font-family: "思源黑体"; font-size: 1.1458vw; color: #FFF; font-weight: bold; letter-spacing: 0.1042vw; padding-top: 0.1042vw;}
.foto_right_leva::before{ display: inline-block; content: ''; width: 1.4583vw; height: 1.5104vw; margin-right: 0.625vw; background: url(../images/icon2.png);}
.foto_right_levb{ font-family: "思源黑体"; font-size: 0.8333vw; color: #FFF; line-height: 1.5625vw; margin-top: 3.125vw;}
.forile_wx{ position: relative; width: 5.2083vw; height: 5.2083vw; margin: 0 auto; margin-top: 2.6042vw;}
.forile_wx img{ width: 100%;  height: 100%;}
.forile_wx span{ position: absolute; display: block; width: 100%; left: 0; bottom: -1.4063vw; font-size: 0.7292vw; color: #baafad; line-height: 1; text-align: center;}
.footer_botconter{ width: 100%; line-height: 3.8542vw; font-family: "思源黑体"; color: #baafad; border-top: 1px solid #795953;}
.footer_botconter a{ color: #baafad;}
.footer_botconter a:hover{ color: #baafad !important;}

.InsideBanner{ position: relative; width: 100%; height: 30.7813vw; text-align: center;}
.InsideBanner img{ width: 100%; max-height: 30.7813vw;}
.InsideBannerConter{ position: absolute; width: 66.6667vw; left: 50%; margin-left: -33.3333vw; bottom: 2.0833vw; text-align: left; color: #FFF; font-family: "思源黑体";}
.InsideBannerConter_finda{ font-size: 1.3542vw; line-height: 1; margin-bottom: 0.8854vw;}
.InsideBannerConter_findb{ font-size: 1.875vw; line-height: 1;}

.InsideNavigation{ width: 100%; min-height: 3.6458vw; background: #e9e9e9; text-align: center;}
.InsideNavigation a{ display: inline-block; height: 3.6458vw; line-height: 3.6458vw; padding: 0 1.4063vw; font-size: 1.0417vw; margin: 0 0.5208vw; font-family: "思源黑体"; color: #000;}
.InsideNavigation a:hover{ background: #572f28; color: #FFF !important;}
.InsideNavigation .InsNav_Select{ background: #572f28; color: #FFF;}

.About_introduce{ width: 100%; margin: 2.6042vw 0 3.9063vw 0;}
.Aboint_video{ width: 42.7083vw; height: 26.0417vw; background: #000; border-radius: 0 2.6042vw 2.6042vw 0; border: 1px solid #572f28; overflow: hidden;}
.Aboint_video_tit{ width: 3.6458vw; height: 100%; background: #572f28; font-family: "思源黑体"; text-transform: uppercase; writing-mode: tb-rl; writing-mode: vertical-rl;}
.Aboint_video_tit p:nth-child(1){ font-size: 1.1458vw; color: #FFF;}
.Aboint_video_tit p:nth-child(2){ font-size: 0.6771vw; color: #FFF;}
.Aboint_video_tit::before{ display: inline-block; content: ''; width: 1.875vw; height: 1.875vw; margin-top: 1.4063vw; margin-bottom: 0.5208vw; background: url(../images/icon4.png) no-repeat;}
.Aboint_video_right{ width: 38.9583vw; height: 100%; overflow: hidden;}
.Aboint_intright{ width: 37.2396vw; height: 26.0417vw;  margin-left: 3.3854vw; font-family: "思源黑体"; overflow: hidden;}
.Aboint_intright_tit{ width: 100%; font-size: 1.7708vw; color: #000;}
.Aboint_intright_tit::before{ display: inline-block; content: ''; width: 3.0208vw; height: 3.0208vw; margin-right: 0.5208vw; background: url(../images/icon5.png) no-repeat;}
.Aboint_intright_conter{  position: relative; width: 100%; height: 13.5417vw; margin-top: 2.0833vw; font-size: 0.8333vw; color: #000; line-height: 1.5625vw; overflow: hidden;}
.Aboint_intright_conter .swiper-scrollbar-drag{ background: #e67920;}
.Aboint_intright_conter .swiper-slide { font-size: 0.8333vw; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.9375vw;}
.Aboint_intright_bottom{ width: 100%; margin-top: 4.0625vw;}
.Aboint_intright_bottom .HomeAbout_numexh{ margin: 0;}
.Aboint_intright_bottom .HomeAbout_numexh_fina{ height: auto !important;}
.Aboint_intright_bottom .HomeAbout_numexh_fina:nth-child(1){}

.About_development{ width: 100%; height: 36.4583vw; background: url(../images/img6.jpg) repeat-x;}
.AboDev_Ctop{ width: 100%; font-family: "思源黑体"; padding-top: 3.0208vw;}
.AboDev_Ctop_finda{ font-size: 1.5625vw; font-weight: bold; color: #FFF; line-height: 1;}
.AboDev_Ctop_finda::after{ display: inline-block; content: ''; width: 1.0417vw; height: 1.0417vw; margin-left: 0.5208vw; background: url(../images/icon6.png) no-repeat; vertical-align: middle;}
.AboDev_Ctop_findb{ font-size: 0.8333vw; color: #FFF; text-transform: uppercase; line-height: 1; margin-top: 0.2604vw;}
.AboDev_Ctop_findb::before{ display: inline-block; content: ''; width: 1.1979vw; height: 1.1979vw; background: url(../images/icon7.png) no-repeat; vertical-align: middle;}
.AboDev_Ctop_findb span{ vertical-align: middle;}
.AboDev_BotConter{ position: relative; width: 100%; height: 27.0833vw; margin-top: 3.3333vw; overflow: hidden;}
.AboDev_BotConter .swiper-scrollbar-drag{ background: #e67920;}
.AboDev_BotConter .swiper-slide { font-size: 0.8333vw; color: #FFF; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.AboBoc_thread{ position: absolute; width: 0.2083vw; height: 100%; left: 0.4427vw; top: 0; background-color: #e67920;}
.AboBoc_thread::after{ position: absolute; display: block; content: ''; width: 1.0417vw; height: 1.0417vw; background: url(../images/icon8.png) no-repeat; left: -0.4167vw; top: 0;}
.AboBoc_Conter{ width: 100%; padding-left: 0.625vw;}
.AboBoc_Conter_list{ width: 100%; font-family: "思源黑体"; margin-top: 2.6042vw;}
.AboConli_left{ width: 6.25vw; font-size: 0.9375vw;}
.AboConli_left span{ font-size: 0.7292vw;}
.AboConli_left::before{ display: inline-block;  content: ''; width: 0.8333vw; height: 0.2083vw; margin-right: 0.6771vw; background: #e67920; border-radius: 0 100% 100% 0; vertical-align: middle;}
.AboConli_right{ width: 30.9896vw; font-size: 0.8333vw; color: #FFF; line-height: 1.25vw;}

.About_corporate{ margin-top: 3.6458vw; margin-bottom: 4.9479vw;}
.AboCor_Column{ width: 100%; font-family: "思源黑体"; text-align: center;}
.AboCor_Column_finda{ font-size: 1.25vw; font-weight: bold; color: #444444; line-height: 1;}
.AboCor_Column_findb{ font-size: 0.7292vw; color: #444444; line-height: 1; margin-top: 0.4688vw; text-transform: uppercase;}
.AboCor_ConTop{ width: 100%; margin-top: 2.6042vw; font-size: 1.0417vw; color: #000; font-family: "思源黑体"; line-height: 2.1875vw; text-align: center;}
.AboCor_ConTop span{ color: #e67920;}
.AboCor_BotImg{ width: 100%; height: 18.2292vw; margin-top: 6.25vw; background: url(../images/img7.jpg) no-repeat; overflow: hidden;}
.AboCor_BotImg div{ width: calc(100% / 4); height: 100%; font-size: 2.1875vw; font-family: "思源黑体"; font-weight: bold; color: #FFF; border-right: 1px solid #e2e8f2;}

.Innerlayer{ padding: 2.6042vw 0;}
.Newslist{ width: 20.7292vw; height: 24.7917vw; overflow: hidden; margin: 0 2.2396vw 1.7708vw 0; background: #f9f9f9; border-radius: 5px;}
.Newslist_TopImages{ width: 100%; height: 14.5833vw; overflow: hidden; border-radius: 5px;}
.Newslist_TopImages img{ width: 100%; height: 100%;}
.Newslist_BomtCont{ width: 100%; padding: 0 0.625vw; font-family: "思源黑体";}
.Newslist_BomtCont_tit{ width: 100%; font-size: 1.0417vw; margin-top: 1.1458vw; font-weight: bold; color: #444444; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all 1s ease 0s;}
.Newslist_BomtCont_introduction{ width: 100%; height: 4.6875vw; font-size: 0.8333vw; color: #666666; line-height: 1.25vw; margin-top: 1.3021vw;}
.Newslist_BomtCont_more{ width: 100%; font-size: 0.7292vw; color: #555555;}
.Newslist_BomtCont_more div:nth-child(2){ width: 1.25vw; height: 1.25vw; background: url(../images/icon9.png) no-repeat;}
.Newslist:hover .Newslist_BomtCont_tit{ color: #e67920;}
.Newslist:nth-child(3n){ margin-right: 0;}

.NewsDetails_left{ width: 21.7188vw;}
.NeDele_tit{ width: 100%; font-size: 1.25vw; color: #000; line-height: 2.0833vw; left: 0;}
.NeDele_time{ width: 100%; font-size: 0.8333vw; color: #888888; line-height: 3.125vw; margin-top: 1.0417vw; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
.NewsDetails_right{ width: 41.6667vw; font-size: 0.8333vw; line-height: 1.4583vw;}
.NewsDetails_right img{ max-width: 100%;}

.SidPage{ width: 100%; font-size: 0.8333vw; color: #000; line-height: 1.6667vw;}
.SidPage img{ max-width: 100%;}
.SidPage_Conter{ margin-top: 2.6042vw;}
.SidPage_Conter img{ max-width: 100%;}

.ContactTop{ width: 100%;}
.Conto_left{ font-size: 0.8333vw; color: #999999;}
.Conto_levaname{ line-height: 1; margin-bottom: 1.5625vw;}
.Conto_levaname p:nth-child(1){ font-size: 1.25vw; color: #525252; font-weight: bold;}
.Conto_levaname p:nth-child(2){ font-size: 0.7292vw; text-transform: uppercase; margin-top: 0.5208vw;}
.Conle_finda{ line-height: 1; margin-bottom: 2.0833vw;}
.Conle_finda p:nth-child(1){ margin-bottom: 0.5208vw;}
.Conle_finda p:nth-child(2){ font-size: 1.25vw; color: #333333;}
.Conle_finda img{ width: 130px; height: 130px;}

.Conto_right{ width: 34.375vw;}
.Conri_messge{ width: 100%;}
.Conri_messge_finda{ width: 100%; margin-bottom: 1.0417vw;}
.Conri_messge_finda input{ width: 16.6667vw; height: 2.6042vw; font-size: 0.7292vw; text-indent: 0.7813vw; color: #363747; border: none; background: #f2f2f2;}
.Conri_messge_finda textarea{ width: 100%; height: 10.4167vw; padding: 0.7813vw;  color: #363747; border: none; background: #f2f2f2;}
.Conmesfin_button{ width: 100% !important; height: 2.6042vw; font-size: 0.8333vw !important; color: #FFF !important; font-weight: bold; background: #572f28 !important;}

.ContoMap{ width: 100%;}


/* mobile nav 触发样式 */
.c_nav{width:30px; height:30px; background: none; border-radius: 5px; overflow: hidden; position: absolute; top: 50%; right:5%; z-index: 999; margin-top: -15px; cursor: pointer; display:none; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all .4s ease 0s;}
.c_nav span{display: block; width:20px; height: 2px; background: #FFF; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s;}
.c_nuw{border-radius: 100%; border: 1px solid #FFF; transform:rotate(360deg);}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(1px,0px); transform-origin: center; width:20px; margin: 0;}
.c_nuw span:nth-child(2){transform:rotateY(180deg); opacity: 0; display: none;}
.c_nuw span:nth-child(3){transform:rotateZ(-45deg)translate(1px,-1px); transform-origin: center; width:21px; margin: 0;}


.brands_Banner{ width: 100%;}
.brands_Banner img{ position: relative; height: 38.1771vw;}
.braban_center{ position: absolute; width: 66.6667vw; left: 50%; margin-left: -33.3333vw; top: 0; height: 38.1771vw; line-height: 1; font-family: "思源黑体"; text-align: center; padding-top: 18.75vw;}
.braban_center_finda{ font-size: 2.5vw; color: #FFF;}
.braban_center_findb{ margin: 1.1458vw 0 1.9271vw 0;}
.braban_center_findb::after{ display: inline-block; content: ''; width: 2.6042vw; height: 0.2604vw; background: #FFF;}
.braban_center_findc{ font-size: 1.0417vw; color: #FFF;}
.Innerbrands{ width: 100%;}
.Innerbrands_list{ position: relative; width: calc(100% / 6); height: 31.25vw; overflow: hidden;}
.Innerbrands_list img{ width: 100%; height: 100%;}
.Innbrali_conter{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #FFF; font-family: "思源黑体"; padding: 2.0313vw;}
.Innbrali_conter_tit{ position: relative; width: 100%; font-size: 1.5625vw; line-height: 4.4271vw; margin-top: 4.1667vw;}
.Innbrali_conter_tit::after{ position: absolute; content: ''; width: 3.125vw; height: 0.0521vw; background: #FFF; bottom: 0; left: 0;}
.Innbrali_conter_introduction{ font-size: 0.8333vw; color: #FFF; line-height: 1.5625vw; margin-top: 1.8229vw;}

































.s{ margin-bottom: 0.4167vw;}













































































@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}





/**一直旋转**/
@keyframes rotateX{from{transform: rotate(0deg)}
to{transform: rotate(-360deg)}
}






/**旋转**/
.myXc:hover{cursor: pointer;-webkit-transform: rotate3d(0,1,0,360deg);-moz-transform: rotate3d(0,1,0,360deg);transform: rotate3d(0,1,0,360deg);transition: -webkit-transform 0.8s ease-in-out;transition: -moz-transform 0.8s ease-in-out;transition: transform 0.8s ease-in-out;}
#change{ position:absolute; right:200px; -webkit-animation:change 2s linear infinite;}

@-webkit-keyframes change

{

　　0%{-webkit-transform:rotate(0deg);}

　　50%{-webkit-transform:rotate(180deg);}

　　100%{-webkit-transform:rotate(360deg);}

}


/**竖跳**/
@keyframes rotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(1px);
    }
    50% {
        transform: translateY(2px) scale(1.1, 0.9);
       
    }
    75% {
        transform: translateY(1px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}

@keyframes shadow {
  0%, 100% {transform: scaleX(1);}
  
  50% {transform: scaleX(1.2);}
  
  }



@keyframes tuoluo {
  0%{
    transform: rotateY(0deg)  rotateX(0deg);
  }
  25%{
    transform: rotateY(-90deg)  rotateX(9deg);
  }
  50%{
    transform: rotateY(-180deg)  rotateX(18deg);
  }
  75%{
    transform: rotateY(-270deg)  rotateX(9deg);
  }
  100%{
    transform: rotateY(-360deg)  rotateX(0deg);
  }
}



@keyframes logosum{
	to{
		left: 110%;
	}
}
@keyframes Tada {
    0% {
        transform: scale(1);
        transform: scale(1)
    }

    10%,20% {
        transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}