@import url("../libs/toastr/toastr.min.css");
@import url("../libs/fastadmin-layer/dist/theme/default/layer.css");
@import url("../libs/nice-validator/dist/jquery.validator.css");

@import url("../../web/css/amazeui.min.css");
@import url("../../web/css/iconfont.css");
.layui-layer {-webkit-transition: 0s; transition: 0s;}
img.lazy,img.lazyv,img.swiper-lazy{opacity: 0;-webkit-transition: 0s; transition: 0s;}
img.loaded,img.swiper-lazy-loaded{opacity: 1}
.maxLineTwo {
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.m-0 {
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.m-1 {
  margin-top: 5px !important;
  margin-right: 5px !important;
  margin-bottom: 5px !important;
  margin-left: 5px !important;
}
.mt-1 {
  margin-top: 5px !important;
}
.mr-1 {
  margin-right: 5px !important;
}
.mb-1 {
  margin-bottom: 5px !important;
}
.ml-1 {
  margin-left: 5px !important;
}
.mx-1 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.my-1 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.m-2 {
  margin-top: 10px !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
}
.mt-2 {
  margin-top: 10px !important;
}
.mr-2 {
  margin-right: 10px !important;
}
.mb-2 {
  margin-bottom: 10px !important;
}
.ml-2 {
  margin-left: 10px !important;
}
.mx-2 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.my-2 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.m-3 {
  margin-top: 15px !important;
  margin-right: 15px !important;
  margin-bottom: 15px !important;
  margin-left: 15px !important;
}
.mt-3 {
  margin-top: 15px !important;
}
.mr-3 {
  margin-right: 15px !important;
}
.mb-3 {
  margin-bottom: 15px !important;
}
.ml-3 {
  margin-left: 15px !important;
}
.mx-3 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.my-3 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.m-4 {
  margin-top: 20px !important;
  margin-right: 20px !important;
  margin-bottom: 20px !important;
  margin-left: 20px !important;
}
.mt-4 {
  margin-top: 20px !important;
}
.mr-4 {
  margin-right: 20px !important;
}
.mb-4 {
  margin-bottom: 20px !important;
}
.ml-4 {
  margin-left: 20px !important;
}
.mx-4 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.my-4 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.p-0 {
  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.p-1 {
  padding-top: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 5px !important;
}
.pt-1 {
  padding-top: 5px !important;
}
.pr-1 {
  padding-right: 5px !important;
}
.pb-1 {
  padding-bottom: 5px !important;
}
.pl-1 {
  padding-left: 5px !important;
}
.px-1 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.py-1 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.p-2 {
  padding-top: 10px !important;
  padding-right: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
}
.pt-2 {
  padding-top: 10px !important;
}
.pr-2 {
  padding-right: 10px !important;
}
.pb-2 {
  padding-bottom: 10px !important;
}
.pl-2 {
  padding-left: 10px !important;
}
.px-2 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.py-2 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.p-3 {
  padding-top: 15px !important;
  padding-right: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 15px !important;
}
.pt-3 {
  padding-top: 15px !important;
}
.pr-3 {
  padding-right: 15px !important;
}
.pb-3 {
  padding-bottom: 15px !important;
}
.pl-3 {
  padding-left: 15px !important;
}
.px-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.py-3 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.p-4 {
  padding-top: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 20px !important;
}
.pt-4 {
  padding-top: 20px !important;
}
.pr-4 {
  padding-right: 20px !important;
}
.pb-4 {
  padding-bottom: 20px !important;
}
.pl-4 {
  padding-left: 20px !important;
}
.px-4 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.py-4 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Write your styles */
html,body{ font-family: Arial, Helvetica, sans-serif !important; overflow-x:hidden; position:relative;}
html *,html *:before,html *:after {-webkit-transition: 0.5s; transition: 0.5s;}
input,textarea,select,a:focus {outline: none;}
ul{ list-style:none;}
i,cite{ font-style:normal !important;}
b{ font-weight:normal !important;}
a{color:#333;}
a:focus, a:hover{color:#ff6600;}
.cu{font-weight: bold !important; }
.left_dq{ text-align: left !important; letter-spacing: 1px;}
.grey_bg{ background:#f6f6f6 !important;}
.gray_bg{ background:#f5f7f9 !important;}
.orange{ color: #ff6600 !important;}
.white{ color: #fff !important;}
.border01{border-bottom: 1px solid #ddd; }
.orange_bg{ background: #ff6600 !important;}
.orange_bg01{ background: #f6f1ee !important;}
.orange_bg02{ background: #9d6139 !important;}
.noborder{ border:none !important;}
.noborder_bottom{ border-bottom:none !important;}
.more{ display:table; margin:10px auto !important;text-align:center; background:url(../../web/images/more_bg.jpg) no-repeat center 115%,linear-gradient(to bottom, #f5f5f5 , #fefefe); color:#bbb; font-size:16px; letter-spacing:1px; padding:15px 50px; cursor:pointer; }
.more:hover{  color:#333;  background:url(../../web/images/more_bg.jpg) no-repeat center bottom,linear-gradient(to bottom, #fff , #fff); background-size:100% 3px; }
.clear{ clear:both !important;}
.width1200{width:100%; padding:0 20px !important; margin:0 auto; display:block; position:relative;}
@media screen and (max-width:1279px){
.width1200{ width:100%; padding:0 10px !important; margin:0 auto; display:block; }
.more001{ display:table !important; margin:10px auto !important;text-align:center; background:#fff; border:1px solid #e5e5e5; color:#777; border-radius: 80px; font-size:16px; letter-spacing:1px; padding:10px 50px; cursor:pointer; }
.more001:hover{  color:#ff6701; border:1px solid #ff6701; }
}

.width5{ width: 5%!important;}
.width10{ width: 10%!important;}
.width15{ width: 15%!important;}
.width20{ width: 19%!important;}
.width25{ width: 24%!important;}
.width30{ width: 30%!important;}
.width33{ width: 32%!important; position:relative;}
.width36{ width: 36%!important;position:relative;}
.width40{ width: 40%!important;}
.width45{ width: 44%!important;}
.width50{ width: 49%!important;}
.width60{ width: 58%!important;}
.width80{ width: 78%!important;}
.width90{ width: 88%!important;}
.width100{ width: 100%!important;}
.width1600{ max-width:1600px !important; min-width: 1240px; width: 100%; margin-left: auto; margin-right: auto;}
.width1000{ max-width:1280px !important; width: 100%; margin-left: auto; margin-right: auto;}
.padding_left30{ padding: 0 0 0 30px!important;}
@media screen and (max-width:1279px){
.width1600{ max-width:100% !important; min-width:100%; width: 100%; margin-left: auto; margin-right: auto;}
.width5{ width: 100%!important;}
.width15{ width: 100%!important;}
.width80{ width: 100%!important;}

.width20{ width: 100%!important;}
.width25{ width: 100%!important;}
.width33{ width: 100%!important;}
.width36{ width: 100%!important;}
.width40{ width: 100%!important;}
.width45{ width: 100%!important;}
.width50{ width: 100%!important;}
.width60{ width: 100%!important;}
.width90{ width: 100%!important;}
.padding_left30{ padding: 0 !important;}
}

.empty{ padding:0; margin:0; }
.blank0{clear:both;display:block;font-size:1px;visibility:hidden;height:0;line-height:0;}
.blank1_gray{clear:both;display:block;font-size:1px;overflow:hidden;height:1px; background: #545454;}
.blank1_gray01{clear:both;display:block;font-size:1px;overflow:hidden;height:1px; background: #888;}
.blank1_gray02{clear:both;display:block;font-size:1px;overflow:hidden;height:1px; background: #ddd;}
.blank5{clear:both;display:block;font-size:1px;overflow:hidden;height:5px;}
.blank8{clear:both;display:block;font-size:1px;overflow:hidden;height:8px;}
.blank10{clear:both;display:block;font-size:1px;overflow:hidden;height:10px;}
.blank12{clear:both;display:block;font-size:1px;overflow:hidden;height:12px;}
.blank15{clear:both;display:block;font-size:1px;overflow:hidden;height:15px;}
.blank20{clear:both;display:block;font-size:1px;overflow:hidden;height:20px;}
.blank25{clear:both;display:block;font-size:1px;overflow:hidden;height:25px;}
.blank28{clear:both;display:block;font-size:1px;overflow:hidden;height:28px;}
.blank30{clear:both;display:block;font-size:1px;overflow:hidden;height:30px;}
.blank35{clear:both;display:block;font-size:1px;overflow:hidden;height:35px;}
.blank40{clear:both;display:block;font-size:1px;overflow:hidden;height:40px;}
.blank45{clear:both;display:block;font-size:1px;overflow:hidden;height:45px;}
.blank50{clear:both;display:block;font-size:1px;overflow:hidden;height:50px;}
.blank60{clear:both;display:block;font-size:1px;overflow:hidden;height:60px;}
.blank70{clear:both;display:block;font-size:1px;overflow:hidden;height:70px;}
.blank80{clear:both;display:block;font-size:1px;overflow:hidden;height:80px;}
.blank100{clear:both;display:block;font-size:1px;overflow:hidden;height:100px;}

.flex01{ display: flex; align-items: center; justify-content: space-between; height: 100%; position: relative;}
.flex01a{ display: flex; align-items: center; justify-content: space-between; position: relative;}
.flex01a2{ display: flex; align-items: center; justify-content: space-between; position: relative;float: left;}
.flex01b{ display: flex; align-items: flex-start; justify-content: space-between; position: relative;}
.flex01c{ display: flex; align-items: center; justify-content: center; position: relative;}
.flex01d{ display: flex; align-items: center; justify-content: flex-start; position: relative;}
.flex01e{ display: flex; align-items: flex-start; justify-content: center; position: relative;}
.flex02{ display: flex; align-items: flex-start; justify-content: space-between; height: 100%; position: relative;}
.flex03{ display: flex; align-items: center; justify-content:flex-end; height: 100%; position: relative;}

header{ border-top: 4px solid #ff6600; background:#fff !important;z-index:9990 !important; position: relative;width:100%; }
.menu-box{ width:100%; height:120px;vertical-align:middle; background:none; z-index:9999; position: absolute; }
.sticky{ position: fixed;height:80px; background:#fff;  z-index:1020 !important; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.menu-box .logo{ background:url(../../web/images/logo.png) no-repeat; background-size:100% auto; width:164px; height:44px; overflow:hidden; margin:30px 0 0 0;}
.sticky .logo{ background:url(../../web/images/logo.png) no-repeat;background-size:100% auto;width:111px; height:30px;margin:20px 0 0 0;}
.logo_nei{ background:url(../../web/images/logo01.png) no-repeat;background-size:100% auto; width:178px; height:50px; overflow:hidden; margin:7px 0 0 0;}
.menu-box .menu{ display: block; margin:0 0 0 50px;}
.sticky .menu{ display: block; margin:0 0 0 50px;}
.menu li{ margin:0 !important; padding:0 !important;position: relative !important; z-index: 100;}
.menu li:after{ content: ""; display: block; position: absolute; bottom: 2px; width: 100%; left: 0; height: 2px; background:#fff ; }
.menu-box .menu li a{letter-spacing: 0.5px; text-transform: uppercase; letter-spacing: 0.5px; line-height:118px; height:118px; font-size:15.5px; color:#6e5a50; padding:0 15px; margin:0 auto; width: auto; display:inline-block; background:none !important;} 
.sticky .menu li a{letter-spacing: 0.5px;text-transform: uppercase; letter-spacing: 0.5px; line-height:78px; height:78px; font-size:15.5px; color:#6e5a50; padding:0 15px; margin:0 auto; width: auto; display:inline-block; background:none !important;} 
.menu .am-active a{ color: #ff6600!important; }
.menu li a:hover{ color: #ff6600; }
.menu li:hover:after{ content: ""; display: block; position: absolute; bottom: 2px; width: 100%; left: 0; height: 2px; background:#ff6600 ; }
.menu-box .menu li:hover .menu_child{  top:116px; display:block; opacity: 1; height: auto; }
.sticky .menu li:hover .menu_child{  top:76px; display:block; opacity: 1;  height: auto; }
.menu-box .menu_child{ z-index: 10; opacity: 0; width:200px !important; height:1px; background:#fff;  z-index:1022!important; display: block; position: absolute; top:20px; overflow:hidden;text-align:center;}
.sticky .menu_child{z-index: 10; opacity: 0; width:200px !important; height:1px; background:#fff;  z-index:1022!important; display: block; position: absolute; top:20px; overflow:hidden;text-align:center;}
.menu_child ol{ margin:0 !important; padding:5px 0 !important;}
.menu_child li{ margin:0 !important; padding:0 !important; overflow:hidden; line-height:40px !important;}
.menu_child li:hover:after{ display: none !important;}
.menu_child a{ display: block!important; background:none !important;letter-spacing: 0.5px; font-size:15px !important; line-height:26px !important; height:26px !important; font-style:normal; padding:0 20px !important;text-align: left; color:#666 !important; margin:0 !important; border:none !important;}
.menu_child a:hover{background:#fff !important; color:#ff6600 !important; }
.menu .am-active .menu_child a{ color: #666!important;}
.menu .am-active .menu_child a:hover{ color: #ff6600!important;}

.menu-box .top_r{ display: flex; align-items: flex-start; justify-content: flex-end; height:120px;}
.sticky .top_r{ display: flex; align-items: flex-start; justify-content: flex-end; height:80px;}
.menu-box .top_r_item{ margin:0 0 0 30px; cursor: pointer; position: relative;height: 100%; line-height: 120px;}
.sticky .top_r_item{ margin:0 0 0 30px; cursor: pointer; position: relative;height: 100%; line-height: 80px;}
.top_r_item #top_gwc:after{ content: ""; position: absolute; right: 0px; top: 35%; width: 6px; height: 6px; border-radius: 500px; background: #ff6600;}
.top_r_item i{ color: #383838; font-size: 20px;}
.top_r_item span{ color: #383838; font-size: 14px; line-height: 40px; font-weight: 200 !important;}
.menu-box .top_r_item_child{opacity: 0; width:100px !important; height:auto; background:#fff;  z-index:1022!important; display: block; position: absolute; top:85px; right: 0; overflow:hidden;text-align:center;}
.sticky .top_r_item_child{opacity: 0; width:100px !important; height:auto; background:#fff;  z-index:1022!important; display: block; position: absolute; top:72px; right: 0; overflow:hidden;text-align:center;}
#top_yuyan:hover:after{ content: ""; display: block; position: absolute; bottom: 20px; width: 100%; left: 0; height: 2px; background:#ff6600 ; }
.menu-box .top_r_item:hover .top_r_item_child{ display:block;top:85px;opacity: 1; }
.sticky .top_r_item:hover .top_r_item_child{ display:block;top:72px;opacity: 1; }
.top_r_item_child a{ display: block!important; background:none !important; font-size:14px !important; line-height:36px !important; height:36px !important; font-style:normal; padding:0 20px !important;text-align: center; color:#666 !important; margin:0 !important; border:none !important;}
.top_r_item_child a:hover{background:#ff6600 !important; color:#fff !important; }

#sousuo_k{ width: 260px !important; position: absolute; right:0; top: -5px; width: 100%; z-index: 999 !important; background: #fff !important; display: flex;align-items: center; justify-content: space-between;}
#sousuo_k input{ width: 85%; border: none; background: #fff !important; border-bottom: 1px solid #ddd; height: 44px; line-height: 44px; font-size: 14px; color: #545454;}
#sousuo_k i{ display: block; width: 20px !important;}

.menu_nei{ height:100px;line-height:100px; text-align:center; float:right;}
.menu_nei li{ margin:0 !important; padding:0 !important;position: static !important;}
.menu_nei li a{ line-height:3rem; height:3rem; font-size:15px; color:#555 !important; padding:0 30px; margin:0 auto; width: auto; display:inline-block; background:none !important;} 
.menu_nei .am-active a{ font-weight:bold; }
.menu_nei li a:hover{ font-weight:bold; }

input::-webkit-input-placeholder{color: #888; font-size: 14px;}
@media screen and (max-width:1279px){
.flex01a{ display: flex; align-items: center; justify-content: space-between; position: relative;flex-wrap: wrap;}

.flex01b{ display: flex; align-items: flex-start; justify-content: space-between; position: relative; flex-wrap: wrap;}

.top_r_item{ margin:0 20px 0 0; cursor: pointer; position: relative;height:auto; line-height:normal;}
.top_r_item i{ color: #777; font-size: 30px;}
.top_r_item #top_gwc:after{ content: ""; position: absolute; right: 0px; top: 5%; width: 6px; height: 6px; border-radius: 500px; background: #ff6600;}
.logo{ width:22%; height:auto;}
.am-offcanvas{ z-index:9999; }
header{ width:100%; height: auto !important;vertical-align:middle; overflow:hidden; background:#fff !important; line-height:0; padding:0px 0px 5px 10px !important;}
.ico_menu{ padding-top:0; right:0 !important;}
.ico_menu img{ width:70% !important; max-width:100% !important; height:auto !important; margin:0 !important; padding-right:0px;}
.menu_m{ padding:1em 0.5em !important; float:none !important; }
.menu_m li dd{ padding: 1rem 0 !important;}
.menu_m li{ background:none !important; border-bottom:1px solid #444 !important; border:none; text-align:center;  width:100% !important; display:block !important; padding:0; overflow:hidden; }
.menu_m li a{ font-size:1.4rem; color:#777; display:block;  width:100%; line-height:1rem ; padding:1.5rem 0;}
.menu_m li .active{background-color:#1bc2ff; color:#FFF;}
.menu_m li a i{ font-size:2rem; padding:0 5px 0 0; color:#f8c300;}
.menu_m .am-accordion-title{color:#777 !important; display:block; text-align: center; font-size:1.4rem !important; padding:0 !important }
.menu_m .am-accordion-title:before{ display:none !important;}
.menu_m li dd a{ font-size:1.2rem !important; padding:1rem 0 !important;}
.menu_bg{width:40%; background-color:#333; padding-top:20px !important;}
.menu_bg .am-offcanvas-content{ margin:0 !important; padding:0 !important;}
input::-webkit-input-placeholder{color: #888; font-size:12px !important;}
}

.banner{ width:100% !important;  overflow:hidden; display: block;  position: relative; margin: 100px 0 0 0;aspect-ratio: 190/74;}
.banner .am-viewport{ width:100% !important; height:100% !important; overflow:hidden;}
.banner .am-slides,.banner .am-slides li{ height:100% !important;}
.banner img{ width:100% !important; height: auto !important;}
.banner .am-next{ background:url(../../web/images/ico_right.png) no-repeat center center; width:64px !important; height:64px !important; opacity:1 !important;  }
.banner .am-prev{ background:url(../../web/images/ico_left.png) no-repeat center center; width:64px !important; height:64px !important;opacity:1 !important;}
.banner .am-next:before{ display:none !important;}
.banner .am-prev:before{ display:none !important;}
.am-control-nav{bottom:2rem !important; z-index:990 !important;}
.banner .am-control-nav a{ display:block; width:10px !important; height:10px !important; border-radius:30px !important; background-color:#FFF !important; border:0px solid #eee !important; box-shadow:none !important; }
.banner .am-control-nav .am-active{ background: linear-gradient(to right, #ff6600 , #ff6600); width:60px !important; }
@media screen and (max-width:1279px){
.banner{ width:100% !important; height:auto !important; margin: 0;}
.banner img{ width: 100% !important; object-fit: cover; height:auto !important; margin:0;}
.am-control-nav{bottom:0.5rem !important; z-index:990 !important;}
.banner .am-control-nav a{ display:block; width:8px !important; height:8px !important; border-radius:30px !important; background-color:#FFF !important; border:0px solid #eee !important; box-shadow:none !important; }
.banner .am-control-nav .am-active{ background-image: linear-gradient(to right, #ff6600 , #ff6600); width:30px !important; }
}

.title01{ line-height: 16px; display: block !important;  margin:0 auto 20px auto !important; position:relative;}
.title01 b{ padding: 0 0 20px 0; display: block; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size: 28px;}
.title01 b:after{ content: ""; position: absolute; bottom: 0; left: 0; border-radius: 50px; width: 36px; height: 2px; background: #202627;}
.title01a{ display: flex;!important; align-items: flex-end; justify-content: space-between; position:relative;}
.title01a b{ padding: 0 0 5px 0; display: table; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size: 28px;}
.title01a b:after{ content: ""; position: absolute; bottom: 0; left:0; border-radius: 50px; width: 36px; height: 2px; background: #202627;}
.title01a a{font-size: 16px; color: #ff6600; }
.title01a a:after{ content:"→"; display: inline-table; vertical-align: middle; margin: 0 0 0 5px;}
.title01a a:hover{ margin: 0 10px 0 0;}
.title01b{ line-height: 24px; display: block !important;  margin:0 auto !important; position:relative;}
.title01b b{ padding: 0 0 20px 0; display: block; font-weight: bold !important; text-align: center; position: relative; margin: 0 auto; color: #202627; text-transform: capitalize; font-size: 32px;}
.title01b b:after{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 50px; width: 36px; height: 2px; background: #202627;}
.title01b span{ display: block; text-align: center; line-height: 24px; margin:20px auto 0 auto; font-size: 16px; color: #5a5a5a;}
.title01c{ line-height: 16px; display: table !important;  margin:0 auto 20px auto !important; position:relative;}
.title01c b{ padding: 0 0 20px 0; display: block; font-weight: bold !important; text-align: center; position: relative; margin: 0 auto; color: #202627;  font-size: 32px;}
.title01c b:after{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 50px; width: 36px; height: 2px; background: #202627;}
.title01c span{ display: block; text-align: center; line-height: 24px; letter-spacing: 0.5px; margin:20px auto 0 auto; font-size: 17px; color: #5a5a5a;}

@media screen and (max-width:1279px){
.title01b{ line-height: 24px; display: block !important; margin:0 auto !important; position:relative;}

.title01{ line-height: 16px; display: block !important;  margin:0 auto 20px auto !important; position:relative;}
.title01 b{ padding: 0 0 20px 0; display: block; text-align: center; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size: 28px;}
.title01 b:after{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 50px; width: 36px; height: 2px; background: #202627;}
}

.footer{ background:#353535;  display:block; min-height:100px; overflow:hidden; padding:30px 0 0 0;}
.footer_logo{ padding:0;display: block; margin: 0 auto; width: 146px;}
.footer_logo img{  height: 100%; width: 100%; object-fit: cover;}

.footer_txt{ display:table; margin:20px auto; padding:0;}
.footer_txt b{ font-size:36px; color:#fff; padding:0 5px;}
.footer_txt i{ font-size:24px; color:#fff; padding:0 5px;}
.footer_txt a{ display:table; margin:10px auto 0 auto; background:none; border:1px dashed #fff;padding:10px 35px; text-align:center; color:#fff; border-radius:80px; font-size:14px; letter-spacing:1px;}
.footer_txt a:hover{ color:#555; background:#fff; border:1px solid #fff;}
.footer_right{ padding:0;display: flex; align-items: top; justify-content: flex-start; margin:0;}
.footer_pic_l{ width:auto; display: inline-table; margin:25px 0 0 0; vertical-align:middle;}
.footer_pic_r{ width:33%; margin:0 0 0 40px; text-align: right;}
.footer_pic_r img{ width: 120px; display: table; margin: 0 auto;}
.footer_pic_r span{ display: table; margin:5px auto 0 auto; color: #9f9f9f; font-size: 14px; }
@media screen and (max-width:1279px){
.footer{ background:#353535;  display:block; min-height:100px; overflow:hidden; padding:20px 0 0 0;}
.footer_left{ padding:0;width:100%; text-align: center; margin: 0 auto; display: table;}
.footer_right{ float: inherit !important; padding:20px 0 0 0; overflow: hidden; width: 90%; display: flex; align-items: top; justify-content: space-between; margin:0 auto;}
.footer_pic_r{ width:30%; margin:0;}
.footer_pic_r img{ width:100%; display: table; margin: 0 auto;}
.footer_pic_r span{ display: table; margin:5px auto 0 auto; color: #9f9f9f; font-size: 14px; }
.footer_pic_l{ width:30%; display: inline-table; margin:0 0 20px 0; vertical-align:middle;}
}

.footer_menu{ margin: 0 0 20px 0; display: flex; align-items:flex-start; justify-content:center; width: 100%;}
.footer_menu_item{ margin: 0; width: 20%;}
.footer_menu_title{ display: table; font-weight: bold !important; text-transform: uppercase; margin:0 auto 10px auto; font-size: 15px; color: #727272 !important;}
.footer_menu_link{ display: table; margin: 0 auto; text-align: center; color: #727272; font-size: 15px;}
.footer_menu_link:hover{ color: #ff6600; }
@media screen and (max-width:1279px){
.footer_menu{ margin: 0 0 20px 0; display: flex; align-items:flex-start; justify-content:center; flex-wrap: wrap; width: 100%;}
.footer_menu_item{ width: 40%; margin:5px 10px;}
}

.footer_phone{ display: block; overflow: hidden; width: 300px; text-align: center; margin: 0 auto;}
.footer_phone img{ width: 100%; height: 100%; object-fit: cover;}
.footer_phone span{ font-size: 17px; letter-spacing: 0.2px; text-transform: uppercase; color: #727272; display: block; margin: 0 auto;text-align: center; line-height: 20px;}
.footer_phone b{ font-size: 48px; color: #ff6600; display: block; margin: 0 auto;text-align: center;line-height: 70px;}
@media screen and (max-width:1279px){
.footer_phone{ width:80%; text-align: center; padding:0 0 10px 0;}
.footer_phone span{ font-size: 14px; color: #727272; display: block; margin: 0;text-align: center; line-height: 20px;}
.footer_phone b{ font-size: 30px; color: #ff6600; display: block; margin: 0;text-align: center;line-height: 40px;}
.footer_phone i{ font-size: 14px; color: #9f9f9f; display: block; margin: 0;text-align: center;line-height: 20px;}
}

.foot_copyright{ display: block; text-align: center; letter-spacing: 1px; margin:0 auto; font-size: 14px; padding: 20px 0; color: #727272;}
@media screen and (max-width:1279px){
.foot_copyright{ display: block; text-align: center; margin:0 auto; font-size: 14px; color: #727272;}
}

.br_item{ margin: 0; padding: 0 20px;}
.br_item_pic{ width: 100%; border: 1px solid #ddd; padding:0 30px; display: table; height: 250px; margin: 0 auto 15px auto; position: relative;}
.br_item img{ display: block; max-width: 200px; width: 100%; height: auto; object-fit: cover; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.br_item span{width: 100%;  display: block; margin: 0 auto; letter-spacing: 0.5px; text-align: left; font-size: 17px; color: #545454; line-height: 26px;}

.br_item01{ margin: 0;}
.br_item01 img{ display: block; max-width: 237px; width: 70%; height: auto; object-fit: cover; margin: 0 auto; }
.br_item01 span{ display: block; text-align: justify; font-size: 16px; color: #545454; line-height: 26px;}
	
	
.home_about{ background: #f6f1ee;display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative;overflow: hidden; height:650px !important;}
.home_about_txt{ background: #fff; position: absolute; top: 50%; left: -15%; transform: translateY(-50%); width: 100%; padding: 50px 70px; display: block;}
.home_about_txt:hover{ top: 48%; box-shadow: 0 0 50px rgba(0,0,0,0.2);}
.home_about_txt p{ display: block; font-size: 16px;text-transform:capitalize; letter-spacing: 0.5px; color: #5a5a5a; line-height: 24px; text-align: left; margin: 0 0 15px 0;}
.home_about_btn{ display: flex; align-items: center; justify-content: flex-start; line-height: 24px; background:none; text-align: left; color: #ff6600 !important; font-size: 16px;}
.home_about_btn:hover{  margin: 0 0 0 10px;}
.home_about_btn::after{ content: "→";  margin: 2px 0 0 5px; }
.home_about_l{ width: 65%;height: 100%; position: relative;}
.home_about_r{ width: 35%;height: 100%; position: relative;}
.home_about_l img{ width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width:1279px){
.br_item01{ margin:10px 0; width: 48% !important;}
.br_item01 img{ display: block; max-width: 237px; width: 70%; height: auto; object-fit: cover; margin: 0 auto; }
.br_item01 span{ display: block; text-align: justify; font-size: 16px; color: #545454; line-height: 26px;}
	
.br_item_pic{ width: 100%; border: 1px solid #ddd; padding:30px; display: block; height:100px; overflow: hidden; margin: 10px auto; position: relative;}
.br_item_pic img{ width: 70%; height:auto; }
.home_about{ background: #000;display: block; align-items: center; justify-content: space-between; width: 100%; position: relative;overflow: hidden; height: !important;}
.home_about_l{ width: 100%;height: 100%; position: relative; opacity: 1;}
.home_about_r{ width:90%;height: 90%; position: absolute; top:10%; left:5%; }
.home_about_txt{ background: #fff; position: relative; top:0; left: 0; transform: none; width: 100%; padding:40px 20px; display: block;}
}

.home_pro_sel{ display: flex; align-items: center; justify-content:center; margin: 0 auto; padding: 0; max-width: 1600px; border: 1px solid #ddd;}
.home_pro_sel .active{ background:#ff6600; color: #fff;}
.home_pro_sel a{ width: 25%; border-right: 1px solid #ddd; color: #383838; text-transform: capitalize; display: block; padding: 30px 0; text-align: center;}
.home_pro_sel a:last-child{ border-right: 0px solid #ddd; }
.home_pro_sel a:hover{ background:#ff6600; color: #fff;}

.home_pro_sel01{ display: flex; align-items: center; justify-content:center; margin: 0 auto; padding: 0; max-width: 1600px; border: 1px solid #ddd;}
.home_pro_sel01 .active{ background: #f5f7f9; color: #ff6600;}
.home_pro_sel01 a{ width: 25%; border-right: 1px solid #ddd; color: #383838; text-transform: capitalize; display: block; padding: 18px 0; text-align: center;}
.home_pro_sel01 a:last-child{ border-right: 0px solid #ddd; }
.home_pro_sel01 a:hover{ background: #f5f7f9; color: #ff6600;}

.home_pro{ display: grid; grid-template-columns: repeat(3,1fr); gap:0; margin: 0 auto; width: 100%; padding:0;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.home_pro01{ display: grid; grid-template-columns: repeat(2,1fr); gap:0; margin: 0 auto; width: 100%; padding:0;}
.home_pro_item{ display: block; margin: 0; text-align: center; padding:40px 80px; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;position: relative;}
.home_pro_item_bu{ padding:20px !important;}
.home_pro_item_bu01{ padding:40px !important;}

.home_pro::after {
            content: "";
            flex: auto;
        }
.home_pro_item_main{ width: 100%; display: table; margin: 0 auto;}
.home_pro_item:hover .home_pro_pic img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.home_pro_pic{ width: 100%; height:auto; display: block; overflow: hidden; aspect-ratio: 3/3.6;}
.home_pro_pic img{ width: 100%  !important; height: 100%; object-fit: cover;}

.home_pro_item:hover .home_pro_pic01 img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.home_pro_pic01{ width: 100%; height: auto; aspect-ratio: 5/3; display: block; overflow: hidden;}
.home_pro_pic01 img{ width: 100%  !important; height: 100%; object-fit: cover;}

.home_pro_item:hover .home_pro_pic02 img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.home_pro_pic02{ width: 100%; height: 480px; display: block; overflow: hidden;}
.home_pro_pic02 img{ width: 100% !important; height: 100%; object-fit: cover;}

.home_pro_item:hover .home_pro_pic03 img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.home_pro_pic03{ width: 100%; height: auto; display: block; overflow: hidden;}
.home_pro_pic03 img{ width: 100%  !important; height:auto; object-fit: cover;}

.home_pro_item01{width: 30%; display: block; margin: 0; text-align: center; }
.home_pro_item01:hover .home_pro_pic04 img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.home_pro_pic04{ width: 100%; height:auto;aspect-ratio: 3/3.6; display: block; margin: 0; overflow: hidden;}
.home_pro_pic04 img{ width: 100% !important; height: 100%; object-fit: cover;}

.nei_pro_banner{ display: block; width: 100%;overflow: hidden; position: relative;}
.nei_pro_banner img{ width:100% !important; height:auto; object-fit: cover; position: relative; z-index: 1;}
.nei_pro_banner_dot{ padding: 5px 15px; position: absolute; color: #fff !important; font-size: 18px; text-transform: capitalize; z-index: 100; display: flex; align-items: center; justify-content: flex-start;}
.nei_pro_banner_dot i{ position: relative; font-size: 18px; font-weight: 200; padding: 0; display: flex;align-items: center;justify-content: flex-end;}
.nei_pro_banner_dot i:after{ content: ""; width: 36px; height: 1px; border-bottom: 1px dashed #fff; margin: 0 5px 0 1px;}
.nei_pro_banner_dot:hover{ background: rgba(255,102,0,0.7); border-radius: 5px; margin: -5px 0 5px 0;}
.nei_pro_banner .active{background: rgba(255,102,0,0.7); padding: 5px 15px; position: absolute; color: #fff !important; font-size: 16px; text-transform: capitalize; z-index: 100; display: flex; align-items: center; justify-content: flex-start;}
.dot01{ left: 23%; top: 200px;}
.dot02{ left: 500px; top:120px;}
.dot03{ left: 350px; bottom: 80px;}
.dot04{ right: 160px; bottom: 40px;}

.nei_map{ display: block; margin: 0 auto; max-width: 1600px; width: 100%;overflow: hidden;}
.nei_map img{ width:auto !important; height:auto; object-fit: cover;}

.home_pro_title{ display: table; font-weight: bold !important; margin: 10px auto; font-size: 17px; color: #333; position: relative; padding:0;}
.home_pro_tip{ display: table; margin: 0 auto; font-size: 14px; letter-spacing: 0.5px; color: #555;}
.home_pro_more{ border: 1px solid #e5e5e5; background: #fafafa; border-radius: 2px; padding: 10px 20px; margin: 10px 0 0 0; display: block; width: 49%; line-height: 26px;text-align: center; color: #555 !important; font-size: 14px;}
.home_pro_more:hover{  margin: 5px 0 5px 0;}
.home_pro_more i{ display: table; margin: 0 auto; font-size: 24px;}
.home_pro_more01{ border: 1px solid #ff6600; border-radius: 2px; padding: 10px 20px; margin: 10px auto; display: block; width: 45%; line-height: 26px;text-align: center; color: #ff6600 !important; font-size: 14px;}
.home_pro_more01:hover{  background: #ff6600; color: #fff !important;}
.home_pro_more01 i{ display: table; margin: 0 auto; font-size: 24px;}
.home_pro_foot{ display: flex; align-items: center; justify-content: space-between;}

.home_more{ border: 1px solid #ff6600; border-radius: 5px; padding: 0 40px; margin: 10px auto; display: table; height: 44px; line-height: 44px;text-align: center; color: #ff6600 !important; font-size: 16px;}
.home_more:hover{  margin: 5px auto 15px auto;}
.home_more::after{ content: "→";  margin: 2px 0 0 5px; }

.home_more01{ border: 1px solid #ff6600; background: #ff6600; border-radius: 5px; padding: 0 40px; margin: 10px auto; display: table; height: 44px; line-height: 44px;text-align: center; color: #fff !important; font-size: 16px;}
.home_more01:hover{background: #313131;border: 1px solid #313131;}
.home_more01::after{ content: "→";  margin: 2px 0 0 5px; }

.home_khtalk {
	width: 100%; 
	padding: 0; margin: 0 auto;
	background: none;
	border: none;
	box-shadow: none;
}

.home_khtalk .am-viewport {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.home_khtalk ol li {
	padding: 0;
	text-align: center;
}

.home_khtalk .am-slider-carousel {
	border: none !important;
	box-shadow: none;
	padding: 0 60px;
	margin-left: -10px !important;
	overflow: hidden;
	min-height: 180px;
}

.home_khtalk .am-prev { width: 60px !important; height: 60px !important; border-radius: 500px; 
	background: url(../../web/images/ico_left.png) no-repeat center center rgba(0,0,0,0.5); background-size: 60% 60%;
	color: #f6f6f6 !important;
	opacity: 1 !important;
	margin: -70px 0 0 -20px !important;
}

.home_khtalk .am-next {width: 60px !important; height: 60px !important; border-radius: 500px;
	background: url(../../web/images/ico_right.png) no-repeat center center rgba(0,0,0,0.5);background-size: 60% 60%;
	color: #f6f6f6 !important;
	opacity: 1 !important;
	margin: -70px -20px 0 0 !important;
}
.home_khtalk .am-prev:hover { width: 60px !important; height: 60px !important; border-radius: 500px;
	background: url(../../web/images/ico_left.png) no-repeat center center rgba(255,102,0,0.9); background-size: 60% 60%;
	color: #f6f6f6 !important;
	opacity: 1 !important;
	margin: -90px 0 0 -20px !important;
}

.home_khtalk .am-next:hover {width: 60px !important; height: 60px !important; border-radius: 500px;
	background: url(../../web/images/ico_right.png) no-repeat center center rgba(255,102,0,0.9);background-size: 60% 60%;
	color: #f6f6f6 !important;
	opacity: 1 !important;
	margin: -90px -20px 0 0 !important;
}
.home_khtalk .am-prev:before {
	display: none !important;
}
.home_khtalk .am-next:before {
	display: none !important;
}
@media screen and (max-width:1279px){
.home_pro_item{ width:100%; padding: 20px; margin: 0 0 10px 0; text-align: center;}
.home_pro_item_main{ width: 100%; display: table; margin: 0 auto;}
.home_pro{ display: flex; align-items:top; justify-content:flex-start;flex-wrap: wrap; width: 100%; padding: 10px 0;}
}

.home_news{ width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 20px 0;}
.home_news_item{ width: 32%; overflow: hidden; display: block; margin: 0;  background: #fff; position: relative; padding: 0;}
.home_news_item:hover{ margin: -5px 0 5px 0;}
.home_news_main{display: flex; align-items: flex-start; justify-content: space-between; padding: 10px;}
.home_news_pic{ display: block; width: 100%; height: 240px; overflow: hidden;}
.home_news_pic img{ width: 100%; height: 100%; object-fit: cover;}
.home_news_pic:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.home_news_time{ background: #383838; display: table; margin: 0; width: 70px; height: 70px; text-align: center; padding: 10px 0 0 0;}
.home_news_time i{ display: table; margin: 0 auto; color:#ebe6e3; font-size: 24px; line-height: 30px;}
.home_news_time span{ display: table; margin: 0 auto; color:#ebe6e3; font-size: 14px;}
.home_news_txt{ display: block; width: 85%; padding: 0 20px;}
.home_news_txt b{ display: block; height: 48px; overflow: hidden; margin: 0;  text-align: left;  line-height: 24px; font-size: 17px; font-weight: 300; color: #545454;}
.home_news_txt span{ display: block; height: 60px; overflow: hidden; margin:20px 0; text-align: left; line-height: 20px; font-size:14px; font-weight: 300; color: #545454;}
.home_news_more{ width: 140px; margin: 20px 0; display: flex; align-items: center; justify-content: center; height: 40px; line-height: 40px; background: #ff6600; text-align: center; color: #fff !important; font-size: 16px;}
.home_news_more:hover{  margin: 10px 0 30px 0;}
.home_news_more::after{ content: "→";  margin: 2px 0 0 5px; }
.home_news_more:hover::after{ margin: 2px 0 0 20px;}
@media screen and (max-width:1279px){
.home_news_item{ width: 100%; overflow: hidden; display: block; margin: 0 0 20px 0;  background: #fff; position: relative; padding: 0;}

}

.page{ display:flex!important; align-items: center; justify-content: space-between; width: 100%; margin:0 auto;} 
.page ul a{ background: #f0f0f0; width: 40px; height: 40px; text-align: center; border: none; color: #111; padding: 10px; border-radius: 5px;}
.page ul a:hover{background:#ff6600; color: #fff;}
.page .am-active a,.page .am-active a:hover{ background:#ff6600;color: #fff;}
.page_nav{ padding: 10px 35px;background: #f0f0f0; border: none; color: #111; }
.page_nav:hover{ background:#ff6600;color: #fff;}
@media screen and (max-width:1279px){

}

.place{ display: block; border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; padding: 15px 0;}
.place a{ font-size: 16px; color: #aaa; text-transform: capitalize;}
.place i{ font-size: 16px; padding: 0 10px; color: #aaa;}

.about_pic{ display: block; width: 70%; margin: 0 auto;}
.about_pic img{  width: 100%; height: 100%; object-fit: cover; display: block;}
.about_pic01{ display: block; width: 35%; height: auto; aspect-ratio: 4/3; margin: 0 0 0 50px;}
.about_pic01 img{  width: 100%; height: 100%; object-fit: cover; display: block;}
.about_pic02{ display: block; width: 70%; height: auto;  margin: 0 auto;}
.about_pic02 img{  width: 100% !important; height: 100%; object-fit: cover; display: block;}
.about_pic03{ display: block; width: 100%; height: 300px;  margin: 0;}
.about_pic03 img{  width: 100% !important; height: 100% !important; object-fit: cover; display: block;}

.about_tip{ color:#ff6600; display: table; letter-spacing: -1.5px; line-height: 24px; font-size: 30px; font-weight: bold; margin: 0 auto;}
.about_tip01{ color:#ff6600; display: table; letter-spacing: -1.5px; line-height: 24px; font-size: 44px; font-weight: bold; margin: 0;}
.about_tip02{ color:#ff6600; display: table; letter-spacing: -1.5px; line-height: 36px; font-size: 44px; font-weight: bold; margin: 0;}

@media screen and (max-width:1279px){
.about_pic02{ display: block; width: 100%; height: auto;  margin: 0 auto;}
.about_pic02 img{  width: 100% !important; height: 100%; object-fit: cover;margin:5px 0 !important; display: block;}

.about_pic03{ display: block; width: 100%; height:auto;  margin:10px 0;}
.about{ display: block; padding: 20px; font-size: 16px; line-height: 36px; text-align: justify; color: #777;}
.about_shiming_item{ width: 100%; padding: 0 0 50px 0;}
.about_pic img{  width: 90%; margin: 20px auto; display: block;}
}

.honor{ padding:50px 0;}
.honor .am-gallery-title{ text-align: center; font-size: 18px;}
.honor .am-gallery-item{ padding: 0; margin: 0 auto; width: 95%; display: table;}
.honor ul li{ margin: 0 0 40px 0;}
.am-pureview-direction a:before{ content: "◀"!important; font-size: 48px;}
.am-pureview-direction .am-pureview-next a:before{content: "▶"!important;}
@media screen and (max-width:1279px){
.honor{ padding:0;}
.honor .am-gallery-item{ padding: 0; margin: 0 auto; width: 100%; display: table;}
.honor ul li{ margin: 0 0 10px 0;}
}

.history{ display: flex; flex-wrap: wrap; align-items: top; justify-content: space-between; width: 100%; position: relative; min-height: 100px;}
.history::before{ content: ""; position: absolute; z-index: 100; top:0; left: 50%; transform: translateX(-50%); width: 30px; height: 30px; background: #c3c3c3; border-radius: 80px;}
.history::after{ content: ""; position: absolute; z-index: 99; top:30px; left: 50%; transform: translateX(-50%); width: 1px; height:100%; background: #b1b1b1; }
.history_l{ width: 50%;}
.history_r{ width: 50%; padding: 50px 0 0 0;}
.history_l .history_item{ background: #fff; border-radius: 5px; padding: 30px; width: 92%; margin: 20px 0; position: relative;}
.history_item b{ display: table; font-size: 36px;}
.history_item i{ display: table; font-size: 24px; margin: 5px 0; color: #111;}
.history_item span{ display: table; text-align: justify; font-size: 16px; line-height: 30px; color: #777;}
.history_l .history_item::before{z-index: 1002; content: "▶"; position: absolute;top:50%; transform: translateY(-50%); right: -25px; font-size: 60px!important; color: #fff;}
.history_l .history_item::after{z-index: 1002; content: "●"; position: absolute;top:48%; transform: translateY(-50%); right: -62px; font-size: 40px!important; color: #ff6600;}
.history_r .history_item{ background: #fff; border-radius: 5px; padding: 30px; width: 92%; margin: 20px 0; position: relative; float: right;}
.history_r .history_item::before{z-index: 1002; content: "◀"; position: absolute;top:50%; transform: translateY(-50%); left: -25px; font-size: 60px!important; color: #fff;}
.history_r .history_item::after{z-index: 1002; content: "●"; position: absolute;top:48%; transform: translateY(-50%); left: -62px; font-size: 40px!important; color: #ff6600;}
@media screen and (max-width:1279px){
.history::before,.history::after,.history_l .history_item::before,.history_l .history_item::after,.history_r .history_item::before,.history_r .history_item::after{ display: none;}
.history_l{ width: 100%;}
.history_r{ width: 100%; padding: 0;}
.history_l .history_item{ background: #fff; border-radius: 5px; padding: 10px 30px 20px 30px; width: 100%; margin: 20px 0; position: relative;}
.history_r .history_item{ background: #fff; border-radius: 5px; padding: 10px 30px 20px 30px; width: 100%; margin: 20px 0; position: relative; float: right;}
}

.news{ display: block; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.news_item{position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 0 0 50px 0; margin: 0 0 50px 0; border-bottom: 1px solid #ddd;}
.news_pic{ width: 25%; height:auto; display: block; overflow: hidden;}
.news_pic img{ width: 100%; height: 100%;}
.news_item:hover{ margin: -10px 0 40px 0;}
.news_item:hover .news_pic img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.news_txt{ width: 65%; padding: 0 0 0 80px; height: 100%;}
.news_txt b{ display: block; margin: 0 auto 20px auto; line-height: 36px; height: 72px; overflow: hidden; letter-spacing: 0px; font-size: 26px; color: #333;}
.news_txt span{ display: block; height: 78px; width: 100%; overflow: hidden; margin: 0 auto; text-align: left; letter-spacing: 0px; font-size: 17px; line-height: 26px; color: #777;}
.news_time{ text-align: center; letter-spacing: 1px; font-size: 16px; color: #383838; width: 10%; display: block; margin: 0 auto; line-height: 40px;}
.news_time b{ display: table; margin: 0 auto; font-weight: bold !important; font-size: 64px !important;}

.news_show{ display: block; margin: 0 auto;}
.news_show video{ display: block; margin: 0 auto;}
.news_show .info{ display: block; line-height: 26px; margin: 0 0 8px 0; letter-spacing: 0.5px; color: #5a5a5a; text-align: left; font-size: 17px;}
.news_show img{ display: block; margin: 20px auto; width: 70%; height: auto; object-fit: cover;}
.news_show_title{width: 80%; display: block; text-align: center; margin: 0 auto 10px auto; text-transform: capitalize; text-align: center; padding: 0;}
.news_show_title b{ display: block; text-align: center; letter-spacing: 1px; font-size: 36px; color: #111; line-height: 40px;}
.news_show_title i{ display: block; text-align: center; font-size: 16px; color: #777; margin: 15px 0 0 0;}
@media screen and (max-width:1279px){
.news_show_title{width: 100%; display: block; text-align: center; margin: 10px auto; text-transform: capitalize; text-align: center; padding: 0;}
.news_show_title b{ display: block; text-align: center; letter-spacing: 1px; font-size: 26px; color: #111; line-height: 32px;}
.news_show_title i{ display: block; text-align: center; font-size: 16px; color: #777; margin: 15px 0 0 0;}

.news_item{position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #ddd;}
.news_time{position: absolute; padding: 10px 0 0 0; left: 2px; top:2px; background: rgba(255,255,255,0.9); text-align: center; letter-spacing: 1px; font-size: 14px; color: #383838; width: 80px; display: block; margin: 0 auto; line-height: 26px;}
.news_time b{ display: table; margin: 0 auto; font-weight: bold !important; font-size: 36px !important;}

.news_show img{ display: block; margin: 20px auto; width: 100%; height: auto; object-fit: cover;}
.news_txt b{ display: block; margin: 10px auto; line-height: 28px; height: 56px; overflow: hidden; letter-spacing: 0px; font-size: 22px; color: #333;}
.news_txt span{ display: block; height: 60px; width: 100%; overflow: hidden; margin: 0 auto; text-align: left; letter-spacing: 0px; font-size: 14px; line-height: 20px; color: #777;}

.news_show video{ display: block; margin: 0 auto; width: 100%;}
.news_pic{ width:100%; height: 200px; display: block; overflow: hidden;}
.news_txt{ width: 100% !important;padding: 0; height:auto;}
.news_pic img{ width: 100%; height: auto; object-fit: cover;}
}

.updown{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.updown_l{ border-radius: 5px; width: 50%; padding: 30px; text-align: left; font-size: 16px; color: #383838;}
.updown_l::before{ content: "\e67c";font-family: "iconfont" !important; display: inline-table;  margin: -5px 10px 0 0; font-size: 20px; vertical-align: middle;}
.updown_r{border-radius: 5px; width: 50%; padding: 30px; text-align: right; font-size: 16px; color: #383838;}
.updown_r::after{ content: "\e65f";font-family: "iconfont" !important; display: inline-table;  margin: -5px 0 0 10px; font-size: 20px; vertical-align: middle;}
.updown a:hover{ background: #ff6600; color: #fff;}
@media screen and (max-width:1279px){
.updown_l{ width: 100%; padding:0 30px; width: auto; text-align: left; font-size: 16px; color: #383838; border-bottom: 10px solid #fff;}
.updown_r{ width: 100%; padding:0 30px;width: auto;  text-align: left; font-size: 16px; color: #383838;}
.updown{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%;}

}


.jiameng_item{ flex-wrap: wrap; display: flex; align-items: top; justify-content: space-between; width: 100%; border-bottom: 1px solid #ddd; padding: 0 0 30px 0; margin: 0 0 30px 0;}
.jiameng_item_l{ width: 45%; display: flex; align-items: top; justify-content: flex-start;}
.jiameng_item_r{ width: 45%; display: flex; align-items: top; justify-content: flex-end;}
.jiameng_txt{ padding: 0 20px; display: block;}
.jiameng_txt b{ display: table; font-size: 20px; color: #111; margin: 0 0 10px 0;}
.jiameng_txt span{ display: table; font-size: 16px; color: #777; line-height: 30px; text-align: justify;}
@media screen and (max-width:1279px){
.jiameng_item{ flex-wrap: wrap; display: flex; align-items: top; justify-content: space-between; width: 100%; border-bottom:0px solid #ddd; padding: 0; margin: 0 0 10px 0;}
.jiameng_item_l{ width:100%; display: flex; align-items: top; justify-content: flex-start; margin: 0 0 20px 0;}
.jiameng_item_r{ width:100%; display: flex; align-items: top; justify-content: flex-end; margin: 0 0 20px 0;}
}

.jiameng_tabs .am-nav-tabs{ border: none!important;}
.jiameng_tabs .am-nav-tabs li a{ color: #111; font-size: 18px;border: none!important;}
.jiameng_tabs .am-nav-tabs .am-active a,.jiameng_tabs .am-nav-tabs li a:hover{ border: none!important; background: none!important; color: #ff6600!important;}
.jiameng_tabs .am-tabs-bd{border: none!important;}
@media screen and (max-width:1279px){
.jiameng_tabs .am-nav-tabs li a{ color: #111; font-size: 14px;border: none!important;}
.jiameng_tabs .am-nav-tabs{ float: inherit;}
}

.jiameng_tabs_main{ padding: 0!important; display: flex; align-items: top!important; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.jiameng_tabs_main_l,.jiameng_tabs_main_r{ width: 45%;}
.jiameng_tabs_title{ display: table; text-transform: uppercase; line-height: 34px; font-weight: bold; margin: 0 0 20px 0; font-size:36px; color: #111;}
.jiameng_tabs_pic{ width: 100%; height: 340px; display: block; overflow: hidden; margin: 30px 0 0 0!important;}
.jiameng_tabs_pic img{ width: 100%; height: 100%;}
.jiameng_tabs_pic:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.jiameng_tabs_tip{ display: block; position: relative; padding:0 0 10px 0; font-size:30px; margin: 0 0 10px 0;}
.jiameng_tabs_tip:after{ content:""; width:40px; height:1px; background:#ff6600; position:absolute; bottom:0px; display:block; z-index:1; left:0;; }
.jiameng_tabs_txt{ display: block; font-size: 15px; line-height: 30px; text-align: justify; color: #777;}
.jiameng_tabs_more{ margin: 15px 0 0 0; padding: 0 50px; text-align: center; font-size: 15px; color: #fff!important; height: 50px; line-height: 50px; display: table;}
.jiameng_tabs_more:hover{ margin: 10px 0 0 0;}
@media screen and (max-width:1279px){
.jiameng_tabs_main_l{ width: 100%;}
.jiameng_tabs_main_r{ width: 100%; padding: 20px 0 0 0;}
.jiameng_tabs_pic{ width: 100%; height: auto; display: block; overflow: hidden; margin: 30px 0 0 0!important;}
}

.contact{ display: flex; align-items: top; justify-content: space-around; flex-wrap: wrap; width: 100%;}
.contact_item{ width: 25%; padding:15px 20px 30px 10px;}
.contact_item i{ display: table; margin:0 auto 10px auto; font-size: 54px;}
.contact_item b{ display: table; margin:0 auto 20px auto; font-size: 24px;}
.contact_item span{ letter-spacing: 1px; display: table; padding: 0 0 20px 0; text-align: center; position: relative; margin:0 auto; font-size: 14px; line-height: 24px;}
.contact_item span:after{ content:""; width:40px; height:1px; background:#ff6600; position:absolute; bottom:0px; display:block; z-index:1; left:50%; transform: translateX(-50%); }
.w_bg:after{ background:#fff!important; }

.tip_b{ color: #777; font-size: 48px;}
.tip_s{ color: #777; font-size: 16px; display: block; margin: 0 auto; text-align: left; letter-spacing: 1px; max-width: 600px;}
.tip_s01{ color: #777; font-size: 16px; display: table; margin: 0 auto; letter-spacing: 1px; max-width: 600px;}

@media screen and (max-width:1279px){
.contact_item{ width: 100%; padding:20px;}
.tip_b{ color: #777; font-size: 30px;}
.tip_s{ color: #777; font-size: 14px;}
}

.input{ display: block;width: 100%; margin: 30px auto;}
.input01{ display: block;width: 100%; margin:0;}
.input_item{ width: 100%; max-width: 600px; font-size: 15px; margin: 20px auto;}
.input_item input{ width: 100%; height: 60px; line-height: 60px; padding: 0 15px; background: #fff; border: 1px solid #d4d3d3;border-radius: 5px;}
.input_item textarea{ width: 100%; height: 120px; line-height: 30px; padding: 15px; background: #fff; border: 1px solid #d4d3d3;border-radius: 5px;}
.input_item a{ height: 44px; line-height: 44px; padding: 0 40px; display: table; font-size: 16px; margin: 0 auto; text-align: center; border-radius: 5px; }
.input_item01{ width: 100%; max-width: 600px; font-size: 15px; margin:0 0 20px 0;}
.input_item01 input{ width: 100%; height: 60px; line-height: 60px; padding: 0 15px;  background: #fff; border: 1px solid #d4d3d3;border-radius: 5px;}
.input_item01 select{ color: #888; width: 100%; height: 60px; line-height: 60px; padding: 0 15px; background: #fff; border: 1px solid #d4d3d3;border-radius: 5px;}
.input_item01 textarea{ width: 100%; height: 120px; line-height: 30px; padding: 15px; background: #fff; border: 1px solid #d4d3d3;border-radius: 5px;}
.input_item01 a{ width:auto; height: 44px; line-height: 44px; font-size: 16px; padding: 0 40px; display: table; margin: 0 auto; text-align: center;border-radius: 5px;  }
@media screen and (max-width:1279px){
.input_item{ width: 100%; font-size: 15px; margin: 0 0 10px 0;}
}

.zhaopin .am-panel{ border: none!important; background: #f7f7f7; padding:0 10px; margin: 0 0 15px 0;}
.zhaopin .am-panel-bd{ border: none!important;}
.zhaopin .am-panel-hd{ background: none!important;}
.zhaopin .am-panel-title{ position: relative!important;}

.zhaopin_top{ display: flex; align-items: center; justify-content: flex-start;}
.zhaopin_top_title{ padding: 0 0 0 20px;}
.zhaopin_top_title b{ display: table; font-size: 30px; line-height: 40px;}
.zhaopin_top_title span{ display: table;font-size: 15px; color: #777;}
.zhaopin_txt{ display: block; margin: 20px 0 0 0;}
.zhaopin_txt p{ display: block; font-size: 15px; color: #777; line-height: 26px; text-align: justify; margin: 0 0 10px 0;}
.zhaopin_btn::before{ content: "—"!important;}
.qiehuan{ position: absolute; right: 0; top:50%; transform: translateY(-50%);  width: 40px; height: 40px; text-align: center; color: #fff!important; line-height: 40px; font-size: 24px;}
.qiehuan::before{ position: absolute; content: "+"; left: 50%; top:50%; transform: translate(-50%,-50%);}
@media screen and (max-width:1279px){
.zhaopin .am-panel{ border: none!important; background: #f7f7f7; padding: 0px; margin: 0 0 15px 0;}
.zhaopin_top_title b{ display: table; font-size: 16px; line-height: 40px;}
.zhaopin_top_title span{ display: table;font-size: 12px; color: #777;}
}

.filter{ display: block;}
.filter_item{ width: 100%; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; padding: 10px 0; display: flex; align-items:center; justify-content: flex-start; flex-wrap: wrap;}
.filter_item_title{ width: 80px;  font-size: 15px; color: #bbb;}
.filter_item_kind{ width: 90%; display: flex; align-items: center;justify-content: flex-start;}
.filter_item_kind a{ width: 10%; text-align: left; font-size: 15px; color: #555; padding: 0;}
.filter_item_kind a:hover,.filter_item_kind .active{ color: #ff6600;}
.filter_item_btn{display: block; width: 30px; height: 30px; text-align: center; color: #fff!important; line-height: 30px; font-size: 26px; position: relative; float: right;}
.filter_item_btn::before{ position: absolute; content: "+"; left: 50%; top:50%; transform: translate(-50%,-50%);}
.filter_item_jian::before{ content: "-"!important;}
.filter_item_more{ display: none; width: 100%; padding: 0 0 0 87px; align-items: center;justify-content: flex-start; flex-wrap: wrap;}
.filter_item_more a{width: 10%; font-size: 15px; color: #333; padding:8px 0; text-align: left;}
.filter_item_more a:hover,.filter_item_more .active{ color: #ff6600;}
.filter_item_show{ display: flex!important;}
@media screen and (max-width:1279px){
.filter_item_title{ width:100%;  font-size: 15px; color: #bbb;}
.filter_item_kind{ width: 100%; flex-wrap: wrap; display: flex; align-items: center;justify-content: flex-start;}
.filter_item_kind a{ width: 25%; text-align: center; margin: 0 0 10px 0; font-size: 15px; color: #555; padding: 0;}
.filter_item{ width: 100%; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; padding: 10px 0; display: flex; align-items:center; justify-content:center; flex-wrap: wrap;}
.filter_item_more{ display: none; width: 100%; padding: 0 20px; align-items: center;justify-content: flex-start; flex-wrap: wrap;}
.filter_item_more a{width: 25%; font-size: 15px; color: #333; padding:8px 0; text-align: left;}
}

.title_menu a{ font-weight: normal!important; font-size: 18px!important; padding: 0 0 0 40px; color: #777!important;position:inherit!important; right:auto!important; bottom: auto!important;}
.title_menu a::after{ display: none!important;}
.title_menu a:hover,.title_menu .active{ color: #ff6600!important;}

.pro_toptxt{ width: 100%; margin: 0;  display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;  font-size: 16px; color: #777; line-height: 26px;}
.pro_toptxt p{ margin:0 0 15px 0; width:100%;}
.pro_toptxt div{ line-height: 20px; flex: 1; margin: 0 20px 0 0;}
.pro_toptxt img{ width: 100px; height: auto; }
.proshow{ width: 100%; margin: 0 auto; display: flex;  justify-content: space-between; flex-wrap: wrap; }
@media screen and (max-width:1279px){
.pro_toptxt p{ margin:0 0 5px 0; font-size: 15px;width:100%;}
.pro_toptxt img{ width: 80px; height: auto; }
.pro_toptxt{ width: 100%; margin: 0 0 10px 0; display: flex; align-items: center; justify-content: space-between;  font-size: 16px; color: #777; line-height: 26px;}
}

.proshow_lunbo{ border: none!important; box-shadow: none!important; width: 100%;}
.proshow_lunbo li{ margin: 0 0 5px 0!important;}
.proshow_lunbo .am-control-thumbs{ display: flex; align-items: top; /* justify-content: space-between; */ flex-wrap: wrap;}
.proshow_lunbo .am-control-thumbs li{ width: 24%!important;margin: 0 10px 10px 0 !important;}
.proshow_lunbo .am-control-thumbs li:nth-child(4n){margin:0 !important;}

.proshow_pic{ width: 100%; height: 700px; overflow: hidden; display: block;}
.proshow_pic img{ width: 100%; height: 100%; object-fit: cover;}

.proshow_r_tip{ display: block;  width: 100%;}
.proshow_r_tip b{ display: inline-block; margin: 0; line-height: 60px; font-size: 80px; color: #999;}
.proshow_r_tip span{ display: inline-block; margin: 0 0 0 5px; font-size: 18px; color: #999; text-transform: uppercase;}

.proshow_r_list{ display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin:0 auto; width: 85%;}
.proshow_r_list_item{ width:100%; aspect-ratio:1/1; overflow: hidden; margin: 0;}
.proshow_r_list_item img{ width: 100%; height: 100%; object-fit: cover;}
.proshow_r_list_item:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}

.proshow_r_list01{ display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin:0 auto; width: 100%;}
.proshow_r_list_item01{ display: flex; background: #f5f7f9; border-radius: 5px; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0; border: 1px solid #ddd; padding:15px; text-align: center; color: #383838 !important; font-size: 15px; text-transform: capitalize;}
.proshow_r_list_item01 img{ display: table; margin: 0 10px 0 0; width: auto;}
.proshow_r_list_item01 i{ text-transform: capitalize; width: 100%; display: block; line-height: 20px; margin: 10px 0 0 0; font-size: 14px; color: #5a5a5a;}
.proshow_r_list_item01:hover{ margin: -5px 0 5px 0;}

@media screen and (max-width:1279px){
.proshow_r_list{ display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin:0 auto; width: 85%;}
.proshow_r_list_item{ width:100%; aspect-ratio:1/1; overflow: hidden; margin: 0; display: block; overflow: hidden;}

.proshow_r_tip{ display: block; margin: 0 auto; text-align: center;  width: 100%;}
.proshow_r_tip b{ display: table; margin: 0 auto; line-height: 40px; font-size: 80px; color: #999;}
.proshow_r_tip span{ display: table; margin:15px auto 0 auto; font-size: 18px; color: #999; text-transform: uppercase;}

.proshow_lunbo{ border: none!important; box-shadow: none!important; width: 100%;}
.proshow_lunbo li{ margin: 0 0 1px 0!important;}
.proshow_lunbo .am-control-thumbs{ display: flex; align-items: top; /* justify-content: space-between; */ flex-wrap: wrap;}
.proshow_lunbo .am-control-thumbs li{ width: 24%!important;margin: 0 1px 1px 0 !important;}
.proshow_lunbo .am-control-thumbs li:nth-child(4n){margin:0 !important;}
}

.touzi{ display: flex; width: 100%; align-items: top; flex-wrap: wrap; justify-content: space-between;}
.touzi_item{ height: 360px; overflow: hidden;}
.touzi_item_pic{ display: block; height: 100%; padding: 20px; overflow: hidden;}
.touzi_item_pic img{ width: 100%; height: 100%;}
.touzi_item_top{ display: block; margin:0; padding: 50px 50px 30px 50px;}
.touzi_item_top i{ display: block; font-size:14px; color: #777;}
.touzi_item_top span{ display: block; font-size: 16px; color: #555;}
.touzi_item_top b{ font-size: 60px; padding: 0 5px;}
.touzi_item_top cite{ padding: 0 5px; font-size: 30px; font-weight: bold;}

.touzi_data{ display: flex; align-items: top; justify-content: space-between; width: 100%; padding: 0 10px;}
.touzi_data_item b{ display: table; margin: 0 auto; font-size: 24px; line-height: 30px; color: #555;}
.touzi_data_item span{ display: table; margin: 0 auto; font-size: 13px; color: #999;}

.touzi_time{ margin: 50px 0 0 0; font-size: 13px; color: #777; padding: 0 0 0 50px;}
@media screen and (max-width:1279px){
.touzi_item{ height: auto; overflow: hidden; margin: 0 0 20px 0;}
.touzi_item_top i{ display: block;text-align: center; font-size:14px; color: #777;}
.touzi_item_top b{ font-size: 40px; display: table; margin: 0 auto; text-align: center; padding: 0 5px;}
.touzi_item_top span{ display: block; text-align: center; font-size: 16px; color: #555;}
.touzi_data_item span{ display: table; text-align: center; margin: 0 auto; font-size: 13px; color: #999;}
.touzi_item_pic img{ width: 100%; height: auto;}
}

.child_menu{ display: flex; width: 100%; align-items: center; justify-content: center; padding: 0;}
.child_menu a{ background: #f5f7f9; padding: 0 20px; margin: 0 5px; text-align: center; color: #777; line-height: 40px; font-size:15px;}
.child_menu .active{ background: #ff6600; color: #fff;}

.am-modal{ background: rgba(0, 0, 0, 0.5); width: 100% !important; height: 100% !important; overflow: hidden !important;}
.am-modal.am-modal-active{overflow: hidden !important;}
.win_tab{ padding:10px; background:#f9f7f5; width:420px; }
.win_tab .am-tabs-bd,.win_tab .am-nav-tabs,.win_tab .am-modal-hd{ border:none; margin:0 auto;}
.win_tab .am-nav-tabs .am-active{ background:none; border:none; border-bottom:2px solid #ff6600; }
.win_tab li{ background:none !important; border:none; padding:0 !important; margin:0 20px; }
.win_tab li a{ background:none !important; border:none !important; padding:5px 0; text-align:center; font-size:20px; color:#222;margin:0 0 0 -10px; }
.win_txt{ font-size: 14px; color: #777; line-height: 30px; text-align: center;}
.win_btngroup{ display: flex; align-items: center; justify-content: center; margin: 20px auto;}
.win_btngroup01{ display: flex; align-items: center; justify-content: center; margin:20px auto 0 auto;}
.win_title{ display: table; color: #333; font-size: 26px; font-weight: bold; margin: -15px 0 10px 0;}
.win_pic{ display: block; width: 100%; height:auto;  margin: 0;}
.win_pic img{  width: 100% !important; height: 100% !important; object-fit: cover; display: block;}

.login01{ width:100%; display:block;}
.login01 label{ display:block; width:100%; border:1px solid #e5e5e5; border-radius:5px; overflow:hidden; padding:0; margin:15px 0;}
.login01 i{ display:inline-block; width:12%; background:#fff; height:100%; text-align:center; color:#888; font-size:22px; font-weight: 400 !important; vertical-align:top; line-height:48px;}
.login01 input[type="text"],.login01 input[type="password"]{ display:inline-block; width:88%; background:#fff; height:48px; text-align:left; color:#888; font-size:13px; line-height:48px; padding:0 10px; border:none; box-shadow:none;vertical-align:top; font-weight:normal;}
.yzm_input{ width:50% !important; }
.yzm_btn{ width:38% !important; display: inline-block; line-height:48px; text-align:center; color:#fff !important; font-size:14px; height:48px; background:#999; padding:0; margin:0;}
.login01 .login_checkbox{ border:none; margin:0; text-align:left; color:#777; font-size:14px; font-weight:normal; padding:0 5px;}
.login01 .login_checkbox input[type="checkbox"]{ display:inline-block; vertical-align:middle; margin:0 5px 0 0; width:20px; height:20px; }
.submit_btn{ display:block; width:100%; height:48px; line-height:48px; text-align:center; color:#fff !important; font-size:15px; background:#ff6600; border:none;border-radius:5px; margin:0;}
.submit_btn01{ display:block; width:200px; height:48px; line-height:48px; text-align:center; color:#fff !important; font-size:15px; background:#ff6600; border:none;border-radius:5px; margin:20px auto 0 auto;}
.submit_btn02{ display:block; width:150px; height:48px; line-height:48px; text-align:center; color:#fff !important; font-size:15px;border: 1px solid #ff6600; background:#ff6600; border:none;border-radius:5px; margin:0 5px;}
.submit_btn02a{ display:block; width:150px; height:48px; line-height:48px; text-align:center; color:#ff6600 !important; font-size:15px; border: 1px solid #ff6600; background:#fff; border-radius:5px; margin:0 5px;}

.zixun_btn{ text-transform: capitalize; display:flex;align-items: center; justify-content: center; border-radius: 5px; padding: 15px 40px; height:54px; line-height:54px; text-align:center; color:#fff !important; font-size:16px; background:#ff6600; margin:0px 0 0px 0px}
.zixun_btn i{ font-size: 18px; margin: -3px 5px 0 0; color: #fff;}
.zixun_btn:hover{ background:#313131 !important; color: #fff !important; margin: -5px 0 5px auto;}

.zixun_btn01{ text-transform: capitalize; padding: 5px 0 0 0; display:block;width:100%; height:60px; line-height: 28px; text-align:center; margin:0; color: #5a5a5a !important; font-size: 14px;}
.zixun_btn01 i{ font-size:30px; padding: 0; color: #aaa; display: table; margin:0 auto;;}
.zixun_btn01:hover{ margin: -5px 0 5px 0;}
.zixun_btn01:hover i{ color:#ff6600 ;}

.win_btn{ display:block; width:200px; height:48px; line-height:48px; text-align:center; color:#fff !important; font-size:15px; background:#ff6600; border:none;border-radius:5px; margin:20px auto 0 auto;}


.login01 p{ display:block; width:100%; border:none;padding:0; margin:20px 0 10px 0; line-height:24px; font-size:16px; color:#666; text-align:left;}
.login01 p a{ display: inline-block;  padding:0; margin:0; font-size:16px; color:#0469ed; }
.login01 p a:hover{ text-decoration: underline;}

.zixun_f{ position: fixed; z-index: 9900; cursor: pointer; right: 20px; bottom: 20px; width: 64px; height: 64px; line-height: 64px; border-radius: 500px; background: rgba(0, 0, 0, 0.5); text-align: center;}
.zixun_f i{ display: table; margin: 0 auto; color: #fff; font-size: 30px;}
.zixun_f:hover{ background: #ff6600; margin: -5px 0 5px 0;}

@media screen and (max-width:1279px){
.win_tab{ padding:0px; background:#fff; width: 90%; }
.login01 p{ display:block; width:100%; border:none;padding:0; margin:20px 0 10px 0; line-height:24px; font-size:14px; color:#666; text-align:left;}
.login01 p a{ display: inline-block;  padding:0; margin:0; font-size:14px; color:#0469ed; }
}

.nei_tabs .am-nav-tabs{ display: flex; align-items: center; justify-content: center; border-bottom: none;}
.nei_tabs .am-nav-tabs li a{ border: 1px solid #ff6600 !important; color: #ff6600; font-size: 16px; border-radius: 5px; text-transform: capitalize; margin: 0 10px; padding: 0 40px; height: 44px; line-height: 44px !important;}
.nei_tabs .am-nav-tabs .am-active a{ background:#ff6600 !important; color: #fff !important;}
.nei_tabs .am-tabs-bd{ border: none !important;}

.nei_sel{ display: flex; align-items: center; justify-content: flex-start;}
.nei_sel_item{ width: 200px; margin: 0 20px 0 0;}
.nei_sel_item select{ width: 100%; height: 48px; line-height: 48px; background: #f5f7f9; border: 1px solid #ddd; padding: 0 10px;}

.gwc_list{ display: block;}
.gwc_item{ display: flex; align-items: center;justify-content: space-between; margin: 0 0 10px 0; padding: 0; border-bottom: 1px solid #ddd;}
.gwc_item p{ padding: 10px; overflow: hidden;}
.gwc_item p input[type="checkbox"]{ width: 20px; height: 20px; }
.gwc_item p img{ height: 120px; object-fit: cover;}
.gwc_item p b{ display: table; margin: 0 0 10px 0; font-size: 16px; color: #333; font-weight: bold !important;}
.gwc_item p span{ display: table; margin: 2px 0 ; font-size: 14px; color: #545454;}
.gwc_item_foot{ display: flex; align-items: center; justify-content: flex-start; padding: 20px 0;}
.gwc_item_foot input[type="checkbox"]{ width: 20px; height: 20px; margin: 0 20px 0 0; }


.gwc_foot{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.gwc_foot_item{ display: flex; align-items: center; justify-content: flex-start; padding: 10px 0;}
.gwc_foot_item b{ font-size: 16px; color: #545454; padding: 0 10px 0 0; width:100px;}
.gwc_foot_item input{ width:calc(100% - 120px); margin: 0; height: 48px; padding: 0 20px; line-height: 48px; border: 1px solid #ddd; background: #fff;}

.gwc_sel{ display: flex; align-items: center; justify-content: flex-start; padding: 10px 0; width:40%; }
.gwc_sel b{ font-size: 16px; color: #545454; padding: 0 10px 0 0; width:140px;}
.gwc_sel select{width:100%; margin: 0; height: 48px; padding: 0; line-height: 48px; border:none; background: none; }
.gwc_sel_main{width:calc(100% - 120px); margin: 0; height: 48px; padding: 0 15px; border: 1px solid #ddd; background: #fff; border-radius: 5px;}

.gwc_sel01{ display: flex; align-items: center; justify-content: flex-end; padding: 10px 0; width:100%; }
.gwc_sel01 b{ font-size: 16px; color: #545454; text-align: right; padding: 0 10px 0 0; width:70%;}
.gwc_sel01 select{ width:30%; margin: 0; height: 48px; padding: 0 20px; line-height: 48px; border: 1px solid #ddd; background: #fff;}

.gwc_btn{ display: flex; align-items: center; justify-content: flex-end;}
.gwc_btn_link{ display: flex; align-items: center; border-radius: 5px; justify-content: center; margin: 0 0 0 20px; height: 44px; line-height: 44px; padding: 0 40px; text-align: center; color: #ff6600; font-size: 16px; border: 1px solid #ff6600;}
.gwc_btn_link i{ padding: 0 5px 0 0; font-size: 20px; }
.gwc_btn_link:hover{ margin:-5px 0 5px 20px ;color: #ff6600;}

.back_btn{ display: table;border-radius: 5px; margin:20px auto 0 auto; height: 44px; line-height: 44px; padding: 0 40px; text-align: center; color: #ff6600; font-size: 16px; border: 1px solid #ff6600;}
.back_btn:hover{ margin:15px auto 5px auto ;color: #fff; background: #ff6600;}

.home_hotnews{ width: 100%; display: block; padding:30px 0; overflow: hidden; background:#f5f7f9;}
.zhaopin_top_ico i{ font-size: 36px; color: #9f9f9f;}
.zhaopin_top_title b{ font-size: 30px;}

.my_left{ display: block;}
.my_left_item{ width: 100%; color: #545454; font-size: 16px; display: flex;align-items: center; justify-content: flex-start; padding:0 20px; border-bottom: 1px solid #e5e5e5; height: 64px; line-height: 64px;}
.my_left_item i{ font-size: 24px; padding: 0 10px 0 0; }
.my_left .active{ background:#ff6600; color: #fff;}
.my_left_item:hover{ padding: 0 15px 0 25px;border-bottom: 1px solid #ff6600;}

.brand_logo{ display: block; margin: 20px auto; overflow: hidden;}
.brand_logo img{ width: auto !important;}

.where_tabs{ display: flex; align-items: center; justify-content: center; width:800px; margin:0 auto;}
.where_tabs .am-nav-tabs{ width: 40%;display: block !important; border: none !important;border-right: 1px solid #ddd !important; }
.where_tabs .am-nav-tabs li{padding: 5px 20px 5px 0; display: flex; align-items: center; justify-content: space-between; float: inherit;}
.where_tabs .am-nav-tabs li i{ font-size: 14px;}
.where_tabs .am-nav-tabs li a{display: table; color: #545454 !important; font-size: 17px; padding:7px 0; position: relative; line-height: 36px;border: none !important; background: none !important;}
.where_tabs .am-tabs-bd{ width: 100%; border: none !important; padding: 5px 0 0 15px;}
.where_tabs .am-nav-tabs .am-active a{ font-weight: bold; border: none !important; color: #000 !important; border-bottom: 2px solid #ff6600 !important; }
.where_tabs .am-nav-tabs li a:hover{ border: none !important; color: #000 !important;}
.where_tabs .am-nav-tabs li:hover{ background: #f5f7f9;}
.where_tabs_txt{ display: block;font-size: 16px; color: #545454; padding:0 0 0 70px;}
.where_tabs_txt b,.where_tabs_txt strong{ display: block; font-weight: bold !important; font-size: 20px; font-weight: bold; color: #ff6600; margin:0 0 10px 0;}

.vr_link{ background: #fff; border: 1px solid #ff6600; margin:0 10px 2px 10px; border-radius: 4px; width: 60px; padding:7px 0; text-align: center; font-size: 14px; color: #ff6600 !important;}
.lianxi_txt{ margin: -80px 0 0 0 !important;}

.pro_kind{ display: flex; align-items:center; justify-content: flex-start; border-bottom: 1px solid #e5e5e5; padding: 0 0 5px 0;}
.pro_kind_item{  color: #333 !important; font-size: 18px; text-transform: uppercase; letter-spacing: 0.2px; margin: 0 50px 0 0; padding: 0; line-height: 24px !important; position: relative;display: block;}
.pro_kind_item i{ padding: 0 0 0 8px;font-size: 14px; color: #555; position:absolute; margin:-2px 0 0 0;}
.pro_kind_item:hover,.pro_kind .active,.pro_kind_item:hover i,.pro_kind .active i{ color: #ff6600 !important; }
.pro_kind_item:hover:after,.pro_kind .active:after{ content: ""; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background: #ff6600;}

.pro_kind_child{ border-radius: 5px; margin: 15px 0 0 0; padding:10px 0; display: flex; align-items:center; justify-content: flex-start;flex-wrap: wrap;}
.pro_kind_child b{ color: #ff6600;margin: 0 30px 0 0; font-size: 14px; }
.pro_kind_child_item{ border: 1px solid #f29972;  border-radius: 4px; color: #f29972 !important; font-size: 14px; text-transform: uppercase; letter-spacing: 0.2px; margin: 0 10px 10px 0; padding: 5px 10px; /* line-height: 36px !important; */ position: relative;}
.pro_kind_child_item:hover,.pro_kind_child .active{ color: #111 !important; background: #f29972; color: #fff !important; }
@media screen and (max-width:767px){
  .pro_kind{display: block; }
}
@media screen and (max-width:1279px){
.gwc_btn{ display: flex; align-items: center; justify-content: center;}

.gwc_btn_link{ display: flex; align-items: center; border-radius: 5px; justify-content: center; margin: 0 10px; height: 44px; line-height: 44px; padding: 0 40px; text-align: center; color: #ff6600; font-size: 16px; border: 1px solid #ff6600;}

.gwc_item{ display: flex; align-items: center;justify-content: space-between; flex-wrap: wrap; margin: 0 0 10px 0; padding:10px 0; border-bottom: 1px solid #ddd;}
.gwc_item p{ padding: 0px; overflow: hidden; margin: 0;}
.gwc_item p input[type="checkbox"]{ width: 20px; height: 20px; }
.gwc_item p img{ height: 200px; width: 100%; object-fit: cover;}
.gwc_item p b{ display: table; margin: 0 0 5px 0; font-size: 16px; color: #333; font-weight: bold !important;}
.gwc_item p span{ display: table; margin: 2px 0 ; font-size: 14px; color: #545454;}
.gwc_item_foot{ display: flex; align-items: center; justify-content: flex-start; padding: 20px 0;}
.gwc_item_foot input[type="checkbox"]{ width: 20px; height: 20px; margin: 0 20px 0 0; }


.gwc_sel{ display: flex; align-items: center; justify-content: flex-start; padding: 10px 0; width:100%; }
.gwc_sel b{ font-size: 16px; color: #545454; padding: 0 10px 0 0; width:140px;}
.gwc_sel select{width:100%; margin: 0; height: 48px; padding: 0; line-height: 48px; border:none; background: none; }
.gwc_sel_main{width:calc(100% - 120px); margin: 0; height: 48px; padding: 0 15px; border: 1px solid #ddd; background: #fff; border-radius: 5px;}

.nei_tabs .am-nav-tabs{ display: flex; align-items: center; justify-content: center; border-bottom: none; width: 100%;}
.nei_tabs .am-nav-tabs li a{ border: 1px solid #ff6600 !important; color: #ff6600; font-size: 14px; border-radius: 5px; text-transform: capitalize; margin: 0 5px; padding: 0 15px; height: 40px; line-height: 40px !important;}
.nei_tabs .am-nav-tabs .am-active a{ background:#ff6600 !important; color: #fff !important;}
.nei_tabs .am-tabs-bd{ border: none !important;}

.lianxi_txt{ margin: 0 !important;}

.where_tabs{ display: flex; align-items: flex-start; justify-content: center; width:100%; margin:0 auto;}

.brand_logo{ display: block; margin:0 auto; overflow: hidden;}
.pro_kind{}
.pro_kind_item{  font-size: 16px; display: table; margin: 10px auto; padding: 0; line-height: 36px !important;}
.pro_kind_item:hover:after,.pro_kind .active:after{ bottom: 0; height: 1px;}

.pro_sel_m{ width: 98%; margin:10px auto; display: flex !important; align-items: center; justify-content: space-between; background: #f5f7f9; border: 0px solid #e5e5e5; border-radius: 5px; padding:5px 10px; height: 40px; line-height: 40px; }
.pro_sel_m b{ font-size: 14px; color: #555;}
.pro_sel_m i{ font-size: 14px; color: #111;}
.nei_pro_banner_m{ display: flex !important; width: 100% !important; align-items: center; justify-content: center;}
.nei_pro_banner_m_item{ display: table; width: 32%;  border: 1px solid #ff6600 !important; color: #ff6600; font-size: 14px; border-radius: 5px; text-align: center; text-transform: capitalize; margin: 0 5px; padding: 0 10px; height: 40px; line-height: 40px !important;}
.nei_pro_banner_m_item:hover,.nei_pro_banner_m .active{ background:#ff6600 !important; color: #fff !important;}

.menu_bg01{width:100%; background:#f5f7f9 !important; border: none !important; padding:20px !important;}
.menu_bg01:after{ display: none !important;}
.menu_bg01 .am-offcanvas-content{ margin:0 !important; padding:50px 0 0 0 !important;}
.offcanvas_close{ display: table; margin: 20px auto; opacity: 1 !important; position: absolute; right: 20px; top: 0px;}
.offcanvas_close i{ font-size: 24px; color: #555 !important; font-weight: 200 !important;}
}

/* 0818 */
.about_history_main{ display: block; padding: 0;}
.about_history{ box-shadow: none !important; position: relative;}
.about_history .am-viewport:before{ content: ""; position: absolute; top:15px; left: 0; width: 100%; height: 1px; background: #ff6600; z-index: 0;}
.about_history .am-viewport{ padding: 0;}
.about_history_item{ display: block; margin: 40px 0 0 0; position: relative;}
.about_history_item:before{content: "●"; position: absolute; top: -50px; left: -2px; font-size: 30px; color: #ff6600;}
.about_history_item b{ display: table; font-size: 48px; font-weight: bold !important; color: #ff6600; line-height: 40px;}
.about_history_item span{ display: block; font-size: 14px; color: #555; line-height: 24px; min-height: 72px; overflow: hidden; text-align: left; margin:10px auto;}
.about_history_item img{ display: block; width: 100%;  object-fit: cover;border-radius: 10px;}
.about_history .am-prev{ left: -50px !important;}
.about_history .am-next{ right: -50px !important;}
.about_history .am-prev:before{content: "\e67c" !important; font-size: 48px !important; font-family: "iconfont" !important; color: #000;}
.about_history .am-next:before{content: "\e65f" !important; font-size: 48px !important; font-family: "iconfont" !important; color: #000;}
@media screen and (max-width:1279px){
.about_history .am-viewport:before{ content: ""; position: absolute; top:15px; left: 0; width: 100%; height: 1px; background: #ff6600; z-index: 0;}
.about_history .am-viewport{ padding: 0;}
.about_history_item{ display: block; margin: 30px 0 0 0; width: 100% !important; position: relative;}
.about_history .am-slides li:last-child .about_history_item{ margin: 30px 0 0 0; } 
.about_history_item:before{content: "●"; position: absolute; top: -40px; left: -2px; font-size: 30px; color: #ff6600;}
.about_history_item b{ display: table; font-size: 48px; font-weight: bold !important; color: #ff6600; line-height: 40px;}
.about_history_item span{ display: block; font-size: 14px; color: #555; line-height: 24px; min-height: 72px; overflow: hidden; text-align: left; margin:10px auto;}
.about_history_item img{ display: block; width: 100%; height: 200px; object-fit: cover;border-radius: 10px;}
.about_history .am-prev{ left: 0px !important; overflow: initial !important;}
.about_history .am-next{ right: 15px !important;overflow: initial !important;}
.about_history .am-prev:before{content: "\e67c" !important; font-size: 30px !important; font-family: "iconfont" !important; color: #fff !important; border-radius: 500px; width: 50px !important; height: 50px !important; line-height: 50px !important; background: rgba(0, 0, 0, 1); text-align: center;}
.about_history .am-next:before{content: "\e65f" !important; font-size: 30px !important; font-family: "iconfont" !important;  color: #fff !important; border-radius: 500px; width: 50px !important; height: 50px !important; line-height: 50px !important; background: rgba(0, 0, 0, 1); text-align: center;}
}
.home_pro_jb{ z-index: 500; position: absolute; right:90px; top: 0; width: 48px; height: auto; overflow: hidden;}
.home_pro_jb img{ width: 100%; height: auto; object-fit: cover;}
#category{position:absolute;top:500px;}
/* 0920 */

.proshow_lunbo01 {
  width: 100%;
   overflow: hidden;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  width: 100%; 
  aspect-ratio: 1/1;
}

.proshow_lunbo01a { position: relative;
  height: 8%; 
  box-sizing: border-box; 
  padding: 0 40px !important; margin: 10px auto 0 auto !important;
}
.proshow_lunbo01a .swiper-button-prev{ background: #fff; left:0 !important; margin: 0 !important; top:49% !important; transform: translateY(-50%) !important; border: 0px solid #ddd; width: 30px; height: 103%; border-radius: 2px;}
.proshow_lunbo01a .swiper-button-prev:after{ font-size: 20px !important; }
.proshow_lunbo01a .swiper-button-next{ background: #fff; right:0 !important; margin: 0 !important; top:49% !important; transform: translateY(-50%) !important; border: 0px solid #ddd; width: 30px; height: 103%; border-radius: 2px;}
.proshow_lunbo01a .swiper-button-next:after{ font-size: 20px !important; }
.mySwiper .swiper-slide {
  width: 12% !important;
  aspect-ratio: 1/1;
  opacity: 0.5;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height:100%;
  object-fit: cover;
}
.proshow_r_lunbo{ border: none !important; box-shadow: none !important;}
.proshow_r_lunbo .am-prev{ height: 103% !important; margin: 0 !important; top: 49% !important; transform: translateY(-50%) !important; background: #fff; opacity: 1 !important; left: 0 !important;}
.proshow_r_lunbo .am-prev:before{ display: block !important; position: absolute !important; content: "\e67c" !important;top: 50% !important; left:50% !important; transform: translate(-50%,-50%) !important; color: #333 !important; font-size: 30px !important; font-family: "iconfont" !important;}
.proshow_r_lunbo .am-next{ height: 103% !important; margin: 0 !important; top: 49% !important; transform: translateY(-50%) !important; background: #fff; opacity: 1 !important; right: 0 !important;}
.proshow_r_lunbo .am-next:before{display: block !important; position: absolute !important; content: "\e65f" !important;top: 50% !important; left:50% !important; transform: translate(-50%,-50%) !important; color: #333 !important; font-size: 30px !important; font-family: "iconfont" !important;}
.pro_r_foot{ position:absolute; bottom:20px; left:0;}
@media screen and (max-width:1279px){
.pro_r_foot{ position:relative; bottom:none; left:none;}
}
.padding36{ padding: 0 0 0 40px !important;}
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;   /* 兼容旧版 Safari */
  width: 18px;
  height: 18px;
  border: 1px solid #bbb;
  border-radius: 4px;
  background-color: #fff;      /* 未选中时的背景 */
  cursor: pointer;
  transition: all .2s;
  vertical-align: middle;
}

/* 悬停 */
input[type="checkbox"]:hover {
  border-color: none !important;
}

/* 选中状态：背景色 */
input[type="checkbox"]:checked {
  background-color: #ff6600;
  border-color: #fff;
  /* 用 SVG 画勾，比伪元素在 input 上更稳 */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M13.5 4.5l-7 7-3-3 1-1 2 2 6-6z'/%3E%3C/svg%3E");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/* 键盘聚焦时保留可见焦点，别删掉 */
input[type="checkbox"]:focus-visible {
  outline: none !important;
  outline-offset: none !important;
}
/* 0929 */
.brandbu_item{ height: 228px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; margin:0 auto 20px auto;}
.brandbu_item:nth-child(2n){ flex-direction: row-reverse;}
.brandbu_item span{ flex: 1; width: 100%;  display: block; padding: 0 40px; margin: 0 auto; letter-spacing: 0.5px; text-align: justify; font-size: 16px; color: #545454; line-height: 26px;}
.brandbu_item_pic{ width: 50%; height: 100%; position: relative;}
.brandbu_item_pic img{ display: block; width:35%; height: auto; object-fit: cover; margin: 0 auto; position: absolute; top: 45%; left:50%; transform: translate(-50%,-50%); }
@media screen and (max-width:1279px){
.brandbu_item{ height:auto; overflow: hidden; display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap; margin:0 auto 40px auto;}
.brandbu_item span{ flex: 1; width: 100%;  display: block; padding: 0 10px; margin: 0 auto; letter-spacing: 0.5px; text-align: left; font-size: 16px; color: #545454; line-height: 26px;}
.brandbu_item_pic{order: -1; width: 100%; height: auto; margin: 0 0 20px 0; position: relative; }
.brandbu_item_pic img{ display: block; width:50%; height: auto; object-fit: cover; margin: 0 auto; position: relative; top:auto; left:auto; transform:none; }

}

.login_bu{ display: table; margin:20px auto 0 auto; text-align: center;font-size:14px;}
.login_bu01{ display: block; margin:30px 0 -5px 15px; }
.login_bu01 b{display: table; font-size:22px;font-weight: bold !important;color:#333;line-height: 18px; }
.login_bu01 i{display: table; font-size:14px;color:#333;}
.font14{font-size:14px;}

.brandbu_item_more .home_about_btn{display: none;}
.brandbu_item_more:first-child .home_about_btn{display: flex;}