@import "iconfont.css?v=20240623";
:root {
    --font-color: #3e3e3e;
    --font-white-color: #ffffff;
    --font-active-color:#39b382;
    --font-blue-color: #00497d;
    --font-100:5.208vw;
    --font-90:4.688vw;
    --font-80:4.167vw;
    --font-70:3.646vw;
    --font-60:3.125vw;
    --font-55:2.865vw;
    --font-50:2.604vw;
    --font-48:2.5vw;
    --font-44:2.292vw;
    --font-40:2.083vw;
    --font-36:1.875vw;
    --font-32:1.667vw;
    --font-30:1.563vw;
    --font-26:1.354vw;
    --font-24:1.25vw;
    --font-22:1.146vw;
    --font-20:1.042vw;
    --font-19:0.99vw;
    --font-18:0.938vw;
    --font-17:0.885vw;
    --font-16:0.833vw;
    --font-15:0.781vw;
    --font-14:0.729vw;
    --font-13:0.667vw;
    --font-12:0.625vw;
    --font-11:0.573vw;
    --font-10:0.521vw;
    --swiper-navigation-size: 1.5vw;
  }
body{background-color:#fff;color: var(--font-color);font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";font-size: var(--font-16);word-break: keep-all;}
a{color:var(--font-color);}
*:focus{outline:none;box-shadow:none}
input:required:invalid,textarea:required:invalid,select:required:invalid{outline:none;box-shadow:none}
a:hover{color:var(--font-active-color);text-decoration:none;transition:all 300ms ease-in-out 0s}
.on,a.on{color:var(--font-active-color)}
.my_ul,.my_dl{margin:0;padding:0}
.my_ul li{list-style:none}
.my_dl dt,.my_dl dd{margin:0;padding:0;font-weight:normal}
dt+dd{margin-top:0}
p{margin:0 0 0.625vw}
img{image-rendering:-webkit-optimize-contrast}
video{display:block}
.list-paddingleft-2{margin-top:0;padding-left:1em}
.list-paddingleft-2 li{list-style:inherit}
h1{font-size: 1.944vw;}
h2{font-size: 1.458vw;}
h3{font-size: 1.137vw;}
h4{font-size: 0.972vw;}
h5{font-size: 0.807vw;}
h6{font-size: 0.651vw;}
h1,h2,h3,h4,h5,h6{margin: 1.5vw 0;}
hr{margin:1.823vw 0;}
picture{display:block}
blockquote{padding:var(--font-16);background-color:#f2f2f2;font-family:"Arial","\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";font-size:0.885vw;border-left:4px solid var(--font-active-color);display:flex;align-items:center;margin-bottom:1.042vw;color: #000;}
p+blockquote{margin-top:1.2vw;}
.img_animate{position:relative;overflow:hidden;display:block;width:100%}
.img_animate img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;transition:all 0.35s}
.img_animate:hover img{transform:scale(1.05)}
.layui-fixbar{margin:0;padding:0}
.layui-layer-photos-prev,.layui-layer-photos-next{color:rgba(0,0,0,.6)!important;transform:scale(1);background:#787878;color:#fff!important;border-radius:50%;font-size:2.4rem!important;display:flex;justify-content:center;align-items:center;width:3.6rem!important;height:3.6rem!important}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset}
.flex{display:flex;flex-wrap:wrap}
.align_center{align-items:center!important}
.justify_between{justify-content:space-between!important}
.justify_end{justify-content:flex-end!important}
.nicescroll-cursors{border:none !important}
.nicescroll-rails{cursor:pointer !important}
.am-container{width:100%;max-width:100%;margin:0 auto;padding:0 8vw}
.am-container img{max-width:100%}
.am-container.flex{display:flex}
.am-container::before,.am-container::after{display:none}
.web_w{width:100%;padding:0 8vw;}
.am-paragraph-default{margin:0;color:var(--font-color);font-size:var(--font-16);line-height:1.8;}
.am-paragraph-default img{max-width:100%;border:none;padding:0;margin:0;display:inline;height:auto}
.am-paragraph-default p{margin:0 0 var(--font-16);font-size:var(--font-16);line-height:1.8;color:var(--font-color);}
.am-paragraph-default a{color:#0099ff}
.am-paragraph-default video,.am-paragraph-default iframe{display:block;max-width:100%;background-color:#000;object-fit:cover}
.am-paragraph-default embed{display:inline-block;max-width:100%;background-color:#000}
.am-paragraph-default a:hover{color:var(--font-active-color)}
.am-pureview-actions a{position:static;float:right;text-align:center}
.am-icon-chevron-left:before{font-family:'FontAwesome';content:"\f00d"}
.am-pureview-direction a:before{font-family:'FontAwesome'}
.am-pureview-slider img{object-fit:contain}
.am-pureview-title{text-align:center}
.picture-hover-animate{display:block;position:relative;overflow:hidden}
.picture-hover-animate:after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;visibility:visible;width:16rem;height:16rem;margin:auto;content:'';transition:all 0.6s ease-in-out;transform:scale(6);opacity:1;border:80px solid rgba(0,0,0,0.1);border-radius:80px}
.picture-hover-animate:hover:after{visibility:hidden;opacity:0;border:0 solid rgba(0,0,0,0.1)}
.am-pureview-slider .am-pinch-zoom::after{display:none}

.am-img-responsive{display: block;width: 100%;}
.layui-layer-btn a{font-size:0.729vw}
.layui-layer-setwin .layui-layer-close2{width:30px !important;height:30px !important}
.layui-layer-imgtit h3{margin-bottom:0 !important;line-height:40px}
.layui-layer-photos-footer>h3{margin:0;line-height:52px;font-size:12px;font-weight:normal}
.hidden{overflow:hidden;}
.layui-table-tips-c{padding:0}
.layui-bg-green{background-color: var(--font-active-color)!important;}

.load_progress{position: fixed;width: 100%;left: 0;top: 0;z-index: 99999;background: none;}
.load_progress,.load_progress .layui-progress-bar{height: 2px;border-radius: 0;}
.loading_animate{top:-100%!important;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);-webkit-transition-delay: .12s;transition-delay: .12s;}
.layui-table{color:var(--font-color);margin:0 0 1.042vw 0}
.layui-table tr th,.layui-table tr td{font-size:0.833vw;line-height: 1.6;}
.layui-table p{margin: 0;}
.color_white .color_white a{color: #fff;}

.public_button_box{position:relative;z-index:1;-webkit-border-radius:1.30208333vw;border-radius:1.30208333vw;overflow:hidden;-webkit-transition:all .6s ease;transition:all .6s ease}
.public_button_back{position:absolute;left:0;top:0;width:100%;height:100%}
.public_button_box a{position:relative;z-index:9}
.public_button_circle{-webkit-transition:all .8s ease;transition:all .8s ease;cx:calc(7.8125vw - 0.1041666vw)}
.public_button_active .public_button_circle{cx:calc(1.30208333vw + 0.1041666vw)}
.public_button_text{position:relative;width:9.11458333vw;padding:0 2.6041666vw 0 0;-webkit-transition:all .6s ease;transition:all .6s ease}
.public_button_label{color:#ffffff;font-size:var(--font-15);line-height:2.6041666vw;position:relative;z-index:9;-webkit-transition:all .6s ease;transition:all .6s ease;text-align:center;}
.public_button_icon{width:2.6041666vw;height:2.6041666vw;background:var(--font-blue-color);-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:100%;top:0;z-index:9;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .8s ease;transition:all .8s ease}
.public_button_icon svg{fill:#fff;width:0.8333vw;-webkit-transition:all .6s ease;transition:all .6s ease}
.public_button_color{fill:var(--font-blue-color);-webkit-transition:all .6s ease;transition:all .6s ease}
.public_button_box:hover .public_button_text{padding:0 0 0 5rem}
.public_button_box:hover .public_button_icon{left:0;-webkit-transform:none;transform:none}
.public_button_box:hover .public_button_label{color:var(--font-blue-color);}
.public_button_box:hover .public_button_icon{background:#fff}
.public_button_box:hover .public_button_icon svg{fill:var(--font-blue-color)}
.public_button_box:hover .public_button_color{fill:#fff}
.public_title_icon{width:1.30208333vw}
.public_title_box{-webkit-justify-content:center;justify-content:center;opacity:0;pointer-events:none;-webkit-transform:translateY(4vw);transform:translateY(4vw)}
.public_title_box.justify_start{-webkit-justify-content:flex-start;justify-content:flex-start}
.public_title_icon svg{fill:#fff}
.public_title_text{font-size:1.858333vw;line-height:1.9791666vw;color:#fff;margin-left:0.78125vw;;text-transform:uppercase}
.public_subtitle_text{width:100%;font-size:0.833vw;line-height:1.6;color:#222222;text-align:center;margin:3% auto 0}
.slide_img_down::after,.slide_img_right::after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:#fff;z-index:99}
.slide_img_down_active::after{height:0;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.slide_img_right_active::after{width:0;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1)}

.fade_in_up{opacity: 0;}
.animate__animated{opacity: 1;}

/*模板*/
.ue_flex{display: flex;justify-content: space-between;}
.ue_flex .ue_flex_item{flex: 1;}
.ue_flex .ue_flex_item:not(:first-of-type){margin-left: 2vw;}
.ue_flex .ue_flex_item p:last-of-type{margin-bottom: 0;}
.ue_flex.align_center{align-items: center;}

/*
header
*/
.header{width: 100%;transition: all 300ms ease-in-out 0s;position: relative;z-index: 1100;left: 0;top: 0;box-shadow: 0 1px 3px rgb(0 0 0 / 5%);}
.header.fixed{position: fixed;box-shadow: none;}
.header .menu{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 5.6vw!important;transition: all 300ms ease-in-out 0s; border-bottom: rgba(255, 255, 255, .5) dashed 1px;} 
.header .logo{display: flex; align-items: center;position: relative;overflow: hidden;transition: all 300ms ease-in-out 0s;}
.header .logo img{display: block;height:3.6vw;}
.header .logo img:first-of-type{display: block;}
.header .logo img:last-of-type{display: none;}

.header .am-topbar-collapse{display: flex!important;justify-content: space-between;}
.header .am-menu{display: flex;height:100%;position: static;flex-direction: column;align-items: flex-end;justify-content:center;}
.header .am-menu-nav{display: flex;font-size:var(--font-16);height:100%;}
.header .am-menu-nav a{padding: 0;}
.header .am-menu-nav .parent_li:not(:first-of-type){padding-left: 6vw;position: relative;}
.header .am-menu-nav .parent_li:not(:first-of-type)::before{display: block;content: '';height: 1.5rem;width: 1px;background-color: #fff;position: absolute;left: 3vw;top: 50%;transform: translateY(-50%);}
.header .am-menu-nav .parent_li .parent_a{display: flex;align-items: center;height: 100%;position: relative;white-space: nowrap;text-transform: uppercase;font-size:var(--font-18);}

.language_btn{display: flex;align-items: center;margin-bottom: .5vw;transition:all 300ms ease-in-out 0s;font-size: var(--font-15);transition: all 300ms ease-in-out 0s;}
.language_btn span{margin:0 .2vw;}

.header.white .language_btn ,.header.white .am-menu-nav .parent_li .parent_a ,.header.white .language_btn a{color: #fff;}
.header.white .logo img:last-of-type{display: block;}
.header.white .logo img:first-of-type{display: none;}


.header:hover ,.header.am-sticky{background-color: #fff;}
.header:hover .am-menu-nav .parent_li .parent_a,.header.am-sticky .am-menu-nav .parent_li .parent_a,header:hover .language_btn,.header.am-sticky .language_btn,.header:hover .language_btn,.header:hover .language_btn a,.header.am-sticky .language_btn a{color: var(--font-color);}

.header .am-menu-nav .parent_li .parent_a:hover ,.header .language_btn a:hover ,.header:hover .am-menu-nav .parent_li .parent_a.on ,.header:hover .language_btn a.on,.header.am-sticky .language_btn a.on{color: var(--font-active-color);}



.header:hover .am-menu-nav .parent_li:not(:first-of-type)::before ,.header.am-sticky .am-menu-nav .parent_li:not(:first-of-type)::before{background-color: var(--font-color);}

.header:hover .logo img:first-of-type{display: block;}
.header:hover .logo img:last-of-type{display: none;}


.header.am-sticky{box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)!important;}
.header.am-sticky .logo img:first-of-type{display: block;} 
.header.am-sticky .logo img:last-of-type{display: none;} 
.header.am-sticky .am-menu-nav .parent_li .parent_a.on{color: var(--font-active-color);}


.header .am-topbar-btn{display: none;}



/**
INDEX_BANNER
**/
.index_banner_swiper .index_banner_slide.white{color:#fff;}
.index_banner_swiper .index_banner_slide::before{display:block;content:'';padding-bottom:var(--i-window-height)}
.index_banner_swiper .index_banner_slide img,.index_banner_swiper .index_banner_slide video{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;z-index:1}
.index_banner_swiper .index_banner_slide img{-webkit-transition:all 5s cubic-bezier(0.2,0.3,0.5,1);transition:all 7s cubic-bezier(0.2,0.3,0.5,1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.index_banner_swiper .swiper-slide-active img{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.index_banner_swiper .index_banner_slide.video::after{display:block;content:'';position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background:url(../img/index-vd-bg.png) repeat}
.index_banner_swiper .text{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:center;z-index:3}
.index_banner_swiper .text .title{font-size:var(--font-55);color:var(--font-active-color);display:flex;align-items:center;justify-content: center;font-weight: bold;text-align: center;line-height: 1.2;}
.index_banner_swiper .index_banner_slide.white .text .title{color:#fff}
.index_banner_swiper .bg{display:block;width:100%;height:100%;position:absolute;top:0;right:0;z-index:1;background-color:rgba(0,3,48,.1)}
.index_banner_swiper .bg.animate__animated{-webkit-animation-duration:2s;animation-duration:2s}
.index_banner_pagination_box{position:absolute;left:0;bottom:1.7708333vw !important;padding:0 8vw;z-index:9;width:100%;pointer-events:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.8s;transition-delay:.8s;opacity:0}
.index_banner_pagination_item{-webkit-align-items:center;align-items:center;cursor:pointer;outline:none;pointer-events:auto;margin-right:1.302vw}
.index_banner_pagination_item:last-child{margin-right:0}
.index_banner_pagination_icon{position:relative;width:2.604vw;height:0.417vw;border:1px solid #fff;border-radius:100rem}
.index_banner_pagination_icon::after{display:block;content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#fff}
.index_banner_pagination_current .index_banner_pagination_icon:after{width:100%;-webkit-transition:all 7s linear;transition:all 7s linear}
.index_banner_button{margin:2vw auto 0;display: flex;justify-content: center;}

.index_banner_navigation{position:absolute;left:0;z-index:9;bottom:1.7708333vw;width:100%;padding:0 8vw;-webkit-justify-content:flex-end;justify-content:flex-end;pointer-events:none;-webkit-transition:all .6s ease;transition:all .6s ease;opacity:0}
.flex .swiper_scroll_btn:last-of-type{margin-left:1.041666vw}

.swiper_scroll_btn{width:2.708333vw;height:2.708333vw;position:relative;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;pointer-events:auto;outline:none;cursor:pointer;-webkit-border-radius:100%;border-radius:100%;}
.swiper_scroll_btn::after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #fff;-webkit-border-radius:100%;border-radius:100%}
.swiper_scroll_btn svg{width:32.6923%;fill:#fff;-webkit-transition:all .6s ease;transition:all .6s ease}
.swiper_scroll_btn::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:0.1041666vw solid #fff;-webkit-border-radius:100%;border-radius:100%}
.swiper_scroll_btn_prev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.swiper_scroll_btn:hover{background:#fff}
.swiper_scroll_btn:hover svg{fill:var(--font-active-color)}

.index_float_box{position:absolute;width:100%;left:0;bottom:1vw;z-index:10}
.index_float_mouse_box{position:absolute;bottom:0;width:100px;left:50%;margin-left:-50px;-webkit-justify-content:center;justify-content:center;opacity:0}
.index_float_mouse_icon{width:1.19791666vw;height:1.66666vw;border-radius:0.59895833vw;box-sizing:border-box;border:0.1041666vw solid var(--font-color);margin:0 auto;-webkit-justify-content:center;justify-content:center;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_float_mouse_icon:after{content:"";width:0.1041666vw;height:0.5208333vw;background:var(--font-color);margin-top:0.3125vw;-webkit-animation:1.5s MouseAnimate infinite ease normal both;animation:1.5s MouseAnimate infinite ease normal both;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_float_mouse_icon.white{border-color:#fff}
.index_float_mouse_icon.white:after{background:#fff}
@-webkit-keyframes MouseAnimate{0%{margin-top:0.3125vw}
50%{margin-top:0.625vw;opacity:1}
70%{margin-top:0.625vw;opacity:0}
100%{margin-top:0.3125vw;opacity:0}
}@keyframes MouseAnimate{0%{margin-top:0.3125vw}
50%{margin-top:0.625vw;opacity:1}
70%{margin-top:0.625vw;opacity:0}
100%{margin-top:0.3125vw;opacity:0}
}




/*
PRODUCT
*/
.index_product{padding: 3vw 0;margin: 3vw 0;overflow: hidden;}
.index_product_item{display: flex;justify-content: space-between;}
.index_product_item a{width: calc(50% - .4vw);display: block;position: relative;}
.index_product_item a .img::before{display: block;content: '';padding-bottom: 88%;}
.index_product_item a::after{display: block;content: '';width: 100%;height: 0;position: absolute;left: 0;bottom: 0;background-image:-webkit-linear-gradient(to top,rgba(65,191,151,.5) 10%,rgba(65,191,151,.1));background-image:linear-gradient(to top,rgba(65,191,151,.59) 10%,rgba(65,191,151,.1));-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1);z-index: 1;opacity: 0;}
.index_product_item a:last-of-type:after{background-image:-webkit-linear-gradient(to top,rgba(30,56,107,.5) 10%,rgba(30,56,107,.1));background-image:linear-gradient(to top,rgba(30,56,107,.59) 10%,rgba(30,56,107,.1));-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1);z-index: 1;opacity: 0;}
.index_product_item a:hover .img img{transform:scale(1.05)}
.index_product_item .text{width:100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;padding: 3vw;text-align: center;z-index: 2;}
.index_product_item .text .ico{overflow: hidden;position: relative;width: 6vw;height: 6vw;transition:all 300ms ease-in-out 0s;}
.index_product_item .text .ico img{display: block;height: 100%;width: 100%;object-fit: contain;}
.index_product_item a:hover .ico{transform:rotateX(360deg);}
.index_product_item a:hover .ico img{transform: translate(-6vw, 0); -webkit-transform: translate(-6vw, 0); -ms-transform: translate(-6vw, 0); -o-transform: translate(-6vw, 0);filter: drop-shadow(6vw 0 #fff); -webkit-filter: drop-shadow(100% 0 #fff);image-rendering:auto;}
.index_product_item a:hover::after{opacity: 1;height: 100%;}
.index_product_item .text .title{font-size: var(--font-32);font-weight: bold;margin-top: 1vw;}
.index_product_item .text .subtitle{height: var(--font-55);font-size: var(--font-17);margin-top: 1vw;}

.product_list_box{padding: 5.5vw 0;}
.product_title{font-size: var(--font-36);text-align: center;text-transform: uppercase;}
.product_list{margin-top: 2vw;padding-top: 1vw;}
.product_list .title{font-size: var(--font-30);}
.product_list .text{margin-top: .5vw;font-size: var(--font-17);}
.product_list .pics{display: flex;justify-content: space-between;}
.product_list .pics .item{width: calc(50% - .5vw);margin-top: 1vw;background-color: #f9f9f9;}
.product_list .pics .img{position: relative;overflow: hidden;}
.product_list .pics .img::before{display: block;content: '';padding-bottom: 56.16%;}
.product_list .pics .img span{display: flex;height: 4vw;align-items: center;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #fff;width: 100%;font-size: var(--font-24);}
.product_list .pics .des{padding: 1vw;font-size: var(--font-17);}
.product_list .pics_1 .item{width: 100%;}
.product_list .pics_1 .item img{position: relative;}
.product_list .pics_1 .item .img::before ,.product_list .pics_1 .item .img span{display: none;}

.product_bussines_box{padding: 0 15vw;margin-top: 3vw;}
.product_bussines{position: relative;}
.product_bussines img{max-width: 100%;}
.product_bussines .word{position: absolute;font-size: var(--font-17);font-weight: bold;color: #fff;line-height: 1.2;text-align: center;}
.product_bussines .word:nth-of-type(1){color: #000;left: 0;top: 5%;font-size: var(--font-14);}
.product_bussines .word:nth-of-type(2){left: 12.3%;top: 5.1%;cursor: pointer;font-size: var(--font-14);}
.product_bussines .word:nth-of-type(3){left: 3.8%;top: 16.5%;cursor: pointer;font-size: var(--font-14);}
.product_bussines .word:nth-of-type(4){left: 53.8%;top: 26.8%;}
.product_bussines .word:nth-of-type(5){left: 25.8%;top: 56%;}
.product_bussines .word:nth-of-type(6){left: 52.2%;top: 52.5%;color: #000;font-size: var(--font-32);}
.product_bussines .word:nth-of-type(7){left: 83.8%;top: 56%;}
.product_bussines .word:nth-of-type(8){left: 55%;top: 86.5%;}
.product_bussines .word:nth-of-type(9){left: 8.5%;top: 39.5%;writing-mode: vertical-rl;white-space: nowrap;color: var(--font-blue-color);font-size: var(--font-20);}
.product_bussines .word:nth-of-type(10){left: 38.5%;top: 7%;color: var(--font-active-color);font-size: var(--font-20);}


/*
ABOUT
*/
.about_company{padding: 5.5vw 0;}
.about_company_item{display: flex;justify-content: space-between;align-items: flex-end;}
.about_company_item .img{width: 28%;overflow: hidden;}
.about_company_item .img img{width: 100%;}
.about_company_item .text{width: 61%;}
.about_company_item .text .title{font-size: var(--font-36);text-transform: uppercase;}
.about_company_item .text .des{color: #6b6b6b;margin-top: 3vw;line-height: 1.8;font-size: var(--font-18);}

.about_honer{padding: 3vw 0 5.5vw;}
.about_honer_title{font-size: var(--font-36);text-align: center;text-transform: uppercase;}
.about_honer_tab{margin-top: 2vw;}
.about_honer_tab .am-nav-tabs{display: flex;justify-content: space-between;border: 0;}
.about_honer_tab .am-nav-tabs li{width: calc(33.33% - 1vw);}
.about_honer_tab .am-nav-tabs li a{display: flex;background-color: #dcdddd;padding: .7vw;justify-content: center;border:none!important;margin: 0;font-size: var(--font-22);}
.about_honer_tab .am-nav-tabs li.am-active a{background-color: var(--font-active-color);color: #fff;}
.about_honer_tab .am-tabs-bd {padding:0;border:none;}
.about_honer_tab .am-tabs-bd .am-tab-panel{padding:0;}
.about_honer_list{display: flex;margin:1.5vw -1vw 0;flex-wrap: wrap;}
.about_honer_list li{padding: 0 1vw;margin-top:.5vw;text-align: center;font-size: var(--font-16);display: flex;justify-content: space-between;flex-direction: column;}
.about_honer_list li .img{position: relative;overflow: hidden;background-color: #e5e5e5;height: calc(100% - 3.6vw);display: flex;align-items: center;}
.about_honer_list li .img img{width: 100%;height: auto;position: relative;transition:all 0.35s}
.about_honer_list li .img:hover img{transform:scale(1.05)}
.about_honer_list li .title{height:3.6vw;display: flex;align-items: flex-start;justify-content:center;padding-top:.5vw}
.about_honer_tab .am-nav-tabs::before,.about_honer_tab .am-nav-tabs::after{display: none;}



/*
CONTACT
*/
.contact_box{padding: 5.5vw 0;}
.contact_info{display: flex;flex-wrap: wrap;justify-content: space-between;font-size: var(--font-17);}
.contact_info .item{margin-top: 2vw;display:flex;flex-direction: column;}
.contact_info .item b{color: #000;display: flex;align-items: center;}
.contact_info .item b i{font-size: var(--font-20);margin-right: .5rem;}
.contact_info .item:nth-of-type(odd){width: 30%;}
.contact_info .item:nth-of-type(even){width: 70%;padding-left: 3vw;}
.contact_map{margin-top: 5.5vw;height: 30vw;background-color: #f2f2f2;}
.contact_map .subtitle{font-weight: bold;color: var(--font-active-color);font-size: var(--font-17);}
.contact_map .content{font-size: var(--font-16);width: 55rem;margin-top: 1.5rem;}
.contact_map .content p{margin: .6rem 0 0;}

.contact_con{margin-top: 2vw;}

.contact_from{margin-top: 3vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_from .layui-form-item{width: 48%;}
.contact_from .layui-form-item.last{width: 100%;}
.contact_from .layui-form-item:last-of-type{margin-bottom: 0;}
.contact_from .layui-input-wrap ,.contact_from .layui-input-affix{line-height: 2.5vw;}
.contact_from .layui-input-prefix .layui-icon{font-size: var(--font-16);}
.contact_from .layui-form-item.required .layui-input-affix{display: block!important;}
.contact_from .layui-form-item.required .layui-input-affix.layui-hide .layui-icon-clear::before{display: block;content: '*';color: #ff0000;font-size: var(--font-12);}
.contact_from .layui-input{height:2.5vw;line-height:2.5vw;font-size:var(--font-16);border-radius:3px;background: none;}
.contact_from .layui-form-item .layui-textarea{font-size:var(--font-16);background: none;border-radius:3px;}
.contact_from .layui-form-select dl{max-width: 100%;margin: 0;}
.contact_from .layui-form-select dl dd{font-size:var(--font-16);}
.contact_from .layui-form-select dl dd.layui-this{color: var(--font-active-color);}
.contact_from .layui-form-select dl .layui-select-none{font-size:var(--font-16);}
.contact_from .layui-input:focus, .contact_from .layui-textarea:focus{box-shadow: 0 0 0 3px rgba(65,191,151,0.08);}
.contact_from .layui-form-item .layui-bg-blue{background-color:var(--font-active-color)!important;}
.contact_from .layui-form-item .layui-btn-primary{background-color: #fff;border: none;color: var(--font-active-color);}
.contact_from .layui-form-item .layui-btn{display: flex;height: 2.5vw;align-items: center;justify-content: center;font-size: var(--font-16);}

.contact_from .layui-form-item.flex::after{display: none;}
.contact_from .layui-form-item.flex .layui-input-wrap{display: flex;align-items: center;width:auto;}
.contact_from .layui-form-item.flex .layui-input-wrap .layui-input{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.contact_from .layui-form-item .codeimg{height: 2.5vw;}
.contact_from .layui-form-item.flex .layui-btn{width: 10vw;}


.inquiry-skin{border-radius: var(--font-15)!important;}
.inquiry-skin .layui-layer-content{padding: 0;color: var(--font-color);}
.jd_contact{width:50vw;display: flex;justify-content: space-between;border-radius: var(--font-15)!important;overflow: hidden;background-color: #fff;}
.jd_contact_left{width: 48.5%;position: relative;background-color: #dadde4;overflow: hidden;display: flex;align-items: flex-end;}
.jd_contact_left img{width: 100%;height:auto;display: block;}
.jd_contact_right{width: 51.5%;padding:4%;}
.jd_contact_right .title{text-align: center;font-size: var(--font-26);color: var(--font-color);font-weight:bold;}
.jd_contact_right .layui-text{margin:4% 0;font-size: var(--font-14);}
.jd_contact_right .contact_from{margin-top: 0;}
.jd_contact_right .layui-form-item{width: 100%;}
.jd_contact_right .layui-form-item .layui-btn{width: 100%;}

/*
honest
*/
.honest_box{padding: 5.5vw 0;background-color: #efefef;background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;}
.honest_list{width: 55.313vw;margin: 0 auto;max-width: 106.2rem;background-color: #fff;}
.honest_list_img{display: block;margin: 0 auto; width: 100%;}
.honest_text_box{padding: .6vw 5.365vw;}
.honest_text{position: relative;line-height: 3.8;padding-top: .2vw;padding-bottom: 9.5vw;}
.honest_text .text{position: relative;z-index: 2;font-size: var(--font-18);}
.honest_text .text p:empty{height: 2.4vw;}
.honest_text .line_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;z-index: 1;}
.honest_text .line_box .line{border-bottom: solid 1px #b4b4b4;height: 3.6vw;}
.honest_text .line_box .line:nth-of-type(16),.honest_text .line_box .line:nth-of-type(16),.honest_text .line_box .line:nth-of-type(17),.honest_text .line_box .line:nth-of-type(18),.honest_text .line_box .line:nth-of-type(19),.honest_text .line_box .line:nth-of-type(20),.honest_text .line_box .line:nth-of-type(21),.honest_text .line_box .line:nth-of-type(22),.honest_text .line_box .line:nth-of-type(23),.honest_text .line_box .line:nth-of-type(24),.honest_text .line_box .line:nth-of-type(25),.honest_text .line_box .line:nth-of-type(26),.honest_text .line_box .line:nth-of-type(27),.honest_text .line_box .line:nth-of-type(28),.honest_text .line_box .line:nth-of-type(29){display: none;}
.honest_word{color: #fff;padding: 7.5vw 0 2.5vw;width: 55.313vw;max-width: 106.2rem;margin: 0 auto;line-height: 2;background-repeat: no-repeat;background-position: center bottom;background-size: cover;font-size: var(--font-18);}
.honest_title{text-align: center;font-size: var(--font-36);font-weight: bold;color: #000;}
.honest_box .about_honer_list{padding:0 12vw;}
.honest_box .about_honer_list .img{padding:1.4vw 1.2vw;background-color:#c9caca;}


/*
FOOTER
*/
.footer_nav_item{display:flex;justify-content: space-between;}
.footer_nav{background-color: var(--font-active-color);padding: 3vw 0;}
.footer_nav .am-accordion{display: flex;}
.footer_nav .am-accordion-item{border:none;border-right: rgba(255, 255, 255, .95) dashed 1px;padding: 0 2.4vw;max-width: 36vw;}
.footer_nav .am-accordion-item:first-of-type{padding-left: 0;}
.footer_nav .am-accordion-item:last-of-type{padding-right: 0;border: none;}
.footer_nav .am-accordion-title{font-size:var(--font-16);border-bottom:none; padding-left:0; cursor:default;color: #fff;font-weight: bold;}
.footer_nav .am-accordion-title a{color:#fff;}
.footer_nav dd.am-collapse{ display:block;}
.footer_nav .am-accordion-content{ padding:.5vw 0 0;display: flex;flex-direction: column;font-size: var(--font-14);}
.footer_nav .am-accordion-content span{margin-top: .6vw;display: block;}
.footer_nav .am-accordion-content span a{color: rgba(255,255,255,.8);}
.footer_nav .am-accordion-content span a::before{margin-right: .3vw;}
.footer_nav .am-accordion-content span a:hover ,.footer_bottom a:hover{color: rgba(255,255,255,1);}
.footer_wx{display:flex;flex-direction: column;align-items: center;color: rgba(255,255,255,.8);font-size: var(--font-13);}
.footer_wx img{width: 8vw;margin-bottom: .3vw;}
.footer_copyright{text-align: center;padding: 1vw 0;font-size: var(--font-15);color: rgba(255,255,255,1);background-color: var(--font-blue-color);}
.footer_copyright span{margin-right:2vw;}
.footer_copyright a{color: rgba(255,255,255,1)}

.focus_ico{display: flex;}
.focus_ico a{display:flex;width:1.354vw;height:1.354vw;align-items:center;justify-content:center;background:rgba(0,0,0,.2);border-radius:50%;color:#fff;margin:0 0 0 1.042vw;font-size:var(--font-15);padding:0}
.focus_ico a span{display: none;}
.focus_ico a:last-of-type{margin-right: 0;}
.focus_ico a:hover{background-color: var(--font-active-color);color: #ffffff;}

.social-share-icon{position:relative}
.wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-12.5vw;left:50%;transform:translateX(-50%);width:10.417vw;font-size:var(--font-16);text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;color:#999;}
.wechat-qrcode h4{font-weight:normal;height:1.563vw;line-height:1.563vw;font-size:var(--font-16);background-color:#f3f3f3;margin:0;padding:0}
.wechat-qrcode .qrcode{width:100%;padding:0.521vw}
.wechat-qrcode .qrcode canvas{width:100%;display:block}
.wechat-qrcode .help{font-size:var(--font-16);color:#999}
.wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-0.313vw;bottom:-0.677vw;width:0;height:0;border-width:8px 0.313vw 0.313vw 0.313vw;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share-icon:hover .wechat-qrcode{display:block}


.skin_tips.layui-layer-tips .layui-layer-content{font-size: var(--font-15);}
.layui-fixbar li{width: var(--font-50);height:var(--font-50);font-size: var(--font-30);line-height:var(--font-50);}
.layui-fixbar .layui-fixbar-top{font-size: var(--font-40);}
.layui-fixbar li:hover{background-color: var(--font-blue-color)!important;transition:all 300ms ease-in-out 0s;}


/*
Banner
*/
.banner{position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: var(--i-window-height);overflow: hidden;background-color: var(--font-blue-color);}
.banner .img{ display:block; width:100%;height: 100%;margin: 0 auto;object-fit: cover;}
.scale_img{-webkit-transition: all 2s cubic-bezier(0.2, 0.3, 0.5, 1);transition: all 2s cubic-bezier(0.2, 0.3, 0.5, 1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.scale_img_active{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.banner .text{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;position: absolute;left: 0;top: 0;font-size: var(--font-40);font-weight: bold;line-height: 1.4;}



@media screen and (max-width:640px) { 
    :root{
        --swiper-navigation-size: 20px;
        --font-100:26.667vw;
        --font-90:24vw;
        --font-80:21.333vw;
        --font-70:18.667vw;
        --font-60:16vw;
        --font-55:14.667vw;
        --font-50:13.021vw;
        --font-48:12.8vw;
        --font-44:11.733vw;
        --font-40:9.346vw;
        --font-36:8.411vw;
        --font-32:7.477vw;
        --font-30:7.009vw;
        --font-26:6.075vw;
        --font-24:5.607vw;
        --font-22:5.14vw;
        --font-20:4.673vw;
        --font-19:1.9rem;
        --font-18:4.206vw;
        --font-17:3.972vw;
        --font-16:3.738vw;
        --font-15:3.505vw;
        --font-14:3.271vw;
        --font-13:3.037vw;
        --font-12:2.804vw;    
        --font-11:2.304vw;
        --font-10:1.504vw;
    }
    body{font-size:var(--font-16);padding:14vw 0 var(--font-50);}
    p{margin:0 0 3.4vw}
    h1{font-size: 6vw;}
    h2{font-size: 5vw;}
    h3{font-size: 4vw;}
    h4{font-size: 3vw;}
    h5{font-size: 2vw;}
    h6{font-size: 1vw;}
    p{margin:0 0 3vw}
    
    .am-container,.web_w{padding:0}
    .am-paragraph-default{font-size:var(--font-16);line-height: 1.8;}
    .am-paragraph-default img{height:auto!important}
    .am-paragraph-default p{margin:0 0 3vw;font-size:var(--font-16);}
    .am-paragraph-default video,.am-paragraph-default iframe{width:100%!important;height: 25rem!important;}
    table p{margin: 0!important;}
    .layui-layer-photos{width: 100%!important;height: auto!important;}
    .layui-layer-photos-prev, .layui-layer-photos-next{transform: scale(.8);}
    .layui-table{width: 100%;margin: 3.6vw 0;}
    .layui-table tr th, .layui-table tr td{font-size: var(--font-16)}
    blockquote{padding:2vw;margin-bottom:3vw;font-size:var(--font-17)!important;}
    p+blockquote{margin-top:3vw;}
    blockquote p{font-size: var(--font-17)!important;}
    hr {margin: 4vw 0;}
    
    .public_button_text {width: 36vw;padding: 0 8.695652vw 0 0;}
    .public_button_icon {width: 8.695652vw;height: 8.695652vw;}
    .public_button_label {font-size: 3.381642vw;line-height: 8.695652vw;}
    .public_button_icon svg {width: 3.381642vw;}
    .public_button_circle {cx: calc(100% - 4.830917vw);cy: 4.347826vw;rx: 4.347826vw;ry: 4.347826vw }
    .public_button_box {-webkit-border-radius: 4.347826vw;border-radius: 4.347826vw;}
    .public_button_active .public_button_circle {cx: 4.34782vw;}
    .public_button_box:hover .public_button_text {padding: 0 8.695652vw 0 0;}
    .public_button_box:hover .public_button_icon {left: 100%;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
    .public_button_box:hover .public_button_label {color: #fff;}
    .public_button_box:hover .public_button_icon {background: var(--font-active-color);}
    .public_button_box:hover .public_button_icon svg {fill: #fff;}.public_button_box:hover .public_button_color {fill:var(--font-active-color);}
    .public_title_icon {width: 4vw;}
    .public_title_text {font-size: 5vw;line-height: 1.6; margin-left: 2.5vw;}
    .public_subtitle_text{font-size: 3.6vw;margin-top: 2vw;}
    
    .mobile_hide{display: none!important;}
    .mobile_show{display: block!important;}
    
    
    /*模板*/
    .ue_flex{flex-direction: column;}
    .ue_flex .ue_flex_item{flex: 1;}
    .ue_flex .ue_flex_item:not(:first-of-type){margin-left: 0;}
    
    .header{width:100%;height:14vw!important;position: fixed; z-index:1100;left:0;top: 0;padding:0;border: none;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)}
    .header .menu ,.header.am-sticky .menu{display: block;height: 14vw!important;position: absolute;left: 0;top: 0;}
    .header .logo{display:flex;position:absolute;height: 100%;align-items: center;left: 3vw;top:0;z-index: 1000;}
    .header .logo img{height: 63%;display: none;}
    .header .logo img:first-of-type{display: block!important;}
    
    .header .am-menu{display: block;margin: 0;height: auto;}
    .header .am-topbar-collapse{width: 100%;float: none;}
    .header .am-menu-nav{height: auto;display: block;}
    .header .am-menu-nav .parent_li{width:100%;margin:0;border-bottom:#dedede solid 1px;transform:translateY(3rem);-webkit-transform:translateY(3rem);-moz-transform:translateY(3rem);opacity:0;display:block;padding: 0!important;}
    .header .am-menu-nav .parent_li::before{display: none!important;}
    .header .am-menu-nav .parent_li:first-of-type {border-top: #dedede solid 1px;}
    .header .am-menu-nav .parent_li .parent_a{height: 5rem;line-height: auto; padding: 0 3vw!important; display: flex; justify-content: space-between;  align-items: center;color: var(--font-color)!important;font-size: var(--font-16);}
    .header .am-menu-nav .parent_li .parent_a.on{color: var(--font-active-color)!important;}
    .header .am-menu-nav .parent_li .parent_a:after{font-family: 'FontAwesome';display: block; content: '\f105';}
    .header .am-menu-nav .parent_li .parent_a::before ,.header .am-menu-nav .parent_li .parent_a i{display: none;}
    .header .am-menu-nav .parent_li.am-parent .parent_a:after{content: '\f107';}
    
    .language_btn{position: absolute;right: 6rem;top: 0;height: 14vw;color: var(--font-color);z-index: 10;}
    .language_btn a,.language_btn span{color: var(--font-color)!important;}
    .language_btn a{font-size: var(--font-16);}
    .language_btn a.on{color: var(--font-active-color)!important;}
    .language_btn span{margin: 0 1vw;}

      
    .header .am-topbar-btn{display: flex;align-items: center;float: right;height: 14vw;margin: 0;}
    .am-topbar-btn .btn{background: none; width: 2rem; height: 1.6rem; position: relative; z-index: 10; margin: 0 3.791vw 0 0;}
    .am-topbar-btn span{display:block;width:100%;height:1px;position:absolute;background-color:#000;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
    .am-topbar-btn span:nth-of-type(1) {
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
    }
    .am-topbar-btn span:nth-of-type(4) {
        bottom: 0;
        right: 0;
        opacity: 0;
        width: 100%;
    }
    .am-topbar-btn span:nth-of-type(2), .am-topbar-btn span:nth-of-type(3) {
        top: 50%;
        right: 0;
        margin-top: -1px;
    }
    .am-topbar-btn span:nth-of-type(2) {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .am-topbar-btn span:nth-of-type(3) {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .am-topbar-btn.am-collapsed span:nth-of-type(2) {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    .am-topbar-btn.am-collapsed span:nth-of-type(3) {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    .am-topbar-btn.am-collapsed span:nth-of-type(1), .am-topbar-btn.am-collapsed span:nth-of-type(4) {
        opacity: 1;
    }
    .am-topbar-collapse {
        float: none;
        clear: both;
        padding: 0;
    }
    .am-topbar-collapse.am-collapse {
        display: none!important;
    }
    .am-topbar-collapse.am-collapse.am-in {
        display: block!important;
        height: 100vh!important;
        background: rgba(255, 255, 255, .95);
        transition: all .4s ease 0s;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
    }
    
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(1) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease .1s;
        -webkit-transition: all .6s ease .1s;
        -moz-transition: all .6s ease .1s;
    }
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(2) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease .2s;
        -webkit-transition: all .6s ease .2s;
        -moz-transition: all .6s ease .2s;
    }
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(3) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease .3s;
        -webkit-transition: all .6s ease .3s;
        -moz-transition: all .6s ease .3s;
    }
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(4) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease .4s;
        -webkit-transition: all .6s ease .4s;
        -moz-transition: all .6s ease .4s;
    }
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(5) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease .5s;
        -webkit-transition: all .6s ease .5s;
        -moz-transition: all .6s ease .5s;
    }
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(6) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease .6s;
        -webkit-transition: all .6s ease .6s;
        -moz-transition: all .6s ease .6s;
    }
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(7) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease .7s;
        -webkit-transition: all .6s ease .7s;
        -moz-transition: all .6s ease .7s;
    }
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(8) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease .8s;
        -webkit-transition: all .6s ease .8s;
        -moz-transition: all .6s ease .8s;
    }
    
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(9) ,.am-topbar-collapse.am-collapse.am-in .top_search{
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease .9s;
        -webkit-transition: all .6s ease .9s;
        -moz-transition: all .6s ease .9s;
    }
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(10) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease 1s;
        -webkit-transition: all .6s ease 1s;
        -moz-transition: all .6s ease 1s;
    }
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(11) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease 1.1s;
        -webkit-transition: all .6s ease 1.1s;
        -moz-transition: all .6s ease 1.1s;
    }
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(12) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease 1.2s;
        -webkit-transition: all .6s ease 1.2s;
        -moz-transition: all .6s ease 1.2s;
    }
    .am-topbar-collapse.am-collapse.am-in li:nth-of-type(13) {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transition: all .6s ease 1.3s;
        -webkit-transition: all .6s ease 1.3s;
        -moz-transition: all .6s ease 1.3s;
    }
    
    
        
    

/**
INDEX_BANNER
**/
.index_banner_swiper .index_banner_slide::before{display:block;content:'';padding-bottom:65.25%}
.index_banner_swiper .text{padding: 0 7vw;}
.index_banner_swiper .text .title{font-size: var(--font-22);}
.index_banner_swiper .text .subtitle{margin-top: 1.5vw;font-size: var(--font16);}
.index_banner_button{transform: scale(.8);}

.index_banner_pagination_box{bottom:1rem!important;padding:0 3vw;display: flex;justify-content: center;}
.index_banner_pagination_item{margin-right:2vw}
.index_banner_pagination_icon{position:relative;width:5vw;height:1.5vw;}

.index_banner_navigation ,.index_float_box{display: none;}

.swiper_scroll_btn{width:7vw;height:7vw;}
.flex .swiper_scroll_btn:last-of-type{margin-left:2vw}

/*
PRODUCT
*/
.index_product{padding: 6vw 3vw;margin:0;}
.index_product_item{flex-direction: column;}
.index_product_item a{width: 100%;}
.index_product_item a:not(:first-of-type){margin-top: 3vw;}
.index_product_item a .img::before{display: block;content: '';padding-bottom: 56.25%;}
.index_product_item .text .ico{width: 18vw;height: 18vw;}
.index_product_item a:first-of-type .text .ico{height: 13vw;}
.index_product_item a:hover .ico img{transform: translate(-18vw, 0); -webkit-transform: translate(-18vw, 0); -ms-transform: translate(-18vw, 0); -o-transform: translate(-18vw, 0);filter: drop-shadow(18vw 0 #fff); -webkit-filter: drop-shadow(100% 0 #fff);image-rendering:auto;}
.index_product_item .text .title{font-size: var(--font-18);font-weight: bold;margin-top: 2vw;}
.index_product_item .text .subtitle{height: initial;font-size: var(--font-15);margin-top: 1vw;line-height: 1.4;}

.product_list_box{padding: 8vw 3vw 10vw;}
.product_title{font-size: var(--font-26);text-align: center;}
.product_list{margin-top: 2vw;padding-top: 2vw;}
.product_list .title{font-size: var(--font-18);font-weight: bold;}
.product_list .text{margin-top: 1vw;font-size: var(--font-16);}
.product_list .text p br{display: none;}
.product_list .pics{display: flex;justify-content: space-between;flex-direction: column;}
.product_list .pics .item{width: 100%;margin-top: 2vw;background-color: #f9f9f9;}
.product_list .pics .img{position: relative;overflow: hidden;}
.product_list .pics .img::before{display: block;content: '';padding-bottom: 56.16%;}
.product_list .pics .img span{display: flex;height: 12vw;align-items: center;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #fff;width: 100%;font-size: var(--font-16);text-align: center;}
.product_list .pics .des{padding: 3vw;font-size: var(--font-16);}
.product_list .pics_1 .item{width: 100%;}
.product_list .pics_1 .item img{position: relative;}
.product_list .pics_1 .item .img::before ,.product_list .pics_1 .item .img span{display: none;}

.product_bussines_box{padding: 0;margin-top: 8vw;}
.product_bussines{position: relative;}
.product_bussines img{max-width: 100%;}
.product_bussines .word{position: absolute;font-size: var(--font-10);font-weight: bold;color: #fff;line-height: 1.2;text-align: center;}
.product_bussines .word:nth-of-type(1){color: #000;left: -10px;top: 5%;font-size: var(--font-10);transform: scale(.8);}
.product_bussines .word:nth-of-type(2){left: 9.9%;top: 4.1%;cursor: pointer;font-size: var(--font-10);transform: scale(.7);}
.product_bussines .word:nth-of-type(3){left: 1.8%;top: 14.8%;cursor: pointer;font-size: var(--font-10);transform: scale(.7);}
.product_bussines .word:nth-of-type(4){left: 53.8%;top: 26.8%;}
.product_bussines .word:nth-of-type(5){left: 25%;top: 56%;}
.product_bussines .word:nth-of-type(6){left: 52.2%;top: 52.5%;color: #000;font-size: var(--font-14);}
.product_bussines .word:nth-of-type(7){left: 83.2%;top: 56%;}
.product_bussines .word:nth-of-type(8){left: 54%;top: 86.5%;}
.product_bussines .word:nth-of-type(9){left: 6%;top: 39.5%;writing-mode: vertical-rl;white-space: nowrap;font-size: var(--font-10);}
.product_bussines .word:nth-of-type(10){left: 38.5%;top: 5%;font-size: var(--font-10);}


/*
ABOUT
*/
.about_company{padding: 6vw 3vw;}
.about_company_item{flex-direction: column;}
.about_company_item .img{width: 100%;max-height: 20rem;}
.about_company_item .text{width: 100%;margin-top: 5vw;}
.about_company_item .text p{margin: 0 0 3vw!important;}
.about_company_item .text .title{font-size: var(--font-20);}
.about_company_item .text .des{color: #6b6b6b;margin-top: 1vw;line-height: 1.6;font-size: var(--font-16);font-weight: normal;}

.about_honer{padding: 3vw 3vw 8vw;}
.about_honer_title{font-size: var(--font-24);text-align: center;}
.about_honer_tab{margin-top: 4vw;}
.about_honer_tab .am-nav-tabs li{width: calc(33.33% - 1vw);}
.about_honer_tab .am-nav-tabs li a{display: flex;background-color: #dcdddd;padding: .7vw;justify-content: center;border:none!important;margin: 0;font-size: var(--font-17);}
.about_honer_list{display: flex;margin: 0 -1vw;flex-wrap: wrap;}
.about_honer_list li{padding: 0 1vw;text-align: center;margin-top: 3vw;font-size: var(--font-16);display: flex;justify-content: space-between;flex-direction: column;}
.about_honer_list li .img{position: relative;overflow: hidden;background-color: #e5e5e5;height: calc(100% - 4.4rem);display: flex;align-items: center;}
.about_honer_list li .img img{width: 100%;height: auto;position: relative;transition:all 0.35s}
.about_honer_list li .img:hover img{transform:scale(1.05)}
.about_honer_list li .title{height:4.4rem;display: flex;align-items: center;justify-content:center;line-height: 1.4;font-size: var(--font-14);}
.about_honer_list li .title span{white-space: wrap; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.about_honer_tab .am-nav-tabs::before,.about_honer_tab .am-nav-tabs::after{display: none;}


/*
honest
*/
.honest_box{padding: 6vw 3vw;}
.honest_box:last-of-type{padding: 10vw 3vw;}
.honest_list{width: 100%;margin: 0 auto;max-width: 100%}
.honest_text_box{padding: .6vw 10vw;}
.honest_text{position: relative;line-height: 3;padding-top: 0vw;padding-bottom: 0;}
.honest_text .text{position: relative;z-index: 2;font-size: var(--font-17);}
.honest_text .text p:empty{height: 6.5vw;}
.honest_text .line_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;z-index: 1;}
.honest_text .line_box .line{border-bottom: solid 1px #b4b4b4;display: block!important;visibility:visible!important;height: 12.3vw;}
.honest_text .line_box .line:last-of-type{visibility: hidden!important;}
.honest_word{color: #fff;padding: 7.5vw 5vw 6vw;width:100%;max-width: 100%;margin: 0 auto;line-height: 1.6;margin-top: 3vw;background-color: var(--font-blue-color);font-size: var(--font-17);}
.honest_word p{margin: 0 0 3.6vw!important}
.honest_title{text-align: center;font-size: var(--font-22);font-weight: bold;color: #000;}
.honest_box .about_honer_list{margin-top: 2vw;padding: 0;}
.honest_box .about_honer_list .img{padding:1.4vw 1.2vw;background-color:#c9caca;}



/*
CONTACT
*/
.contact_box{padding: 6vw 3vw 10vw;}
.contact_info .item{margin-top: 0;display:flex;flex-direction: column;font-size: var(--font-17);}
.contact_info .item:not(:first-of-type){margin-top: 4vw;}
.contact_info .item b{color: #000;}
.contact_info .item b i{font-size: var(--font-16);margin-right: .3rem;}
.contact_info .item:nth-of-type(odd){width: 100%;}
.contact_info .item:nth-of-type(even){width: 100%;padding-left:0;}
.contact_map{margin-top: 6vw;height: 25rem;}
.contact_map .content{font-size: var(--font-15);width: 24rem;margin-top: 1rem;}
.contact_map .content p{margin: .6rem 0 0;}

.contact_con{margin-top: 2vw;}

.contact_from{margin-top: 6vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_from .layui-form-item{margin-bottom: 3vw;width:100%;}
.contact_from .layui-input-wrap ,.contact_from .layui-input-affix{line-height: 10vw;}
.contact_from .layui-input-prefix .layui-icon{font-size: var(--font-16);}
.contact_from .layui-input{height:10vw;line-height:10vw;font-size:var(--font-16);border-radius:5px;background: none;}
.contact_from .layui-form-item .layui-textarea{font-size:var(--font-16);background: none;border-radius:5px;}
.contact_from .layui-form-select dl{max-width: 100%;margin: 0;}
.contact_from .layui-form-select dl dd{font-size:var(--font-16);}
.contact_from .layui-form-select dl dd.layui-this{color: var(--font-active-color);}
.contact_from .layui-form-select dl .layui-select-none{font-size:var(--font-16);}
.contact_from .layui-form-item .layui-btn{display: flex;height: 10vw;align-items: center;justify-content: center;width: 100%;font-size: var(--font-16);}
.contact_from .layui-form-item.justify_between{flex-direction: column;}
.contact_from .layui-form-item.justify_between .flex{justify-content: space-between;}
.contact_from .layui-form-item.flex .layui-input-wrap{display: flex;align-items: center;width: auto;}
.contact_from .layui-form-item.flex .layui-input-wrap .layui-input{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.contact_from .layui-form-item .codeimg{height:10vw;}
.contact_from .layui-form-item.flex .layui-btn{width: 100%;margin-top: 5vw;}

.contact_from_box {padding: 0 3vw;margin-top: 12vw;}
.contact_from_box .layui-form-item{margin: 0;width: 100%;}
.contact_from_box .layui-form-item.one{width: 100%;}
.contact_from_box .layui-form-item.message{width: 100%;margin-top: 1vw;}
.contact_from_box .layui-input ,.contact_from_box .layui-textarea{border: none;border-bottom: var(--font-green-color) solid 1px;border-radius: 0!important;box-shadow: none!important;color:var(--font-green-color);padding-left: 0;padding-right: 0;font-size: var(--font-14)!important;resize: none;}
.contact_from_box .layui-input:focus ,.contact_from_box .layui-textarea:focus{border-bottom: var(--font-green-color) solid 1px;}
.contact_from_box .layui-input-affix{line-height: 12vw;}
.contact_from_box .layui-input-suffix{width: auto;text-align: right;padding: 0;}
.contact_from_box .layui-input{height:12vw;line-height:12vw;}
.contact_from_box .layui-icon{color: var(--font-active-color);}
.contact_from_box .layui-form-item .layui-btn{margin-top: 6vw;width: 100%;background: var(--font-active-color);border-radius:100rem;border: 0;padding: 1vw 3vw;color: var(--font-green-color);font-size: var(--font-15);color: #fff;}
.contact_from_box .layui-form-select dl{margin: 0;max-height: 30rem;top: initial;}
.contact_from_box .layui-form-select .layui-edge{border-top-color:var(--font-green-color)}

.inquiry-skin{border-radius: var(--font-15)!important;}
.inquiry-skin .layui-layer-content{padding: 0;color: var(--font-color);}
.jd_contact{width:100%;display: flex;flex-direction: column;border-radius: var(--font-15)!important;overflow: hidden;background-color: #fff;}
.jd_contact_left{width: 100%;position: relative;background-color: #dadde4;overflow: hidden;display: flex;align-items: flex-end;}
.jd_contact_left img{width: 100%;height:auto;display: block;}
.jd_contact_right{width: 100%;padding:6vw 3vw;}
.jd_contact_right .title{text-align: center;font-size: var(--font-20);color: var(--font-color);font-weight:bold;}
.jd_contact_right .layui-text{margin:2vw 0 4vw;font-size: var(--font-15);line-height: 1.2;}
.jd_contact_right .contact_from{margin-top: 0;}
.jd_contact_right .layui-form-item{width: 100%;}


/*
FOOTER
*/
.footer_nav_item{flex-direction: column;}
.footer_nav{padding:5vw 3vw;}
.footer_nav .am-accordion{display: flex;flex-direction: column;width: 100%;}
.footer_nav .am-accordion-item{ width:100%;margin:0!important; padding:0;border: 0;max-width: 100%;}
.footer_nav .am-accordion-title{font-size:var(--font-16);height: 13vw;border-bottom:rgba(255, 255, 255, 0.3) solid 1px;display: flex;justify-content: space-between;font-weight: normal;align-items: center;margin-bottom: 0;font-weight: bold;}
.footer_nav .am-accordion-title a{display: flex;align-items: center;height: 100%;width: 98%;}
.footer_nav .am-accordion-item.am-active .am-accordion-title{color: #fff;font-weight: bold;}
.footer_nav .am-accordion-item:first-of-type .am-accordion-title{ margin-top:0;}
.footer_nav .am-accordion-title:after{display:block;font-family:'FontAwesome'; content: "\f105"; transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;width: auto;height: auto;margin: 0;background: none;}
.footer_nav .am-accordion-item.am-active .am-accordion-title:after{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;}
.footer_nav dd.am-collapse{ display:none;}
.footer_nav dd.am-collapse.am-in{ display:block;}
.footer_nav .am-accordion-content{ padding:2vw 0; font-size:var(--font-15);line-height:2;width: 100%;}
.footer_nav .am-accordion-content span{margin-top: 2vw;}
.footer_nav .am-accordion-content span a{font-size:var(--font-15);}
.footer_wx{font-size: var(--font-14);margin-top: 5vw;}
.footer_wx img{width: 24vw;margin-bottom: .3vw;}

.footer_copyright{text-align: center;padding: 3vw;font-size: var(--font-15);}
.footer_copyright .flex{flex-direction: column;}
.footer_copyright span{margin:0 2vw;}
.focus_ico{justify-content: center;margin-top: 2vw;}
.focus_ico a{width:6vw;height:6vw;margin:0 2vw;}


.layui-fixbar{width: 100%;right: 0!important;bottom: 0!important;display: flex;justify-content: space-between;}
.layui-fixbar li{width:33.33%;border-radius: 0;opacity: 1;font-size: var(--font-26);}
.layui-fixbar li:not(:last-of-type){border-right: #fff solid 1px;}
.layui-fixbar li.layui-fixbar-top{display: none!important;}
.layui-fixbar li:hover{background-color: var(--font-active-color)!important;opacity: 1;}

/*
Banner
*/
.banner{height: inherit;}
.banner .img{height: inherit;}
.banner .text{font-size: var(--font-20);padding: 0 3vw;}

}