@charset "utf-8";
body,html{ }
*{ margin:0; padding:0; font-family: 'Figtree'; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }

body,p{ font-size:14px; border:none;}
a{ font-size:14px; color:#999; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; }
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
.w1200{position: relative; width: 1200px; margin: 0 auto;}

/*内页banner*/
.pbanner{position:relative;overflow:hidden;min-width: 1200px;}
.pbanner figure{ display:block; line-height:0; overflow:hidden;}
.pbanner figure img{ display:block; width:100%; height:auto; line-height:0; position:relative;}
.pbanner .text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.pbanner h2{ color: #fff; font-size: 20px; text-transform: uppercase; width: 100%; text-align: center;
animation: fadeInUp 1s; animation-delay: 0.3s;}
.pbanner h3{color: #fff; font-family: "Microsoft yahei"; font-size: 34px; text-transform: uppercase; text-align: center; width: 100%;
animation: fadeInUp 1.5s; animation-delay: 0.3s;}
.pbanner b{ display: block; margin: 20px auto; height: 2px; background: #fff; width: 30px;}

/*详情页*/
.detailpage{background: #F5F5F5;padding: 50px 0;min-width: 1200px;}
.detailpage .w1200{ background: #fff; padding: 50px 30px; animation-name: fadeInUp; }
.detailpage .det-tit h3{ font-weight: bold; color: #000; font-size: 24px; text-align: center;}
.detailpage .det-tit .div1{ display: flex; justify-content: center; padding: 20px 0; border-bottom: 1px solid #F5F5F5;
margin-bottom: 20px;}
.detailpage .det-tit span{ color: #666; font-size: 14px; display: block; padding: 0 15px;}
.detailpage .de-tu img{ display: block; width: 100%; margin: 10px auto;}
.detailpage .de-text p{ line-height: 46px; font-size: 15px; color: #000;}
.detailpage .de-text img{ max-width:100%; height:auto !important}


/*联系我们*/
.contactpage{ background: #F5F5F5; padding: 50px 0;}
.contactpage .w1200{ background: #fff; padding: 50px 50px; }
.contactpage .ul1{margin: 0 auto; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;
animation-name: fadeInUp;}
.contactpage .ul1 .p1{ font-size: 16px; text-align: center; padding: 20px 0 10px 0;}
.contactpage .ul1 figure img{ display: block; width: 40px; margin:40px auto 0 auto;}
.contactpage .ul1 .p2{ font-size: 14px; text-align: center;}
.contactpage .biao{ padding: 50px 0 0 0;  margin: 50px auto 0 auto; border-top: 5px solid #F5F5F5; animation-name: fadeInUp;}
.contactpage h3{ color: #000; font-weight: bold; font-size: 24px; text-align: center; padding: 20px 0 10px 0;}
.contactpage .p5{ color: #666;  font-size: 14px; text-align: center;}
.contactpage .in{ display: block; height: 50px; width: 350px; background: #fff; border:1px solid #E0E0E0; padding-left: 10px;}
.contactpage .area{ border:none; border:1px solid #E0E0E0; display: block; background: #fff; width:1100px; height: 200px; margin-top: 25px;
text-indent: 1em; padding-top: 10px; resize: none;}
.contactpage .div1{padding-top: 50px; display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; width:1100px;}
.contactpage .btn-div1{ text-align: center;}
.contactpage .sub{ display: inline-block; width: 260px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff;
 background: #E60012; margin: 35px auto 0 auto; cursor: pointer;}
.contactpage .res{ background: #222; margin-left: 10px;}



@font-face { font-family: 'Figtree'; src: url(../fonts/Figtree-Regular.ttf) format('truetype'); font-style: normal; font-weight: normal;}

.header{display: flex;justify-content: space-between;width: 100%;height: 100px;background: #fff;padding: 0 56px;min-width: 1200px;}
.header .header_left{padding: 20px 0;}
.header .logo img{ max-width: 100%;max-height: 100%}
.barwrap .logo{ display: block; -webkit-flex-grow: 0.5; flex-grow: 0.5; -webkit-box-flex-group: 0.5; }
.navbar{ display: flex; display: -ms-flexbox;  display: -ms-flexbox; justify-content: space-around;  flex-grow: 1.8;
-webkit-flex-grow:  1.8; -webkit-box-flex-group: 1.8; padding-right: 45px;}
.navbar li{line-height: 100px;padding: 0 22px;}
.navbar li a{color: #010200;font-size: 16px;transition: all 0.6s;position: relative;display: block;padding: 0 6px;}
.navbar li a b{ position: absolute; left: 0; right:0; bottom: 0; height: 2px; background: #ff5200; display: block; z-index: 33; width: 0;
transition: all 0.6s; width:100%; transform: scale(0);}
.navbar li:hover a b,.navbar li.on a b{ transform: scale(1);}
.navbar li:hover a,.navbar li.on a{ color: #010200;}
/* 首页banner */
.index_banner{position: relative;width: 100%;height: 920px;overflow: hidden;min-width: 1200px;}
.banner_slide{position:absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1920px;height: 100%;background: #000 center no-repeat;}

.index_banner .banner_text{ position: absolute; top: 15%; left: 50%; transform: translateX(-50%);}
.index_banner .banner_title{ color: #fff; font-size: 42px; line-height: 56px;margin-bottom: 20px; width: 100%; text-align: center; animation: fadeInUp 1s; animation-delay: 0.3s;}
.index_banner .banner_subtitle{color: #fff; font-family: "Microsoft yahei"; font-size: 20px; line-height: 32px;text-align: center; width: 100%; animation: fadeInUp 1.5s; animation-delay: 0.3s;}

.index_aboutus_wrap{position: relative;padding: 140px 0;}
/* .index_aboutus_title{font-size: 72px;line-height: 80px; color: #e5e5e4;text-transform: uppercase;} */
.index_aboutus{position: relative;display: flex;justify-content: space-between;}
.index_aboutus .img{width: 60%;}
.index_aboutus .img img{ max-width: 100%;}
.index_aboutus .info{flex: 1;padding-left: 4%;display: flex;flex-direction: column;justify-content: end;}
.index_aboutus .info_desc{margin-bottom: 22px;color: #45454c;font-size: 17px;line-height: 24px;}

.index_aboutus_title{ position: absolute; top: 78px; height: 70px; width: 488px; background: url(../images/title_aboutus.png) left bottom / auto 100% no-repeat; font-size: 0; text-indent: -999px; overflow: hidden;}

.common_index_title{position: absolute;height: 70px;background: left bottom / auto 100% no-repeat; font-size: 0; text-indent: -999px; overflow: hidden;}
.common_text{color: #46423c;font-size: 28px;line-height: 32px;margin-bottom: 20px;}
.common_text .strong{color: #ff5200;font-style: italic;}

.common_text{color: #46423c;font-weight: bold;font-size: 34px;line-height: 32px;margin-bottom: 20px;}
.common_text .strong{ color: #ff5200; font-style: italic;}
.common_more{padding: 8px 12px;font-size: 16px;line-height: 22px;border: 1px solid #46423c;color: #46423c;text-align: center;}
.common_more.light{border-color: #fff;color: #fff;}

.index_brands_wrap{position: relative;}
.index_brands_wrap .common_text{text-align: center;}
.index_brands{position: relative;padding-top: 72px;}
.index_brands .common_index_title{width: 350px;top: 7px;right: 0;background-image: url(../images/title_brands.png);}
.index_brands .common_more{position: absolute;right: 12px;bottom: 12px;}
.index_brands .brands_banner,
.brands_swiper_wrap{width: 100%;max-height: 414px;overflow: hidden;}
.index_brands .brands_banner img{width: 100%;}

.index_brands .brands_type{margin: 40px;}
.index_brands .brands_type .brands_type_item{display: flex;align-items: center;justify-content: center;opacity: 0.4;cursor: pointer;}
.index_brands .brands_type .brands_type_item img{width: 80%;height: 80%;object-fit: cover;filter: grayscale(1);}

.index_brands .brands_type .swiper-slide-thumb-active {opacity: 1;}
.index_brands .brands_type .swiper-slide-thumb-active img{filter: grayscale(0);}

/* index_highlights_wrap */
.index_highlights_wrap{position: relative;background: #fff;padding-top: 120px;min-width: 1200px;}
.index_highlights_title{position: relative;height: 68px;}
.index_highlights_title .common_index_title{width: 501px;bottom: -4px;height: 100%;background-image: url(../images/title_highlights.png);}
.index_highlights{position: relative;height: 430px;padding: 100px 0 90px;background: #f2f2f2 url(../images/gray_bg.png) center repeat;}
.index_highlights_list{display: flex;justify-content: space-between;gap: 5%;padding: 52px 0 0;}
.index_highlights_list .list_item{width: 28%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.index_highlights_list .list_item .number{font-size: 58px;line-height: 60px;color: #ff5200;font-style: italic;font-weight: bold;}
.index_highlights_list .list_item .tips{font-size: 16px;line-height: 20px;color: #44423b;}
/* index_shape_wrap */
.index_shape_wrap{height: 436px;background: #ccc url(../images/shape_banner.png) center no-repeat;padding: 120px 0;min-width: 1200px;}
.index_shape{color: #fff;display: flex;flex-direction: column;align-items: center;}
.index_shape .title{font-size: 34px;font-style: italic;}
.index_shape .desc{ font-size: 18px; line-height: 22px; margin: 17px auto;}
.index_shape .button{ display: flex;}
.index_shape .common_more{ font-size: 22px;}

/* brands_list_wrap */
.brands_list_wrap{ background-color: #fff;}
.brands_list{}
.brands_item{position: relative;padding-top: 50px; margin: 50px auto;}
.brands_item::before{content: ""; position: absolute;right: 10px;top: 4px;height: 50px;width: 264px;background: url(../images/title_brands.png) right bottom / auto 100% no-repeat;}
.brands_list_item{position: relative; display: flex; justify-content: space-between; align-items: center;height: 310px;}
.brands_list_item .brands_logo{display: flex;align-items: center;justify-content: center;width: 400px;}
.brands_list_item .brands_logo img{width: 60%;height: 60%;object-fit: cover;}
.brands_list_item .brands_banner{width: 100%;height: 100%;overflow: hidden;}
.brands_list_item .brands_banner img{width: 100%;max-height: 100%;}
.brands_list_item .common_more{position: absolute;right: 10px; bottom: 10px;}

/* brand_banner */
.brand_banner{position: relative;width: 100%;height: 930px;overflow: hidden;min-width: 1200px;}
.brand_banner_slide{position:absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1800px;height: 100%;background: #000 center / auto 100% no-repeat;}
.brand_banner_tools{position: absolute; right: 20px; bottom: 20px; display: flex;justify-content: flex-end;gap: 20px;}
.brand_banner_tools .common_more{cursor: pointer;}

.brand_menu{width: 1000px;margin: 20px auto;position: relative;padding: 60px 0 100px;background: url(../images/title_menu.png) left 5px / auto 60px no-repeat;}
.brand_menu .brand_menu_swiper-pagination{position: absolute;width: 80%;bottom: 28px;top: auto;left: 50%;transform: translateX(-50%);height: 2px;background: #d3d3d1;  }
.brand_menu .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #44433f;}
.brand_menu_next, .brand_menu_prev{border: 1px solid #3e3e3e;width: 60px;height: 60px;color: #3e3e3e;bottom: 0;top: auto;}
.brand_menu_next:after, .brand_menu_prev::after{font-size: 22px;  }
.swiper-slide img {  display: block;  width: 100%;  height: 100%;  object-fit: cover;}  

/* locations */
.locations_wrap{position: relative;width: 100%;background: #fff url(../images/title_locations.png) 7% 8px / auto 66px no-repeat;padding-top: 70px;min-width: 1200px;}
.locations{display: flex;flex-direction: column;padding: 86px 6%;background: #ccc url(../images/gray_bg.png) center top repeat;}
.locations_placeholder img{width: 100%;}
.locations_inner{max-width: 1200px;margin: 0 auto;}
.locations_style_left_right{display: flex;flex-direction: row;align-items: flex-end;justify-content: space-between;gap: 32px;}
.locations_style_left_right .locations_placeholder{flex: 1;}
.locations_style_left_right .locations_address_list{width: 336px;}
.locations_style_left_right .locations_address_item{padding-right: 0;}
.locations_style_left_right .locations_address_item:last-child{ margin-bottom: 0; padding-bottom: 0;}
.locations_style_up_down .locations_address_list {display: flex;flex-wrap: wrap;}
.locations_style_up_down .locations_address_item{width: 50%;border-bottom: 2px solid rgba(204, 204, 204, 0.6);}

.locations_address_item{padding-left: 32px;color: #44434c;padding: 0 32px 40px 52px;background: url(../images/icon_location.png) 10px top / 36px auto no-repeat;margin: 20px 0;}
.locations_address_item .address_title{font-size: 25px;line-height: 36px;font-weight: bold;margin-bottom: 12px;}
.locations_address_item  .address_info{font-size: 15px;line-height: 22px;}


/* wap */
.wap_width{width: 100%;}
.wap_detailpage{ min-width: auto;width: 100%; padding: 3.5rem 0;}
.wap_common_text{ font-size: 2rem;line-height: 2.2rem;margin-bottom: 1rem;}
.wap_common_index_title{}
.wap_common_more{font-size: 0.9rem;line-height: 1.2rem;padding: 0.32rem 0.5rem;}

.wap_head{width: 100%; height:50px;}
.wap_menus{ position:fixed; width:100%; top:51px; z-index:999; background: rgba(0, 0, 0, 0.8); padding:20px; box-sizing:border-box; display:none}
.wap_menus li{}
.wap_menus a{ display:block; padding:15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); color:#fff; font-size:16px;}
.wap_head span{ float:right}

.wap_banner_text{position: absolute;top: 15%;left: 50%;width: 100%;transform: translateX(-50%);}
.wap_banner_text .banner_title{color: #fff;font-size: 1.5rem;line-height: 2rem;margin-bottom: 1.2rem;width: 100%;text-align: center;animation: fadeInUp 1s;animation-delay: 0.3s;text-shadow: 1px 1px 2px #000;}
.wap_banner_text .banner_subtitle{color: #fff;font-family: "Microsoft yahei";font-size: 0.96rem;line-height: 1.6rem;text-align: center;width: 100%;animation: fadeInUp 1.5s;animation-delay: 0.3s;text-shadow: 1px 1px 4px #000;}

.wap_index_banner{width: 100%;}
.wap_index_aboutus_wrap{padding: 4rem 0;}
.wap_index_aboutus_wrap .index_aboutus_title {position: relative;top: 3px;background: url(../images/title_aboutus.png) left bottom / auto 100% no-repeat;font-size: 2rem;text-indent: -999px;overflow: hidden;    height: auto; max-width: 100%;}
.wap_index_aboutus_wrap .index_aboutus{flex-direction: column;}
.wap_index_aboutus_wrap .index_aboutus .img{width: 100%;}
.wap_index_aboutus_wrap .index_aboutus .info{padding: 4%;}
.wap_index_aboutus_wrap .index_aboutus .info_desc{color: rgb(69, 69, 76, 0.8);}

.wap_index_brands_wrap{}
.wap_index_brands_wrap .index_brands{padding-top: 1rem;}
.wap_index_brands_wrap .index_brands .brands_type{margin: 1rem 0;}
.wap_index_brands_wrap .index_brands .common_more{ font-size: 1rem; padding: 0.32rem 0.5rem;}
.wap_index_brands_wrap .index_brands .brands_type .brands_type_item img{ width: 92%;height: 92%; }
.wap_index_brands_wrap .index_brands .common_index_title{position: relative;width: auto; top: 3px;font-size: 2rem;text-indent: -999px;overflow: hidden;    height: auto; max-width: 100%;background-position-x: right;}

.wap_index_highlights_wrap{padding-top: 3rem;width: 100%;min-width: auto;}
.wap_index_highlights_wrap .index_highlights_title{height: auto;}
.wap_index_highlights_wrap .index_highlights_title .common_index_title{position: relative;top: 3px;font-size: 2rem;text-indent: -999px;overflow: hidden;    height: auto; max-width: 100%;background-position-x: right;}
.wap_index_highlights_wrap .index_highlights{    height: auto;padding: 3rem 1rem;}
.wap_index_highlights_wrap .index_highlights_list{flex-direction: column;flex-direction: column; padding: 0; justify-content: center; align-items: center;}
.wap_index_highlights_wrap .index_highlights_list .list_item{width: 100%;padding:  1rem 0;}

.wap_index_shape_wrap{height: auto;width: 100%;min-width: auto;padding: 3rem 2rem;background-size: cover;}
.wap_index_shape_wrap .index_shape .title{font-size: 1.8rem;line-height: 2.2rem;text-shadow: 1px 1px 3px #000;}
.wap_index_shape_wrap .index_shape .desc{margin: 1rem 0 2rem;font-size: 1.1rem;line-height: 1.6rem;}
.wap_index_shape_wrap .index_shape {}
.wap_index_shape_wrap .index_shape .common_more{padding: 0.6rem 1rem;font-size: 1.2rem;}

.wap_brands_list_wrap{}
.wap_brands_list_wrap .brands_list_item{height: auto;}
.wap_brands_list_wrap .brands_list_item .brands_logo{width: 26%;}
/* .wap_brands_list_wrap .brands_list_item .brands_logo img{width: 100%;height: 100%;} */
.wap_brands_list_wrap .brands_list_item .brands_banner{flex: 1;}
.wap_brands_list_wrap .brands_list_item .common_more{color: #fff;border-color: #fff;}
.wap_brands_list_wrap .brands_item{margin: 2rem auto;padding-top: 2.3rem;}
.wap_brands_list_wrap .brands_item::before{ right: 0.5rem; top: 0.2rem; height: 2.2rem; width: 100%;}
.wap_brands_list_wrap .brands_item:nth-child(2n) .brands_list_item{flex-direction: row-reverse;}
.wap_brands_list_wrap .brands_item:nth-child(2n) .brands_list_item .common_more{right: auto;left: 10px;}
.wap_brands_list_wrap .brands_item:nth-child(2n)::before {background-position-x: 1rem;}

.wap_pbanner{min-width: auto;width: 100%;}
.wap_pbanner h3{font-size: 1.6rem;margin-bottom: 1rem;}
.wap_pbanner h2{font-size: 1.2rem;}
.wap_pbanner p{margin: 0.5rem auto;}

.wap_detailpage .de-text p{line-height: 1.6rem;font-size: 1rem;}

.wap_brand_banner{width: 100%; height: auto; min-width: auto;}
.wap_brand_banner_slide{width: 100%;background-color: transparent;}
.wap_brand_banner .img{width: 100%;max-width: 100%;}
.wap_brand_banner .brand_banner_tools{ right:0; bottom: 0.5rem; gap: 0.6rem; width: 100%; justify-content: space-between; padding: 0 2rem;}
.wap_brand_banner .brand_banner_tools .common_more{ cursor: pointer; padding: 0.5rem; font-size: 0.9rem; line-height: 1rem;}

.wap_brand_menu{padding: 2.3rem 0 4rem;width: 100%;margin: 3rem 0;background-size: auto 2.3rem;}
.wap_brand_menu .brand_menu_next,.wap_brand_menu .brand_menu_prev{width: 2.6rem;height: 2.6rem;}
.wap_brand_menu .brand_menu_swiper-pagination{bottom: 1.3rem;width: calc(100% - 8rem);}

.wap_locations_wrap{min-width: auto;width: 100%;padding-top: 3rem;background-size: auto 2.6rem;}
.wap_locations_wrap .locations_style_left_right{flex-direction: column;}
.wap_locations_wrap .locations_style_left_right .locations_address_list{width: 100%;}
.wap_locations_wrap .locations_style_up_down .locations_address_item{width: 100%;padding-right: 0;}


/* contact */
.contact_wap{ display: flex; }
.contact_wap .contact_left{display: flex;flex-direction: column;width: 40%;padding:4rem 2.5rem 2rem;background: #ccc url(../images/gray_bg.png) center repeat;}
.contact_wap .contact_right{flex: 1;padding: 4rem 2.5rem;}
.contact_address_list{}
.contact_address_list .locations_address_item{padding: 20px 0 20px;width: 100%;border-bottom: 2px solid rgba(204, 204, 204, 0.6);background: none;}
.contact_address_list .locations_address_item .address_info{background: url(../images/icon_location.png) left top / 30px auto no-repeat;padding: 4px 36px;min-height: 32px;}
.contact_address_list .locations_address_item:last-child{border-bottom: 0 none;margin-bottom: 0;/* padding-bottom: 0; */}

.contact_form{display: flex;flex-direction: column;gap: 5px;}
.contact_form .label{font-size: 16px;color: #666;line-height: 22px;display: inline-block;margin-bottom: 8px;}
.contact_form .input_input,
.contact_form .input_textarea{display: block;font-size: 14px;color: #000;line-height: 22px;padding: 8px 12px;width: 100%;background: #fff;border: 1px solid #E0E0E0;margin-bottom: 12px;resize: none;}
.input_input.error, .input_textarea.error {border-color: #f00;}
.contact_form .input_textarea{height: 200px;}
.contact_form .input_sub{border: 1px solid #666;color: #666;padding: 6px 12px;font-size: 14px;line-height: 20px;cursor: pointer;}
.form_item_button{display: flex;align-items: center;justify-content: end;}
.visit_title{margin-bottom: 0;}
.visit_title i{color: #ff5200; font-style: italic;}

.wap_contact_wap{flex-direction: column;}
.wap_contact_wap .contact_left{width: 100%;}