:root {
    --font-color: #3e3e3e;
    --font-active-color: #ca1d1d;
    --black: #000000;
  }
  @font-face {
    font-family: 'HandelGotD-Bold';
    src: url('/template/cn/css/../fonts/HandelGotD-Bold.eot');
    src: url('/template/cn/css//template/cn/css/../fonts/HandelGotD-Bold.eot?#iefix') format('embedded-opentype'),
        url('/template/cn/css//template/cn/css/../fonts/HandelGotD-Bold.woff2') format('woff2'),
        url('/template/cn/css/../fonts/HandelGotD-Bold.woff') format('woff'),
        url('/template/cn/css/../fonts/HandelGotD-Bold.ttf') format('truetype'),
        url('/template/cn/css/../fonts/HandelGotD-Bold.svg#HandelGotD-Bold') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
body{color:var(--font-color);font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","΢���ź�";font-size: 1.6rem;word-wrap: break-word;}
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 {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 1.2rem;}
img{image-rendering: -webkit-optimize-contrast;}
video,picture{display:block;}
.list-paddingleft-2{margin-top: 0;padding-left: 1em;}
.list-paddingleft-2 li{list-style: inherit;}
blockquote{padding: .8rem 1.5rem;background-color: #f2f2f2;font-family: "Arial","\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","΢���ź�";font-size: 1.6rem;border-left: 4px solid var(--font-active-color);display: flex;align-items: center;margin-bottom:2rem;}
.img_animate{position: relative;overflow: hidden;display: block;width: 100%;}
.img_animate img{display:block;width: 100%!important;height: 100%!important;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;right: 0!important;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
.white{color: #fff!important;}

/*
public
*/
.web_w{width:100%;width:1300px;margin:0 auto;}
.am-paragraph-default{ margin:0;color:var(--font-color);font-size:1.6rem;text-align: justify;line-height: 1.8;}
.am-paragraph-default img{ max-width:100%; border:none; padding:0; margin:0;display:inline;}
.am-paragraph-default p{ margin:0 0 1.6rem;font-size:1.6rem;line-height: 1.8;}
.am-paragraph-default p ,.am-paragraph-default a{color:var(--font-color);}
.am-paragraph-default video ,.am-paragraph-default iframe{display:block;max-width:100%;background-color: #000;object-fit: cover;height: auto;}
.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-table-striped > tbody > tr:nth-child(2n+1) > td, .am-table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #f5f5f5;}
.am-table tr td,.am-table tr th{ vertical-align:middle!important;}
hr{margin: 3.5rem 0 3rem;}
.layui-layer-btn a{font-size: 1.4rem;}
.layui-layer-setwin .layui-layer-close2{width: 30px!important;height: 30px!important;}
.layui-layer-imgtit h3{margin-bottom: 0!important;line-height: 40px;}

.layui-table{color: var(--font-color);margin: 2rem 0;}
.layui-table th, .layui-table td{font-size: 1.6rem;line-height: 1.6;}

/*
header
*/
.menu{height: 9.8rem;display: flex;align-items: center;justify-content: space-between;}
.menu .logo{display: flex;align-items: center;}
.menu .logo img{display: block;height: 7rem;}
.menu .slogoen{display: flex;flex-direction: column;text-align: justify;position: relative;padding-left: 2rem;margin-left: 2rem;font-weight: bold;color: #000;line-height: 1.2;}
.menu .slogoen strong{color:var(--font-active-color);font-size: 3rem;font-family: 'HandelGotD-Bold';}
.menu .phone{display: flex;font-size: 2.4rem;align-items: center;position: relative; font-family: 'HandelGotD-Bold';}
.menu .phone img{height: 5rem;}
.menu .phone .tel{display: flex;flex-direction: column;line-height: 1.3;margin-left: 1rem;text-align: justify;font-weight: bold;}
.menu .phone .tel span:first-of-type{letter-spacing: .1rem;}
.menu .word{font-size: 1.6rem;color: #686868; line-height: 1.8;position: relative;}
.menu .word .btn_a{display: flex;justify-content: space-between;font-size: 1.4rem;}
.menu .word .btn_a a{color: #686868;}
.menu .word .btn_a a:hover{color:var(--font-active-color);}

.menu .slogoen:before ,.menu .phone:before ,.menu .word:before{display: block;content:'';width:.3rem;height: 8rem;position: absolute;left: -7.5rem;top:50%;transform: translateY(-50%);background-image: url(/template/cn/css/../img/line.png);background-repeat: no-repeat;background-position: center;}
.menu .slogoen:before{left: 0;}

.header .menu_block{position: relative;}
.header .menu_block.am-sticky{box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}
.header .menu_block.am-sticky .am-menu{background-color: #fff;}
.header .am-menu{width: 100%;background-color: #f2f2f2;}
.header .am-menu-nav{display: flex;height: 6rem;justify-content: space-between;}
.header .am-menu-nav li{height: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.header .am-menu-nav li .parent_a{display:flex;width:100%;height:100%;align-items:center;justify-content: center;padding: 0;position: relative;color:var(--black);}
.header .am-menu-nav li .parent_a span{display: block;position: relative;z-index: 2;}
.header .am-menu-nav li .parent_a.btn{color: #fff!important;min-width: 12rem;}
.header .am-menu-nav li .parent_a.btn::before{display: block;content: '';width: 100%;height:3.2rem;background-color: var(--font-active-color);color: #fff;border-radius: 100rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.header .am-menu-nav li .am-menu-sub{position: absolute;width:16rem;background-color: #f2f2f2;left: 50%;transform: translateX(-50%);top: 100%;overflow: hidden;transition:all .4s ease 0s;height:0; text-align: center;font-size: 1.4rem;}
.header .am-menu-nav li:hover .am-menu-sub {padding: 1rem 0;height:auto;}
.header .am-menu-nav li .parent_a.on,.header .am-menu-nav li .parent_a:hover,.header .am-menu-nav li:hover .parent_a{color: var(--font-active-color);}

.header .am-sticky .am-menu-nav li .am-menu-sub{background-color: #fff;}

.header #nprogress{position: fixed;left: 0;top: 0;width: 100%;z-index: 1100;}
.header #nprogress .nprogress-bar{height: 1px;margin: 0;box-shadow: none;position: absolute;left:0;top: 0;background-color: var(--font-active-color);}


/*
BANNER
*/

.index_banner{position:relative;}
.index_banner .swiper-slide{position: relative;overflow: hidden;}
.index_banner .swiper-slide::after{display: block;content: '';padding-bottom: 35.42%;}
.index_banner .swiper-slide img{display: block;width:100%;height:100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 1;}
.index_banner .swiper-pagination-bullet{background: rgba(255, 255, 255, 1);opacity: 1;}
.index_banner .swiper-pagination-bullet-active{background: var(--font-active-color);}
.index_banner .swiper-button-prev ,.index_banner .swiper-button-next{color: rgba(255, 255, 255, 0.5);}
.index_banner .swiper-button-prev:hover ,.index_banner .swiper-button-next:hover{color: var(--font-active-color);}

/*
TITLE
*/
.index_block{padding: 4% 0;background-repeat: no-repeat;background-position: center;background-size: cover;}
.index_block.grey{background-color: #f8f8f8;}
.index_title{text-align: center;}
.index_title .title{font-size: 3.6rem; color: var(--black);letter-spacing: 3.33px;font-weight: bold;}
.index_title .title a{color: var(--black);}
.index_title .title a:hover{color: var(--font-active-color);}
.index_title .title:after{display: block;content: '';width: 4rem;height: 1px;background-color: var(--font-active-color);margin: 1rem auto;}
.index_title .subtitle{margin-top: .5rem;font-size: 1.6rem;letter-spacing: 1.33px;color: #999;}
.index_title .subtitle br{display: none;}
.index_title .layui-btn{margin-top: 2rem; border-color: #2C2C2C;color: #2C2C2C;font-size: 1.4rem;letter-spacing: 0.7rem;padding-left: 6rem;padding-right: 6rem;}
.index_title .layui-btn:hover{background-color: var(--font-active-color);border-color: var(--font-active-color);color: #fff;}

.index_block .more {margin: 3% auto 0;text-align: center;}
.index_block .more .layui-btn{border-color: #2C2C2C;color: #2C2C2C;font-size: 1.4rem;letter-spacing: 0.7rem;padding-left: 6rem;padding-right: 6rem;}
.index_block .more .layui-btn:hover{background-color: var(--font-active-color);border-color: var(--font-active-color);color: #fff;}


/*
PRODUCT
*/

.index_product_fl{display: flex;justify-content: center;margin-top: 2%;}
.index_product_fl a{margin: 0 1.2rem;}
.index_product_fl a:first-of-type{margin-left: 0;}
.index_product_fl a:last-of-type{margin-right: 0;}

.index_product_scroll{margin-top:3%;padding-bottom: 3rem;}
.index_product_scroll .swiper-slide{height: auto;}
.index_product_scroll .hot{display: block; width: 10rem; height: 4.9rem;background: url(/template/cn/css/../img/hot.png) center no-repeat;background-size: contain; position: absolute; right: 1rem; top: 1rem; z-index: 2;}
.index_product_scroll .swiper-pagination{bottom: 0;}
.index_product_list{display:flex;justify-content: space-between;flex-wrap: wrap;margin-top: calc(3% - 3rem);}
.index_product_list::after{width: calc(33.33% - 2rem);display: block;content: '';}
.index_product_list a{width: calc(33.33% - 2rem);margin-top: 3rem;}
.search_page .index_product_list a:nth-of-type(1),.search_page .index_product_list a:nth-of-type(2),.search_page .index_product_list a:nth-of-type(3){margin-top: 0;}
.product_list_item{background-color: #ebebeb;border-radius: 1.6rem;overflow: hidden;text-align: center;display:flex;flex-direction: column;align-items: center;}
.index_product_scroll .swiper-slide .product_list_item{height: 100%;}
.product_list_item .img::after ,.product_list .img::after{display: block;content: '';padding-bottom: 70%;}
.product_list_item .text{padding: 0 3rem 3rem;color: #2C2C2C;}
.product_list_item .text:hover{color: var(--font-active-color);}

.product_list .border{border: #f2f2f2 solid 1px;}
.product_list .title{text-align: center;margin-top: 1rem;}
.product_wrap .product_list a:nth-of-type(1),.product_wrap .product_list a:nth-of-type(2),.product_wrap .product_list a:nth-of-type(3){margin-top: 0;}

.product_wrap{padding: 3% 0 4%;}
.product_wrap.grey{background-color: #fafafa;}
.product_sort:not(:first-of-type){margin-top: 5%;}
.product_sort dt{display: flex;align-items: center;justify-content:space-between;border-bottom: 1px solid #ccc;padding-bottom: 2rem;}
.product_sort dt .title{font-size: 1.8rem; color: #333; letter-spacing: 0.12rem;display: flex;align-items: center;}
.product_sort dt .title::before {display: block; content: ''; width: 4px; height: 1.8rem; background-color: var(--font-active-color);margin-right: 1rem;}
.product_sort dt .more{font-size: 1.4rem;letter-spacing: 0.093rem;}
.product_sort dd{min-height: 20rem;}

.product_select{border: #f2f2f2 solid 1px;padding: 2rem;font-size: 1.5rem;}
.product_select dd{display: flex; border-bottom: #dedede dashed 1px;padding-bottom: 1rem;}
.product_select dd:not(:first-of-type){margin-top: 2rem;}
.product_select dd .name{width: 9rem;}
.product_select dd .list{width: calc(100% - 9rem);display: flex;flex-wrap: wrap;}
.product_select dd .list a{margin-right: 4rem;margin-bottom: 1rem;}
.product_select dd .list a:last-of-type{margin-right: 0;}

.pro_page{padding: 2% 0 3%;background-color: #f8f8f8;}
.pro_page_top{display: flex;justify-content: space-between;}
.pro_page_top .swiper-slide {height: auto;}
.pro_page_top .img{position: relative;overflow: hidden;background-color: #fff;display: block;}
.pro_page_top .img::after{display: block;content: '';padding-bottom: 100%;}
.pro_page_top .img img{display: block;width:100%;height:100%;position: absolute;left: 0;top: 0;object-fit: contain;z-index: 1;}
.pro_img_big{width: 55%;margin: 0;background-color: #fff;}
.pro_img_big .swiper-pagination-bullet{border: rgba(255, 255, 255, 1) solid 1px;opacity: 1;}
.pro_text{width: 40%;display: flex;flex-direction: column;justify-content: space-between;}
.pro_text .title{font-size: 2.2rem;font-weight: bold;color: var(--black);margin-bottom: 3rem;}
.pro_text .title::after{display: block;content: '';width: 4rem;height: 1px;background-color: var(--font-active-color);margin: 1.5rem 0;}
.pro_text .item{margin-top: 3rem;display: flex;}
.pro_text .item b{width: 9rem;}
.pro_text .item span{width: calc(100% - 9rem);}
.pro_img_small{margin: 0;padding-top: 3rem;}
.pro_img_small .img{border: #f2f2f2 solid 1px;}
.pro_img_small .img img{transition: all 300ms ease-in-out 0s;opacity: .7;}
.pro_img_small .swiper-slide-thumb-active .img{border-color:#dedede;}
.pro_img_small .swiper-slide-thumb-active .img img{transform: scale(1.02);opacity: 1;}
.pro_img_small .swiper-button-prev{width: 2.4rem;height: 2.4rem;margin: 0;display: flex;align-items: center;justify-content: center;left: .5rem;background-color: var(--font-active-color);border-radius: 50%;}
.pro_img_small .swiper-button-next{width: 2.4rem;height: 2.4rem;margin: 0;display: flex;align-items: center;justify-content: center;right: .5rem;background-color: var(--font-active-color);border-radius: 50%;}
.pro_img_small .swiper-button-prev::after ,.pro_img_small .swiper-button-next::after{font-size: 1.2rem;color:#fff;}

.pro_page_bottom{border-top: #fff solid 1rem; margin-top: 3%;padding-top: 3%;}

.pro_sort_menu{margin: .5rem 0;}
.pro_sort_menu .am-accordion-content{display: flex;flex-direction: column;padding: 1.4rem 2rem;font-size: 1.5rem;}
.pro_sort_menu .am-accordion-content a{margin: .6rem 0;}
.pro_sort_menu .am-accordion-title{padding-left: 2rem;}



.pro_buy_btn{position: fixed;width: 50px;left:0;top: 50%;transform: translateY(-50%);background-color: var(--font-active-color);color: #fff!important;text-align: center;font-size: 1.4rem;padding: 2rem 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.pro_buy_btn::before{display: block;content: '';width: 4em;height: 4rem;background: url(/template/cn/css/../img/cart.svg) center no-repeat;background-size: contain;margin-bottom: .5rem;}
.pro_buy_btn span{padding: 0 2rem;}

.accessory_sort{display: flex;justify-content: space-between;margin-top: 3%;}
.accessory_sort:nth-of-type(even){flex-direction: row-reverse;}
.accessory_sort:first-of-type{margin-top: 0;}
.accessory_sort dt{width: 50%;}
.accessory_sort dt .img::after{display: block;content: '';padding-bottom: 65%;}
.accessory_sort dd{width: 50%;padding:4% 5%;background-color: #f2f2f2;display: flex;flex-direction: column;justify-content: center;}
.accessory_sort dd .title{font-size: 2.6rem;}
.accessory_sort dd .title::after{display: block;content: '';width: 8rem;height: 2px;margin: 1rem 0 0;background-color: var(--font-active-color);}
.accessory_sort dd .des{margin-top: 6%;text-align: justify;}
.accessory_sort dd .layui-btn{padding: .6rem 3rem;height: auto;line-height: inherit;margin-top: 5%;width: 14rem;}
.accessory_sort dd .layui-btn:hover{background-color: var(--font-active-color);color: #fff;border-color: var(--font-active-color);}

/*
Application
*/
.index_application_scroll_item{margin-top: 2%;padding-bottom: 3rem;}
.index_application_scroll_item .swiper-slide{ width:1200px;transition: all 300ms ease-in-out 0s;} 
.index_application_scroll_item .swiper-slide a{position: relative;display: block;overflow: hidden;transform: scale(.9);border-radius: 1.5rem;;}
.index_application_scroll_item .swiper-slide .text{position: absolute;width: 50%;left: 3rem;bottom: 4rem;color: #fff;z-index: 10;}
.index_application_scroll_item .swiper-slide .text .title{margin-bottom: 1.2rem; font-size: 3rem; letter-spacing: 1.88px;  text-shadow: 0 0 .1rem rgba(0,0,0,.6);}
.index_application_scroll_item .swiper-slide .text .subtitle {font-size: 1.8rem; letter-spacing: 4.67px; line-height: 1.5; font-weight: 300; text-shadow: 0 0 .1rem rgba(0,0,0,.4);opacity: 0;transition: all 300ms ease-in-out 0s;transform: translateY(3rem);}
.index_application_scroll_item .swiper-slide.swiper-slide-active .text .subtitle{transform: translateY(0);}
.index_application_scroll_item .swiper-slide .img::after{display: block;content: '';padding-bottom: 56.2%;}
.index_application_scroll_item .swiper-slide.swiper-slide-active .text .subtitle{opacity: 1;}
.index_application_scroll_item .swiper-slide.swiper-slide-active a{transform: scale(1);}
.index_application_scroll_item .swiper-pagination{bottom: 0;}

.application_list{display:flex;justify-content: space-between;flex-wrap: wrap;}
.application_list a{width: calc(50% - 2rem);overflow: hidden;text-align: center;margin-top: 4rem;background-color: #fff;}
.application_list a:nth-of-type(1),.application_list a:nth-of-type(2){margin-top: 0;}
.application_list .img::after{display: block;content: '';padding-bottom:54.71%;}
.application_list .title{padding:2rem;background-color: #fff;transition: all 300ms ease-in-out 0s;}
.application_list a:hover .title{background-color: var(--font-active-color);color: #fff;}

  
/*
NEWS
*/
.index_news_box{display: flex;justify-content: space-between;margin-top: 3%;}
.index_news_left{width: 63%;}
.index_news_left dl{display: flex;justify-content: space-between;;background-color: #f8f8f8;margin-top: 2rem;}
.index_news_left dl:first-of-type{margin-top: 0;}
.index_news_left dt{width: 40%;position: relative;overflow: hidden;}
.index_news_left dt a:after{display:block; content:'';padding-bottom:96%;}
.index_news_left dd{width:60%;padding:2rem 3rem;}
.index_news_box .title{display: flex;justify-content: space-between;align-items: center;border-bottom: var(--font-active-color) solid 1px;padding-bottom: 1rem;}
.index_news_box .title a{color:var(--black);font-size: 2rem;}
.index_news_box .title a:hover{color: var(--font-active-color);}
.index_news_box .title a:last-of-type{font-size: 1.3rem;text-transform: uppercase;}
.index_news_left dd .firsttitle{font-size: 1.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 2.5rem;font-weight: bold;}
.index_news_left dd ul li{display: flex;justify-content: space-between;align-items: center;margin-top: 1.8rem;}
.index_news_left dd ul li a{display: block;width:calc(100% - 10rem);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1.5rem;position: relative;padding-left: 1.2rem;}
.index_news_left dd ul li a::before{display:block;content: '';width: .5rem;height: .5rem;background-color: #686868;border-radius: 50%;position: absolute;left: 0;top: 50%;transform:translateY(-50%);}
.index_news_left dd ul li a:hover::before{background-color: var(--font-active-color);}
.index_news_left dd ul li span{font-size: 1.3rem;}
.index_news_right{width: 35%;background-color: #f8f8f8;display: flex;flex-direction: column;justify-content: space-between;}
.index_news_right dt{padding: 2rem 0 2rem 3rem;}
.index_news_right dt .title{margin-right: 3rem;}



.news_warp{padding: 3% 0;}
.news_warp.grey{background-color: #f6f6f6;}
.news_list li{padding-bottom:3%;position:relative; margin-top:3%; border-bottom:#dedede dashed 1px;}
.news_list li:first-of-type{margin-top: 0;}
.news_list li .box{display: flex;justify-content: space-between;}
.news_list li .news_img{ width:34rem;}
.news_list li .news_img:after{display: block;content: '';padding-bottom: 65%;}
.news_list li .news_text{width:calc(100% - 38rem);position: relative;display: flex;justify-content: space-between;flex-direction: column;}
.news_list li .news_text .title{white-space:nowrap; overflow:hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 2rem;font-weight: bold;}
.news_list li .news_text .text{display:block;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_list li .news_text .des{margin-top:2rem; line-height:1.8; font-size:1.5rem; overflow:hidden; position:relative; color: #909090;text-align: justify;}
.news_list li .news_text .info{color: #999;font-size: 1.4rem;display: flex;align-items: center;position: relative;}
.news_list li .news_text .info span{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_list li .news_text .info span a{color: #999;}
.news_list li .news_text .info span:not(:first-of-type){margin-left: 3vw}
.news_list li .news_text .info .more{position: absolute;right: 0;bottom: 0;color: #999;}
.news_list li .news_text .info .more:hover{color: var(--font-active-color);}


.slide_contain{display: flex;justify-content: space-between;}
.slide_left{width: calc(100% - 39rem);background-color: #fff;padding: 2rem;}
.slide_right{width: 36rem;}


.article_right_block{padding: 2rem;background-color: #fff;overflow: hidden;box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .02);margin-top: 3rem;}
.article_right_block:first-of-type{margin-top: 0;}
.article_right_block .layui-form{height: 4rem;border:#e0e0e0 solid 1px;display: flex;justify-content: space-between;align-items: center;}
.article_right_block .layui-form .layui-input{width: calc(100% - 3rem); border: none; height: 3.8rem;font-size: 1.4rem;}
.article_right_block .layui-form .layui-btn{background: none;width: 3rem;height:100%;display: flex;justify-content: center;border: none;padding: 0; align-items: center;color: #818181;}
.article_right_block .tag{margin-top: 3rem;}
.article_right_block .titles{font-size: 1.6rem;border-bottom: #e5eff5 solid 1px;margin-bottom:1.5rem;padding-bottom: 1.5rem;color: #000;font-weight: bold;display: flex;align-items: center;}
.article_right_block .titles:before{display: block;content: '';width: 2px;height: 1.6rem;background-color:var(--font-active-color);margin-right: .8rem;}
.article_right_block .tag .iteam{margin: 0 -7px;}
.article_right_block .tag a{margin:0 7px 7px 0;padding: .5rem 7px;;display: inline-block;border-radius: 3px;font-size: 1.2rem;font-weight: normal;border: solid 1px #e8e8e8;}
.article_right_block .tag a:hover{border-color: var(--font-active-color);}

.article_right_block .article_hot_list .titles{font-size: 1.6rem;border-bottom: #e5eff5 solid 1px;margin-bottom:1rem;padding-bottom: 1.5rem;color: #000;}
.article_right_block .article_hot{margin-top:1rem;}
.article_right_block .article_hot li{padding:1rem 0; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:1.5rem;}
.article_right_block .article_hot li i{width:1.6rem;height:1.6rem;line-height:1.6rem;padding:0;font-style:normal;font-size:1rem;margin-right:.6rem;vertical-align: middle;font-weight: 500;}
.article_right_block .article_hot li:nth-of-type(1) i{background: #E61413;color: #fff;}
.article_right_block .article_hot li:nth-of-type(2) i{background: #00BCF2;color: #fff;}
.article_right_block .article_hot li:nth-of-type(3) i{background: #FFD21C;color: #fff;}
.article_right_block .article_hot li:last-of-type{padding-bottom:0;}

.article_right_block .article_new{border: none;box-shadow: none;}
.article_right_block .article_new .am-slides li a{display: block; position: relative;background-color: #ebebeb;}
.article_right_block .article_new .am-slides li a:after{display: block;content: '';padding-bottom:70%;}
.article_right_block .article_new.last .am-slides li a:after{padding-bottom: 75%;}
.article_right_block .article_new .am-slides li img{display:block;width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.article_right_block .article_new .am-slider-desc{padding: .5rem 1rem; font-size: 1.4rem;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background-color: rgba(0,0,0,.5);}
.article_right_block .article_new .am-control-thumbs{padding-top: 10px;}
.article_right_block .article_new .am-control-thumbs li{position: relative;border: #f2f2f2 solid 1px;}
.article_right_block .article_new .am-control-thumbs li i{top: -11px;border-top: 8px solid rgba(0,0,0,.5);}
.article_right_block .article_new .am-control-thumbs li::after{display: block;content: '';padding-bottom: 56%;}
.article_right_block .article_new .am-control-thumbs img{opacity: .5;display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.article_right_block .article_new .am-control-thumbs img.am-active{opacity: 1;}

.article_right_block .article_rel li{margin-top:2rem;border-bottom: #dedede dashed 1px;}
.article_right_block .article_rel li:first-of-type{margin-top: 0;}
.article_right_block .article_rel li:last-of-type{border-bottom: none;}
.article_right_block .article_rel li a{ overflow: hidden;}
.article_right_block .article_rel li .img{display:block;position: relative;}
.article_right_block .article_rel li .img:after{ display:block; content:''; padding-bottom:55%;}
.article_right_block .article_rel li .img img{display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0;object-fit: cover;transition: all 0.35s;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;}
.article_right_block .article_rel li .img:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);}
.article_right_block .article_rel li .text{padding:1rem 0 2rem;font-size: 1.5rem;}
.article_right_block .article_rel li:last-of-type .text{padding-bottom: 0;}
.article_right_block .article_rel li .text .tag{margin-top:1rem}
.article_right_block .article_rel li .text .am-badge{margin-right:1rem;font-weight:normal;}
.article_right_block .article_rel li .text .am-badge:hover{background-color:var(--font-active-color); color:#fff!important;}

.article_hd{ background-color:#f9f9f9; padding:2rem 3rem;color:#BDCCD4;font-size:1.4rem;}
.article_hd .title{ color:#000; font-size:2rem;margin: 0;}
.article_hd .other a{color:#BDCCD4; display:inline-block;}
.article_hd .tag a:hover,.article_hd .other a:hover{ color:var(--font-active-color);}
.article_hd .other{ display: flex;justify-content: space-between;margin-top: 1.5rem;}
.article_hd .other span{ display:inline-block; }
.article_hd .other span:not(:last-of-type){margin-right:3rem;}
.article_hd .other em{font-style:normal;}


.article_bd{padding:3rem 0;text-align:justify}

.article_content a{ color: #09f;}
.article_content img{max-width: 100%;}
.article_content a:hover{color:var(--font-active-color);}

.product_content p{margin-bottom:0;}

.article_share{background-color: #f2f2f2;height: 9rem;display: flex;justify-content: space-between;align-items: center;padding: 0 3rem;margin-top: 4%;position: relative;}
.article_share dt{font-size: 1.4rem;font-family: 'HandelGotD-Bold';text-transform: uppercase;}
.article_share dd{display: flex;justify-content: flex-end;align-items: center;}
.article_share .social_share a{ display: flex;flex-direction: column;justify-content: center;align-items: center; font-size:1.5rem;width:3.2rem;height:3.2rem;margin:0 0 0 1.5rem;border-radius:50%; text-align:center;background-color:#999;color:#fff;transition: all 300ms ease-in-out 0s;}
.article_share .social_share .digg_a{font-size: 1.4rem; line-height: 1rem;}
.article_share .social_share .digg_a span{font-size: 1rem;}
.article_share .social_share a:hover{background-color:var(--font-active-color);-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.page_rel{ margin-top:3rem;}
.page_rel .titles{ background-color:#f2f2f2; padding:1rem 2rem;color:#000;font-weight: bold;display: flex;align-items: center;}
.page_rel .titles:before{display: block;content: '';width: 2px;height: 1.6rem;background-color:var(--font-active-color);margin-right: .8rem;}
.page_rel .am-list{margin-top:1rem;}
.page_rel .am-list li{border: none;border-bottom: 1px solid #f2f2f2; margin-bottom: 0;padding: 1rem 0;font-size:1.5rem;}
.page_rel .am-list li a{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding: 0;}
.page_rel .am-list li span{float: right;padding-left: 1rem;vertical-align: center;}

.page_rel .am-list-flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.page_rel .am-list-flex li{width: 46%;}

.social-share-icon{position: relative;}
.wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-24rem;left:50%;transform: translateX(-50%);width:20rem;font-size:1.6rem;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:3rem;line-height:3rem;font-size:1.6rem;background-color:#f3f3f3;margin:0;padding:0;}
.wechat-qrcode .qrcode{width:100%;padding: 1rem;}
.wechat-qrcode .qrcode canvas{width: 100%;display: block};
.wechat-qrcode .help{font-size: 1.4rem;color: #999;}
.wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share-icon:hover .wechat-qrcode{display:block}


/*
FAQ
*/
.index_faq_scroll{width: 100%;overflow: hidden;margin-top: 2rem;height: 54rem;padding-right: 3rem;}
.index_faq_scroll a{display: flex;flex-direction: column;;position: relative;}
.index_faq_scroll .swiper-slide {height: auto;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 2rem;}
.index_faq_scroll .swiper-slide:last-of-type{margin-bottom: 0;}
.index_faq_scroll .title_q{font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-left: 2rem;color:var(--black);font-weight: bold;font-size: 1.5rem;}
.index_faq_scroll .title_q:hover{color: var(--font-active-color);}
.index_faq_scroll .title_q:before{display:block;content: 'Q';position: absolute;left: 0;top: 50%;transform:translateY(-50%);font-family: 'HandelGotD-Bold';}
.index_faq_scroll .title_a{margin-top: .6rem;position: relative;padding-left: 2rem;margin-top: 1rem;color: #686868;font-size:1.4rem;text-align: justify;}
.index_faq_scroll .title_a p:empty{display: none;}
.index_faq_scroll .title_a p:last-of-type{margin-bottom: 0;}
.index_faq_scroll .title_a:before{display:block;content: 'A';position: absolute;left: 0;top:0;font-family: 'HandelGotD-Bold';font-size: 1.6rem;}
.index_faq_scroll .swiper-scrollbar.swiper-scrollbar-vertical{right: 1rem;}


/*
Customization
*/
.customization_1{display: flex;justify-content: space-between;flex-wrap: wrap;}
.customization_1 .item{display: flex;flex-direction: column;align-items: center;box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);padding: 6rem 3rem;width: calc(33.33% - 3.6rem);margin-top: 3.6%;}
.customization_1 .item img{display: block;height: 8rem;margin: 0 auto;}
.customization_1 .item .text{text-align: center;}
.customization_1 .item .title{text-align: center;font-size: 2.6rem;margin-top: 2rem;font-weight: bold;}
.customization_1 .item .des{text-align: center;margin-top: 4rem;border-top: #f2f2f2 solid 1px;padding-top: 4rem;width: 100%;}
.customization_1 .item a{display: inline-block;padding:.5rem 4rem;border-radius: 100rem;border: var(--font-active-color) solid 1px;margin-top: 3rem;color: var(--font-active-color);}
.customization_1 .item a:hover{background-color: var(--font-active-color);color: #fff;}


.customization_2{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1rem;}
.customization_2 .item{display: flex;flex-direction: column;align-items: center;width: calc(33.33% - 2rem);margin-top: 3%;}
.customization_2 .item:nth-of-type(1),.customization_2 .item:nth-of-type(2){width: calc(50% - 1.5rem);}
.customization_2 .item .img::after{display: block;content: '';padding-bottom: 56.25%;}
.customization_2 .item img{background-size: contain;}
.customization_2 .item .title{text-align: center;margin-top: 1rem;}

.customization_3{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1rem;}
.customization_3 .item{display: flex;flex-direction: column;align-items: center;width: calc(25% - 2rem);margin-top: 3%;background-color: #f5f5f5;}
.customization_3 .item .img::after{display: block;content: '';padding-bottom: 62.5%;}
.customization_3 .item img{background-size: cover;}
.customization_3 .item .title{text-align: center;margin-top: 3rem;font-size: 2.2rem;font-weight: bold;}
.customization_3 .item .title::after{display: block;content: '';width: 3rem; height: 2px;background-color: var(--font-active-color);margin: 1rem auto 0;}
.customization_3 .item .des{padding: 3rem 1rem 4rem;text-align: center;}


.customize_process_item{margin: 1rem -4.4rem 0;display: flex;flex-wrap: wrap;}
.customize_process_item li{padding: 0 4.4rem;margin-top: 8.8rem;}
.customize_process_item li:nth-of-type(1),.customize_process_item li:nth-of-type(2),.customize_process_item li:nth-of-type(3),.customize_process_item li:nth-of-type(4),.customize_process_item li:nth-of-type(5){margin-top: 3%}
.customize_process_item li .item{background-color: #FFFFFF;width: 17rem;height: 17rem;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}
.customize_process_item li .item img{display: block;height: 8rem;}
.customize_process_item li .item .text{text-align: center;font-size: 1.5rem;margin-top: 1rem;}
.customize_process_item li .item:before{display: block;content: "\f101";font-family:'FontAwesome';position: absolute;top: 50%; transform: translateY(-50%); left: -6rem;color: #fff;font-size: 2rem;}
.customize_process_item li:first-of-type .item:before,.customize_process_item li:last-of-type .item:before{display: none;}
.customize_process_item li:nth-of-type(6) .item:before,.customize_process_item li:nth-of-type(7) .item:before,.customize_process_item li:nth-of-type(8) .item:before,.customize_process_item li:nth-of-type(9) .item:before{content: "\f100";}
.customize_process_item li:nth-of-type(5) .item:after{display: block;content: "\f103";font-family:'FontAwesome';position: absolute;left: 50%; transform: translateX(-50%); bottom: -5.4rem;color: #fff;font-size: 2rem;}

.customize_process_item li:nth-of-type(1){order:1}
.customize_process_item li:nth-of-type(2){order:2}
.customize_process_item li:nth-of-type(3){order:3}
.customize_process_item li:nth-of-type(4){order:4}
.customize_process_item li:nth-of-type(5){order:5}
.customize_process_item li:nth-of-type(6){order:10}
.customize_process_item li:nth-of-type(7){order:9}
.customize_process_item li:nth-of-type(8){order:8}
.customize_process_item li:nth-of-type(9){order:7}
.customize_process_item li:nth-of-type(10){order:6}

.customization_4{margin: 0 -2rem;}
.customization_4 li{padding: 0 2rem;margin-top: 4rem;}
.customization_4 li .img{border: #dedede solid 1px;transition: all 300ms ease-in-out 0s;}
.customization_4 li .img::after{display: block;content: '';padding-bottom: 50%;}
 .customization_4 li img{background-size: contain;/*filter: grayscale(100%);*/} 
/*.customization_4 li img:hover{filter: grayscale(0);}*/
.customization_4 li .title{text-align: center;margin-top: 1rem;font-size: 1.4rem;}

.customization_pz{display: flex;justify-content: space-between;flex-wrap: wrap;}
.customization_pz .item{width:calc(50% - 2rem);display: flex;flex-direction: column;align-items: center;background-color: #fff;padding:4rem 3rem;margin-top: 4rem;}
.customization_pz .item img{display: block;height: 6rem;}
.customization_pz .item .title{margin-top: 2rem;font-weight: bold;font-size: 1.8rem;}
.customization_pz .item .text{margin-top: 1rem;}

/*
ABOUT
*/
.index_company_box{display: flex;justify-content: space-between;margin-top: 3%;align-items: center;}
.index_company_box .item{width: calc(50% - 2rem);}
.index_company_box .img::after{display: block;content: '';padding-bottom: 67%;}
.index_company_box .text{line-height: 2;text-align: justify;}
.index_company_box .video_btn::before{font-family:'FontAwesome';display: flex;content: '\f144';position: absolute;width: 100%;height: 100%;justify-content: center;align-items: center;font-size: 5rem;color: #fff;z-index: 20;}

.about_warp{padding: 4% 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.about_warp.grey{background-color: #f5f5f5;}
.about_title_font{font-size: 3.6rem;font-weight: bold;line-height: 1.4;color: #000;}
.about_title_des{text-align: center;margin-top: 1rem;color: #666;}
.about_title_des.white{color: #fff;}
.about_company{display: flex;justify-content: space-between;}
.about_company .about_company_title{width: 20%;display: flex;flex-direction: column;justify-content: space-between;}
.about_company .about_company_title .icon{position: relative;}
.about_company .about_company_title .icon::before{width: 8rem;height: 2px;display: block;content: '';background-color: var(--font-active-color);}
.about_company .about_company_title .icon::after{display: block;content: '';background-color: var(--font-active-color);width: 2px;height: 1.5rem;background-color: var(--font-active-color);position: absolute;left: 7.3rem;bottom: -.3rem;transform:rotateZ(-60deg);}

.about_company .about_company_title .title_cn::after{display: block;content: '';width: 6rem;height: .6rem;background-color: var(--font-active-color);margin: 16% 0;}
.about_company .about_company_title .title_en{text-transform: uppercase;}
.about_company .about_company_title .title_en:after{display: inline-block;content: '';width: 1rem; height: 1rem;background-color: var(--font-active-color);border-radius: 50%;margin-left: .5rem;}
.about_company .about_company_text{width: 68%;line-height: 1.8;}
.about_company .about_company_text.last{width: 80%;}

.about_company .about_company_title.white .title_cn{color: #fff;}
.about_company .about_company_title.white .title_cn::after{background-color: #fff;}

.about_culture_item{display: flex;justify-content: space-between;}
.about_culture_item .list{display: flex;flex-direction: column;width: calc(50% - 1.5rem);}
.about_culture_item .list .item{background-color: #fff;padding: 4rem 3rem;display: flex;flex-direction: column;justify-content: center;height: 100%;align-items: center;text-align: center;border-radius: .5rem;}
.about_culture_item .list .item.grey{background-color: #f8f8f8;}
.about_culture_item .list:first-of-type .item:last-of-type{margin-top: 3rem;}
.about_culture_item .list .item .img img{display: block;height: 6rem;}
.about_culture_item .list .item .title{margin-top: 2rem;font-weight: bold;font-size: 2rem;}
.about_culture_item .list .item .ms{margin-top: .6rem;font-size: 1.6rem;}

.about_factory_scroll{margin-top: 3%;padding-bottom: 4rem;}
.about_factory_scroll .img:after{display: block;content: '';padding-bottom:62.5%;}
.about_factory_scroll .img img{object-fit: cover;}
.about_factory_scroll .title{margin-top: 1rem;text-align: center;}
.about_factory_scroll .swiper-pagination{bottom: 0;}


.about_honer_pics{position: relative;margin-top: 3%;padding-bottom: 3%;}
.about_honer_pics .border{border: #f2f2f2 solid 1px;padding: 1rem;background-color: #fff;}
.about_honer_pics .img:after{display: block;content: '';padding-bottom:141.44%;}
.about_honer_pics .img img{object-fit: contain;}
.about_honer_pics .title{margin-top: 1rem;text-align: center;}
.about_honer_pics .swiper-pagination{bottom: 0}
.about_honer_pics .swiper-slide{transition: 300ms;transform: scale(0.8);}
.about_honer_pics .swiper-slide-active,.about_honer_pics .swiper-slide-duplicate-active{  transform: scale(1);}

.about_honer_pics .swiper-button-prev{left: -4rem;}
.about_honer_pics .swiper-button-next{right: -4rem;}


/*
Video
*/
.skin_video .layui-layer-content{width: 120rem;height: 67.5rem;background: #000 url(../img/loading.svg) center center no-repeat;background-size: 5rem 5rem;}
.skin_video .layui-layer-content video{display: block;width: 100%;height: 100%;}
.skin_video .layui-layer-content iframe{display: block;width: 100%!important;height: 100%!important;}


/*
CONTACT
*/
.feedback_box{width: 64rem;}
.feedback_box .layui-layer-title{font-size: 1.8rem;color:var(--font-active-color);font-weight: bold;padding-left: 3rem;height: 6rem;line-height: normal;display: flex;align-items: center;}
.feedback_box .layui-layer-content{padding: 3rem;}

.feedback_box .layui-form-item{margin: 0 0 2rem 0;}
.feedback_box .layui-form-item:last-of-type{margin-bottom: 0;}
.feedback_box .layui-form-item.flex{position: relative;display: flex;align-items: center;}
.feedback_box .layui-form-item .layui-form-label{height: 4.6rem;display: flex;align-items: center;line-height: normal;}
.feedback_box .layui-form-item .layui-input{height: 4.6rem;line-height: 4.6rem;}
.feedback_box .layui-form-item .layui-textarea,.feedback_box .layui-form-item .layui-form-label.flag_1{height: 10rem;}
.feedback_box .layui-form-item .layui-form-label,.feedback_box .layui-form-item .layui-input ,.feedback_box .layui-form-item .layui-textarea{font-size: 1.5rem;}
.feedback_box .layui-form-item.required:after{display: block;content: '*';color: #ff0000;position: absolute;right: 1rem;top:1rem;}
.feedback_box .layui-btn-block{width: 100%;font-size: 1.6rem;background-color: var(--font-active-color);display: flex;line-height: inherit;align-items: center;justify-content:center;}
.layui-form-item .layui-form-checkbox[lay-skin="primary"]{margin: 0;}
.layui-form-select dl{margin:0;}

.gd_map{width: 100%;height: 45rem;margin-top: 4%;}
.gd_map .content{margin-top: .5rem;min-width: 40rem;font-size: 1.4rem;line-height: 2;}
.gd_map .title{font-weight: bold;color: var(--font-active-color);}

.contact_info .name{color: #000;font-size: 2.4rem;}
.contact_info .name span:not(:first-of-type){margin-left: 2rem;}
.contact_info .infos{display: flex;justify-content: space-between;margin-top: 2%;font-size: 1.8rem;}
.contact_info .infos a{display: flex;flex-direction: column;color: #666;padding-left: 1rem;position: relative;}
.contact_info .infos a::before{display: block;content: '';width: 1px;height: 80%;position: absolute;left: 0;top: 0;background-color: #666;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.contact_info .infos b{color: #000;text-transform: uppercase;}

.form_contact{margin-top: 6%;}
.form_contact .layui-form-item{width: 100%;position: relative;margin-bottom: 1.5em;}
.form_contact .layui-form-item.flex{display: flex;align-items: center;justify-content: space-between;}
.form_contact .layui-form-item.flex::after{display: none;}
.form_contact .layui-form-item:nth-last-of-type(1){margin-bottom: 0}
.form_contact .layui-form-item em{display:block;position: absolute;right: 8px; bottom: 0;top:0;line-height:38px;color: #ff0000; font-style: normal;z-index:10;font-size:1.6rem}
.form_contact .layui-form-item .layui-input{background-color: #e6e6e6;height: 4.6rem; line-height: 4.6rem;}
.form_contact .layui-input-wrap{width: 100%;line-height: 4.6rem;}
.form_contact .layui-form-item textarea{ font-size:1.6rem; height:100%; resize: none;background-color: #e6e6e6;min-height: 20rem;}
.form_contact .layui-btn{ text-align:center; background-color:var(--font-active-color); color:#fff; outline: none;width: 20rem;height: 4.6rem;font-size: 1.6rem;text-transform: uppercase;}
.form_contact .layui-form-group.flex{display: flex;justify-content: flex-start;}
.form_contact .layui-form-group.flex .layui-input{display: flex;justify-content: space-between;align-items: center;}
.form_contact .codeimg{display: block;height: 4.6rem;margin-left: 2rem;}


/*
FOOTER
*/
.footer{background-color: #282828;color: rgba(255, 255, 255, .6);;padding: 3% 0 2rem;font-size: 1.4rem;}
.footer a{color:rgba(255, 255, 255, .6);;}
.footer a:hover{color: var(--font-active-color);}
.footer_item{display: flex;justify-content: space-between;}
.footer_nav {display: flex;justify-content: space-between;width: calc(100% - 18rem)}
.footer_nav .am-accordion-item{border:none;}
.footer_nav .am-accordion-title{font-size:1.6rem;;border-bottom:none; padding-left:0; cursor:default;font-weight:bold;color: #fff;}
.footer_nav .am-accordion-title:after{ display:none;}
.footer_nav dd.am-collapse{ display:block;}
.footer_nav .am-accordion-content{ padding:1rem 0 0;display: flex;flex-direction: column;}
.footer_nav .am-accordion-content span{margin-top: 1.2rem;display: block;font-size: 1.4rem;}


.footer_weixin{display: flex;flex-direction: column;align-items: center;}
.footer_weixin img{width:10rem;margin-bottom: 1rem;}

.footer .copyright{margin-top: 3%;font-size: 1.4rem;border-top: rgba(255, 255, 255, .3) solid 1px;padding-top: 2rem;}
.footer .copyright .flex{display: flex;justify-content: space-between;align-items: center;}
.footer .copyright span{margin-left: 4rem;}
.footer .copyright .ico{display: flex;align-items: center;}
.footer .copyright .ico a:not(:last-of-type){margin-right: 3rem;}
.footer .copyright .ico img{height: 2.4rem;}

.weixin_pic{width: 100%;margin:0;}


.global_nav{position: fixed;right: 0;bottom: 66px;width: 50px;z-index: 1000;}
.global_nav a{display: flex; height: 50px;flex-direction: column;align-items: center;justify-content: center;background-color: var(--font-active-color);color: #fff;margin-bottom: 1px;position: relative;border-radius: 2px;}
.global_nav a i{font-size:2rem;line-height: 1.2;}
.global_nav a span{font-size: 1rem;}
.global_nav a b{position: absolute;left: -18rem;bottom:0;background-color: var(--font-active-color);display: flex;align-items: center;justify-content: center;display: none;width: 18rem;min-height: 5rem;}
.global_nav a b img{display: block;width: 100%;}
.global_nav a:hover b{display: flex;}

/*
Banner
*/
.banner{position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner .img{ display:block; width:100%;margin: 0 auto;object-fit: cover;min-height: 20rem;}
.banner .text{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #000;position: absolute;left: 0;top: 0;font-size: 3.2rem;}
.banner .text.white{color: #fff;}
.banner .text .title_en{font-size: 3.6rem;text-align: left; line-height: 1;display: flex;align-items: flex-end;text-transform: uppercase;font-family: 'HandelGotD-Bold';}
.banner .text .title_en::after{display: block;content: '';width: .7rem;height: .7rem;background-color: var(--font-active-color);position: relative;top: -.7rem;left: .7rem;}
.banner .text .title_cn{font-size: 3.2rem;text-align: left;line-height: 1.6;}

/*
GUIDE
*/
.guide_nav{background-color: #f1f1f1;}
.guide_nav dl{display: flex;justify-content: space-between;align-items: center;height: 6rem;font-size: 1.4rem;}
.guide_nav dt{display: flex;height: 100%;align-items: center;}
.guide_nav dt strong{font-size: 1.8rem;}
.guide_nav dt a{position: relative;margin-left: 2rem;}
.guide_nav dd{text-align: right;display: flex;}
.guide_nav dd i{margin: 0 .3rem;}

.guide_nav .sort_nav{display: flex;align-items: center;font-size: 1.8rem;height: 100%;}
.guide_nav .sort_nav a{display: flex;align-items: center;margin: 0;}
.guide_nav .sort_nav a:not(:last-of-type)::after {display: block;content: '';width: 1px;height: 1.6rem;background-color: #333; margin: 0 5rem;}

.guide_bg_white .guide_nav{background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)}

.form_search{display: flex;align-items: center;width: 30%;}
.form_search .layui-input{height: 4.2rem;border-top-right-radius: 0;border-bottom-right-radius: 0;font-size: 1.5rem;}
.form_search .layui-btn{height: 4.2rem;border-top-left-radius: 0;border-bottom-left-radius: 0;background-color: var(--font-active-color);font-size: 2.2rem;}

.guide_form{display: flex;justify-content: space-between;align-items: center;}
.guide_form .layui-input{width:25rem;height: 4.2rem;border-top-right-radius: 0;border-bottom-right-radius: 0;font-size: 1.5rem;}
.guide_form .layui-btn{height: 4.2rem;border-top-left-radius: 0;border-bottom-left-radius: 0;background-color: var(--font-active-color);font-size: 2.2rem;}


/*
PAGEBAR
*/
.page_list{text-align:center;margin-top:3%; font-size:1.4rem;}
.page_list.first{margin-bottom: 2%;}
.page_list a {display: inline-block;margin:0 1rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:50%;background-color:#f2f2f2;}
.page_list .page-num-current{background-color:var(--font-active-color);color: #fff;}
.page_list_bg{display: inline-block;background-color: #fff;padding: .8rem 1.2rem;border-radius: 30rem;margin-top:1rem;}
.page_list_bg a:first-of-type{margin-left: 0;}
.page_list_bg a:last-of-type{margin-right: 0;}
.news_page_pages{ margin-top:3rem; padding:2rem 0; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; position:relative; font-size:1.5rem;background-color: rgba(0,0,0,0);}
.news_page_pages.flex{display: flex;justify-content: space-between;}
.news_page_pages dt{ position:absolute; right:0; top:50%; margin-top:-1rem;}
.news_page_pages dd:first-of-type::before{display: inline-block;content: '\f106';margin-right: .6rem;font-family:'FontAwesome';}
.news_page_pages dd:last-of-type::before{display: inline-block;content: '\f107';margin-right: .6rem;font-family:'FontAwesome';}
.news_page_pages.flex dd:first-of-type::before{content: '\f104'}
.news_page_pages.flex dd:last-of-type::before{display: none;}
.news_page_pages.flex dd:last-of-type::after{display: inline-block;content: '\f105';margin-left: .6rem;font-family:'FontAwesome';}
.news_page_pages dd{ line-height:3rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.error_x{ text-align:center; height:15rem; line-height:15rem;font-size:1.5rem;}
.error_x i{ margin-right:1rem;}



/*
SEARCH
*/
.search_page{padding: 2% 0 3%;}
.search_list{display: flex; background-color: #fff;margin-bottom:2.5rem;padding: 2.5rem;border-radius: .3rem;box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .02);}
.search_list dt{width:28rem;height:16rem;display: block;background-color: #ebebeb;}
.search_list dt a{width:100%;height:100%;display:block;position: relative;overflow: hidden;}
.search_list dt img{display:block;width: 100%;height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;transition: all 0.35s;}
.search_list dt img.contain{object-fit: contain;}
.search_list dt a:hover img{transform: scale(1.02);}
.search_list dd{width:calc(100% - 3rem);display: flex; flex-direction: column; justify-content: space-between;padding-left:3rem;}
.search_list dd h2{margin:0;font-size:1.6rem;}
.search_list dd .card-text{color:#666;font-size: 1.5rem;}
.search_list dd .card-sort{font-size: 1.3rem;color:#999;}
.search_list dd .card-sort span{margin-right:3rem;}
.search_list dd .card-sort span:last-of-type{margin-right:0}
.search_list dd .card-sort a{color:#999;}
.search_list dd .card-sort a:hover{color:var(--font-active-color);}
.tag_list_all{margin: 0 -1rem;}
.tag_list_all li {padding: 0 1rem;margin-bottom: 2rem;}
.tag_list_all li a{display: block;background-color: #999; color: #fff;text-align: center;font-size:1.5rem;padding: 1rem;border-radius: .3rem;}
.tag_list_all li a:hover{background-color: var(--font-active-color);}

@media screen and (max-width:1400px) {

html{font-size: 9px;}
.web_w{width: 1200px;}

}

@media screen and (max-width:780px) {
body{padding:5.6rem 0 5rem;}  
.am-paragraph-default video{width:100%;}
.am-paragraph-default iframe{width:100%;height: 22rem;}
.web_w{width: 100%;}
.header{width:100%;height:5.6rem;position: fixed; z-index:1100;left:0;top: 0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);background-color: #fff;}
.menu{display: block;height: 5.6rem;position: absolute;left: 0;top: 0;}
.header .logo{height:4rem;position: absolute;left:1.4rem;top: 0.8rem;z-index: 100;}
.header .logo img{height: 4rem;}
.menu .slogoen {white-space: nowrap;font-size: 1.3rem;margin-left: 1rem;padding-left: 1rem;line-height: 1.4;}
.menu .slogoen::before{height: 100%;}
.menu .slogoen strong{font-size: 1.6rem;}
.menu .phone ,.menu .word{display:none;}
.header .am-menu{background-color: #fff;}
.header .menu_block{position: absolute;width: 100%;height: 5.6rem;left: 0;top: 0;}
.header .am-topbar-collapse{width: 100%;float: none;}
.header .am-menu-nav{height: auto;display: block;}
.header .am-menu-nav 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;}
.header .am-menu-nav li:first-of-type {border-top: #dedede solid 1px;}
.header .am-menu-nav li .parent_a{height: 5rem;line-height: auto; padding: 0 1.5rem!important; display: flex; justify-content: space-between;  align-items: center;}
.header .am-menu-nav li .parent_a:after{font-family: 'FontAwesome';display: block; content: '\f105';}
.header .am-menu-nav li .parent_a:before{height: 1px;bottom: -1px;}
.header .am-menu-nav li.am-parent .parent_a:after{content: '\f107';}
.header .am-menu-nav li.am-parent.am-open .parent_a: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;}
.header .am-menu-nav li.am-open .parent_a ,.header li .parent_a:hover{color: #fff;background-color: var(--font-active-color);}
.header .am-menu-nav li .parent_a.btn{color: var(--font-active-color)!important;width: 100%;}
.header .am-menu-nav li .parent_a.btn::before{display: none;}
.header .am-menu-nav li .am-menu-sub{text-align: left;font-size: 1.6rem;}
.header .am-menu-nav li .am-menu-sub{width:100%;position: relative;top: 0;display: none;height: 0!important;overflow: hidden;transition: all .4s ease 0s;}
.header .am-menu-nav li .am-menu-sub.am-in{display: block!important;height: auto!important;padding: 1rem 1.5rem;}
.header .am-menu-nav li .shop_link{padding: 0;}
.header .am-menu-nav li .shop_link a{justify-content: flex-start;}

.am-topbar-btn {
    background: none;
    float: right;
    margin: 1.7rem;
    width: 2.5rem;
    height: 2rem;
    color: #000;
    position: relative;
    z-index: 10;
}
.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: 60%;
}
.am-topbar-btn span:nth-of-type(4) {
    bottom: 0;
    right: 0;
    opacity: 0;
    width: 60%;
}
.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: #fff;
    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) {
    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;
}


/*
BANNER
*/
.index_banner_scroll .swiper-slide::after{display: block;content: '';padding-bottom: 61.54%;}
.index_banner .swiper-pagination{bottom: .5rem;}


/*
TITLE
*/
.index_block{padding: 4rem 0;}
.index_title .title{font-size: 2.4rem;font-weight: bold;}
.index_title .title:after{margin: 1rem auto;}
.index_title .subtitle{font-size: 1.6rem;}
.index_title .layui-btn{margin-top: 1.5rem;font-size: 1.4rem;;padding-left: 4rem;padding-right: 4rem;height: 3.6rem;line-height: 3.6rem;}

.index_block .more .layui-btn{margin-top: 1.5rem;padding: 0 3rem;height: 3.6rem;line-height: 3.6rem;}

/*
PRODUCT
*/

.index_product_fl{display: flex;justify-content: center;margin-top: 2rem;flex-wrap: wrap;}
.index_product_fl a{margin: 0 1rem;}

.index_product_scroll{padding: 0 1rem 3rem;margin-top: 3rem;}
.index_product_list{margin-top:1rem;padding:0;}
.index_product_list a{width: calc(50% - .5rem);margin-top: 2rem;border-radius: 1rem;}

.search_page .index_product_list a:nth-of-type(1),.search_page .index_product_list a:nth-of-type(2) ,.page_rel .index_product_list a:nth-of-type(1),.page_rel .index_product_list a:nth-of-type(2){margin-top: 0;}

.page_rel .index_product_list{padding: 0 1rem;}



.product_select{border: #f2f2f2 solid 1px;padding: 2rem 1.4rem;font-size: 1.5rem;}
.product_select dd{display: flex; border-bottom: #dedede dashed 1px;padding-bottom: 1rem;flex-direction: column;}
.product_select dd:not(:first-of-type){margin-top: 2rem;}
.product_select dd .name{width: 100%;font-weight: bold;}
.product_select dd .list{width: 100%;display: flex;flex-wrap: wrap;margin-top: 1rem;}
.product_select dd .list a{margin-right: 2rem;margin-bottom: 1rem;}

.accessory_sort{flex-direction: column;margin-top:2rem}
.accessory_sort:nth-of-type(even){flex-direction: column;}
.accessory_sort:first-of-type{margin-top: 0;}
.accessory_sort dt{width: 100%;}
.accessory_sort dt .img::after{display: block;content: '';padding-bottom: 65%;}
.accessory_sort dd{width: 100%;padding:3rem 2rem;background-color: #f2f2f2;display: flex;flex-direction: column;justify-content: center;}
.accessory_sort dd .title{font-size: 2.2rem;}
.accessory_sort dd .title::after{display: block;content: '';width: 8rem;height: 2px;margin: 1rem 0 0;background-color: var(--font-active-color);}
.accessory_sort dd .des{margin-top: 2rem;text-align: justify;}
.accessory_sort dd .layui-btn{padding: .4rem 3rem;height: auto;line-height: inherit;margin-top: 2rem;width: 12rem;}
.accessory_sort dd .layui-btn:hover{background-color: var(--font-active-color);color: #fff;border-color: var(--font-active-color);}

.product_list_item .text{padding: 0 2rem 2rem;}
.product_list_item .title{font-size: 1.5rem;letter-spacing: 0;text-align: left;  overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.4;}
.product_wrap{padding: 2rem 1.5rem 4rem;}
.product_sort:not(:first-of-type){margin-top: 3rem;}
.product_sort dt{display: flex;align-items: center;justify-content:space-between;border-bottom: 1px solid #ccc;padding-bottom: 2rem;}
.product_sort dt .title{font-size: 1.8rem; color: #333; letter-spacing: 0;font-weight: bold;}

.product_sort dt .more{font-size: 1.4rem;letter-spacing:0;}
.product_sort dd{min-height: 20rem;}


.pro_page{padding: 0 0 3rem;background-color: #fff;}
.pro_page_top{display: flex;flex-direction: column;padding: 2rem 1.5rem 3rem;background-color: #f8f8f8;}
.pro_img_big{width: 100%;margin: 0;background-color: #fff;}
.pro_text{width: 100%;display: flex;flex-direction: column;justify-content: space-between;margin-top: 3rem;}
.pro_text .title{letter-spacing: 0;  line-height: 1.4;font-size: 2.2rem;}
.pro_text .title::after{display: block;content: '';width: 4rem;height: 1px;background-color: var(--font-active-color);margin: 1rem 0;}
.pro_text .subtitle{font-size: 1.6rem;margin-top: .8rem;letter-spacing:0; font-weight: normal;}
.pro_img_small{display: none;}


.pro_page_bottom{border-top: none; margin-top: 0;padding-top: 0;}

.pro_page_bottom .news_page_pages{padding:1.5rem;}

.pro_sort_menu{margin: 0;}
.pro_sort_menu .am-accordion-content{display: flex;flex-direction: column;padding: 1.4rem 2rem;font-size: 1.5rem;}
.pro_sort_menu .am-accordion-content a{margin: .6rem 0;}
.pro_sort_menu .am-accordion-title{padding-left: 2rem;}


.pro_buy_btn{position: relative;left: 0;bottom: 0;width: 100%;top: auto;transform: none;writing-mode: initial;padding: .5rem;height: 5rem;padding:0;letter-spacing: 0;}
.pro_buy_btn::before{background: none;display: block;content: '\f07a';font-family:'FontAwesome';font-size: 1.8rem;line-height: 1.2;margin: 0;width: auto;height: auto;}

.index_pj_scroll{margin-top: 3rem;padding: 0 1.5rem 3rem;}
.index_pj_scroll .swiper-slide{background-color: #fff;padding: 2rem;height:auto;border-radius: 1rem;}
.index_pj_scroll .text{margin-top: 1rem;font-size: 1.6rem;line-height: 1.6;}

.layui-layer-imgprev{left: 0!important;transform: scale(.6);}
.layui-layer-imgnext{right: 0!important;transform: scale(.6);}

/*
Application
*/
.index_application_scroll_item{margin-top: 2rem;padding:0 1rem 3rem;}
.index_application_scroll_item .swiper-slide{ width:calc(100% - 2rem);transition:none;} 
.index_application_scroll_item .swiper-slide a{border-radius: 1rem;transform: scale(1);}
.index_application_scroll_item .swiper-slide .text{width: 100%;left: 0;bottom: 0;padding: 1.5rem;}
.index_application_scroll_item .swiper-slide .text .title{margin-bottom: 1rem; font-size:1.8rem; letter-spacing:0;font-weight: bold;}
.index_application_scroll_item .swiper-slide .text .subtitle {font-size: 1.4rem; letter-spacing:0; line-height: 1.5;opacity: 1;transform: translateY(0);overflow : hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index_application_scroll_item .swiper-button-prev,.index_application_scroll_item .swiper-button-next{display: none;}

.application_list{padding: 2rem 1.5rem;}
.application_list a{width:100%;overflow: hidden;text-align: center;margin-top: 2rem!important;background-color: #fff;}
.application_list a:nth-of-type(1){margin-top: 0!important;}
.application_list .title{padding:1.5rem;background-color: #fff;transition: all 300ms ease-in-out 0s;background-color: #f8f8f8;font-size: 1.8rem;}


/*
Customization
*/
.customization_1{display: flex;flex-direction: column;}
.customization_1 .item{display: flex;flex-direction: row;align-items: center;box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);padding: 4rem 2rem;width: 100%;margin-top: 2rem;}
.customization_1 .item .img{display: block;width: 10rem;margin: 0 auto;}
.customization_1 .item img{display: block;width:6rem;margin: 0 auto;}
.customization_1 .item .text{text-align: left;display: flex;flex-direction: column;width: calc(100% - 10rem);align-items: flex-start;padding-left: 3rem;}
.customization_1 .item .title{text-align: center;font-size: 2rem;margin-top: 0;font-weight: bold;}
.customization_1 .item .des{text-align: left;margin-top: 1rem;border-top: none;padding-top: 0;}
.customization_1 .item a{display: inline-block;padding:.3rem 3rem;border-radius: 100rem;border: var(--font-active-color) solid 1px;margin-top: 2rem;color: var(--font-active-color);font-size: 1.5rem;}


.customization_2{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1rem;}
.customization_2 .item{display: flex;flex-direction: column;align-items: center;width: calc(50% - .5rem);margin-top: 2rem;}
.customization_2 .item:nth-of-type(1){width:100%;}
.customization_2 .item:nth-of-type(2){width: calc(50% - .5rem);}
.customization_2 .item .img::after{display: block;content: '';padding-bottom: 56.25%;}
.customization_2 .item img{background-size: contain;}
.customization_2 .item .title{text-align: center;margin-top: 1rem;}

.customization_3{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1rem;}
.customization_3 .item{display: flex;flex-direction: column;align-items: center;width: calc(50% - .5rem);margin-top:2rem;background-color: #f5f5f5;}
.customization_3 .item .img::after{display: block;content: '';padding-bottom: 62.5%;}
.customization_3 .item img{background-size: cover;}
.customization_3 .item .title{text-align: center;margin-top: 2rem;font-size: 2rem;font-weight: bold;}
.customization_3 .item .title::after{display: block;content: '';width: 3rem; height: 2px;background-color: var(--font-active-color);margin: 1rem auto 0;}
.customization_3 .item .des{padding: 2rem 1rem;text-align: center;font-size: 1.5rem;}


.customize_process_item{margin: 1rem -.5rem 0;display: flex;flex-wrap: wrap;}
.customize_process_item li{padding: 0 .5rem;margin-top: 2rem;}
.customize_process_item li:nth-of-type(1),.customize_process_item li:nth-of-type(2),.customize_process_item li:nth-of-type(3),.customize_process_item li:nth-of-type(4),.customize_process_item li:nth-of-type(5){margin-top: 2rem}
.customize_process_item li .item{background-color: #FFFFFF;width: 100%;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;height: 100%;padding-top: 1rem;}
.customize_process_item li .item img{display: block;height: 6rem;}
.customize_process_item li .item .text{text-align: center;font-size: 1.5rem;margin-top: .5rem;padding:0 2rem 2rem;}
.customize_process_item li .item:before{display: none;}
.customize_process_item li:first-of-type .item:before,.customize_process_item li:last-of-type .item:before{display: none;}
.customize_process_item li:nth-of-type(5) .item:after{display: none;}

.customize_process_item li:nth-of-type(1){order:1}
.customize_process_item li:nth-of-type(2){order:2}
.customize_process_item li:nth-of-type(3){order:3}
.customize_process_item li:nth-of-type(4){order:4}
.customize_process_item li:nth-of-type(5){order:5}
.customize_process_item li:nth-of-type(6){order:6}
.customize_process_item li:nth-of-type(7){order:7}
.customize_process_item li:nth-of-type(8){order:8}
.customize_process_item li:nth-of-type(9){order:8}
.customize_process_item li:nth-of-type(10){order:10}

.customization_4{margin: 1rem -.5rem 0;}
.customization_4 li{padding: 0 .5rem;margin-top: 2rem;}
.customization_4 li .img{border: #dedede solid 1px;transition: all 300ms ease-in-out 0s;}
.customization_4 li .img::after{display: block;content: '';padding-bottom: 50%;}
 .customization_4 li img{background-size: contain;} 
.customization_4 li .title{text-align: center;margin-top: 1rem;}


.customization_pz{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1rem;}
.customization_pz .item{width:calc(50% - .5rem);display: flex;flex-direction: column;align-items: center;background-color: #fff;padding:3rem 2rem;margin-top: 1rem;}
.customization_pz .item img{display: block;height: 5rem;}
.customization_pz .item .title{margin-top: 1rem;font-weight: bold;font-size: 2rem;}
.customization_pz .item .text{margin-top: 1rem;}


/*
Video
*/
.skin_video{width: 100%;}
.skin_video .layui-layer-content{width: 100%;height: 22rem;}


/*
NEWS
*/
.index_news_box{display: flex;flex-direction: column;margin-top: 2rem;padding:0 1rem;}
.index_news_left{width: 100%;}
.index_news_left dl{display: flex;flex-direction: column;background-color: #f8f8f8;margin-top: 2rem;}
.index_news_left dt{width: 100%;position: relative;overflow: hidden;}
.index_news_left dt a:after{display:block; content:'';padding-bottom:56%;}
.index_news_left dd{width:100%;padding:2rem;}
.index_news_box .title{display: flex;justify-content: space-between;align-items: center;border-bottom: var(--font-active-color) solid 1px;padding-bottom: 1rem;}
.index_news_box .title a{color:var(--black);font-size: 1.8rem;}
.index_news_box .title a:hover{color: var(--font-active-color);}
.index_news_box .title a:last-of-type{font-size: 1.3rem;text-transform: uppercase;}
.index_news_left dd .firsttitle{font-size: 1.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 2rem;}
.index_news_left dd ul li{display: flex;justify-content: space-between;align-items: center;margin-top: 1.5rem;}
.index_news_left dd ul li a{display: block;width:calc(100% - 7rem);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1.6rem;position: relative;padding-left: 1.2rem;}
.index_news_left dd ul li a::before{display:block;content: '';width: .5rem;height: .5rem;background-color: #686868;border-radius: 50%;position: absolute;left: 0;top: 50%;transform:translateY(-50%);}
.index_news_left dd ul li span{font-size: 1.4rem;width:auto;text-align: right;}
.index_news_right{width: 100%;margin-top: 2rem;}
.index_news_right dt{padding: 2rem 0 2rem 2rem;}
.index_news_right dt .title{margin-right: 3rem;}




.article_content img{height: auto!important;}

.news_warp{padding: 0 0 3rem;background-color: #fff!important;}
.news_list li{padding:2rem 1.4rem;position:relative; margin-top:0;border-bottom:#f2f2f2 solid 5px;}
.news_list li:first-of-type{margin-top: 0;}
.news_list li .news_img{ width:16rem;}
.news_list li .news_img:after{display: block;content: '';padding-bottom: 65%;}
.news_list li .news_text{width:calc(100% - 18rem);position: relative;display: flex;justify-content: space-between;flex-direction: column;}
.news_list li .news_text .title{white-space:normal;font-size: 1.7rem;font-weight: normal;overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.4;}
.news_list li .news_text .text{display:block;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_list li .news_text .des{display: none;}
.news_list li .news_text .info{color: #999;font-size: 1.5rem;display: flex;align-items: center;position: relative;margin-top: 0;justify-content: space-between;}
.news_list li .news_text .info span{margin: 0!important;}
.news_list li .news_text .info span:first-of-type{display: none;}
.news_list li .news_text .info .more{display: none;}



.slide_contain{flex-direction: column;}
.slide_left{width:100%;background-color: #fff;padding: 0;}
.slide_right{display: none;}


.article_hd{ background-color:#f9f9f9; padding:2rem 1.5rem;color:#BDCCD4;font-size:1.6rem;}
.article_hd .title{ font-size:2rem;margin: 0;line-height: 1.4;}

.article_hd .other{ display: flex;justify-content: space-between;margin-top: 1.5rem;}
.article_hd .other .info{display: flex;justify-content: space-between;align-items: center;width: 100%;font-size: 1.4rem;}
.article_hd .other span{ display:flex;align-items: center;margin: 0!important;}
.article_hd .other span::before{margin-right:.5rem;}



.article_bd{padding:2rem 1.5rem;font-size: 1.8rem!important;}
.article_bd p{font-size: 1.8rem!important;}
.article_share{height: 7rem;padding: 0 2rem;margin-top: 3rem;}
.article_share .social_share a{width: 3rem;height:3rem;font-size: 1.4rem;margin-left: 1rem;}

/*
FAQ
*/
.index_faq_scroll{width: 100%;overflow: hidden;margin-top: 2rem;height: 54rem;padding-right: 3rem;}
.index_faq_scroll a{display: flex;flex-direction: column;;position: relative;}
.index_faq_scroll .swiper-slide {height: auto;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 2rem;}
.index_faq_scroll .swiper-slide:last-of-type{margin-bottom: 0;}
.index_faq_scroll .title_q{font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-left: 2rem;color:var(--black);font-weight: bold;font-size: 1.6rem;}
.index_faq_scroll .title_q:hover{color: var(--font-active-color);}
.index_faq_scroll .title_q:before{display:block;content: 'Q';position: absolute;left: 0;top: 50%;transform:translateY(-50%);font-family: 'HandelGotD-Bold';}
.index_faq_scroll .title_a{margin-top: .6rem;position: relative;padding-left: 2rem;margin-top: 1rem;color: #686868;font-size:1.5rem;text-align: justify;}
.index_faq_scroll .title_a p:empty{display: none;}
.index_faq_scroll .title_a p:last-of-type{margin-bottom: 0;}
.index_faq_scroll .title_a:before{display:block;content: 'A';position: absolute;left: 0;top:0;font-family: 'HandelGotD-Bold';font-size: 1.6rem;}
.index_faq_scroll .swiper-scrollbar.swiper-scrollbar-vertical{right: 1rem;}


/*
FOOTER
*/
.footer{padding: 1rem 1.5rem 3rem}
.footer_item{flex-direction: column;}
.footer_nav {display: flex;flex-direction: column;width: 100%;}
.footer_nav .am-accordion-item{ width:100%;margin:0; padding:0;}
.footer_nav .am-accordion-item:last-of-type{margin-left:0;}
.footer_nav .am-accordion-title{font-size: 1.6rem;height: 5.6rem;border-bottom:rgba(255, 255, 255, 0.3) solid 1px;display: flex;justify-content: space-between;font-weight: normal;color:#fff ;align-items: center;margin-bottom: 0;font-weight: bold;}
.footer_nav .am-accordion-item.am-active .am-accordion-title{color: var(--font-active-color);}
.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}
.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-top:.5rem; font-size:1.6rem;line-height:2;width: 100%;}
.footer_nav .am-accordion-content span{margin-top: .5rem;}
.footer_nav .am-accordion-content span a{color: rgba(255, 255, 255, 0.6);font-size:1.6rem;}

.footer_weixin{display: none;}

.footer .copyright{margin-top: 3rem;font-size: 1.5rem;border-top:none;padding-top:0;}
.footer .copyright .flex{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;text-align:center;line-height: 2;}
.footer .copyright span{margin-left: 3rem;}
.footer .copyright .ico{display: flex;align-items: center;width: 100%;margin-top: 2rem;justify-content: center;}
.footer .copyright .ico a:not(:last-of-type){margin-right: 3rem;}
.footer .copyright .ico img{height: 2.8rem;}

.layui-fixbar{display: none;}

.global_nav{position: fixed;right: 0;bottom: 0;transform:none;width: 100%;height: 5rem;flex-direction: row;display: flex;}
.global_nav a{display: flex; height: 5rem;flex-direction: column;align-items: center;justify-content: center;background-color: var(--font-active-color);color: #fff;margin-bottom: 0;position: relative;border-radius: 0;flex:1;}
.global_nav a:not(:first-of-type){border-left: #fff solid 1px;}
.global_nav a i{font-size: 1.8rem;}
.global_nav a span{font-size: 1.4rem;padding: 0!important;}
.global_nav a b ,.global_nav a:hover b{display: none!important;}


/*
Banner
*/
.banner .img{min-height: 18rem;}
.banner .text{padding: 0 2rem;}
.banner .text ,.banner .text .title_en ,.banner .text .title_cn{font-size: 2rem;}

/*
GUIDE
*/
.guide_nav dl{display: flex;justify-content: space-between;align-items: center;height: 5rem;font-size: 1.4rem;padding: 0 1rem;}
.guide_nav dt{display: none;}
.guide_nav dt strong{font-size: 1.8rem;}
.guide_nav dt a{position: relative;margin-left: 2rem;}
.guide_nav dd{text-align: right;display: flex;white-space: nowrap;overflow: hidden;width: 100%;}
.guide_nav dd i{margin: 0 .5rem;}

.guide_nav .sort_nav{display: flex;align-items: center;font-size: 1.8rem;height: 100%;}
.guide_nav .sort_nav a{display: flex;align-items: center;margin: 0;}
.guide_nav .sort_nav a:not(:last-of-type)::after {display: block;content: '';width: 1px;height: 1.6rem;background-color: #333; margin: 0 5rem;}


.form_search{width: 70%;}

.guide_form{width: 100%;}
.guide_form .layui-input{width:calc(100% - 5rem);height:3.6rem;}
.guide_form .layui-btn{width:5rem;height: 3.6rem;display: flex;align-items: center;justify-content: center;}

/*
ABOUT
*/
.about_title_font{font-size: 2.6rem;}
.about_title_des{font-size: 1.5rem;}

.index_company_box{flex-direction: column;margin-top: 2rem;padding: 0 1.4rem;}
.index_company_box .item{width:100%;}
.index_company_box .text{margin-top: 2rem;line-height: 1.8;  overflow : hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical;}

.about_warp{padding: 4rem 1.5rem;}

.about_company{flex-direction: column;}
.about_company .about_company_title{width: 100%;display: flex;flex-direction: column;justify-content: center;text-align: center;}
.about_company .about_company_title .icon{display: none;}

.about_company .about_company_title .title_cn::after{display: block;content: '';width: 6rem;height: 1px;background-color: var(--font-active-color);margin: 1rem auto;}
.about_company .about_company_title .title_en{display: none;}

.about_company .about_company_text{width: 100%;margin-top: 1rem;}


.about_culture_item{display: flex;justify-content: space-between;}
.about_culture_item .list{display: flex;flex-direction: column;width: calc(50% - .5rem);}
.about_culture_item .list .item{background-color: #fff;padding: 3rem 1.4rem;display: flex;flex-direction: column;justify-content: center;height: 100%;align-items: center;text-align: center;border-radius: .5rem;}
.about_culture_item .list .item.grey{background-color: #f8f8f8;}
.about_culture_item .list:first-of-type .item:last-of-type{margin-top: 1rem;}
.about_culture_item .list .item .img img{display: block;height: 6rem;}
.about_culture_item .list .item .title{margin-top: 2rem;font-weight: bold;font-size: 1.7rem;}
.about_culture_item .list .item .ms{margin-top: .6rem;font-size: 1.4rem;}

.about_factory_scroll{margin-top: 2rem;padding-bottom: 2rem;}


.about_honer_pics{position: relative;margin-top: 2rem;padding-bottom: 3rem;}
.about_honer_pics .swiper-slide{transition: 300ms;transform: scale(1);}
.about_honer_pics .swiper-button-prev,.about_honer_pics .swiper-button-next{display: none;}
.about_honer_pics .swiper-slide .title{font-size: 1.5rem;}

/*
CONTACT
*/
.feedback_box{width: 100%;}
.feedback_box .layui-layer-title{font-size: 1.8rem;color:var(--font-active-color);font-weight: bold;padding-left: 1.5rem;height: 6rem;line-height: normal;display: flex;align-items: center;}
.feedback_box .layui-layer-content{padding: 1.5rem;}

.feedback_box .layui-form-item{margin: 0 0 2rem 0;}
.feedback_box .layui-form-item:last-of-type{margin-bottom: 0;}
.feedback_box .layui-form-item.flex{position: relative;display: flex;align-items: center;}
.feedback_box .layui-form-item .layui-form-label{display: none;}
.feedback_box .layui-form-item .layui-input-block{width: 100%;margin: 0;left: 0;}
.feedback_box .layui-form-item .layui-input{height: 4.6rem;line-height: 4.6rem;}
.feedback_box .layui-form-item .layui-textarea,.feedback_box .layui-form-item .layui-form-label.flag_1{height: 10rem;}
.feedback_box .layui-form-item .layui-form-label,.feedback_box .layui-form-item .layui-input ,.feedback_box .layui-form-item .layui-textarea{font-size: 1.5rem;}
.feedback_box .layui-form-item.required:after{display: block;content: '*';color: #ff0000;position: absolute;right: 1rem;top:1rem;}
.feedback_box .layui-btn-block{width: 100%;font-size: 1.6rem;background-color: var(--font-active-color);display: flex;line-height: inherit;align-items: center;justify-content:center;}
.layui-form-item .layui-form-checkbox[lay-skin="primary"]{margin: 0;}
.layui-form-select dl{margin:0;}

.gd_map{width: 100%;height: 30rem;margin-top:4rem;}
.gd_map .content{margin-top: .5rem;min-width: 100%;font-size: 1.6rem;line-height: 1.6;}

.contact_info .name{color: #000;font-size: 2rem;font-weight: bold;}
.contact_info .infos{display: flex;flex-direction: column;margin-top: 0;font-size: 1.7rem;}
.contact_info .infos a{display: flex;flex-direction: column;color: #666;margin-top: 2rem;position: relative;}
.contact_info .infos a::before{display: block;content: '';width: 1px;height: 80%;position: absolute;left: 0;top: 0;background-color: #666;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.contact_info .infos b{color: #000;text-transform: uppercase;}

.form_contact{margin-top: 4rem;}
.form_contact .layui-form-item{margin-bottom: 1rem;}
.form_contact .layui-form-item.flex{flex-wrap: wrap;}
.form_contact .layui-form-group{width: 100%;}
.form_contact .layui-btn{width: 100%;margin-top: 2rem;}

/*
PAGEBAR
*/
.page_list{margin-top:3rem;}

/*
SEARCH
*/
.search_page{padding: 2rem 1.5rem 3rem;}
.search_list{display: flex;flex-direction: column;background-color: #fff;margin-bottom:2rem;padding:0;}
.search_list dt{width:100%;height:auto;}
.search_list dt a::after{display: block;content: '';padding-bottom: 56.25%;}
.search_list dt img{display:block;width: 100%;height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;transition: all 0.35s;}
.search_list dt img.contain{object-fit: contain;}

.search_list dd{width:100%;flex-direction: column;margin-top:0;padding: 1.5rem;}
.search_list dd h2{margin:0;font-size:1.8rem;}
.search_list dd .card-text{margin-top: 1rem;overflow : hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.search_list dd .card-sort{font-size: 1.4rem;margin-top: 1rem;display: flex;justify-content: space-between;}
.search_list dd .card-sort span{margin-right:0;}

.tag_list_all{margin: 0 -1rem;}
.tag_list_all li {padding: 0 1rem;margin-bottom: 2rem;}
.tag_list_all li a{display: block;background-color: #999; color: #fff;text-align: center;font-size:1.5rem;padding: 1rem;border-radius: .3rem;}
.tag_list_all li a:hover{background-color: var(--font-active-color);}

}