:root {
    --font-color: #3e3e3e;
    --font-black-color: #000000;
    --font-active-color: #0094de;
  }
  @font-face {
    font-family: 'MarkPro-Light';
    src: url('../fonts/MarkPro-Light.eot');
    src: url('../fonts/MarkPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MarkPro-Light.woff2') format('woff2'),
        url('../fonts/MarkPro-Light.woff') format('woff'),
        url('../fonts/MarkPro-Light.ttf') format('truetype'),
        url('../fonts/MarkPro-Light.svg#MarkPro-Light') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkPro-Book';
    src: url('../fonts/MarkPro-Book.eot');
    src: url('../fonts/MarkPro-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MarkPro-Book.woff2') format('woff2'),
        url('../fonts/MarkPro-Book.woff') format('woff'),
        url('../fonts/MarkPro-Book.ttf') format('truetype'),
        url('../fonts/MarkPro-Book.svg#MarkPro-Book') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'MarkPro-Bold';
    src: url('../fonts/MarkPro-Bold.eot');
    src: url('../fonts/MarkPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MarkPro-Bold.woff2') format('woff2'),
        url('../fonts/MarkPro-Bold.woff') format('woff'),
        url('../fonts/MarkPro-Bold.ttf') format('truetype'),
        url('../fonts/MarkPro-Bold.svg#MarkPro-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body{color:var(--font-color);font-family: "MarkPro-Light","\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";font-size: 1.6rem;}
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{display:block;}
.list-paddingleft-2{margin-top: 0;padding-left: 1em;}
.list-paddingleft-2 li{list-style: inherit;}
picture{display: block;}
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%;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;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}

/*
public
*/
.am-container{width:1360px;max-width: 1920px;margin:0 auto;padding: 0;}
.am-container img{max-width: 100%;}
.am-container.flex{display: flex;}
.am-container::before,.am-container::after{display: none;}
.am-paragraph-default{ margin:0;color:var(--font-color);font-size:1.6rem;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 1.6rem;font-size:1.6rem;line-height: 1.8;color:var(--font-color)}
.am-paragraph-default table p{margin:0;}
.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: #826d6d;}
.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-layer-photos-footer > h3{margin: 0;line-height: 52px;font-size: 12px; font-weight: normal;}
.hidden{overflow: hidden;}
.web_w{width: 100%;padding: 0 3%;max-width: 1920px}
.layui-table-tips-c{padding: 0;}
.white{color: #fff;}
.layui-bg-blue{background-color: var(--font-active-color)!important;}

/*
header
*/
.am-sticky-placeholder{height: auto!important;}
.banner + .am-sticky-placeholder{height: 7rem!important;}
.header{width: 100%;display: flex;justify-content: space-between;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: 10rem!important;transition: all 300ms ease-in-out 0s;} 
.header .logo{display: block;position: relative;overflow: hidden;transition: all 300ms ease-in-out 0s;}
.header .logo img{display: block;height: 5rem;}
.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;}
.header .am-menu-nav{display: flex;font-size: 1.6rem;height:100%;}
.header .am-menu-nav a{padding: 0;}
.header .am-menu-nav .parent_li{margin-right: 7rem;}
.header .am-menu-nav .parent_li .am-icon-caret-down{margin-left: .5rem;}
.header .am-menu-nav .parent_li .parent_a{display: flex;align-items: center;height: 100%;position: relative;white-space: nowrap;text-transform: uppercase;font-family: 'MarkPro-Book';font-size: 1.7rem;}
.header .am-menu-nav .parent_li .parent_a:before{ display:block; content:''; position:absolute; left:25%; width:50%;opacity: 0; height:2px; background-color:var(--font-active-color); bottom:0;transition: .4s;}
.header .am-menu-nav .parent_li:hover .parent_a:before{opacity: 1;left: 0;width: 100%;}
.header .am-menu-nav .parent_li:hover .parent_a{color: var(--font-active-color);}


.header .navbar_search_btn{display: flex;align-items: center;font-size: 1.8rem;}
.header .top_search{width: 0;height: 100%;position: absolute; top: 50%; right: 0;transform: translateY(-50%);overflow: hidden;transition: all 300ms ease-in-out 0s;opacity: 0;display: flex;align-items: center;justify-content: space-between;}
.header .navbar_search_btn ,.header .top_search_close .layui-icon{font-size: 1.8rem;}
.header .menu.am-in .top_search{width: 100%;opacity: 1;overflow:inherit;}
.header .menu.am-in .am-menu-nav{position: relative;}
.header .menu.am-in .am-menu-nav .parent_li{visibility: hidden;opacity: 0;}
.header .menu.am-in .navbar_search_btn{display: none;}
.header .top_search .layui-form{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.header .top_search .layui-form .layui-input{border: none;padding-left: 2rem;background: none;box-shadow: none;}
.header .top_search .layui-form .layui-btn{background:none;display: flex;align-items: center;width: 3rem;font-size: 1.8rem;padding: 0;justify-content: flex-end;color: var(--font-color);}
.header .top_search .layui-form .layui-btn:hover{color: var(--font-active-color);}
.header .top_search .layui-form .top_search_close{width: 3rem;display: flex;align-items: center;justify-content: space-between;font-size: 1.8rem;color: var(--font-color);}
.header .top_search .layui-form .top_search_close::after{display: block;content: '';background-color: var(--font-color); width: 1px;height: 1.6rem;}

.header .top_search .am-dropdown{width:calc(100% - 8rem);}
.header .top_search .am-dropdown-content{width:100%;font-size:1.5rem;top: calc(100% + 8px);padding: .5rem 0;}
.header .top_search .am-dropdown-content:empty{display: none!important;}
.header .top_search .am-dropdown-content > li > a{padding: 6px 20px;}
.header .top_search .am-dropdown-content > li > a:hover{background: none;color: var(--font-active-color);}

.header .language_btn{display: flex;align-items: center;margin-left: 2rem;}
.header .language_btn .am-dropdown-toggle{display: flex;align-items: center;}
.header .language_btn .am-dropdown-toggle span{display: flex;align-items: center;text-transform: uppercase;font-size: 1.5rem;}
.header .language_btn .am-dropdown-toggle span img{height: 1.5rem;margin-right: .3rem;}
.header .language_btn .am-dropdown-toggle i{font-size: 1.8rem;margin-right: .3rem;}
.header .language_btn .am-dropdown-content li a{display: flex;align-items: center;font-size: 1.5rem;}
.header .language_btn .am-dropdown-content li a.on{color: var(--font-active-color);}
.header .language_btn .am-dropdown-content li a img{display: block;height: 1.6rem;margin-right: 1rem;}

.header.white .navbar_search_btn ,.header.white .am-menu-nav .parent_li .parent_a ,.header.white .language_btn .am-dropdown-toggle{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 .navbar_search_btn ,.header:hover .am-menu-nav .parent_li .parent_a ,.header.am-sticky .navbar_search_btn ,.header.am-sticky .am-menu-nav .parent_li .parent_a ,.header:hover .language_btn .am-dropdown-toggle ,.header.am-sticky .language_btn .am-dropdown-toggle{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 .menu{height: 7rem!important;}
.header.am-sticky .logo img{height: 4rem;}
.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 #nprogress{position: absolute;left: 0;top: 0;width: 100%;}
.header #nprogress .nprogress-bar{height: 1px;margin: 0;box-shadow: none;position: absolute;left:0;top:0;background-color: var(--font-active-color);z-index: 1500;}

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

.header .am-menu-nav .parent_li .am-menu-sub{position: absolute;width: 100%;background-color: #fff;left:0;top: 100%;transition:all .4s ease 0s;display:block;height:0;overflow: hidden;opacity: 0;}
.header .am-menu-nav .parent_li .am-menu-sub::before{display: block;content: '';background-color: #efefef;width: 0;height: 1px;position: absolute;left: 0;top: 0;transition:all .5s ease 0s;}
.header .am-menu-nav .parent_li:hover .parent_a{color: var(--font-active-color);}
.header .am-menu-nav .parent_li:hover .am-menu-sub{height:auto;box-shadow:0 10px 10px 0 rgba(0,0,0,.1);padding: 3.6rem 0;opacity: 1;}
.header .am-menu-nav .parent_li:hover .am-menu-sub::before{width: 100%;}

.menu_sub_pro{display: flex;justify-content: space-between;}
.menu_sub_pro dt{width: 22rem;border-right: #efefef solid 1px;position: relative;}
.menu_sub_pro dt:before{display: block;content: '';height: 3.6rem;width: 1px;background-color: #efefef;position: absolute;right: -1px;top: -3.6rem;}
.menu_sub_pro dt:after{display: block;content: '';height: 3.6rem;width: 1px;background-color: #efefef;position: absolute;right: -1px;bottom: -3.6rem;}
.menu_sub_pro dt .sort{display: flex;flex-direction: column;margin-top: 2rem;font-weight: bold;}
.menu_sub_pro dt .name{margin-bottom: 2rem;}
.menu_sub_pro dt .name a{display: inline-block;position: relative;padding-bottom: .5rem;}
.menu_sub_pro dt .name a:after{display:block; content:''; position:absolute; left:25%; width:50%;opacity: 0; height:1px; background-color:var(--font-active-color); bottom:0;transition: .4s;}
.menu_sub_pro dt .name.on a{color: var(--font-active-color);}
.menu_sub_pro dt .name a:hover:after ,.menu_sub_pro dt .name.on a:after{opacity: 1;left: 0;width: 100%;}
.menu_sub_pro dd{width: calc(100% - 26rem);position: relative;}
.menu_sub_pro dd .text{display: flex;flex-wrap: wrap;justify-content: space-between;}
.menu_sub_pro dd .text:after{display: block;content: '';width: calc(33.33% - 2.2rem);}
.menu_sub_pro dd .text .item{width: calc(33.33% - 2.2rem);margin-top: 3rem;display: flex;justify-content: space-between;align-items: center;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);padding: 1rem;}
.menu_sub_pro dd .text .item:nth-of-type(1),.menu_sub_pro dd .text .item:nth-of-type(2),.menu_sub_pro dd .text .item:nth-of-type(3){margin-top: 0;}
.menu_sub_pro dd .text .item.all{padding:3rem;}
.menu_sub_pro dd .text .item:hover{box-shadow: 0 0 10px 5px rgba(57,126,207,.1);}
.menu_sub_pro dd .text .item .img{width: 12rem;}
.menu_sub_pro dd .text .item .img::after{display: block;content: '';padding-bottom: 62.5%;}
.menu_sub_pro dd .text .item .img img{object-fit: contain;}
.menu_sub_pro dd .text .item .ico{width: 12rem;display: flex;justify-content: center;}
.menu_sub_pro dd .text .item .ico img{width: 4rem;}
.menu_sub_pro dd .text .item .title{width: calc(100% - 13rem);font-family: 'MarkPro-Book';}


.menu_sub_other dd .item span{ color: #999999;font-size: 12px;margin-top: .6rem;display: block;padding-left: 1.2rem;}

.menu_sub_other dd{display: flex;flex-wrap: wrap;}
.menu_sub_other dd.space-between{justify-content: space-between;padding: 0 5%;align-items: center;}
.menu_sub_other dd .item {display: flex;flex-direction: column;width: 25%; margin: 2rem 0;padding-right: 6rem!important;}
.menu_sub_other dd .app{display: flex;align-items:center;justify-content: space-between;width: calc(25% - 2rem);border: #efefef solid 1px;padding: 2rem 2rem 2rem 3rem;margin: 1.2rem 0;line-height: 1.2;border-radius: .3rem;}
.menu_sub_other dd .app:hover{border-color: var(--font-active-color);}
.menu_sub_other dd .app:last-of-type{border: none;}
.menu_sub_other dd .app .ico{display: block;width: 4rem;height:4rem;overflow: hidden;position: relative;}
.menu_sub_other dd .app .ico img{transform: translate(-4rem, 0); -webkit-transform: translate(-4rem, 0); -ms-transform: translate(-4rem, 0); -o-transform: translate(-4rem, 0);filter: drop-shadow(4rem 0 var(--font-active-color)); -webkit-filter: drop-shadow(4rem 0 var(--font-active-color));image-rendering:auto;object-fit: contain;} 
.menu_sub_other dd .app .title{width: calc(100% - 7rem);font-family: 'MarkPro-Book';}



.menu_sub_other dd .sort{display: flex;flex-direction: column;border-left: #efefef solid 1px;position: relative;padding-left: 7%;width: 50rem;font-family: 'MarkPro-Book';}
.menu_sub_other dd .sort:before{display: block;content: '';height: 3.6rem;width: 1px;background-color: #efefef;position: absolute;left: -1px;top: -3.6rem;}
.menu_sub_other dd .sort:after{display: block;content: '';height: 3.6rem;width: 1px;background-color: #efefef;position: absolute;left: -1px;bottom: -3.6rem;}
.menu_sub_other dd .sort a:not(:first-of-type){margin-top: 2rem;}
.menu_sub_other dd .sort.space-between{flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.menu_sub_other dd .sort.space-between a{width: 48%;}
.menu_sub_other dd .sort.space-between a:nth-of-type(2){margin-top: 0;}
.menu_sub_other dd .sort .info{display: flex;flex-wrap: wrap;color: var(--font-color)!important;}
.menu_sub_other dd .sort .info .list{display: flex;align-items: center;margin: 1rem 0;font-weight: normal;width:50%;}
.menu_sub_other dd .sort .info .list:first-of-type{width: 100%;}
.menu_sub_other dd .sort .info .list i{margin-right: 1rem;width: 2.5rem;height: 2.5rem;display: flex;align-items: center;justify-content: center;background-color: var(--font-active-color);color: #fff;border-radius: 50%;font-size: 1.4rem;}
.menu_sub_other dd .sort .info .list .am-icon-envelope{font-size: 1.1rem;}
.menu_sub_other dd .img{width: 60rem;position: relative;display: block;}
.menu_sub_other dd .img img{width: 100%;display: block;}
.menu_sub_other dd .img .word{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;padding: 2rem;color: #fff;}

.menu_close{position: absolute;right: 5%; top: 3rem;}
.menu_close i{font-size: 2.8rem;}



/*
BANNER
*/

.index_banner_scroll .swiper-slide{position: relative;overflow: hidden;display: block;}
.index_banner_scroll .swiper-slide.white{color: #fff;}
.index_banner_scroll .swiper-slide::after{display: block;content: '';padding-bottom: 100vh;}
.index_banner_scroll .swiper-slide img{display: block;width:100%;height:100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 1;-webkit-transition: all 5s cubic-bezier(0.2, 0.3, 0.5, 1);transition: all 5s 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_scroll .swiper-slide-active img{-webkit-transform: scale(1);-moz-transform: scale(1); transform: scale(1);}
.index_banner_scroll .swiper-pagination-bullet{background: rgba(255, 255, 255, .5);opacity: 1;transition: all 300ms ease-in-out 0s;border: rgba(0, 0, 0, .2) solid 1px;}
.index_banner_scroll .swiper-pagination-bullet-active{background: var(--font-active-color);border-radius: .5rem;border-color: rgba(0, 148 ,222, 1);}
.index_banner_scroll .text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;z-index: 3;padding: 0 10%;}
.index_banner_scroll .text .title{font-size: 6rem;font-weight: bold;color: var(--font-active-color);font-family: 'MarkPro-Bold';letter-spacing: 30px;}
.index_banner_scroll .text .subtitle{font-size: 2.4rem;font-weight: 100;color: rgba(51, 51, 51, .8);margin-top: 2rem;}
.index_banner_scroll .text .more{width: 18rem;margin-top: 5%;border-radius: 100rem;background: var(--font-active-color);}
.index_banner_scroll .swiper-slide.white .text .title ,.index_banner_scroll .swiper-slide.white .text .subtitle{color: #fff;}
.index_banner_scroll .bg{display: block;width: 100%;height: 100%;position: absolute;top:0;right: 0;z-index:2;background-color: rgba(0, 148 ,222, 0.1);}
.index_banner_scroll .bg.animate__animated{-webkit-animation-duration:2s;animation-duration:2s;}


/*
BLOCK
*/
.index_block{padding: 4% 0 4.6%;background-position:center;background-repeat: no-repeat;background-size: cover;}
.index_block.grey{background-color: #f2f2f2;}
.index_block .my_dl{display: flex;justify-content: space-between;}
.index_block .my_dl dt ,.index_block .my_dl dd{width: 47%;}
.index_block .am-btn-green{padding-left: 3rem;padding-right:3rem;background: var(--font-active-color);border-radius: 100rem;color: #fff;font-size: 1.5rem;}
.index_block .am-btn-green:hover{background: rgba(130, 194, 46, 1);}
.index_block .title, .index_block .name {font-size: 3.6rem; text-transform: capitalize; font-family: 'MarkPro-Bold';text-transform: uppercase;}
.index_block .title::after,.index_block .name::after{display: block;content: ''; width: 5rem; height: 1px; background-color: var(--font-active-color); margin-top: 3%;}
.index_block .name{text-align: center;}
.index_block .name::after { margin: 1% auto 0;}

.text_block{background-color: #F2F2F2;padding: 4% 5%!important;display: flex;flex-direction: column;justify-content: space-between;transition: all 300ms ease-in-out 0s;}
.text_block:hover{box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .02);}
.text_block .title {font-size: 3.2rem;}
.text_block .title::after{display: block;content: '';width: 5rem;height: 1px;background-color: #CCCCCC;margin-top: 5%;}
.text_block .text{line-height: 2;}


/*
PRODUCT
*/
.index_product{position: relative;margin-top: 2%;}
.index_product .item{position: relative;}
.index_product .item .img{position: relative;overflow: hidden;}
.index_product .item .img::after{display: block;content: '';padding-bottom: 75%;}
.index_product .item .subtitle{font-size: 2rem;font-weight: normal;}

.index_product .item:nth-of-type(2n) .subtitle{background: rgba(130, 194, 46, .6);}
.index_product .item:nth-of-type(3n) .subtitle{background: rgba(232, 120, 23, .6);}
.index_product .swiper-pagination{bottom: -3rem;}
.index_product .swiper-button-prev{left: 1%;}
.index_product .swiper-button-next{right: 1%;}

.product_list_item{position: relative;display: block;}
.product_list_item .img{background-color: #fff;}
.product_list_item .img::after{display: block;content: '';padding-bottom: 62.5%;}
.product_list_item .subtitle{width: 100%;position: absolute;left: 0;bottom: 0;background: rgba(0, 148, 222, .6);text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all 300ms ease-in-out 0s;height: 5rem;padding: .5rem 2rem;color: #fff;}
.product_list_item .des{height: 0;overflow: hidden;font-size: 0;max-width: 70%;}
.product_list_item:hover .subtitle{height: 100%!important;font-size: 2rem;}
.product_list_item:hover .subtitle::after{display: block;content: '\e65c';font-family: 'layui-icon' !important;font-size:2rem;margin-top: 1rem;transform: scaleX(-1);}
.product_list_item:hover img{transform: scale(1.05)}
.product_list_item:hover .des{height: auto;font-size: 1.4rem;margin-top: 1rem;}

.product_list_item .name{text-align: center;margin-top: 1rem;}

.product_list_item .img.border{border: #f2f2f2 solid 1px;}

.product_list {margin: 0  -1rem;}
.product_list li{padding: 0 1rem;margin-top: 2rem;}
.product_list.list li:nth-of-type(1),.product_list.list li:nth-of-type(2),.product_list.list li:nth-of-type(3),.product_list.list li:nth-of-type(4){margin-top: 0;}
.product_list li .img_animate img ,.index_product_scroll .img_animate img{object-fit:contain;}

.product_list .product_list_item .subtitle{height: 5rem;font-size: 1.8rem;}
.product_list .product_list_item:hover .subtitle{font-size: 2rem;}

.product_sort_list li{display: flex;justify-content: space-between;align-items: center;overflow: hidden;}
.product_sort_list li .img{display: block;position: relative;overflow: hidden;width: 50%;}
.product_sort_list li .img::after{display: block;content: '';padding-bottom: 62.5%;}
.product_sort_list li .text{width: 50%;padding-left: 4%;}
.product_sort_list li .text .title{font-family: 'MarkPro-Bold';font-size: 2.6rem;margin-bottom: 2rem;}
.product_sort_list li .text .title::after{display: block;content: '';width: 8rem; height: 1px;background-color: var(--font-active-color);margin-top: 1.5rem;}
.product_sort_list li .text .des{margin-top: 3%;line-height: 1.8;}
.product_sort_list li .text .layui-btn{margin-top: 3rem;border-radius: 100rem;padding-left: 3rem;padding-right: 3rem;}
.product_sort_list li:nth-of-type(even){flex-direction: row-reverse;}
.product_sort_list li:nth-of-type(even) .text{padding: 0 4% 0 0;}

.product_sort_nav{display: flex;flex-wrap: wrap;}
.product_sort_nav a{width: calc(33.33% - 2rem);margin-top: 1rem;}

.product_table{margin: 0;}
.product_warp .layui-table-body{background-color: #fff;}
.product_warp .layui-table-body .layui-none ,.product_warp .layui-table th, .product_warp .layui-table td{font-size: 1.4rem;}
.product_warp .layui-table thead th{font-weight: bold;background-color: var(--font-active-color);color: #fff;}
.product_warp .layui-table td a.on{text-decoration: underline;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: var(--font-active-color);}
.layui-table-header .layui-table-cell{display:flex;align-items:center;justify-content:center;}
.layui-table-column{padding: 1.6rem;background-color: #fff;}

.product_warp .layui-table-sort[lay-sort="asc"] .layui-table-sort-asc{border-bottom-color: #fff;}
.product_warp .layui-table-sort[lay-sort="desc"] .layui-table-sort-desc{border-top-color: #fff;}

.product_warp .layui-table-tool{background-color: #fff;display: flex;align-items: center;justify-content: space-between;}
.product_warp .layui-table-tool .layui-table-tool-temp{padding-right: 0;display: flex;align-items: center;justify-content: space-between;width: calc(100% - 120px);}
.product_warp .layui-table-tool-self{position: relative;right:0;top: 0;display: flex;align-items: center;}
.product_warp .layui-table-tool-self .layui-inline:nth-of-type(4){background-color: var(--font-active-color);color: #fff;border-color: var(--font-active-color);}
.product_warp .layui-table-tool.list{margin-bottom: 2rem;}
.product_warp .layui-table-tool.list .layui-table-tool-temp{width: 100%;}
.product_warp .layui-table-tool.list .toolbar_form .layui-form-item:last-of-type{margin-right: 0;}
.product_warp .layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span{height: 2.6rem;line-height: 2.6rem;}
.product_warp .layui-table-page .layui-laypage-count{color: #999;}
.product_warp .layui-table-page .layui-laypage input{width: 50px;}

.toolbar_form{display: flex;align-items: center;}
.toolbar_form .layui-input-wrap{width:22rem;}
.toolbar_form .layui-form-item{margin: 0 1rem 0 0;}
.toolbar_form .layui-input{font-size: 1.5rem;}
.toolbar_form .layui-form-item .layui-btn{padding-left: 1rem;padding-right: 1rem;font-size: 1.2rem;}
.toolbar_form .layui-form-item .layui-bg-blue{background: var(--font-active-color)!important;}
.toolbar_form .layui-form-item .layui-btn-primary:hover{border-color: var(--font-active-color);}



.product_warp .layui-table-header{background-color: #fff;}

.filter_field{display: flex;align-items: center;font-weight: normal;text-align: center;width: calc(100% - 30rem);}
.filter_field .item:not(:last-of-type){margin-right: 1rem;}
.filter_field .layui-form-select .layui-input{text-align: center;font-size: 12px;}
.filter_field .layui-form-select dl dd{font-size: 12px;}

.filter_field xm-select{color: var(--font-color);}
.filter_field xm-select .xm-select-default{position: relative;}
.filter_field xm-select > .xm-tips{top: 0;width: calc(100% - 18px);justify-content: center;font-size: 1.3rem;white-space: nowrap;}
.filter_field xm-select > .xm-tips sub{font-size: 60%;}
.filter_field xm-select > .xm-icon{right: .6rem;}
.filter_field xm-select > .xm-body{min-width: 40rem;}
.filter_field xm-select > .xm-body .xm-search{float: left;width: calc(100% - 4rem);}
.filter_field xm-select > .xm-body .xm-search-input{padding-left: 0;color: var(--font-color);}
.filter_field xm-select > .xm-body .xm-search > i{right: 1rem;}
.filter_field xm-select > .xm-body .xm-option-content{padding-left: 5px;font-size: 1.4rem;}
.filter_field xm-select > .xm-label.single-row .label-content{text-align: center;justify-content: center;}
.filter_field xm-select > .xm-body .scroll-body{display:flex;flex-wrap: wrap;justify-content: space-between;clear: both;}
.filter_field xm-select > .xm-body .xm-option{width: calc(50% - 1rem);}
.filter_field xm-select > .xm-body .xm-toolbar{background-color: #f9f9f9;margin: 0;float: right;width: 4rem;justify-content: center;}
.filter_field xm-select > .xm-body .xm-toolbar .toolbar-tag{margin-right:0;float: right;}
.filter_field xm-select > .xm-body .xm-toolbar .toolbar-tag:first-of-type{display: none;}
.filter_field xm-select > .xm-body .xm-toolbar .toolbar-tag  span{display: none;}
.filter_field xm-select > .xm-body .xm-select-empty{width: 100%;}
.product_table_menu .layui-menu{padding: 0;}

.product_son{background-color: #fff;padding: 15px;font-size: 1.5rem;font-family: 'MarkPro-Book';}
.product_son a:not(:last-of-type){margin-right: 2rem;}


.pro_page_top{display: flex;justify-content: space-between;}
.pro_imgs_scroll{width: 55%;margin: 0;}
.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:62.5%;}
.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 .swiper-button-prev,.pro_img_big .swiper-button-next{color: #dedede;}
.pro_img_big .swiper-button-prev:hover,.pro_img_big .swiper-button-next:hover{color: var(--font-active-color);}
.pro_img_big img{cursor:zoom-in;}
.pro_text{width: 42%;display: flex;flex-direction: column;justify-content: space-between;background-color: #fff;padding:4rem 4rem;}
.pro_text .title{line-height: 1.4;font-size: 2.8rem;font-weight: bold;color: var(--font-active-color);position: relative;}
.pro_text .title::after{display: block;content: '';width: 100%;height: 1px;background-color: var(--font-active-color);margin: 1.5rem 0;}
.pro_text .des{margin-top: 3rem;max-height: 32rem;overflow: auto;}
.pro_text .btns{margin-top: 3rem;display: flex;justify-content: space-between;}
.pro_text .btns a{font-size: 1.6rem;width: calc(50% - 2rem);}
.pro_text .btns .layui-bg-blue{background-color: var(--font-active-color)!important;}
.pro_text .btns .layui-bg-orange{background-color: rgba(232, 120, 23, 1)!important;}

.pro_img_small{margin:1rem 0 0;padding-bottom: 1px;}
.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:var(--font-active-color);}
.pro_img_small .swiper-slide-thumb-active .img img{transform: scale(1.02);opacity: 1;}
.pro_img_small .swiper-button-prev{left: 0;}
.pro_img_small .swiper-button-next{right: 0;}
.pro_img_small .swiper-button-prev::after ,.pro_img_small .swiper-button-next::after{font-size: 3rem;color: #999;}

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

.pro_page_bottom_item{background-color: #fff;padding: 3rem;}
.pro_page_bottom_name{display: flex;align-items: center;font-weight: bold;font-size: 2rem;margin-bottom: 2rem;color: var(--font-active-color);background-color: #f2f2f2;padding: 1rem 2rem;text-transform: uppercase;}
.pro_page_bottom_name:not(:first-of-type){margin-top: 4%;}
.pro_page_bottom_name::before{display: block;content: '';width: 3px;height: 2rem;background-color: var(--font-active-color);margin-right: 1rem;}


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

/*
APPLICATION
*/
.index_appliaction{padding-bottom: 0;}
.index_appliaction_block{position: relative;}
.index_application_pics{position:relative;margin-top: 2%;z-index: 1;}
.index_application_pics .swiper-slide{position: relative;overflow: hidden;}
.index_application_pics .swiper-slide::after{display: block;content: '';padding-bottom: 33.33%;}
.index_application_pics .swiper-slide img{display: block;width:100%;height:100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 1;}
.index_appliaction_list{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.index_appliaction_list .am-container{height: 100%;display: flex;position: relative;}
.index_application_icos{position: relative;z-index: 2;}
.index_application_icos .swiper-slide{text-align: center;color: #fff;position: relative;display: flex;}
.index_application_icos .swiper-slide::before{height: 0;width: 100%;position: absolute;left: 0;bottom: 0;transition: all 300ms ease-in-out 0s;display: block;content: '';z-index: 1;}
.index_application_icos .swiper-slide::after{display: block;content: '+';width: 100%;height: 100%;visibility: hidden;}
.index_application_icos .swiper-slide .text{position: absolute;z-index: 2;width: 100%;bottom: 10%;transition: all 300ms ease-in-out 0s;}
.index_application_icos .swiper-slide img{width: auto;height: 6rem;margin: 0 auto;}
.index_application_icos .swiper-slide .subtitle{font-size: 1.8rem;margin-top: 2.5rem;font-family: 'MarkPro-Book';}
.index_application_icos .swiper-slide:hover .text,.index_application_icos .swiper-slide-thumb-active .text{bottom: 50%;transform: translateY(50%);position: absolute;}
.index_application_icos .swiper-slide:hover .text:after,.index_application_icos .swiper-slide-thumb-active .text:after{display: block;content: '\e624';margin-top: 5%;font-family: 'layui-icon' !important;font-size: 3.6rem;}
.index_application_icos .swiper-slide:hover:before ,.index_application_icos .swiper-slide-thumb-active:before{background: rgba(0, 148, 222, .6);height: 100%;}
.index_appliaction_block .swiper-button-next{right: -5rem;color: #fff;}
.index_appliaction_block .swiper-button-prev{left: -5rem;color: #fff;}

.solution_warp{padding: 2.2% 0 4%;background-color: #f2f2f2;}
.solution_list dd {margin-top: 3%;}
.solution_list dd:first-of-type{margin-top: 0;}
.solution_list dd .img::after{display: block;content: '';padding-bottom: 33.33%;}
.solution_list dd .text{width: 40%;height: 100%;background: rgba(0, 148, 222, .6);position: absolute;top: 0;display: flex;flex-direction: column;padding:3%;color: #fff;justify-content: center;font-size: 1.5rem;transition: all 300ms ease-in-out 0s; }
.solution_list dd a:hover .text ,.solution_list.page dd .text{width: 60%;}
.solution_list dd .des{overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 10;-webkit-box-orient: vertical;}
.solution_list dd .text p{color: #fff;}
.solution_list dd .text p:empty{display: none;}
.solution_list dd .text p:last-of-type{margin-bottom: 0;}
.solution_list dd:nth-of-type(odd) .text{left: 0;}
.solution_list dd:nth-of-type(even) .text{right: 0;}
.solution_list dd .text .title{font-size: 2rem;font-weight: bold;display: flex;flex-direction: column;}
.solution_list dd .text .title::after{display: block;content: '';width: 5rem;height: 1px;background-color: #fff;margin: 2rem 0;}
.solution_list dd .text i{margin-top: 2rem;font-size: 2rem;display: flex;justify-content: flex-end;}
.solution_list dd:nth-of-type(odd) .text i{transform: scaleX(-1);}
.solution_list dd:nth-of-type(even) .title{align-items: flex-end;}

.solution_con{background-color: #fff; padding: 3rem; box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .02);}


/*
SERVICE
*/
.index_service{display: flex;justify-content: space-between;align-items: center;margin-top: 3.6%;background-color: #f2f2f2;}
.index_service .img{width: 47%;}
.index_service .img::after{display: block;content: '';padding-bottom: 72.25%;}
.index_service .text{width: 53%;display: flex;flex-direction: column;justify-content: space-between;padding:4% 3%;}
.index_service .pics{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
.index_service .pics .item{width: 50%;margin:4% 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.index_service .pics .item img{display: block;height: 4.5rem;margin: 0 auto;}
.index_service .pics .item .subtitle{font-size: 1.8rem;line-height: 1.4;color: var(--font-black-color);}
.index_service .pics .item .subtitle::before{display: block;content: ''; width: 3rem; height: 1px; background-color: #4d4d4d; margin:2rem auto 1rem;}


.index_service.last{background-color: #fff;}
.index_service.last .pics .item{margin: 3.5% 0;}


.service_contact{display: flex;justify-content: space-between;margin-top: 3%;}
.service_contact .gd_map{width: 67%;}
.gd_map .subtitle{font-weight:bold;border:none;color:var(--font-active-color);}
.gd_map  .content{margin-top: 1rem;min-width: 40rem;}
.gd_map  .amap-logo ,.gd_map  .amap-copyright{display: none!important;}
.gd_map  .amap-icon{overflow: inherit!important;}
.gd_map  .amap-icon::after{display: block; content: "";position: absolute;left: 50%;bottom: 0;width: 2rem;height: .4rem;margin-left: -1rem;box-shadow: inset 0 0 2px #e50a11; border-radius: 50%;animation: scale-zoom 1s infinite;}
@keyframes scale-zoom{form{-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1}
to{-moz-transform:scale(5,5);-ms-transform:scale(5,5);transform:scale(5,5);opacity:0}
}@-webkit-keyframes scale-zoom{form{-webkit-transform:scale(1,1);opacity:1}
to{-webkit-transform:scale(5,5);opacity:0}
}
.service_contact .layui-form{width: 27%;}

.service_warp{padding-bottom: 4%;}
.service_list{display: flex;justify-content: space-between;margin-top: 4.5%;padding-bottom: 4.5%;border-bottom: #f2f2f2 solid 1px;}
.service_list dt{width: 58%;display: flex;flex-direction: column;justify-content: space-between;}
.service_list dt .date{font-size: 2rem;}
.service_list dt .title{font-size: 2rem;margin: 1.5rem 0;font-weight: bold;font-family: 'MarkPro-Bold';}
.service_list dt .more a:hover{text-decoration: underline;}
.service_list dd{width: 34%;}
.service_list dd .img::after{display: block;content: '';padding-bottom: 62.79%;}

.down_list li{margin-top: 3.6rem;}
.down_list li .item{display: flex;background-color: #F2F2F2;padding: 3rem;border-top: #E6E6E6 solid .5rem;justify-content: space-between;flex-direction: column;position: relative;}
.down_list li .item:before{ display:block; content:''; position:absolute; left:25%;top: -.5rem; width:50%;opacity: 0; height:.5rem; background-color:var(--font-active-color); bottom:0;transition: .4s;}
.down_list li .item:hover:before{opacity: 1;left: 0;width: 100%;}
.down_list li .title{font-weight: bold;color: #333333;display: flex;justify-content: space-between;align-items: center;transition: all 300ms ease-in-out 0s; font-family: 'MarkPro-Bold';}
.down_list li .title::after{content: "\f105";font-family:'FontAwesome';margin-left: 1.6rem;width: 2.4rem;height: 2.4rem;border-radius: 50%;color: #BDCCD4;border: #BDCCD4 solid 1px;font-size: 1.4rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.down_list li:hover .title::after{color: var(--font-active-color);border: var(--font-active-color) solid 1px;}
.down_list li .item:hover .title{color: var(--font-active-color);}
.down_list li table{margin: 2rem 0 0;}
.down_list li table tr th{font-weight: bold;font-size: 1.7rem;}
.down_list li table tr th,.down_list li table tr td{font-size: 1.5rem;padding: 1.5rem 2rem;}


/*
ABOUT
*/
.index_about dt {background: rgba(255, 255, 255, .9);padding: 4%;}
.index_about .text{margin: 8% 0;}

.about_warp{padding: 4% 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.about_warp.grey{background-color: #f6f6f6;}
.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_en{text-transform: uppercase;}
.about_company .about_company_title .title_en::after{display: block;content: '';width: 6rem;height: 2px;background-color: var(--font-active-color);margin: 16% 0;}


.about_title_font{font-size: 3.6rem;font-weight: bold;line-height: 1.4;}
.about_title_font.line::after{display: block;content: '';width: 6rem;height: 2px;background-color: var(--font-active-color);margin: 3rem 0 0;font-family: 'MarkPro-Book';}
.about_title_font.am-text-center::after{margin: 1.5% auto 0;}
.about_title_font.white{color: #fff;}
.about_title_font.white::after{background-color: #fff;}

.about_company .about_company_text{width: 68%;line-height: 1.8;}

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

.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;color: var(--font-active-color);}
.about_culture_item .list .item .ms{margin-top: 1rem;line-height: 1.4;}

.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;}


/*
NEWS
*/
.index_news_item{display: flex;justify-content: space-between;margin-top: 3%;}
.index_news_item .item{width:47%;display: flex;flex-direction: column;}
.index_news_item .item .img:after{display: block;content: '';padding-bottom:60%;}
.index_news_item .item .text{background-color: #fff;padding: 2rem 3rem;display: flex;flex-direction: column;}
.index_news_item .item .text .subtitle ,.news_list li .text .subtitle{font-size: 2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: 'MarkPro-Book';padding-right: 5rem;}
.index_news_item .item .text .time ,.news_list li .text .time{color: #4d4d4d;display: flex;align-items: center;}
.index_news_item .item .text .time::before {display: block;font-family:'FontAwesome';content: "\f017";margin-right: .5rem;}
.index_news_item .item .text i ,.news_list li .text i{width: 2.3rem;height: 2.3rem;border: var(--font-active-color) solid 1px;border-radius: 50%;font-size: 1.4rem;color: var(--font-active-color) ;display: flex;justify-content: center;align-items: center;transition: all 300ms ease-in-out 0s;}
.index_news_item .item a:hover i ,.news_list li .text:hover i{background-color: var(--font-active-color) ;color:#fff;}
.index_news_item .item:last-of-type .text{height: 25%;} 
.index_news_item .item:last-of-type .text:nth-of-type(even){background-color:#f2fbff;}
.index_news_item .item:last-of-type .text .subtitle{padding-right: 4rem;}
.index_news_item .item:first-of-type .time{margin: 1.8rem 0 2rem;}
.index_news_item .item .ico ,.news_list li .ico{display: flex;justify-content: flex-end;}

.news_warp{padding: 2.5% 0 4%;}
.news_warp.grey{background-color: #f2f2f2;}
.news_list{margin-top: 4%;}
.news_list li{background-color: #fff;padding: 3rem 3rem;}
.news_list li .text{display: flex;flex-direction: column;}
.news_list li .text .title{padding-right: 4rem;}
.news_list li:nth-of-type(odd){padding-right: 6rem;}
.news_list li:nth-of-type(even){padding-left: 5.2%;}
.news_list li:nth-of-type(4n+3),.news_list li:nth-of-type(4n+4){background-color:#f2fbff;}
.news_warp .get_more .am-btn{padding-left: 3rem;padding-right: 3rem;}
.news_warp .get_more{margin-top: 3%;}

.get_more .am-btn-secondary{background-color: var(--font-active-color);border-color: var(--font-active-color);}

.layui-flow-more{margin-top: 3%;width: 100%;float: left;}
.layui-flow-more a cite{background-color: var(--font-active-color);padding: 0 3rem;color: #fff;}

.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;}
.article_right_block .article_new .am-slides li a:after{display: block;content: '';padding-bottom: 56.25%;}
.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;}
.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;}
.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;}
.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;border-color: var(--font-active-color);}

.article_hd{ background-color:#f9f9f9; padding:2rem 3rem;color:#BDCCD4;font-size:1.4rem;}
.article_hd .title{ color:#000; font-size:2.4rem;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;}

.article_share{background-color: #f2f2f2;height: 9rem;display: flex;justify-content: space-between;align-items: center;padding: 0 2rem;margin-top: 3%;position: relative;z-index: 100;}
.article_share dt{font-size: 1.4rem;font-family: 'MarkPro-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 .digg_a em{font-size: 1rem;font-style: normal;}
.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;font-family: 'MarkPro-Bold';}
.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}




/*
FOOTER
*/
.footer{background-color: #282d3a;color: rgba(255, 255, 255, 1);padding: 3% 0 0;}
.footer a{color: rgba(255, 255, 255, 1);}
.footer a:hover{color: var(--font-active-color);}

.footer_contact{display: flex;align-items: center;justify-content: space-between;border-bottom: rgba(255, 255, 255, .07) solid 1px;padding-bottom: 3%;margin-bottom: 3%;}
.footer_contact .item i{margin-right: 1rem;}
.footer_top{display: flex;justify-content: space-between;}
.footer_nav {display: flex;justify-content: space-between;width:calc(100% - 40rem);}
.footer_nav .am-accordion-item{border:none;}
.footer_nav .am-accordion-title{font-size:1.8rem; font-weight:bold;border-bottom:none; padding-left:0; cursor:default;color: #fff;font-family: 'MarkPro-Bold';}
.footer_nav .am-accordion-title:after{width: 3rem;display: block;content: '';height: 1px;background: #fff;margin-top: 1rem;}
.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.5rem;display: block;}
.footer_nav .am-accordion-content span a{color: rgba(255,255,255,1);}
.footer_nav .am-accordion-content span a:hover ,.footer_bottom a:hover{color: var(--font-active-color);}

.footer_subscription{width: 30rem;display: flex;flex-direction: column;}
.footer_subscription .tip{font-size: 1.4rem;}
.footer_subscription .layui-form .layui-form-item{margin: 2.4rem 0 0;}
.footer_subscription .layui-form .layui-form-item.flex{display: flex;justify-content: space-between;}
.footer_subscription .layui-form .layui-form-item.flex::after{display: none;}
.footer_subscription .layui-form .layui-input{height: 4.5rem;line-height: 4.5rem;font-size: 1.4rem;}
.footer_subscription .layui-form .layui-btn{height: 3.6rem;line-height: inherit;background-color: var(--font-active-color);padding: 0 3rem;text-transform: uppercase;font-size: 1.4rem;display: flex;align-items: center;}
.footer_subscription .layui-form-item .codeimg{height: 4.5rem;}
.footer_subscription .layui-form-item .layui-input-prefix{display: flex;align-items: center;}


.footer_bottom{margin-top:3%;padding: 2rem 0;font-size: 1.4rem;background-color: #191e2b;}
.copyright span{margin-left:6rem;}

.footer_con{display: flex;justify-content: space-between;align-items: center;}
.footer_con .am-dropdown .am-btn{color:rgba(255, 255, 255, .6);font-size: 1.5rem;border-radius: .5rem;background: none;border: rgba(255, 255, 255, .6) solid 1px;}
.footer_con .am-dropdown.am-active .am-btn{background-color: #fff;color: var(--font-active-color);}

.focus_ico{display: flex;}
.focus_ico a:before{display: flex;width: 2.6rem;height: 2.6rem;align-items: center;justify-content: center;background: rgba(255, 255, 255, .6);border-radius: 50%;color: #333333;margin:0 0 0 2rem;font-size: 1.4rem;padding: 0;}
.focus_ico a span{display: none;}
.focus_ico a:last-of-type{margin-right: 0;}
.focus_ico a:hover:before{background-color: var(--font-active-color);color: #ffffff;}

.layui-fixbar{display: flex;flex-direction: column;}
.layui-fixbar li{width: 5rem;height: 5rem;line-height: 5rem;}
.skin_tips .layui-layer-content{font-size: 1.6rem!important;}

/*
CONTACT
*/
.contact_warp{padding: 4% 0;position: relative;z-index: 100;}
.contact_warp .flex{display: flex;justify-content: space-between;position: relative;}
.contact_warp .index_contact_info{display: flex;flex-direction: column;margin: 0;width: 40%;}
.contact_warp .index_contact_info .item{border-bottom: #dedede solid 1px;padding-bottom: 3rem;}
.contact_warp .index_contact_info .item:not(:first-of-type){margin-top: 3rem;}
.contact_warp .index_contact_info .item .title{display: flex;justify-content: space-between;align-items: center;font-family: 'MarkPro-Bold';font-size: 2rem;}
.contact_warp .index_contact_info .item .title img{height: 4rem;}
.contact_warp .index_contact_info .item .text{margin-top: 2rem;}

.contact_warp .form_contact{width:45%;display: flex;flex-direction: column;justify-content: center;box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);padding: 4rem 4rem 5rem;position: absolute;right: 0;top: -13rem;background-color: #fff; }
.contact_warp .subtitle{font-size: 3rem; text-transform: uppercase;font-weight: bold;color: var(--font-active-color);line-height: 1.4;font-family: 'MarkPro-Book';}
.contact_warp .subtitle:after{display: block;content: ''; width: 10rem;height: 1px; background-color: var(--font-active-color);margin: 1rem 0 2rem;}
.contact_warp .subtitle.am-text-center::after{margin: 1rem auto 2rem;}
.form_contact .layui-text{margin-bottom: 3rem;font-size: 1.6rem;}
.form_contact .layui-form-item em {display: block; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); color: #ff0000; font-style: normal;  z-index: 10;  font-size: 1.6rem; }
.form_contact .layui-form-item .layui-input{height: 4.6rem; line-height: 4.6rem;}
.form_contact .layui-form-item .layui-form-select ,.form_contact .layui-input-wrap{width: 100%;line-height: 4.6rem;}
.form_contact .layui-form-item .layui-input ,.form_contact .layui-form-item .layui-textarea{font-size: 1.6rem;}
.form_contact .layui-form-item .layui-textarea{height: 11.2rem;}
.form_contact .layui-form-item{margin-bottom: 2rem;position: relative;}
.form_contact .layui-form-item.last{display: flex;flex-direction: column;justify-content:flex-end;align-items: flex-end;margin-bottom: 0;}
.contact_warp .form_contact .layui-form-item.last .flex{width: 100%;}
.form_contact .flex{display: flex;justify-content:space-between;flex-wrap: wrap;}
.form_contact .layui-form-item.flex .layui-input-wrap{width: calc(100% - 15rem);}
.form_contact .layui-form-item .codeimg{height:4.6rem;}
.form_contact .layui-btn{ text-align:center; background-color:var(--font-active-color); color:#fff; outline: none;width: 100%;margin-top: 2rem;font-size: 1.6rem;text-transform: uppercase;height: 4.6rem; line-height:inherit;display: flex;align-items: center;justify-content: center;}
.form_contact .layui-form-item::after{display: none;}
.layui-form-select dl dd.layui-this{color: var(--font-active-color);font-weight: normal;}

.contact_warp.bg{background-color: var(--font-active-color);z-index: 10;font-size: 2rem;color: #fff;}
.contact_warp.bg a{color: #fff;}
.contact_info .item{display:flex;align-items: center;margin-top: 2%;}
.contact_info .item i{margin-right: 1rem;}

.contact_warp_bg{background-color: rgba(0, 148 ,222, 0.85);position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;}
.contact_warp .am-container{position: relative;z-index: 3;}
.gd_map_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1; color: var(--font-color)!important;}
.gd_map_bg a{color: var(--font-color)!important;}
.gd_map_bg .subtitle{font-size: 1.6rem;}
.gd_map_bg .content{font-size: 1.6rem;}

.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-text{font-size: 1.6rem;}

.feedback_box .layui-form-item{margin: 2rem 0 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 ,.feedback_box .layui-form-item .layui-input-wrap{height: 4.6rem;line-height: 4.6rem;}
.feedback_box .layui-form-item .layui-textarea{height: 100px;}
.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-select dl{top: 4.6rem;}
.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;}



.sitemap{margin: 3% 0 0;border:#dedede solid 1px;}
.sitemap:first-of-type{margin-top: 0;}
.sitemap dt{font-weight: bold;background: #f8f8f8;padding: 1rem;padding-left: 2rem;}
.sitemap dt a ,.sitemap dd a:hover{color: var(--font-active-color);}
.sitemap dd{display: flex;line-height: 3.6rem;padding:2rem;flex-wrap: wrap;}
.sitemap dd a{margin-right: 3rem;}

/*
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;}
.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;}
.banner .text .des{font-size: 5rem;letter-spacing: 10px; text-transform: uppercase;}

/*
GUIDE
*/
.guide_menu.shadow {box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}
.guide_menu dl{height: 7rem;display: flex;align-items: center;justify-content: space-between;}
.guide_menu dl.border_bottom{border-bottom: #f2f2f2 solid 1px;}
.guide_menu dt{white-space: nowrap;display: flex;font-family: 'MarkPro-Book';}
.guide_menu dt a{display: flex;align-items: center;color: var(--font-black-color);}
.guide_menu dt a:not(:last-of-type)::after{display: block;content: '';width: 1px;height: 1.6rem;background-color: var(--font-black-color);margin: 0 3rem;}
.guide_menu dt a.on{color:var(--font-active-color);}
.guide_menu dd{font-size: 1.5rem;}

.form_search{display: flex;align-items: center;width: 30%;}
.form_search .layui-input{height: 4.8rem;border-top-right-radius: 0;border-bottom-right-radius: 0;font-size: 1.6rem;}
.form_search .layui-btn{height: 4.8rem;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%;background-color: #f2f2f2;}
.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;display: block;background-color: rgba(0, 0, 0, .6);}
.search_list dt a{width:100%;height:100%;display:flex;justify-content: center;align-items: center;overflow: hidden;position: relative;}
.search_list dt a::after{display: block;content: '';padding-bottom: 60%;}
.search_list dt img{display:block;width: 100%;height: 100%; object-fit: cover;transition: all 0.35s;}
.search_list dt img.contain{object-fit: contain;width: 50%;}
.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;font-family: 'MarkPro-Book';}
.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:1600px) {
html{font-size: 9.5px;}
.web_w{padding: 0 3%;}
.header .menu{height: 7rem!important;} 
.header .logo img{height: 4rem;}
.header .am-menu-nav .parent_li{ margin-right: 5rem}
.header .am-menu-nav .parent_li .parent_a{font-size: 1.6rem;}
.am-container{width: 1300px;}
.product_sort_list li .text .title{font-size: 2.2rem;}
.product_sort_list li .text .des{line-height: 1.6;}
.product_sort_list li .text .layui-btn{padding-left: 3rem;padding-right: 3rem;height: 3.6rem;line-height: 3.6rem;font-size: 1.4rem;}

.index_banner_scroll .text .title{font-size: 5rem;letter-spacing: 20px;}
.index_banner_scroll .text .subtitle{font-size: 2rem;}
.index_banner_scroll .text .more { width: 16rem;height: 3.5rem;line-height: 3.5rem;font-size: 1.4rem;}

}
@media screen and (max-width:1440px) {
html{font-size: 8.5px;}
.am-container{width: 100%;padding: 0 3%;}
:root {
    --swiper-navigation-size: 30px;
    }
.index_appliaction_block .swiper-button-next{right: 1rem;}
.index_appliaction_block .swiper-button-prev{left: 1rem;}
.index_block .title, .index_block .name{font-size: 2.6rem;}
}

@media screen and (max-width:1366px) {   
.header .am-menu-nav .parent_li{ margin-right: 5rem;}
}       

@media screen and (max-width:1200px) {  
.header .am-menu-nav .parent_li{ margin-right: 4rem;}
.header .am-menu-nav .parent_li .parent_a{font-size: 1.5rem;}
}         

@media screen and (max-width:1024px) { 
.header.am-sticky .menu ,.am-sticky-placeholder{height: 5.6rem!important;}
.news_warp .am-sticky-placeholder{height: 0!important;}
.news_warp .am-sticky-placeholder{height: 0!important;}

.header{width:100%;height:5.6rem!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{display: block;height: 5.6rem!important;position: absolute;left: 0;top: 0;}
.header .logo{height:3.2rem;float: left;margin: 1.2rem 0 0 1.5rem;}
.header .logo img{height: 3.2rem;display: none;}
.header.am-sticky .logo img{height: 3.2rem;}
.header .logo img:first-of-type{display: block!important;}

.header .am-menu{background-color: #fff;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;}
.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 1.5rem!important; display: flex; justify-content: space-between;  align-items: center;color: var(--font-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';}
.header .am-menu-nav .parent_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 .parent_li.am-open .parent_a{background-color: var(--font-active-color);color: #fff!important;}
.header .am-menu-nav .parent_li .am-menu-sub{width:100%;font-size: 1.5rem;position: relative;top: 0;display: none;height: 0!important;overflow: hidden;transition: all .4s ease 0s;}
.header .am-menu-nav .parent_li .am-menu-sub.am-in{display: block!important;height: auto!important;padding: 0;opacity: 1;}

.header .am-menu-nav .parent_li:hover .am-menu-sub{padding: 0;}

.menu_sub_pro dt ,.menu_sub_other dd,.menu_sub_other dd.space-between{width: 100%;padding: 2rem 1.5rem;}
.menu_sub_pro dt a{font-weight: bold;display: block!important;}
.menu_sub_pro dt .name.on a{color: var(--font-color);}
.menu_sub_pro dt .sort{margin-top: 0;}
.menu_sub_pro dt .sort .name:last-of-type{margin-bottom: 0;}
.menu_sub_pro dd ,.menu_close ,.menu_sub_other dd .img ,.menu_sub_pro dt .name a::after ,.menu_sub_other dd .sort:before ,.menu_sub_other dd .sort::after{display: none!important;}
.menu_sub_other dd .sort{width: 100%;padding: 0;border: none;}

.menu_sub_pro dt .name{display: flex;align-items: center;}
.menu_sub_pro dt .name i{margin-left: 1rem;}

.header .navbar_search_btn ,.header .top_search .layui-form .top_search_close{display: none;}
.header .top_search{width: 100%;height:auto;position: relative; top: 0; right: 0;transform:none;padding: 0 1rem 0 1.5rem;border-bottom: #dedede solid 1px;transform: translateY(3rem); -webkit-transform: translateY(3rem); -moz-transform: translateY(3rem); opacity: 0;}
.header .top_search .layui-form{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.header .top_search .layui-form .layui-input{border: none;width:100%;padding-left:0;background: none;height: 5rem;line-height: 5rem;}
.header .top_search .layui-form .layui-btn{background:none;display: flex;align-items: center;width: 3rem;font-size: 1.8rem;padding: 0;justify-content: flex-end;color: var(--font-color);}
.header .top_search .layui-form .layui-btn:hover{color: var(--font-active-color);}

.header .top_search{overflow:inherit;}
.header .top_search .am-dropdown{width:100%;}
.header .top_search .am-dropdown-content{width:100%;font-size:1.5rem;top: calc(100% + 8px);padding: .5rem 0;}
.header .top_search .am-dropdown.am-active .am-dropdown-content{position: absolute;}
.header .top_search .am-dropdown-content > li > a{padding: 6px 20px;}
.header .top_search .am-dropdown-content > li > a:hover{background: none;color: var(--font-active-color);}

.header .language_btn{margin-left: 0;position: absolute;right: 7rem;top: 0;height: 100%;}
.header .language_btn .am-dropdown-toggle i{font-size: 2.2rem;}
.header .language_btn .am-dropdown-content{right: -10px;}
.header .language_btn .am-dropdown-toggle{color: var(--font-color)!important;}

.header .am-topbar-btn {
    display: block;
    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: 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: #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) ,.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_scroll .swiper-slide::after{display: block;content: '';padding-bottom:64.1%;}
.index_banner_scroll .swiper-pagination{bottom: 1rem;}
.index_banner_scroll .swiper-pagination-bullet{width: .8rem;height: .8rem;}
.index_banner_scroll .text{padding: 0 2rem;}
.index_banner_scroll .text .title{font-size: 3rem;}
.index_banner_scroll .text .more{width: 13rem;margin-top: 3rem;font-size: 1.2rem;height: 3rem;line-height: auto;padding: 0;display: flex;align-items: center;justify-content: center;}

}

@media screen and (max-width:870px) {
body{padding-bottom: 5rem;}
.am-paragraph-default video ,.am-paragraph-default iframe{height: 22rem;}
.am-container,.web_w{width: 100%;padding: 0;}  
:root {
    --swiper-navigation-size: 20px;
    }
      

/*
BLOCK
*/
.index_block{padding: 3.6rem 1.5rem;}
.index_block .my_dl{flex-direction: column;}
.index_block .my_dl dt ,.index_block .my_dl dd{width: 100%;}
.index_block .am-btn-green{font-size: 1.4rem;margin-top: 2rem;padding-left: 2rem;padding-right: 2rem;}
.index_block .title, .index_block .name {font-size: 2.2rem;}
.index_block .title::after,.index_block .name::after{margin: 1rem 0;}
.index_block .name::after {margin: 1rem auto 0;}

.text_block{padding: 3rem!important;}
.text_block .title ,.index_block .name{font-size: 2.2rem;font-weight: bold;}
.text_block .title::after ,.index_block .name:after{display: block;content: '';width: 5rem;height: 1px;background-color: #CCCCCC;margin-top: 2rem;}
.index_block .name::after{margin: 1rem auto 0;}
.text_block .text{text-align: justify;line-height: 1.8;margin-top: 2rem;}

/*
BANNER
*/
.index_banner_scroll .swiper-slide::after{display: block;content: '';padding-bottom:64.1%;}
.index_banner_scroll .swiper-pagination{bottom: 1rem;}
.index_banner_scroll .swiper-pagination-bullet{width: .8rem;height: .8rem;}
.index_banner_scroll .text{padding: 0 2rem;}
.index_banner_scroll .text .subtitle{font-size:1.6rem;letter-spacing: 0;font-weight: normal;margin-top: 1rem;max-width: 70%;}
.index_banner_scroll .text .title{font-size: 2.4rem;margin-top: 1rem;letter-spacing: 0;}


/*
PRODUCT
*/
.index_product{position: relative;margin-top: 2.5rem;padding-bottom: 2rem;}
.index_product .item .subtitle{font-size: 1.8rem;}
.index_product .swiper-pagination{bottom: -1rem;}


.product_list_item .title{height:auto;padding:0;position: relative;margin-top: .6rem;background: none;color: var(--font-color);}
.product_list_item .des{display: none;}
.product_list_item:hover .title{font-size: 1.6rem;}
.product_list_item:hover .title::after{display: none;}


.product_list_item .name{text-align: center;margin-top: 1rem;font-size: 1.6rem!important;}

.product_list_item .img.border{border: #f2f2f2 solid 1px;}

.index_product_scroll.padding_bottom{padding-bottom: 4rem;}
.index_product_scroll .swiper-pagination{bottom: 0;}

.index_product_scroll .swiper-button-prev ,.index_product_scroll .swiper-button-next{display: none;}

.product_list {margin: 0  -.5rem;padding: 0;}
.product_list li{padding: 0 .5rem;margin-top: 2rem;}
.product_list li:nth-of-type(3),.product_list li:nth-of-type(4),.product_list.am-avg-lg-5 li:nth-of-type(5){margin-top: 2rem!important;}
.product_list .product_list_item .title{height: 4rem;}
.product_list .product_list_item:hover .title{font-size: 1.8rem;}

.product_sort_list li:not(:first-of-type){margin-top: 3rem;}
.product_sort_list li{flex-direction: column!important;}
.product_sort_list li .img{display: block;position: relative;overflow: hidden;width: 100%;}
.product_sort_list li .img::after{display: block;content: '';padding-bottom: 62.5%;}
.product_sort_list li .text{width: 100%;padding: 2rem 2rem 3rem!important;background-color: #fff;}
.product_sort_list li .text .title{font-size: 2rem;margin-bottom: 1rem;}
.product_sort_list li .text .title::after{display: block;content: '';width: 8rem; height: 1px;background-color: var(--font-active-color);margin-top: 1rem;}
.product_sort_list li .text .des{margin-top: 2rem;line-height: 1.6;}
.product_sort_list li .text .layui-btn{margin-top: 1.5rem;font-size: 1.4rem;height: 3.2rem;line-height: 3.2rem;}

.product_sort_nav{margin-top: 2rem;}
.product_sort_nav a{width:52%;margin: 1rem 0;}
.product_sort_nav a:nth-of-type(even){width: 48%;}

.filter_field{width: 100%;justify-content:space-between;flex-wrap: wrap;}
.filter_field .item{width: calc(50% - 1rem);margin-bottom: 1rem;}
.filter_field .item:not(:last-of-type){margin-right:0;}
.filter_field .layui-form-select .layui-input{text-align: center;font-size: 12px;}
.filter_field .layui-form-select dl dd{font-size: 12px;}

.filter_field xm-select > .xm-body{min-width: calc(200% + 2rem);}
.filter_field .item:nth-of-type(even) > xm-select .xm-body{left: auto;right:0;}

.pro_page_top{flex-direction: column;}
.pro_imgs_scroll{width: 100%;}
.pro_text{width: 100%;padding:3rem 2rem;margin-top: 1rem;}
.pro_text .title{letter-spacing: 2px;  line-height: 1.4;font-size: 2rem;font-weight: bold;color: var(--font-active-color);}
.pro_text .title::after{display: block;content: '';width: 100%;height: 1px;background-color: var(--font-active-color);margin: 1.5rem 0;}
.pro_text .des{margin-top: 2rem;max-height:auto;overflow: inherit;font-size: 1.6rem;}
.pro_text .subtitle{margin-bottom: 1rem;font-weight: bold;font-size: 1.6rem;}
.pro_text .am-btn-primary{background: var(--font-active-color);border-color: var(--font-active-color);}
.pro_text .btns{margin-top: 2rem;}
.pro_text .btns a{font-size: 1.3rem;width: calc(50% - 1rem);}

.pro_img_small{margin:0;display: none;}
.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{left: 0;}
.pro_img_small .swiper-button-next{right: 0;}
.pro_img_small .swiper-button-prev::after ,.pro_img_small .swiper-button-next::after{font-size: 2rem;color: #999;}

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

.pro_page_bottom_item{background-color: #fff;padding: 3rem 1.5rem 4rem;}
.pro_page_bottom_name{display: flex;align-items: center;font-weight: bold;font-size: 1.8rem;margin-bottom: 2rem;color: #000;}
.pro_page_bottom_name:not(:first-of-type){margin-top: 4rem;}
.pro_page_bottom_name::before{display: block;content: '';width: 3px;height: 2rem;background-color: var(--font-active-color);margin-right: 1rem;}
.pro_page_bottom_name + .product_list{padding: 0;}


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

.pro_page_nav{justify-content: space-between;padding: 0 1.5rem;font-size: 1.6rem;}
.pro_page_nav.am-sticky{height: 5.6rem;box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}
.pro_page_nav a{margin:0;}



.product_sort:not(:first-of-type){margin-top: 3rem;}
.product_sort dt{font-size: 2rem;font-weight: bold;display: flex;align-items: center;padding: 0 1rem;}
.product_sort dt::before{display: block;content: '';width: 3px;height: 2.2rem;background-color: var(--font-active-color);margin-right: .8rem;}
.product_sort dd{margin-top: 2rem;}


.product_warp .layui-table-tool{background-color: #fff;flex-direction: column;padding: 2rem 1rem;}
.product_warp .layui-table-tool .layui-table-tool-temp{width: 100%;flex-direction:column;}

.product_warp .layui-table-tool-self{display: none;}
.toolbar_form{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.toolbar_form .layui-input-wrap{width: 100%;}
.toolbar_form .layui-form-item:first-of-type{width: calc(100% - 45px);}
.toolbar_form .layui-form-item{margin: 0;}
.toolbar_form .layui-form-item:last-of-type{display: flex;align-items: center;}

.product_warp .layui-table-column{flex-direction: column-reverse;align-items: flex-start;padding: 2rem 1rem;}
.product_warp .layui-table-page .layui-text{color: #999;font-size: 1.4rem;}

.product_warp .layui-laypage{display: flex;align-items: center;}
.product_warp .layui-laypage .layui-laypage-skip{display: none;}



/*
APPLICATION
*/
.index_application_pics{margin-top: 2.5rem;}
.index_application_pics .swiper-slide::after{display: block;content: '';padding-bottom: 56.65%;}

.index_appliaction_list{height: auto;position: relative;margin-top: 2.5rem;}
.index_appliaction_list .am-container{height:auto;display: flex;}
.index_application_icos {padding: 0 1.5rem;}
.index_application_icos .swiper-slide{color: var(--font-color);;display: flex;}
.index_application_icos .swiper-slide::before{display: none;}
.index_application_icos .swiper-slide::after{display: none;}
.index_application_icos .swiper-slide .text{position: relative;bottom: 0;}
.index_application_icos .swiper-slide .text .ico{width: 5.5rem;height: 5.5rem;overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: #f2f2f2;border-radius: 50%;margin: 0 auto;}
.index_application_icos .swiper-slide img{width: auto;height: 50%;margin: 0 auto;transform: translate(-5.5rem, 0); -webkit-transform: translate(-5.5rem, 0); -ms-transform: translate(-5.5rem, 0); -o-transform: translate(-5.5rem, 0);filter: drop-shadow(5.5rem 0 var(--font-color)); -webkit-filter: drop-shadow(5.5rem 0 var(--font-color));image-rendering:auto;}
.index_application_icos .swiper-slide .subtitle{font-size: 1.5rem;margin-top:1rem;}
.index_application_icos .swiper-slide:hover .text,.index_application_icos .swiper-slide-thumb-active .text{bottom: 0;transform:none;position: relative;color: var(--font-active-color);}
.index_application_icos .swiper-slide:hover .text .ico,.index_application_icos .swiper-slide-thumb-active .text .ico{background-color: var(--font-active-color);}
.index_application_icos .swiper-slide-thumb-active img{transform: none;filter: none;}
.index_application_icos .swiper-slide:hover .text:after,.index_application_icos .swiper-slide-thumb-active .text:after{display: none;}
.index_appliaction_block .swiper-button-next{right: 0;color: #999;}
.index_appliaction_block .swiper-button-prev{left: 0;color: #999;}


.solution_list{padding: 0 1.5rem;}
.solution_list.page{padding: 0;}
.solution_list dd {margin-top: 2rem;}
.solution_list dd:first-of-type{margin-top: 1rem;}
.solution_list dd .text{width: 100%;height: 100%;background: #f8f8f8;position: relative;;padding:2rem;color:var(--font-color);justify-content: center;font-size: 1.6rem;transition: all 300ms ease-in-out 0s; }
.solution_list dd a:hover .text ,.solution_list.page dd .text{width: 100%;}
.solution_list dd a img{position: relative;height: auto;}
.solution_list dd .img::after{display: none;}
.solution_list dd .text .des{margin-top: 1rem;-webkit-line-clamp: 4;}
.solution_list dd .text p{color: var(--font-color);}
.solution_list dd .text .title{font-size: 2rem;font-weight: bold;display: flex;flex-direction: column;}
.solution_list dd .text .title::after{display: block;content: '';width: 3rem;height: 1px;background-color: var(--font-color);margin: 1rem 0;}
.solution_list dd .text i{font-size: 1.6rem;justify-content: flex-start;transform: scaleX(-1);margin-top: .5rem;}
.solution_list dd:nth-of-type(odd) .text i{transform: scaleX(-1);}
.solution_list dd:nth-of-type(even) .title{align-items: flex-start;}

.solution_con {background-color: #fff; padding: 0; box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .02);}


/*
SERVICE
*/
.service_warp{padding-bottom: 4rem;}
.index_service_block{background-color: #f2f2f2;}
.index_service{flex-direction: column;margin-top: 2.5rem;background-color: #ffffff;}
.index_service .img{width: 100%;}
.index_service .text{width: 100%;display: flex;flex-direction: column;justify-content: space-between;padding:3rem;}
.index_service .pics{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
.index_service .pics .item{width: 50%;}
.index_service .pics .item img{display: block;height: 3.6rem;margin: 0;}
.index_service .pics .item .subtitle{font-size: 1.6rem;line-height: 1.2;color: var(--font-black-color);}

.service_contact{flex-direction: column;margin-top:2rem;}
.service_contact .gd_map{width: 100%;height: 30rem;}
.service_contact .layui-form{width: 100%;margin-top: 2rem;}

.service_list{display: flex;flex-direction: column-reverse;margin-top: 3rem;padding:0 1.5rem 3rem;border-bottom: #f2f2f2 solid 5px;}
.service_list dt{width: 100%;display: flex;flex-direction: column;justify-content: space-between;margin-top: 2rem;}
.service_list dt .date{font-size: 1.6rem;}
.service_list dt .title{font-size: 1.8rem;margin: 1.5rem 0;font-weight: bold;}
.service_list dt .des{overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.service_list dt .more{margin-top: 1rem;}
.service_list dd{width: 100%;}
.service_list dd .img::after{display: block;content: '';padding-bottom: 56.65%;}

.down_list {padding: 0 1.5rem;}
.down_list li{margin-top: 3.6rem;}
.down_list li .item{display: flex;background-color: #F2F2F2;padding: 2rem 1.5rem;border-top: #E6E6E6 solid .5rem;justify-content: space-between;flex-direction: column;position: relative;}
.down_list li .item:before{ display:block; content:''; position:absolute; left:25%;top: -.5rem; width:50%;opacity: 0; height:.5rem; background-color:var(--font-active-color); bottom:0;transition: .4s;}
.down_list li .item:hover:before{opacity: 1;left: 0;width: 100%;}
.down_list li .title{font-weight: bold;color: #333333;display: flex;justify-content: space-between;align-items: center;transition: all 300ms ease-in-out 0s; font-family: 'MarkPro-Bold';}
.down_list li .title::after{content: "\f105";font-family:'FontAwesome';margin-left: 1.6rem;width: 2.4rem;height: 2.4rem;border-radius: 50%;color: #BDCCD4;border: #BDCCD4 solid 1px;font-size: 1.4rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.down_list li:hover .title::after{color: var(--font-active-color);border: var(--font-active-color) solid 1px;}
.down_list li .item:hover .title{color: var(--font-active-color);}
.down_list li table{margin: 2rem 0 0;}
.down_list li table tr th{font-weight: bold;font-size: 1.5rem;}
.down_list li table tr th,.down_list li table tr td{font-size: 1.5rem;padding: 1.5rem;}
.down_list li table tr th:nth-of-type(2),.down_list li table tr td:nth-of-type(2),.down_list li table tr th:nth-of-type(4),.down_list li table tr td:nth-of-type(4){display: none;}

/*
ABOUT
*/
.index_about_block{background: none!important;}
.index_about dt {background: rgba(255, 255, 255, .1);padding: 0;width: 100%;margin-top: 3rem;}
.index_about .text{margin: 2rem 0 0;}

.about_title_font{font-size: 2rem;font-weight: bold;line-height: 1.4;text-align: center;}

.about_warp{padding: 4rem 1.5rem;}
.about_company{display: flex;flex-direction: column;}
.about_company .about_company_title{width: 100%;display: flex;flex-direction: row;justify-content: space-between;}
.about_company .about_company_title .title{width: 100%;}
.about_company .about_company_title.white .title{border-color: #fff;}
.about_company .about_company_title .icon{display: none;}
.about_company .about_company_title .title_en{display: flex;width: 100%;justify-content: center;flex-direction: column;}
.about_company .about_company_title .title_en::after ,.about_title_font.am-text-center::after ,.about_title_font.line::after{margin: 1.5rem auto 0!important;}

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

.about_culture_item{display: flex;justify-content: space-between;margin-top: 1rem;}
.about_culture_item .list{display: flex;flex-direction: column;width: calc(50% - .5rem);}
.about_culture_item .list .item{background-color: #fff;padding: 2rem 1.5rem;display: flex;flex-direction: column;justify-content: center;height: 100%;align-items: center;text-align: center;border-radius: .3rem;}
.about_culture_item .list:first-of-type .item:last-of-type{margin-top: 1rem;}
.about_culture_item .list .item .img{height: 5rem;}
.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.6rem;}

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

.about_honer_pics{position: relative;margin-top: 3rem;padding-bottom: 2rem;}
.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;}


/*
NEWS
*/
.index_news_scroll .flex{height: 5.6rem;padding: 0 1.4rem;}
.index_news_scroll .name{width: 2rem;margin-right: 1rem;}
.index_news_scroll .name::after{font-family:'FontAwesome';content: "\f028";display: block;}
.index_news_scroll .name span{display: none;}
.index_news_swiper{width: calc(100% - 2rem);font-size: 1.5rem;}
.index_news_swiper .swiper-slide .date{margin-left: 1rem;}



.index_news_item{display: flex;flex-direction: column;margin-top:2.5rem;}
.index_news_item .item{width: 100%;}
.index_news_item .item .text{padding: 2rem;}
.index_news_item .item .text .subtitle ,.news_list li .text .subtitle{font-size: 1.7rem;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.index_news_item .item:last-of-type .text{height: auto;}
.index_news_item .item:last-of-type .text:nth-of-type(odd){background-color:#f2fbff;}
.index_news_item .item:last-of-type .text:nth-of-type(even){background-color:#ffffff;}
.index_news_item .item:last-of-type .text .subtitle{padding-right: 2rem;}
.index_news_item .item:first-of-type .time{margin: 1.8rem 0 2rem;font-size: 1.5rem;}
.index_news_item .item .ico ,.news_list li .ico{display: flex;justify-content: flex-end;}
.index_news_item .item .text .time, .news_list li .text .time{font-size: 1.5rem;}

.news_warp{padding: 2rem 1.5rem 4rem;}
.news_warp.last{padding:0;}
.news_warp.mobile{padding: 0;}

.news_list{margin-top:0;}
.news_list li{background-color: #fff;padding: 3rem 3rem;}
.news_list li .text{display: flex;flex-direction: column;}
.news_list li .text .title{padding-right: 4rem;}
.news_list li:nth-of-type(4n+3),.news_list li:nth-of-type(4n+4){background-color:#ffffff;}
.news_list li:nth-of-type(odd){padding-left:2rem;padding-right:2rem;background-color:#f2fbff;}
.news_list li:nth-of-type(even){padding-left:2rem;padding-right:2rem;-color:#ffffff;}
.news_warp .get_more .am-btn{padding-left: 3rem;padding-right: 3rem;}
.news_warp .get_more{margin-top: 3rem;}

.slide_contain{flex-direction: column;flex-direction: column-reverse;}
.slide_left{width:100%;padding: 0}
.slide_right{display: none;}

.article_hd{background-color: #fff;padding:3rem 1.5rem 0;margin-top: 0;}
.article_hd .title{ color:#000; font-size:2rem;margin: 0;line-height: 1.4;}
.article_hd .other .info:first-of-type{display: none;}
.article_hd .other{ display: flex;font-size:1.4rem;color: #999;margin-top: 2rem;justify-content: space-between; border-bottom: #f2f2f2  solid 1px;padding-bottom: 1rem;}
.article_hd .other .info{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.article_hd .other span{ margin-right:0;display: flex;align-items: center;}
.article_hd .other span a{color: #999;}
.article_hd .other span::before{margin-right: .5rem;}
.article_hd .other span:first-of-type{display: none;}

.article_bd{padding:2rem 1.5rem 3rem;}

.article_share{background-color: #f2f2f2;height: 7rem;display: flex;justify-content: space-between;align-items: center;padding: 0 1.4rem;margin-top: 2rem;}
.article_share.last{background-color: #fff;}
.article_share dt{font-size: 1.4rem;}
.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:#fff;color:#B3B3B3;transition: all 300ms ease-in-out 0s;}
.article_share.last .social_share a{background-color: rgba(0, 0, 0, 0.06);}
.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:#3FA9F5;color:#fff;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.news_page_pages.flex{flex-direction: column;}
.news_page_pages.flex dd:last-of-type::before{display: inline-block; content: '\f104'; font-family: 'FontAwesome';}
.news_page_pages.flex dd:last-of-type::after{display: none;}

/*
FOOTER
*/
.footer{padding: 3rem 0 0;}
.footer .am-container{padding: 0 1.5rem;}
.footer_contact{padding-bottom: 4%;margin-bottom: 4%;display: flex;justify-content: space-between;font-size: 1.4rem;flex-wrap: wrap;align-items: flex-start;}
.footer_contact .item{width: 50%;margin: .6rem 0;}
.footer_contact .item i{margin-right: .6rem;}
.footer_top{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;align-items: center;margin-bottom: 0;}
.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;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-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{font-size:1.6rem;}

.footer_subscription{width: 100%;margin-top: 3rem;}
.footer_subscription .layui-form{position: relative;}
.footer_subscription .submit_item{position: absolute;margin: 0;right: 0;top: 0;}
.footer_subscription .submit_item button{width:4rem;height: 4rem;background: none!important;}
.footer_subscription .submit_item button:after{display: block;font-family:'FontAwesome';content: '\f1d8';color: #4d4d4d;font-size: 1.6rem;}
.footer_subscription .submit_item button span{display: none;}
.footer_subscription .img{display: block;height: 4rem;}
.footer_subscription .tip{font-size: 1.5rem;text-align: center;}
.footer_subscription .layui-form .layui-form-item{margin: 1rem 0 0;}
.footer_subscription .layui-form .layui-form-item.flex{display: flex;justify-content: space-between;}
.footer_subscription .layui-form .layui-input{height: 4rem;line-height: 4rem;font-size: 1.6rem;padding: 0 4.5rem 0 4rem;}
.footer_subscription .layui-form .layui-btn{height: 4rem;line-height: 4rem;background-color: var(--font-active-color);padding: 0 3rem;text-transform: uppercase;font-size: 1.6rem;}
.footer_subscription .layui-form-item .layui-input-inline{margin: 0 1rem 0 0;left: 0;}
.footer_subscription .layui-form-item .codeimg{height: 4rem;}

.footer_con{display: flex;flex-direction: column;align-items: center;}
.focus_ico{display: flex;justify-content: center;margin-top: 1rem;}

.footer_bottom{margin-top: 2rem;padding-top: 2rem;font-size: 1.5rem;text-align: center;border-color: rgba(255, 255, 255, .3);}
.copyright{display: flex;flex-wrap: wrap;justify-content: center;}
.copyright span{margin-left:2rem;}

.layui-fixbar{flex-direction: row;position: fixed;right: 0!important;bottom: 0!important;width: 100%;}
.layui-fixbar li{width: 33.33%;margin: 0;border-radius: 0;border-left: #fff solid 1px;height: 5rem;display: flex;align-items: center;justify-content: center;font-size: 2.6rem!important;}
.layui-fixbar li:first-of-type{border: 0;}
.layui-fixbar li:last-of-type{display: none!important;}
.skin_tips{display: none!important;}

/*
Banner
*/
.banner .text .des{font-size: 2rem;letter-spacing: 10px; text-transform: uppercase;text-align: center;}


/*
GUIDE
*/
.guide_menu dl{min-height:6rem;height: auto;;display: flex;align-items: center;justify-content: space-between;padding: 0 1.5rem;}
.guide_menu dl.border_bottom{border-bottom: #f2f2f2 solid 1px;}
.guide_menu:not(.search) dt{white-space: nowrap;display: flex;font-size: 1.6rem;flex-wrap: wrap;justify-content: space-between;width: 100%;padding: 1rem 0;}
.guide_menu:not(.search) dt a{display: flex;align-items: center;justify-content: center;width: calc(50% - .5rem);background-color: #f2f2f2; border-radius: 100rem;padding: .8rem;margin: .5rem 0;}
.guide_menu:not(.search) dt a:after{display: none!important;}
.guide_menu:not(.search) dt a.on{background-color:var(--font-active-color);color: #fff;}
.guide_menu:not(.search) dd{font-size: 1.4rem;display: none;}

.about_guide dl{display: flex;justify-content: space-between;align-items: center;border-bottom: #f2f2f2 solid 1px;padding: 1.5rem;}
.about_guide dt{font-weight: bold;font-size: 1.8rem;}
.about_guide dd{display: flex;align-items: flex-end;font-family: 'HandelGotD-Bold';line-height: 1;text-transform: uppercase;font-size: 1.6rem;}
.about_guide dd::after{display: block;content: '';width: .3rem;height: .3rem;background-color: var(--font-active-color);position: relative;top: -.3rem;}


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

/*
CONTACT
*/
.contact_warp{padding: 4rem 0 0;}
.contact_warp .flex{flex-wrap: wrap;}
.contact_warp .index_contact_info{display: flex;flex-direction: column;margin: 0;width:100%;padding: 0 1.5rem;}
.contact_warp .index_contact_info .item{border-bottom: #dedede solid 1px;padding-bottom: 3rem;}
.contact_warp .index_contact_info .item:not(:first-of-type){margin-top: 3rem;}
.contact_warp .index_contact_info .item .title{display: flex;justify-content: space-between;align-items: center;font-family: 'MarkPro-Bold';font-size: 2rem;}
.contact_warp .index_contact_info .item .title img{height: 3rem;}
.contact_warp .index_contact_info .item .text{margin-top: 2rem;}

.contact_warp .form_contact{width:100%;padding: 0;position: relative;right: 0;top:0;margin-top: 3rem;padding: 4rem 1.5rem;background-color: #f2f2f2;box-shadow: none;}
.contact_warp .subtitle{font-size: 2rem; text-transform: uppercase;font-weight: bold;color: var(--font-active-color);line-height: 1.4;font-family: 'MarkPro-Book';max-width: 70%;margin: 0 auto;text-align: center;}
.contact_warp .subtitle:after{display: block;content: ''; width: 10rem;height: 1px; background-color: var(--font-active-color);margin: 1rem auto 2rem;}
.form_contact .layui-text{margin-bottom: 3rem;font-size: 1.6rem;}

.contact_warp.bg{padding: 3rem 1.5rem;font-size: 1.6rem;}
.contact_info .item{display:flex;align-items: center;margin-top:2rem;text-align: ;}
.contact_info .item i{margin-right: 1rem;}

.feedback_box{width:100%;}
.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: 2rem;}
.feedback_box .layui-text{font-size: 1.6rem;line-height: 1.3;}
.feedback_box .layui-form-item{margin: 2rem 0 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{height: 4.6rem;line-height: 4.6rem;width: 100%;}
.feedback_box .layui-form-pane .layui-input-block{margin: 0;left: 0;}


/*
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: 60%;}

.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);}


}