body{background:#ffffff;color:#3e3e3e; font-size:16px;overflow-x:hidden;font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑","Arial",sans-serif;}

@font-face {
  font-family: 'amazeui';
  src: url('https://cdn.staticfile.org/amazeui/2.7.2/fonts/amazeui.eot');
  src: url('https://cdn.staticfile.org/amazeui/2.7.2/fonts/amazeui.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.staticfile.org/amazeui/2.7.2/fonts/amazeui.woff') format('woff'),
       url('https://cdn.staticfile.org/amazeui/2.7.2/fonts/amazeui.ttf') format('truetype'),
       url('https://cdn.staticfile.org/amazeui/2.7.2/fonts/amazeui.svg#amazeui') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('https://cdn.staticfile.org/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://cdn.staticfile.org/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
       url('https://cdn.staticfile.org/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('https://cdn.staticfile.org/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
       url('https://cdn.staticfile.org/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
       url('https://cdn.staticfile.org/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
a{color:#3e3e3e;}
*:focus {outline: none;box-shadow: none;}
input:required:invalid ,textarea:required:invalid ,select:required:invalid{outline: none;box-shadow: none;}
a:hover{color:#00afec;text-decoration:none;transition: all 300ms ease-in-out 0s;}
.on {color:#00afec!important;}
.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 10px;}
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;}
.am-img-responsive{width:100%;margin:0 auto;}
/*
public
*/
.web_w{width:100%;max-width:1600px; margin:0 auto;}
.web_w:after{display: block; content: ''; clear: both;}
.am-paragraph-default{ margin:0;color:#3e3e3e;font-size:16px;text-align:justify;word-break: break-all;}
.am-paragraph-default img{ max-width:100%; border:none; padding:0; margin:0;display:inline; height: auto;}
.am-paragraph-default p{ margin:0 0 10px 0;font-size:16px;}
.am-paragraph-default p ,.am-paragraph-default a{color:#3e3e3e;}
.am-paragraph-default video ,.am-paragraph-default iframe{display: inline-block;max-width:100%;}
.am-paragraph-default video{margin:0 auto;background:#000;}
.am-paragraph-default a:hover{color:#00afec;}
.am-pureview{z-index:9999999999;}
.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: 160px;height: 160px;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 li.am-active .pinch-zoom-container{min-height:50px;background-image:url(../img/loading.svg); background-position: center; background-repeat: no-repeat; background-repeat: 50px auto;}
.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;}
blockquote{padding: 1rem 1.5rem;background-color: #f2f2f2;font-family: "Arial","\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";font-size: 1.6rem;border-left: 4px solid #00afec;display: flex;align-items: center;margin-bottom:2rem;}
.layui-layer-setwin .layui-layer-close2{width: 30px!important;height: 30px!important;}
.layui-layer-imgtit h3{margin-bottom: 0!important;line-height: 40px;}
.am-popover-inner{font-size:1.2rem;}

.skin_search_dropdown{width: 1600px;z-index: 10;left:50%;transform:translateX(-50%)}
.skin_search_dropdown .layui-menu{padding:0;max-height:60vh;overflow:auto;}
.skin_search_dropdown .layui-menu li{font-size: 15px;padding: 5px 20px;margin: 0;}
.skin_search_dropdown .layui-menu li .layui-menu-body-title{margin: 0;padding: 0;position: relative;}
.skin_search_dropdown .layui-menu li .layui-menu-body-title em{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-style: normal;color:#999;font-size: 14px;}

.layui-table tr th,.am-table tr th{background-color:#f7f7f7;text-align:center;font-weight:bold;}

/*
Header
*/
.menu{width:100%;z-index:1000;position: relative;background-color:#ffffff;transition: all 300ms ease-in-out 0s;}
.menu.am-sticky{box-shadow: none;}
.menu .logo{float:left; position:relative;z-index:1000;height:44px;display:flex;flex-direction: column;justify-content:center;align-items:center;align-content: center;margin: 0;font-size: 16px;padding:2px 0;box-sizing:border-box;}
.menu .logo img{display: block;height: 24px;max-height:100%;width:auto;transition: all 300ms ease-in-out 0s;}
.am-menu{ float:right;position: static;}
.nav{float: left;position: static;z-index: 30;}
.nav .parent_li{ display:block; margin-left:2.5vw; float:left; font-size: 17px;transition: all 300ms ease-in-out 0s;}
.nav .parent_li.am-relative{position: relative;}
.nav .parent_li:first-of-type{ margin-left:0;}
.nav .parent_li .parent_a{ display:block; padding:0; position:relative; line-height:44px; z-index:30; }
.nav .parent_li .parent_a:hover,.nav .parent_li:hover .parent_a{color:#00afec!important;}
.nav .parent_li .sub{ display:block; width:auto;position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:0;opacity:0;visibility:hidden;font-size:16px;font-weight:500;transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s; overflow: hidden; background-color: #fff;z-index:20;}
.nav .parent_li.am-relative .sub{width: 190px;left:50%;right:auto;margin-left: -90px;}
.nav .parent_li .sub.last{left:0;right:0;width:100%;transform:none;}
.nav .parent_li .sub.last .web_w{width:100%;max-width:1600px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.nav .parent_li .sub.first a{display: block;line-height:22px;padding: 0 5px; margin-bottom: 1px;text-align: center;font-size: 15px;margin:1.3rem 0;}
.nav .parent_li:hover .sub{max-height:800px;opacity:1;visibility:visible;transition:all .4s ease 0s;overflow: visible; padding: 10px 0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.nav .parent_li:hover .sub.last{padding: 20px 0;}
.pro_menu_list{display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 8px;}
.pro_menu_list a{text-align: center;width: calc((100% - 32px) / 5);padding: 0!important;margin-top: 8px;transition: all 300ms ease-in-out 0s; transform: translateX(-20px); opacity: 0; box-sizing: border-box;}
.nav .parent_li:hover .pro_menu_list a{ opacity: 1;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(1) {transform: translateY(0px);transition: all .6s ease .1s;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(2) {transform: translateY(0px);transition: all .6s ease .15s;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(3) {transform: translateY(0px);transition: all .6s ease .2s;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(4) {transform: translateY(0px);transition: all .6s ease .25s;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(5) {transform: translateY(0px);transition: all .6s ease .3s;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(6) {transform: translateY(0px);transition: all .6s ease .35s;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(7) {transform: translateY(0px);transition: all .6s ease .4s;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(8) {transform: translateY(0px);transition: all .6s ease .45s;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(9) {transform: translateY(0px);transition: all .6s ease .5s;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(10) {transform: translateY(0px);transition: all .6s ease .55s;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(11) {transform: translateY(0px);transition: all .6s ease .6s;}
.nav .parent_li:hover .pro_menu_list a:nth-of-type(12) {transform: translateY(0px);transition: all .6s ease .65s;}

.pro_menu_list a .img{position: relative;overflow: hidden;}
.pro_menu_list a .img:after{display: block;content: '';padding-bottom:75%;}
.pro_menu_list a .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;object-fit: cover;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.pro_menu_list a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.pro_menu_list a h2{margin: 0;font-size: 14px;font-weight: normal;margin-top: 10px;text-align: center; line-height: 20px;}

.top_search{float: right;width: 21px;height:44px;margin-top: 0; margin-left: 3vw;display: flex;justify-content: center;align-items: center;background-position: center; background-repeat: no-repeat;background-image: url(../img/close_btn.png);background-size: 80%;}
.top_search.am-collapsed{background-image: url(../img/search_btn.png);}
.search_form{height: 0;overflow: hidden;display: flex;flex-direction: column;opacity: 0;background-color: #f2f2f2;}
.search_form.am-in {height:auto;opacity: 1;background: rgba(0,0,0,0.3);}
.search_form .layui-form{display: flex;height: 50px;justify-content: space-between;align-items: center;}
.search_form .layui-form .layui-input{display: flex;height: 50px;align-items: center;width: calc(100% - 50px);background: none!important;;border: none;color: #fff;box-shadow: none!important;font-size: 14px;}
.search_form .layui-form .layui-btn{display: flex;align-items: center;justify-content: center;font-size: 18px;background: none;color: #fff;padding: 0;background: none;width: 30px;height: 50px;}
.search_form .layui-form .layui-input::-webkit-input-placeholder{color: #fff;}
.search_form .layui-form .layui-input::-moz-placeholder{color: #fff; }
.search_form .layui-form .layui-input:-ms-input-placeholder{color: #fff;}
.search_form .layui-form .layui-input::-ms-input-placeholder{color: #fff; }

.top_language{float: right;display: flex; align-items: center; height: 44px;margin-top:0;margin-left: 20px;}
.top_language a{margin:0 8px;}
.top_language a:first-of-type{margin-left:0;}
.top_language a:last-of-type{margin-right:0;}
.top_language:before{display: block; content: '';width: 1px;height: 14px; margin-right: 20px;background-color: #333;}

.menu.am-sticky .logo{height:44px; padding:2px 0;}
.menu.am-sticky .logo img{height: 24px;}
.menu.am-sticky .nav .parent_li .parent_a{line-height: 44px;}
.menu.am-sticky .nav .parent_li .sub{top:calc(100% + 6px);}
.menu.am-sticky .top_search ,.menu.am-sticky .top_language{margin-top: 0;}
.menu.am-sticky .top_search .top_search_btn{transform: scale(0.9);}

.pro_sort_menu{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro_sort_menu_44{justify-content:center;}
.pro_sort_menu_44 dl{margin:0 1rem!important;}
.pro_sort_menu .empty{width:calc(20% - 1rem);height: 0;visibility: hidden;}
.pro_sort_menu dl{width:calc(20% - 1rem);display: flex;justify-content: space-between;border: #f2f2f2 solid 1px;padding: 1rem;border-radius: .5rem;margin:1rem 0;box-sizing:border-box;}
.pro_sort_menu dl dt{width: 50%;}
.pro_sort_menu dl dd{width: 50%;padding-left:2rem;font-size: 1.5rem;}
.pro_sort_menu dl dd a{display: flex;height: 100%;align-items: center;}
.pro_sort_menu dl dt .img{display: block;position: relative;overflow: hidden;}
.pro_sort_menu dl dt .img:after{display: block;content: '';padding-bottom:62.5%;}
.pro_sort_menu dl dt .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;object-fit: contain;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.pro_sort_menu dl:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.nav .parent_li .sub.last .pro_sort_menu{justify-content: flex-start;flex-wrap: wrap;row-gap: 4px;column-gap: 8px;padding: 10px 0;}
.nav .parent_li .sub.last .pro_sort_menu dl{width: calc((100% - 32px) / 5);flex:0 0 calc((100% - 32px) / 5);max-width:calc((100% - 32px) / 5);padding: 1.2rem 1.4rem;margin: .6rem 0;box-sizing: border-box;}
.nav .parent_li .sub.last .pro_sort_menu .empty{display: none;}
.nav .parent_li .sub.last .pro_sort_menu dl dt{width: 45%;}
.nav .parent_li .sub.last .pro_sort_menu dl dd{width: 55%;font-size: 1.6rem;padding-left:1rem;}
.nav .parent_li .sub.last .pro_sort_menu dl dt .img:after{padding-bottom:70%;}
.nav .parent_li .sub.last .pro_sort_menu dl dt .img img{width: 65%;height: 65%;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(1);}
.nav .parent_li .sub.last .pro_sort_menu dl:hover dt .img img{transform: translate(-50%, -50%) scale(1.1);}

.case_sort_menu{display: flex;justify-content: space-between;padding: 0 3%;}
.case_sort_menu dt{width: 18rem;border-left: #00afec solid 4px;background-color: #f2f2f2;position: relative;}
.case_sort_menu dt::before{display: block;content: '';width: calc(100% + 4px);height: 20px;border-left: #00afec solid 4px;background-color: #f2f2f2;left: -4px;top: -20px;position: absolute;}
.case_sort_menu dt::after{display: block;content: '';width: calc(100% + 4px);height: 20px;border-left: #00afec solid 4px;background-color: #f2f2f2;left: -4px;bottom: -20px;position: absolute;}
.case_sort_menu .hd_box{display: flex;flex-direction: column;}
.case_sort_menu .hd_box li a{display: flex;flex-direction: column;margin: 0!important;padding: 2.5rem 0!important;align-items: center;}
.case_sort_menu .hd_box li a span{width: 5rem;height: 5rem;position: relative;overflow: hidden;}
.case_sort_menu .hd_box li a span img{display: block;width: 5rem;height: 5rem;margin: 0 auto;}
.case_sort_menu .hd_box li.on a{color: #00afec;background-color: #fff;}
.case_sort_menu dd{width: calc(100% - 26rem);display: flex;}
.case_sort_menu .bd_box{display: flex;justify-content: space-between;align-items: flex-start;width: 100%;}
.case_sort_menu .bd_box .item{width: calc(100% - 50rem);display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 1.5rem;}
.case_sort_menu .bd_box .item a{display: flex;width: 48%;margin: 1.5rem 0;text-align: left;align-items: center;}
.case_sort_menu .bd_box .item a .hot{display: block;}
.case_sort_menu .bd_box .item a .hot::after {display: inline-block;content: '';width: 25px;height: 10px;background: url(../img/hot.gif) center center no-repeat; margin-left: 5px;}
.case_sort_menu .bd_box .img{width: 48rem;position: relative;}
.case_sort_menu .bd_box .img img{display: block;width: 100%;}
.case_sort_menu .bd_box .des{text-align: left;margin-top: 1rem;text-align: justify;color: #999;font-size: 1.4rem;}


/*
BANNER
*/
.index_banner.am-slider{width:100%;margin:0 auto;box-shadow:none;position:relative; z-index:1;border-radius:0;overflow:hidden;background:#f0fbff url(../img/loading.svg) center center no-repeat;height:700px;}
.index_banner.am-slider .am-viewport{width: 100%;height: 100%;position: absolute!important;left: 0;top: 0;}
.index_banner.am-slider .am-slides{margin: 0;width: 100%;height: 100%;position: absolute!important;left: 0;top: 0;}
.index_banner .am-slides li{height:100%;}
.index_banner .am-slides li a{display: block;width:100%;position: relative;height:100%;}
.index_banner .am-slides li .slide_bg::after{display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background-color: rgba(0, 0, 0, .3);z-index: 2;}
.index_banner .am-slides li a:before ,.index_banner::before{display: block;content: '';padding-bottom: 0;}
.index_banner .am-slides li img ,.index_banner .am-slides li video{display: block;width:100%;height:100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 1;}
.index_banner .am-slides li .text{display: flex;width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: 3;justify-content: center;align-items: center;flex-direction: column;color: #fff;opacity: 0;}
.index_banner .am-slides li .text .title{font-size: 4.6rem;color: #fff;text-align: center;line-height: 1.4;font-weight:bold;}
.index_banner .am-slides li .text .des{font-size:4.6rem;color: #fff;text-align: center;}
.index_banner .am-slides li .text .more{margin-top: 2rem;background-color: #00afec;padding: .3rem 3rem;border-radius: 100rem;}

.index_banner .am-control-nav{ bottom:2rem; z-index:10;}
.index_banner .am-control-nav li a{ width:1rem; height:1rem;background:rgba(0,0,0,.3);box-shadow:none;}
.index_banner .am-control-nav li a.am-active ,.index_banner .am-control-nav li a:hover{background:#00afec;}
.index_banner .am-direction-nav a{opacity: 0;}
.index_banner:hover .am-direction-nav a{opacity: 1;}
.index_banner .am-direction-nav a::before{content: "\f104";color: #00afec;font-size: 4rem!important;}
.index_banner .am-direction-nav a:hover::before{color: #00afec;}
.index_banner .am-direction-nav a.am-next::before{content: "\f105";}
.index_banner:hover .am-direction-nav a.am-prev{left: calc(2% - 1rem);}
.index_banner:hover .am-direction-nav a.am-next{right:calc(2% - 1rem);}
.arrow_color{position: fixed;width: 4rem;height: 4rem;left: 50%;transform: translateX(-50%);bottom: 2%;z-index: 100;fill: #ffffff;cursor: pointer;}
.arrow_color.grey{fill: #595959;}
@keyframes fade_inout
{
  0% {
    animation-timing-function: cubic-bezier(0.2057,0.573,0.3723,0.9184);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



/*
Notice
*/
.zh_banner{background-color:#eaf6fd}




/*
Title
*/
.index_title{text-align: center;font-weight: normal;margin: 0;}
.index_title .title{font-size: 32px;line-height:120%;  color: #000;font-weight:bold;}
.index_title .title a{color: #000;}
.index_title .title a:hover{color: #00afec;}
.index_title .title::after{display: block;width: 50px;height: 2px;content: '';background: linear-gradient(135deg,rgba(0,160,233,1) 0%,rgba(88,203,255,1) 100%);margin: 1.5rem auto 0;}
.index_title .des{max-width: 700px; margin: 5px auto 0;color:#808080;font-size:15px;line-height: 1.4;margin-top: 1.5rem;}
.index_title .des a{display: inline-block;margin: 0 20px;}
.more_btn{display: block;width: 120px;line-height: 30px; text-align: center; border: #3e3e3e solid 1px;  border-radius: 1000px;margin-top: 30px;font-size: 14px;}
.more_btn i{display: inline-block; margin-left: 8px;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.more_btn:hover{background-color:#00afec;color: #fff!important;border-color:#00afec;}
.more_btn:hover i{-webkit-transform: translateX(5px); -moz-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);}

/*
About
*/
.index_about_warp{margin-top: 30px;background-position: center center; background-repeat: no-repeat;background-size:cover; overflow: hidden; width: 100%;}
.index_about_con{display: flex;padding: 80px 0;justify-content: space-between; align-items: center;}
.index_about_imgs{width:calc(50% - 20px);position: relative;}
.index_about_imgs .am-slider-default{width:100%;border-radius:0;box-shadow:none;margin: 0;border:none;box-shadow:none; z-index: 1;}
.index_about_imgs .am-slides li{overflow: hidden;}
.index_about_imgs .am-slides li a{display:block;background-position: center; background-repeat: no-repeat; background-size: cover;		  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);position: relative;}
.index_about_imgs .am-slides li a:after{display: block;content: '';padding-bottom:72%;}
.index_about_imgs .am-slides li a img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.index_about_imgs .am-slides li.am-active-slide a{-webkit-transform: scale(1);-moz-transform: scale(1); transform: scale(1);}            
.index_about_imgs .am-control-nav{bottom:10px;z-index:10}
.index_about_imgs .am-control-nav li{margin:0 5px}
.index_about_imgs .am-control-nav li a{width:8px;height:8px;background:#f2f2f2;box-shadow:none;z-index:3; position:relative;}
.index_about_imgs .am-control-nav li a.am-active ,.index_about_imgs .am-control-nav li a:hover{background: #00afec;}
.index_about_imgs .video_btn{ position: absolute; left: 0; top:0;width: 100%;height: 100%;;z-index: 2; font-size:60px; color: #00afec;display: flex;align-items: center;justify-content: center;}


.index_about_text{width:calc(50% - 20px);}
.index_about_text .des{font-size:16px;text-align: justify;line-height: 2;}

.video_con{position: relative;width: 100%;height: 100%;background-color:#000000;}
.video_con video {display:block;width:100%!important;height:100%;margin:0;padding:0;background-color:#000000;position: absolute;left: 0;top: 0;object-fit: contain;z-index: 1;}
.video_con .move_box{width: 100%;height: 90%;position: absolute;left: 0;top: 0;z-index: 2;}
.layui-layer-resize ,.layui-layer-setwin{z-index: 10;}

.index_partner{padding:80px 0;background-color: #f6f6f6;}
.partner_list{ margin: 20px -10px 0;}
.partner_list li{padding: 0 10px;border:#f2f2f2 solid 1px; position: relative;background-color: #fff;}
.partner_list li span{display: block;padding-bottom: 50%;position: relative;}
.partner_list li img{display: block;width: 100%;height: 100%;position: absolute;left: 0; top:0;object-fit: cover; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 300ms ease-in-out 0s;}
.partner_list li:after{display:block;content: '';position: absolute;top: 0; left: 0;z-index: 1; width: 100%;height: 100%;-webkit-transition: all .3s;-o-transition: all .3s;  -moz-transition: all .3s;transition: all .3s;}
.partner_list li:hover:after { -webkit-box-shadow: 0px 0px 20px 5px #ddd inset; box-shadow: 0px 0px 20px 5px #ddd inset; }
.partner_list li:hover img{filter: none;}

.partner_sort{display: flex;justify-content: space-between;}
.partner_sort:first-of-type{margin-top: 30px;}
.partner_sort dt{width: 160px;height: 120px;background-color: #00afec;color: #fff;display: flex;justify-content: center;align-items: center;padding: 10px;font-weight: bold;font-size: 18px;border-bottom: #fff solid 1px;}
.partner_sort:last-of-type dt{border-bottom: none;}
.partner_sort dd{width: calc(100% - 160px);display: flex;}
.partner_sort dd span{display: block;width: 25%;height: 120px;background-color: #fff;position: relative;border: #dedede solid 1px;border-left:none; border-bottom: none;}
.partner_sort:last-of-type dd span{border-bottom: #dedede solid 1px;}
.partner_sort dd img{display: block;width: 100%;height: 100%;position: absolute;left: 0; top:0;object-fit: contain; }

.about_list {padding: 40px 0;}
.about_list.first{padding-bottom: 0;}
.about_list.bg{background-color: #f6f6f6;}
.about_list .web_w{display: flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
.about_list.last .web_w{flex-direction: row-reverse;}
.about_list .web_w:after{display: none;}
.about_culture_list{width: 33.33%;height: 200px;display: flex;flex-direction: column; justify-content: center;position: relative;padding: 20px 30px;background-color: #fff;}
.about_culture_list .img{display:block;width:100%;height: 100%;object-fit: cover;position: absolute;left: 0;top:0;}
.about_culture_list .title{font-weight: bold;color: #00afec;}
.about_culture_list .title:after{display: block; content: '';width: 50px;height: 1px;background-color: #00afec;margin: 5px 0 0;}
.about_culture_list .des{font-size: 15px;margin-top: 15px;}


.about_partner{padding: 40px 0;}

.hone_list_scroll{padding: 40px 0;background-color: #f6f6f6;}
.hone_list_scroll dd{margin:30px 0 0; position: relative;padding-bottom: 50px;}
.hone_list_scroll dd .iteam {margin:0 10px;transition: all 300ms ease;font-weight:500;}
.hone_list_scroll dd .img{position: relative;}
.hone_list_scroll dd .img:after{display: block;content: '';padding-bottom: 141.4%;}
.hone_list_scroll dd .img img{display: block;width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.hone_list_scroll dd .slick-dots{ margin:0; left:0; bottom:0;}
.hone_list_scroll dd .slick-dots li{height:8px;width:8px;margin: 0 4px; position:relative;border-radius:50%; background-color:#dedede;}
.hone_list_scroll dd .slick-dots li.slick-active{background-color:#00afec;}
.hone_list_scroll dd .slick-dots li button{display:none;}

.honer_list{ margin: 20px -10px 0;}
.honer_list li{padding: 0 10px;position: relative;margin-top: 20px;}
.honer_list li .img{position: relative;}
.honer_list li .img:after{display: block;content:'';padding-bottom: 141.4%}
.honer_list li .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0; top:0;object-fit: cover;}


.about_history{width:100%;padding: 0 100px;}
.about_history .slider{margin:0;}
.about_history .slider-nav{margin-top: 20px;}
.about_history .slider-nav .iteam{text-align: center; cursor: pointer;position: relative;}
.about_history .slider-nav .iteam:after{display: block; content: '';width: 100%;height:1px;position: absolute;left:0;top:8px;background-color: #dedede;z-index:1;}
.about_history .slider-nav .iteam:before{display: block;content: '';width: 16px;height: 16px;background-color: #00afec;border:#dedede solid 4px;margin: 0 auto 5px;border-radius:50%;position: relative;z-index:2;}
.about_history .slider-nav .iteam.slick-current{color: #00afec;}
.about_history .slider-nav .iteam.slick-current:before{border-color: #00afec;background-color: #fff;}
.about_history .slider-nav .slick-next, .about_history .slider-nav .slick-prev{width:22px;height:22px;background-color:#dedede;border-radius: 50%;top:-3px;margin:0;}
.about_history .slider-nav .slick-prev{left: -22px;}
.about_history .slider-nav .slick-next{right: -22px;}
.about_history .slider-nav .slick-next:hover, .about_history .slider-nav .slick-prev:hover{background-color:#00afec;}
.about_history .slider-nav .slick-next:before{font-family: 'FontAwesome';content: "\f105";font-size:16px; color:#fff;opacity: 1;}
.about_history .slider-nav .slick-prev:before{font-family: 'FontAwesome';content: "\f104";font-size:16px; color:#fff;opacity: 1;}

.about_history .slider-for{margin-top: 40px;}
.about_history .slider-for .iteam{text-align: center;}
.about_history .slider-for .iteam .title{font-weight: bold;margin-bottom: 30px;font-size:18px;color:#00afec;position: relative;}
.about_history .slider-for .iteam .title:after{display: block;content: '';width: 1px;height: 15px;background-color: #00afec;margin: 5px auto 0;}
.about_history .slider-for .iteam .title:before{display: block;content:'';width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #00afec transparent transparent transparent;position: absolute;left: 50%;bottom: -5px;margin-left: -6px;}

/*
Product
*/
.index_product{padding:80px 0; background-color: #f6f6f6;}
.index_product .hd ul {text-align: center;display: flex; justify-content: center;border: none;margin-top: 30px;margin-bottom: 10px;}
.index_product .hd ul li {font-size:16px;margin:0 50px;font-weight: 500;text-align:center;position: relative;}
.index_product .hd ul li a {display:block;margin:0;padding:0;border:none!important;background:none!important;}
.index_product .hd ul li a:before{display: block;content:'';width: 50px;height: 50px;margin: 0 auto; background-image: url(../img/pro_img.png); background-repeat: no-repeat; background-size: 600% auto;}
.index_product .hd ul li a:after{display: block;content: '';width: 80px;height: 1px;background-color:#00afec;margin: 5px auto 0;opacity: 0;}
.index_product .hd ul li:after{display: block;content:'';width: 0;height: 0;border-style: solid;border-width: 8px 8px 0 8px;border-color: #00afec transparent transparent transparent;position: absolute;left: 50%;bottom: -8px;margin-left: -8px;opacity: 0;}
.index_product .hd ul li.on:after ,.index_product .hd ul li.on a:after{opacity: 1;}
.index_product .hd ul li:nth-of-type(1) a:before{background-position: -150px top;}
.index_product .hd ul li:nth-of-type(2) a:before{background-position: -200px top;}
.index_product .hd ul li:nth-of-type(3) a:before{background-position: -100px top;}
.index_product .hd ul li:nth-of-type(4) a:before{background-position: -50px top;}
.index_product .hd ul li:nth-of-type(5) a:before{background-position: 0 top;}
.index_product .hd ul li:nth-of-type(6) a:before{background-position: -250px top;}
.index_product .hd ul li:nth-of-type(1).on a:before{background-position: -150px -50px;}
.index_product .hd ul li:nth-of-type(2).on a:before{background-position: -200px -50px;}
.index_product .hd ul li:nth-of-type(3).on a:before{background-position: -100px -50px;}
.index_product .hd ul li:nth-of-type(4).on a:before{background-position: -50px -50px;}
.index_product .hd ul li:nth-of-type(5).on a:before{background-position: 0 -50px;}
.index_product .hd ul li:nth-of-type(6).on a:before{background-position: -250px -50px;}
.index_product .hd ul li.on a {color:#00afec;}
.index_product .more_btn{margin: 30px auto 0;}
.product_list{margin:20px -10px 0;}
.product_list.last{margin-top: 30px;}
.product_list li{padding: 0 10px;margin-top:20px;}
.product_list li a{display: block;}
.product_list li a .img{padding-bottom:62.5%;position: relative;overflow: hidden;}
.product_list li a .img.border{border: #f2f2f2 solid 1px;}
.product_list li a .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;object-fit: cover;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.product_list li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.product_list li a h2{margin: 0;font-size: 1.6rem;font-weight: normal;margin-top: 10px;text-align: center; line-height: 22px;}

.product_list li .des{background-color: #f6f6f6;padding: 2rem;margin-top: 2rem;color: #666;}

.product_sort:nth-of-type(1){margin-top: 30px;}
.product_sort.product_sort_menu{margin-top: 0;font-size: 14px;}
.product_sort dd{display: flex;justify-content: space-between;margin-bottom: 10px;background-color: #f8f8f8;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.product_sort dd:last-of-type{margin-bottom: 0;}
.product_sort dd .title{width: 200px;background-color: #f2f2f2;display: flex;align-items: center;text-align:center;justify-content: center;color: #000;font-size:15px;margin:0;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.product_sort dd .title a{color: #000;font-size:15px!important}
.product_sort dd .title a:hover{color: #00afec;}
.product_sort dd .des{width: calc(100% - 200px);display: flex; justify-content: flex-start;flex-wrap: wrap;padding:10px 30px!important;}
.product_sort dd .des h3{margin: 5px 0;font-size: 14px;margin-right:22px; line-height: 22px;padding: 0;font-weight: normal;}
/*.product_sort dd .des h3:nth-of-type(6){margin-right:0;}*/
.product_sort dd .des h3:last-of-type{margin-right:0;}
.product_sort.product_sort_menu dd .des h3 a{padding: 0;margin: 0;font-size: 1.5rem;line-height: 22px;font-weight: normal;}

.product_fl_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.product_fl_list dd{width: calc(50% - 2rem);display: flex;justify-content: space-between;background-color: #fff;padding: 3rem;margin-top: 4rem;}
.product_fl_list .img{position: relative;overflow: hidden;width: 50%;display: block;border: #f6f6f6 solid 1px;}
.product_fl_list .img::after{display: block;content: '';padding-bottom:62.5%;}
.product_fl_list .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;object-fit: cover;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.product_fl_list a:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.product_fl_list .text{width: calc(50% - 4rem);position: relative;display: flex;flex-direction: column;justify-content: center;}
.product_fl_list .text .title{font-size: 1.7rem;margin: 0;font-weight: bold;}
.product_fl_list .text .con{margin-top: 2rem;color: #666;font-size: 1.5rem;text-align: justify;}
.product_fl_list .text .con a{color: #666;}
.product_fl_list .text .con a:hover{color: #00afec;}
.product_fl_list .text .more{position: absolute;right: 0;bottom: 0;font-size: 1.4rem;color: #999;border-radius: 100rem;border: #f2f2f2 solid 1px;padding: .5rem 2rem;}
.product_fl_list .text .more:hover{background-color: #00afec;color: #fff;border-color: #00afec;}


.pro_page_top{display: flex;justify-content: space-between;}
.pro_imgs{width:calc(50% - 10px);}
/* Rato Product Gallery Styles (v1.1.205) */
.pro_imgs .pro_img_big { position: relative; border: #f2f2f2 solid 1px; }
.pro_imgs .img { display: block; position: relative; }
.pro_imgs .img:after { display: block; content: ''; padding-bottom: 62.5%; }
.pro_imgs .img img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }

.pro_imgs .pro_img_small { padding: 0 27px; position: relative; margin-top: 10px; }

#rato-gallery-main, #rato-gallery-nav { margin: 0; padding: 0; list-style: none; display: block; }
/* Force single row layout for nav */
#rato-gallery-nav .slick-list { overflow: hidden; height: auto !important; padding: 5px 0; }
#rato-gallery-nav .slick-track { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; transform: translate3d(0, 0, 0); }
#rato-gallery-nav .slick-slide { height: auto; float: none !important; margin: 0 5px; border: #f2f2f2 solid 1px; position: relative; display: block !important; }
#rato-gallery-nav .slick-current { border-color: #00afec; }

/* Arrow Triangle for Active Thumbnail */
#rato-gallery-nav .slick-current a:before {
    display: block; content: ''; width: 0; height: 0;
    border-style: solid; border-width: 0 .6rem .6rem .6rem;
    border-color: transparent transparent #00afec transparent;
    position: absolute; left: 50%; top: -.6rem; margin-left: -.6rem; z-index: 10;
}

/* Slick Arrows Customization */
.pro_imgs .slick-arrow {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 20px; height: 30px; border: none; background: transparent;
    color: #999; cursor: pointer; z-index: 20; padding: 0; outline: none;
    font-size: 0; /* Hide text */
}
.pro_imgs .slick-arrow:before {
    font-family: FontAwesome; font-size: 26px; line-height: 30px;
    display: block; width: 100%; height: 100%;
}
.pro_imgs .slick-arrow:hover:before { color: #00afec; }
.pro_imgs .slick-prev { left: 0; }
.pro_imgs .slick-prev:before { content: "\f104"; }
.pro_imgs .slick-next { right: 0; }
.pro_imgs .slick-next:before { content: "\f105"; }

.pro_text{ width:calc(50% - 10px); background-color: #fff; padding: 15px 30px; display: flex; flex-direction: column; justify-content: center;}
.pro_text .title{ font-weight: bold;color:#00afec; font-size:20px;position: relative;}
.pro_text .serial{color: #000;}
.pro_text .title:before{ display:block; content:'' ;width:40px; height:3px; background-color:#00afec;position: absolute;left: 0;bottom: -1px;}
.pro_text .title:after{ display:block; content:'' ;width:100px; height:1px; background-color:#333; margin:8px 0 0}
.pro_text .des{font-size:15px;min-height: 188px;max-height: 330px;overflow: auto;margin-top:15px;}
.pro_text .am-btn{ margin:20px 15px 0 0; background-color:#00afec; color: #fff;font-size:15px;}
.pro_text .am-btn:last-of-type{margin-right: 0;}

.pro_page_bottom{margin-top: 50px;}
.pro_page_nav{display: flex;justify-content: center;background-color: #f6f6f6;}
.pro_page_nav.am-sticky{background-color: #fff;position: relative; }
.pro_page_nav li{margin: 0 40px;height:60px;display: flex; align-items: center;font-size: 18px;}
.pro_page_nav li:first-of-type{margin-left: 0;}
.pro_page_nav li:last-of-type{margin-right: 0;}
.pro_page_nav.am-sticky li{font-size: 16px;}
.pro_page_nav li a{padding: 3px 20px;display: block;}
.pro_page_nav.am-sticky li a.on{background-color:#00afec; color: #fff!important;}
.pro_page_iteam{display: flex;justify-content: space-between;}
.pro_page_iteam .title{width: 200px;display: flex;padding-top:30px;font-weight:bold;color: #000;font-size: 16px;}
.pro_page_iteam .text{width: calc(100% - 200px);padding: 30px 0; border-bottom: #dedede dashed 1px;}
/* .pro_page_iteam .text p:last-of-type{margin-bottom: 0;} */
.pro_page_iteam table p{margin: 0;}
.pro_page_iteam .text .form_contact .am-form-group:first-of-type .am-input-group:nth-of-type(1){width: 48%; float: left;}
.pro_page_iteam .text .form_contact .am-form-group:first-of-type .am-input-group:nth-of-type(2){width: 48%; float: right;}
.pro_page_iteam .pro_cct{display: block;max-height: 250px;}

.pro_page_rel{margin-top: 0;}
.pro_page_rel .text{padding-top: 0;}
.pro_page_rel .product_list{margin: 0 -1.5rem;}
.pro_page_rel .product_list li{padding: 0 1.5rem;margin-top: 3rem;}


/* 
   Application
*/
.index_application{padding: 80px 0 120px; position: relative; z-index: 20;} /* Added z-index to ensure it sits above the next section */
.index_application.last{padding: 50px 0;}
.index_application dd{margin-top: 30px;display: flex;justify-content: space-between;text-align: center;}
.index_application dd .iteam{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.index_application dd .iteam:nth-of-type(1){width: 25%;background-color: #f3f3f3;}
.index_application dd .iteam:nth-of-type(2){width: 50%;background-color: #f9f9f9;overflow: hidden;}
.index_application dd .iteam:nth-of-type(3){width: 25%;background-color: #f3f3f3;}
.index_application dd .iteam .list{display: flex;justify-content: center;flex-direction: column;padding: 0 3rem; position: relative;}
.index_application dd .iteam:nth-of-type(1) .list{width: 100%;height: 50%;}
.index_application dd .iteam:nth-of-type(1) .list:nth-of-type(1){background-color: #f8f8f8}
.index_application dd .iteam:nth-of-type(2) .list{width: 50%;padding: 4rem 3rem;justify-content: flex-start;}
.index_application dd .iteam:nth-of-type(2) .list:nth-of-type(1){background-color: #f3f3f3;}
.index_application dd .iteam:nth-of-type(2) .list:nth-of-type(2){background-color:#f8f8f8;}
.index_application dd .iteam .index_application_pic{width: 100%;padding:0;margin:0; z-index: 21; position: relative;}
.index_application dd .iteam:nth-of-type(3) .list{width: 100%;height: 50%;}
.index_application dd .iteam:nth-of-type(3) .list:nth-of-type(2){background-color: #f8f8f8}
.index_application dd .iteam .list .img{width: 104px;height: 104px;background-color: #fff;border-radius: 50%;position: relative;margin: 0 auto;overflow: hidden;}
.index_application dd .iteam .list .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.index_application dd .iteam .list .title{margin-top: 5px;font-weight: bold;color: #71abec;}
.index_application dd .iteam .list .des{text-align: justify;margin-top: 10px;font-size: 15px; color: #666;}
.index_application dd .iteam .list .pic{display:block;width:100%;height:100%;position: absolute;left: 0;top: 0;}
.index_application_scroll{margin: 0;}
.index_application_pic{margin: 0;position: relative;}
.index_application_bar{width: 100%;height: 10px;position: absolute;left: 0; top: 15px;z-index:10;display: flex;justify-content: space-between;align-items: center;}
.index_application_bar .num{width: 100%; height: 16px;text-align: center;position: absolute;left: 0;bottom: -20px;display: none;color: #71abec;}
.index_application_bar .text{font-size:14px;width: 80px;text-align: center;}
.index_application_bar .bar{height:100%;width: calc(100% - 160px);background: url(../img/wd_bg.jpg) center center no-repeat;background-size: 100% 100%;position: relative;}
.index_application_bar .bar span{height: 18px;position: absolute;left: 0;top: -4px; background:rgba(255, 255, 255, 0.6) url(../img/wd_icons.png) bottom center no-repeat;display: none;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.index_application_bar .bar span::before{display: block;content: '';width: 4px; height: 100%;position: absolute;left: 0;top: 0;background: url(../img/wd_icons.png) left top no-repeat;}
.index_application_bar .bar span::after{display: block;content: '';width: 4px; height: 100%;position: absolute;right: 0;top: 0;background: url(../img/wd_icons.png) right top no-repeat;}

.page .index_application_pic,.page .index_application_scroll,.page .index_application_scroll .slick-list, .page .index_application_scroll .slick-track,.page .index_application_pic .slick-slide{height: 100%;}
.index_application_pic .pics{position: relative; overflow: hidden;}
.index_application_pic .pics .img{display: block;position: relative;height: 100%;}
.index_application_pic .pics .img:after{display: block;content: ''; padding-bottom: 50%;}
.index_application_pic .pics .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}

.index_application_pic .pics h2{position: absolute;right: 1rem;top: 6%;margin: 0;color: #71abec;font-size: 1.8rem;}
.index_application_pic .pics .con{display: block;position: absolute;left: 0;bottom: 0;background-color: rgba(113, 171, 236, .9);width: 100%;height: 0;z-index: 3;display: flex;flex-direction: column;justify-content:center;text-align: left;color: #fff;transition: all 300ms ease-in-out 0s;overflow: hidden;box-sizing: border-box;transform: translateY(-20%);}
.index_application_pic .pics .con .title{font-weight: bold;font-size: 1.8rem;color: #fff;padding: 0 10%;}
.index_application_pic .pics .con .title::after{display: block;content: '';width: 3rem;height: 1px;margin: 1.5rem 0 0;background-color: #fff;}
.index_application_pic .pics .con .ms{margin-top: 2rem;font-size: 1.5rem;padding: 0 10%;}
.index_application_pic .pics .con .ms p{margin: 0;}
.index_application_pic .pics .con .ms span,
.index_application_pic .pics .con .ms mark{background-color: transparent !important;}
.index_application_pic:hover .con{height: 100%;;}
.index_application_pic:hover h2{opacity: 0;}

.index_application_pic .slick-dots{ margin:0; left:0; bottom:10px;}
.index_application_pic .slick-dots li{height:8px;width:8px;margin: 0 4px; position:relative;border-radius:50%; background-color:#3e3e3e;border: #fff solid 1px;}
.index_application_pic .slick-dots li.slick-active{background-color:#71abec;}
.index_application_pic .slick-dots li button{display:none;}

.index_application_pic .dot{display: block; width: 10px; height: 10px; border: #71abec solid 2px; border-radius: 50%; margin: 0 auto;position: absolute;}
.index_application_pic .dot:after{display: block;content: "";position: absolute;width: 16px;height: 16px;left: 50%;top: 50%;margin-top: -5px;margin-left: -8px;top: 0;border: #71abec solid 2px;border-radius: 50%;opacity: 0.5;-webkit-animation:scale-zoom 2s infinite;-moz-animation:scale-zoom 2s infinite;-ms-animation:scale-zoom 2s infinite;animation:scale-zoom 2s 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(3,3);-ms-transform:scale(3,3);transform:scale(3,3);opacity:0}
}@-webkit-keyframes scale-zoom{form{-webkit-transform:scale(1,1);opacity:1}
to{-webkit-transform:scale(3,3);opacity:0}
}

.index_application_pic .pics_53 .dot:nth-of-type(1){left: 22%; top: 64%;}
.index_application_pic .pics_53 .dot:nth-of-type(2){left: 22%; top: 50%;}
.index_application_pic .pics_53 .dot:nth-of-type(3){left: 43%; top: 36%;}
.index_application_pic .pics_53 .dot:nth-of-type(4){left: 43%; top: 60%;}

.index_application_pic .pics_54 .dot:nth-of-type(1){left: 30%; top: 85%;}
.index_application_pic .pics_54 .dot:nth-of-type(2){left: 67%; top: 82%;}
.index_application_pic .pics_54 .dot:nth-of-type(3){left: 46%; top: 75%;}
.index_application_pic .pics_54 .dot:nth-of-type(4){left: 24%; top: 32%;}
.index_application_pic .pics_54 .dot:nth-of-type(5){left: 45%; top: 38%;}

.index_application_pic .pics_55 .dot:nth-of-type(1){left: 83%; top: 15%;}
.index_application_pic .pics_55 .dot:nth-of-type(2){left: 13%; top: 71%;}
.index_application_pic .pics_55 .dot:nth-of-type(3){left: 45%; top: 35%;}
.index_application_pic .pics_55 .dot:nth-of-type(4){left: 38%; top: 52%;}

.index_application_pic .pics_56 .dot:nth-of-type(1){left: 76%; top: 15%;}

.index_application_pic .pics_57 .dot:nth-of-type(1){left: 35%; top: 52%;}

.index_application_pic .pics_211 .dot:nth-of-type(1){left: 55%; top: 40%;}
.index_application_pic .pics_211 .dot:nth-of-type(2){left: 69%; top: 65%;}

.index_application_pic .pics_212 .dot:nth-of-type(1){left: 55%; top: 40%;}

.index_application_pic .pics .dot:hover:after{display: none;}
.index_application_pic .pics .dot .box{display:flex;width: 300px;height: 120px;justify-content: space-between; align-items: center;padding: 10px;background-color: #fff;position: absolute;left: 20px; top:50%;margin-top: -50px;z-index: 10;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); display: none; }
.index_application_pic .pics .dot .box:before{display:block;content:'';width: 0;height: 0;border-style: solid;border-width: 8px 8px 8px 0;border-color: transparent #fff transparent transparent;position: absolute;left: -8px; top: 50%;margin-top: -8px;}
.index_application_pic .pics .dot:hover .box{display: flex;}

.index_application_pic .pics_54 .dot:nth-of-type(1) .box ,.index_application_pic .pics_54 .dot:nth-of-type(2) .box ,.index_application_pic .pics_211 .dot:nth-of-type(2) .box{margin-top: -80px;}
.index_application_pic .pics_54 .dot:nth-of-type(1) .box:before ,.index_application_pic .pics_54 .dot:nth-of-type(2) .box:before ,.index_application_pic .pics_211 .dot:nth-of-type(2) .box:before{margin-top: 22px;}
.index_application_pic .pics_54 .dot:nth-of-type(2) .box ,.index_application_pic .pics_55 .dot:nth-of-type(1) .box,.index_application_pic .pics_211 .dot:nth-of-type(2) .box{left: -310px;}
.index_application_pic .pics_54 .dot:nth-of-type(2) .box:before,.index_application_pic .pics_55 .dot:nth-of-type(1) .box:before,.index_application_pic .pics_211 .dot:nth-of-type(1) .box:before,.index_application_pic .pics_211 .dot:nth-of-type(2) .box:before,.index_application_pic .pics_212 .dot:nth-of-type(1) .box:before{display:block;content:'';left:100%;width: 0;height: 0;border-style: solid; border-width: 8px 0 8px 8px;border-color: transparent transparent transparent #fff;}

.index_application_pic .pics_56 .dot:nth-of-type(1) .box ,.index_application_pic .pics_55 .dot:nth-of-type(1) .box ,.index_application_pic .pics_211 .dot:nth-of-type(1) .box,.index_application_pic .pics_212 .dot:nth-of-type(1) .box{left: -200px;margin-top: 14px;}
.index_application_pic .pics_56 .dot:nth-of-type(1) .box:before ,.index_application_pic .pics_55 .dot:nth-of-type(1) .box:before,.index_application_pic .pics_211 .dot:nth-of-type(1) .box:before,.index_application_pic .pics_212 .dot:nth-of-type(1) .box:before{display:block;content:'';left:50%;top:0;margin-left:45px;width: 0;height: 0;border-style: solid; border-width: 0 8px 8px 8px;border-color: transparent transparent #fff transparent ;}

.index_application_pic .pics .dot .box .img{width: 30%;height: 100%;}
.index_application_pic .pics .dot .box .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.index_application_pic .pics .dot .box .text{width:calc(70% - 10px);display: flex; flex-direction: column; justify-content: center;font-size:12px;text-align: left; line-height: 20px;}
.index_application_pic .pics .dot .box .text h3{font-size:14px;margin: 0 0 5px 0;}
.index_application_pic .pics .dot .box .text span{color: #535353;}

.case_page{display: flex;justify-content: space-between;}
.case_page.last{margin-top: 3rem;}
.case_page:nth-of-type(even){flex-direction: row-reverse;}
.case_page dd{width: 650px;}
.case_page dt{width:calc(100% - 650px);background-color: #f6f6f6;padding: 5%;display: flex;flex-direction: column;justify-content: center;}
.case_page dt .img{width: 70px;height: 70px;background-color: #fff;border-radius: 50%;position: relative;display: block;overflow: hidden;}
.case_page dt .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.case_page dt .des{text-align: justify;margin-top: 20px;font-size: 1.5rem;}
.case_page dt .title{margin-top: 10px;font-weight: bold; color:#00afec;}
.case_page dt .title:after{display: block;content:''; width: 50px;height: 1px;margin: 5px 0 0;background-color: #00afec;}



.case_ccs{display: flex;justify-content: space-between; align-items: center;color: #00afec;background-color:#f2f2f2;padding:4rem 3rem;}
.case_ccs .text{width: 45%;font-size: 1.5rem;text-align: justify;}
.case_ccs .text a{color: #00afec;}
.case_ccs .ico{display: flex;justify-content: space-between;width: 40%;}
.case_ccs .ico a{display: flex;flex-direction: column;text-align: center;width:33%;align-items: center;color: #00afec;}
.case_ccs .ico a img{width: 12rem;height: 12rem;flex-shrink: 0;object-fit: contain;background-color: #fff;border-radius: 50%;}
.case_ccs .ico a span{width: 90%;margin: 1rem auto 0;}

.hb_list{margin: 0 -1.5rem;}
.hb_list li{padding: 0 1.5rem;margin-top: 3rem;}
.hb_list li .img{position: relative;overflow: hidden;border: #f2f2f2 solid 1px;}
.hb_list li .img::after{display: block;content: '';padding-bottom: 42%;}
.hb_list li .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;}
.hb_list li .img span{width: 100%;height: 100%;background-color: rgba(0, 175, 236, .9);color: #fff;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;text-align: center;opacity: 0;transition: all 300ms ease-in-out 0s;}
.hb_list li .img:hover span{opacity: 1;}

.index_about_con_rel{padding: 0;margin-top: 3rem;}
.index_about_con_rel .index_about_imgs ,.index_about_con_rel .index_about_text{width: calc(50% - 1.5rem);}
.index_about_con_rel .index_about_imgs .am-slides li a::after{padding-bottom: 56.25%;}
.index_about_con_rel video{display: block;width: 100%;}

.case_rel_con{display: flex;justify-content: space-between;margin-top: 4rem;align-items: center;}
.case_rel_con .item{width: calc(50% - 1.5rem);}
.case_rel_con .contact_info_list{padding: 0;}
.case_rel_con .contact_info_list li{margin-top: 0;}



.article_share{background-color: #f2f2f2;height: 9rem;display: flex;justify-content: space-between;align-items: center;padding: 0 3rem;margin-top: 4rem;position: relative;z-index: 100;}
.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:#999;color:#fff;transition: all 300ms ease-in-out 0s;}
.article_share .social_share a span{display: none;}
.article_share .social_share .digg_a{font-size: 1.4rem; line-height: 1rem;}
.article_share .social_share .digg_a em{font-size: 1rem;font-style: normal;}
.article_share .social_share a:hover{background-color:#3FA9F5;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}




/*
News
*/
.index_news{padding: 80px 0;}
.index_news_list{margin-top: 30px;}
.index_news_img{ margin: 0 -14px;}
.index_news_img li{padding: 0 14px;display: flex;justify-content: space-between;}
.index_news_img li .img{width:41%;}
.index_news_img li .img a{display: block;position: relative;padding-bottom: 65%; overflow: hidden;}
.index_news_img li .img a img{display: block;width: 100%;height: 100%; position: absolute;left: 0; top: 0; object-fit: cover;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.index_news_img li .img a:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.index_news_img li .text{width:59%;display: flex;flex-direction: column;padding:10px 0 10px 20px; justify-content: space-between;}
.index_news_img li .text .title{font-size: 1.8rem;}
.index_news_img li .text .des{font-size:14px; color: #999;margin-top: 5px;text-align: justify;  overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.index_news_img li .text .time{display: flex;font-size:14px;justify-content: flex-end;color: #999;}

.index_news_text{margin: 0 -14px;display: flex;flex-wrap: wrap;}
.index_news_text li{padding: 0 14px;margin-top: 20px;}
.index_news_text li .text{border: #dedede solid 1px;padding: 10px 0;display: flex;justify-content: space-between; position: relative;height:100%;}
.index_news_text li .text .des{width: 75%; border-right: #dedede solid 1px;padding: 8px 30px;}
.index_news_text li .text .des .title{display:block;font-size: 18px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.index_news_text li .text .des .ms{font-size: 14px;color: #999;margin-top: 5px;text-align: justify;overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.index_news_text li .text .time{width: 25%;padding:0 30px;display: flex;flex-direction: column;justify-content: center; align-items: center;}
.index_news_text li .text .time span{display: flex;font-size: 12px;width:100%;}
.index_news_text li .text .time span i{font-style: normal;}
.index_news_text li .text .time span:first-of-type{font-size: 28px; letter-spacing: 5px; white-space: nowrap;}
.index_news_text li .text .time span:last-of-type{font-size: 14px;justify-content: space-between;}
.index_news_text li .text .ft1{ width:0px; height:1px; position:absolute; z-index:22; top:-1px; left:0; background-color:#00afec}
.index_news_text li .text .ft2{ width:1px; height:0; position:absolute; z-index:22; bottom:0px; left:-1px;background-color:#00afec}
.index_news_text li .text .ft3{ width:0; height:1px; position:absolute; z-index:22; bottom:-1px; right:0;background-color:#00afec}
.index_news_text li .text .ft4{ width:1px; height:0; position:absolute; z-index:22; top:0px; right:-1px;background-color:#00afec}
.index_news_text li .text .ft1,.index_news_text li .text .ft3{-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;transition:width 1s;}
.index_news_text li .text:hover .ft1,.index_news_text li .text:hover .ft3{width:calc(100% + 1px);}
.index_news_text li .text .ft2,.index_news_text li .text .ft4{-webkit-transition:height 1s;-moz-transition:height 1s;-o-transition:height 1s;transition:height 1s;}
.index_news_text li .text:hover .ft2,.index_news_text li .text:hover .ft4{height:calc(100% + 1px);}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
.index_news_text li .text:hover .ft1,.index_news_text li .text:hover .ft3{width:100%;}
.index_news_text li .text:hover .ft2,.index_news_text li .text:hover .ft4{height:100%;}
}

.news_list{ margin: 10px -15px 0;}
.news_list li{padding: 0 15px;margin-top: 30px;}
.news_list li .text{ background-color: #fff; position: relative; overflow: hidden;box-shadow: 0px 0px 20px 5px rgba(62, 62, 62, 0.1); z-index: 1;}
.news_list li .text:after{display: block;content: ''; padding-bottom: 80%;}
.news_list li .iteam{display: block;padding: 110px 30px 30px; position: absolute; width: 100%;height: 100%;left: 0;top:0;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s; overflow: hidden;-webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.news_list li .time{width: 80px;height: 80px;display: flex;flex-direction: column;align-items: center; background-color:#00afec; color: #fff;justify-content: center; position: absolute;top: 0; left: 30px;}
.news_list li .time span{font-size: 14px;}
.news_list li .time b{font-size: 28px; line-height: 100%; margin-top: 5px;}
.news_list li .title{font-size:18px; line-height: 25px; max-height: 50px; overflow: hidden;}
.news_list li .des{color: #999; text-align: justify; margin-top: 15px;display: flex;flex-direction: column; font-size: 15px;line-height: 2;overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.news_list li .des span{line-height: 32px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_list li .des span i{margin-right:3px;width: 1em;text-align: center;font-size: 12px;}
.news_list li .info{ width: 100%;position: absolute;left:0;bottom:30px;color:#999;font-size:14px;display: flex; justify-content: space-between;padding:0 30px}
.news_list li .info span::before{margin-right: 5px;}
.news_list li .box{display:block;width: 100%;height:0;position: absolute;left: 0;top:0; background-color:#00afec; color: #fff;display: flex; flex-direction: column;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s; opacity: 0; overflow: hidden;z-index: 2;}
.news_list li .box .img{position: relative;}
.news_list li .box .img:after{display: block;content: ''; padding-bottom: 62.5%;}
.news_list li .box .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;object-fit: cover;}
.news_list li .box .name{display: flex;height: 43.75%;justify-content: center; align-items: center;padding:15px 25px;font-size: 16px;display: none;}
.news_list li:hover .box{height: 100%; opacity: 1;}
.news_list li:hover .box .name{display: flex;}
.news_list li:hover .iteam{-webkit-transform: translateY(60px); -moz-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px);}

.news_page_left{ width:calc(100% - 55rem); float:left; background-color: #fff;}
.news_page_left.last{background:none;padding:0;}
.article-hd{ text-align:center; border-bottom:#f2f2f2 solid 1px; padding-bottom:20px;}
.article-hd .title{ font-size:22px; margin:0; font-weight:500; color:#000;}
.article-hd .info{ color:#999; font-size:14px; margin-top:15px;}
.article-hd .info span{ margin:0 20px;}
.article-hd .info span em{ font-style:normal;}
.article-hd .info span a{ color:#999;}
.article-hd .info span a:hover{color:#00afec;}
.article_bd{ margin-top:25px;}
.am-paragraph-default.article_bd p{margin: 16px 0; line-height: 2;}
.am-paragraph-default.article_bd p img{display:inline-block;margin:0 auto 8px;}
.am-paragraph-default.article_bd p:first-child{margin-top:0;}
.am-paragraph-default.article_bd p:last-child{margin-bottom:0;}
.link_btn{ margin-top:50px; text-align:center;}
.link_btn a{ display:inline-block; width:60px; height:60px; border-radius:50%; margin:0 15px; color:#fff!important; text-align:center; padding-top:12px;background-color:#3e3e3e;transition: all 300ms ease-in-out 0s;font-size:14px;}
.link_btn a:hover{background-color:#00afec;transition: all 300ms ease-in-out 0s;}
.link_btn a:before{ display:block; font-size:18px;margin:0 auto;}

.am-modal-actions{overflow: initial!important;}
.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}
.social_share{display: flex;justify-content: center;padding:20px 0}
.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;}
.social_share a:hover{background-color: #00afec;color: #fff;}

.news_page_right{ width:45rem; float:right; background-color: #fff;}
.article_commend .name{font-size:16px; font-weight: bold;}
.article_commend .name:before ,.article_tag .title:before ,.page_rel_title:before{display: inline-block; content: ''; width: 1px; height: 14px;background-color:#00afec;  margin-right: 10px; vertical-align: middle;}
.article_tag{margin-top:25px;border-top:#dedede dashed 1px;padding-top:30px}
.article_tag .title{margin-bottom:10px;font-size:16px;font-weight: bold;}
.article_tag_yun{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.article_tag_yun a{padding:5px 6px;margin-top:10px;font-weight: 500;}
.article_tag_yun a:hover{background-color:#00afec; color:#fff!important;}
.article_rel li{margin-top:20px}
.article_rel li a{ overflow: hidden;}
.article_rel li .img{display:block;position: relative;border: #f2f2f2 solid 1px;}
.article_rel li .img:after{ display:block; content:''; padding-bottom:55%;}
.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_rel li .img:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);}
.article_rel li .text{padding:10px 0}
.article_rel li .text .title{font-size: 15px;}
.article_rel li .text .tag{margin-top:10px}
.article_rel li .text .am-badge{margin-right:10px;font-weight:normal;}
.article_rel li .text .am-badge:hover{background-color:#00afec; color:#fff!important;}
.article_hot{margin-top:10px;}
.article_hot li{padding:10px 0; border-top:#f2f2f2 dashed 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;margin:0;}
.article_hot li i{width:16px;height:16px;line-height:16px;padding:0;font-style:normal;font-size:11px;margin-right:6px;vertical-align: middle;font-weight: 500;}
.article_hot li:nth-of-type(1) i{background: #e71555;color: #fff;}
.article_hot li:nth-of-type(2) i{background: #16d083;color: #fff;}
.article_hot li:nth-of-type(3) i{background: #ff6700;color: #fff;}
.article_hot li:first-of-type{border-top:#f2f2f2 solid 1px;}
.article_hot li:last-of-type{padding-bottom:0;}
.page_rel .am-list{margin-top:10px;padding:0 10px; font-size: 15px;}
.page_rel .am-list li{border: none;border-bottom: 1px solid #dedede; margin-bottom: 0; }
.page_rel .am-list li a{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page_rel .am-list li span{float: right;font-size: 14px; padding-left: 10px;}

.article_con_bottom{background:#f2f2f2;padding:20px;margin-top:20px;border-radius: 3px;}



.news_banner {width:100%;margin:0 auto 20px;position: relative; overflow: hidden; z-index:2; }
.news_banner:after{display: block; content: ''; padding-bottom: 56.3%;}
.news_banner .am-slider-default{position: absolute;width:100%;height:100%;left:0;top:0;z-index: 1;border-radius:0;box-shadow:none;margin: 0; background:#f2f2f2 center no-repeat;border:none;box-shadow:none;}
.news_banner .am-slider-default .am-slides{height: 100%;}
.news_banner .am-slider-default .am-slides li{width: 100%;height: 100%;position: absolute;left: 0;top: 0; z-index: 1;}
.news_banner .am-slider-default .am-slides li img{width:100%;height:100%;margin: 0 auto;object-fit: contain;}
.news_banner .am-slider-default .am-direction-nav a{width: 36px;height: 48px;line-height:48px;margin: -24px 0 0;color: #fff; background-color: rgba(0,0,0,0.3);}
.news_banner .am-slider-default .am-direction-nav a.am-next{border-bottom-left-radius:30px;border-top-left-radius:30px;right: 0; padding-left: 10px;}
.news_banner .am-slider-default .am-direction-nav a.am-prev{border-bottom-right-radius:30px;border-top-right-radius:30px;left: 0; padding-right: 10px;}
.news_banner .am-slider-default .am-direction-nav a:before{height: 48px;line-height:48px!important;font-size: 25px!important;}
.news_banner .am-slider-default .am-direction-nav a.am-prev:before{content: "\f104";color:#fff;}
.news_banner .am-slider-default .am-direction-nav a.am-next:before{content: "\f105";color:#fff;}
.news_banner .am-control-nav{bottom:15px;z-index:10;}
.news_banner .am-control-nav li{margin:0 5px 0 0}
.news_banner .am-control-nav li a{width:8px;height:8px;background:#333;box-shadow:none;z-index:3; position:relative;}
.news_banner .am-control-nav li a.am-active{background: #00afec;}

#newBridge{z-index:1000!important;}

/*
Footer
*/
footer{ background-color: #f2f2f2;padding: 50px 0 0;}
.footer_nav{display: flex; justify-content: space-between;position: relative;}
.footer_nav dt{width: 300px;text-align: justify;}
.footer_nav dt .img{display: block;height: 45px;}
.footer_nav dt .des{font-size: 14px;margin-top: 10px; line-height: 24px;}


.wx_img{text-align: center;display: flex;margin-top: 10px;}
.wx_img a{margin-right:2rem}
.wx_img img{display: block;height: 100px;}
.weixin_img{width: 250px;}
.layer_open .layui-layer-btn{display:none;}


.footer_nav dd .title{font-weight: bold;color: #000;}
.footer_nav dd .title a{color: #000;}
.footer_nav dd .list{display: flex;flex-direction: column; line-height: 32px;margin-top: 10px;}
.footer_nav dd .list a{color: #595959;font-size:14px;}
.footer_nav dd .list a:hover ,.index_link a:hover{color:#00afec;}

.footer_nav dd .list.two{width: 26rem;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.footer_nav dd .list.two a{width: 48%;white-space: nowrap;}

.index_link{margin-top:20px;font-size:14px;color: #595959;}
.index_link span{display:inline-block;}
.index_link a{display:inline-block;margin-right:20px;color: #595959;}
.index_link a:first-of-type{margin-left:10px;}
.index_link a img{display:inline-block;width:16px;height:16px;border-radius:50%;margin-right:3px;}

.footer_info{padding: 20px 0;text-align:center;font-size:14px;background-color: #e6e6e6;margin-top: 40px;line-height: 28px;}
.footer_info span{display: inline-block;margin: 0 15px;}




/*
Banner
*/
.banner{position: relative; min-width: 1300px;margin: 0 auto;}
.banner.grey{background-color: #f0f0f0;}
.banner img{display: block;width:100%;}
.banner .con{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;position: absolute;left: 0;top: 0;}
.form_search{display: flex;align-items: center;width: 48rem;}
.form_search .layui-input{height: 4.8rem;border-top-right-radius: 0;border-bottom-right-radius: 0;font-size: 1.5rem;}
.form_search .layui-btn{height: 4.8rem;border-top-left-radius: 0;border-bottom-left-radius: 0;background-color:#00afec;font-size: 2.2rem;}


.banner_case{display: flex;justify-content: space-between;height: 27rem;align-items: center;}
.banner_case.ccs{height: 40rem;}
.banner_case .ico img{width: 15.7rem;}
.banner_case .img{height: 80%;}
.banner_case .img img{height:100%;display: block;}
.banner_case .text{text-align: right;}
.banner_case .title{font-weight: bold;color: #00afec;font-size: 2rem;}
.banner_case.ccs .text{font-size: 1.8rem;}
.banner_case.ccs .title{font-size: 2.8rem;}
.banner_case .des{color: #585757;margin-top: 1rem;}
.banner_case .des p:empty{display: none;}


/*
Guide
*/
.guide{background-color: #f6f6f6;}
.guide.white{background-color: #fff;}
.guide.shadow{box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.guide dd{display: flex;height: 60px;justify-content: space-between; align-items: center;}
.guide dd .title{font-weight: bold;color: #00afec;}
.guide dd .guide_nav{font-size: 15px;white-space: nowrap;display: flex;align-items: center;}
@media screen and (max-width:1024px) {
  .web_w,.skin_search_dropdown{width:100%;padding:0 16px;box-sizing:border-box;}
  .menu .web_w{display:flex;align-items:center;justify-content:space-between;}
  .menu .logo{float:none;height:48px;padding:2px 0;}
  .menu .logo img{height:26px;}
  .am-menu{float:none;display:flex;align-items:center;gap:10px;justify-content:flex-end;}
  .menu .web_w .am-menu{display:flex !important;visibility:visible !important;opacity:1 !important;}
  .nav{display:none;float:none;}
  .top_language{display:none;}
  .top_search{display:none;}
  .menu .am-menu .rato-mobile-toggle{display:flex !important;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #dde3ea;border-radius:10px;background:#fff;cursor:pointer;box-shadow:0 6px 14px rgba(15,23,42,.08);transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;visibility:visible !important;opacity:1 !important;}
  .rato-mobile-toggle:hover{border-color:#c9d3df;box-shadow:0 8px 18px rgba(15,23,42,.12);}
  .rato-mobile-toggle:active{transform:scale(.98);background:#fff;}
  .rato-bar{display:block;width:20px;height:2px;border-radius:2px;background:#1b1f24;margin:3px 0;}
  .rato-mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:82vw;max-width:320px;background:#fff;z-index:2000;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;}
  .rato-mobile-drawer.is-open{transform:translateX(0);}
  .rato-mobile-drawer[hidden]{display:none;}
  .rato-mobile-drawer-inner{height:100%;display:flex;flex-direction:column;}
  .rato-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee;font-size:16px;}
  .rato-mobile-close{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;}
  .rato-mobile-content{padding:12px 16px;overflow:auto;flex:1;}
  .rato-mobile-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
  .rato-mobile-menu a{color:#333;text-decoration:none;font-weight:600;}
  .rato-mobile-menu .sub-menu{list-style:none;margin:6px 0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px;}
  .rato-mobile-lang{margin-top:16px;font-size:14px;}
  html.rato-mobile-open,body.rato-mobile-open{overflow:hidden;}
  .index_title .title{font-size:24px;}
  .index_title .des{font-size:14px;}
  .index_about_con{flex-direction:column;padding:40px 0;gap:24px;}
  .index_about_imgs,.index_about_text{width:100%;}
  .index_product .hd ul{flex-wrap:wrap;justify-content:center;gap:8px;}
  .index_product .hd ul li{margin:8px 10px;font-size:14px;}
  .index_product .hd ul li a:before{width:44px;height:44px;}
  .product_list{margin:18px -8px 0;}
  .product_list li{padding:0 8px;margin-top:16px;}
  .product_list li a h2{font-size:14px;line-height:20px;}
  .product_list.am-avg-sm-4 > li{width:50%;float:left;}
  .index_application{padding:50px 0;}
  .index_application dd{flex-direction:row;gap:10px;align-items:stretch;}
  .index_application dd .iteam{border-radius:10px;overflow:hidden;}
  .index_application dd .iteam:nth-of-type(1){width:24%;}
  .index_application dd .iteam:nth-of-type(2){width:52%;}
  .index_application dd .iteam:nth-of-type(3){width:24%;}
  .index_application dd .iteam .list{padding:20px 14px;align-items:flex-start;text-align:left;}
  .index_application dd .iteam:nth-of-type(2) .list{width:50%;padding:20px 14px;}
  .index_application dd .iteam .list .img{width:56px;height:56px;margin:0 0 8px;}
  .index_application dd .iteam .list .title{font-size:14px;}
  .index_application dd .iteam .list .des{font-size:14px;}
  .index_application_bar{display:none;}
  .index_news{padding:50px 0;}
  .index_news_img{margin:0;}
  .index_news_img li{flex-direction:column;gap:12px;padding:0;margin-bottom:18px;}
  .index_news_img li .img{width:100%;}
  .index_news_img li .text{width:100%;padding:0;}
  .index_news_img li .text .title{font-size:16px;}
  .index_news_img li .text .des{-webkit-line-clamp:2;}
  .index_news_text{margin:0;}
  .index_news_text li{padding:0;margin-top:16px;}
  .index_news_text li .text{flex-direction:column;gap:12px;align-items:flex-start;}
  .index_news_text li .text .des{width:100%;border-right:0;padding:0 16px;}
  .index_news_text li .text .time{width:100%;padding:0 16px 12px;flex-direction:row;justify-content:space-between;align-items:center;}
  .index_news_text li .text .time span{width:auto;}
  .partner_sort{flex-wrap:wrap;}
  .partner_sort dt{width:28%;height:auto;min-height:90px;font-size:14px;line-height:1.4;}
  .partner_sort dd{width:72%;flex-wrap:wrap;}
  .partner_sort dd span{width:50%;height:90px;}
  .case_sort_menu{padding:0;gap:16px;}
  .case_sort_menu dt{width:28%;min-width:120px;}
  .case_sort_menu dd{width:72%;}
  .case_sort_menu .bd_box{flex-wrap:wrap;gap:16px;}
  .case_sort_menu .bd_box .item{width:58%;font-size:14px;}
  .case_sort_menu .bd_box .item a{width:48%;margin:10px 0;}
  .case_sort_menu .bd_box .img{width:42%;}
  .case_sort_menu .bd_box .des{font-size:12px;}
  .pro_sort_menu{gap:12px;}
  .pro_sort_menu dl{width:calc(50% - 6px);flex-direction:row;gap:10px;}
  .pro_sort_menu dl dt{width:45%;}
  .pro_sort_menu dl dd{width:55%;padding-left:0;font-size:13px;}
  .news_list{margin:10px -8px 0;}
  .news_list li{padding:0 8px;margin-top:20px;}
  .news_list li .text:after{padding-bottom:90%;}
  .news_list li .iteam{padding:90px 20px 24px;}
  .news_list li .time{width:64px;height:64px;left:20px;}
  .news_list li .info{position:static;padding:0 20px;margin-top:16px;}
  .case_page{flex-direction:column;gap:16px;}
  .case_page:nth-of-type(even){flex-direction:column;}
  .case_page dd,.case_page dt{width:100%;}
  .case_page dt{padding:24px 20px;}
  .case_ccs{flex-direction:column;gap:16px;padding:24px 20px;}
  .case_ccs .text,.case_ccs .ico{width:100%;}
  .case_ccs .ico{flex-wrap:wrap;gap:12px;justify-content:flex-start;}
  .case_ccs .ico a{width:calc(33.33% - 8px);}
  .product_fl_list dd{width:100%;flex-direction:column;gap:16px;padding:24px;}
  .product_fl_list .img,.product_fl_list .text{width:100%;}
  .news_page_left,.news_page_right{width:100%;float:none;}
  .news_page_right{margin-top:24px;}
  .article_share{height:auto;padding:16px 20px;flex-wrap:wrap;gap:12px;}
  .article_share dt,.article_share dd{width:100%;}
  .article_share dd{justify-content:flex-start;flex-wrap:wrap;gap:10px;}
  .map_cn_list{position:static;width:100%;height:auto;margin-top:20px;}
  #map_cn .content{width:auto;}
  .contact_info_list{flex-wrap:wrap;}
  .contact_info_list li{width:50%;}
  .form_contact .layui-form-group{width:100%;}
  .form_contact .layui-form-group .layui-form-item{width:100%;}
  .tec_scroll .am-slides li{flex-direction:column;}
  .tec_scroll .am-slides li .img{width:100%;}
  .tec_scroll .am-slides li .text{width:100%;padding:20px;}
  .down_list .am-nav-tabs li{width:calc(50% - 1rem);}
  .tec_list li{flex-direction:column;gap:16px;}
  .tec_list li .tec_time{width:100%;padding-right:0;text-align:left;}
  .tec_list li .tec_img{width:100%;}
  .tec_list li .tec_text{width:100%;}
  .search_list{flex-direction:column;}
  .search_list dt{width:100%;height:auto;}
  .search_list dd{width:100%;padding-left:0;margin-top:12px;}
  .footer_nav{flex-direction:column;gap:20px;}
  .footer_nav dd{width:100%;}
  .footer_nav dd .list.two{width:100%;}
  .footer_info{text-align:left;}
  .footer_info span{display:block;margin:4px 0;}
  .index_news_img.am-avg-sm-2 > li,.index_news_text.am-avg-sm-2 > li{width:100%;float:none;}
}
@media screen and (min-width:1025px) {
  #rato-mobile-drawer{display:none;}
}

@media screen and (max-width:768px) {
  .index_banner .am-slides li .text .title{font-size:2.6rem;}
  .index_banner .am-slides li .text .des{font-size:2rem;}
  .index_product .hd ul li{width:33.33%;}
  .product_list.am-avg-sm-4 > li{width:50%;}
  .index_application dd{flex-wrap:wrap;gap:12px;}
  .index_application dd .iteam:nth-of-type(1),
  .index_application dd .iteam:nth-of-type(3){width:calc(50% - 6px);}
  .index_application dd .iteam:nth-of-type(2){width:100%;}
  .index_application dd .iteam:nth-of-type(2) .list{width:50%;padding:18px 12px;}
  .index_application dd .iteam .list{padding:18px 12px;}
  .index_application dd .iteam .list .img{width:52px;height:52px;}
  .partner_sort dt{width:32%;font-size:13px;}
  .partner_sort dd{width:68%;}
  .partner_sort dd span{height:80px;}
  .case_sort_menu{flex-direction:column;}
  .case_sort_menu dt{width:100%;}
  .case_sort_menu dd{width:100%;}
  .case_sort_menu .bd_box{gap:12px;}
  .case_sort_menu .bd_box .item{width:100%;}
  .case_sort_menu .bd_box .item a{width:48%;}
  .case_sort_menu .bd_box .img{width:100%;margin-top:12px;}
  .pro_sort_menu dl{width:calc(50% - 6px);}
  .contact_info_list li{width:100%;}
  .news_page_pages{flex-direction:column;gap:10px;}
  .company-profile{margin:28px 0!important;}
  .company-profile .am-u-md-6{width:100%;float:none;}
  .company-profile .am-u-md-6 + .am-u-md-6{margin-top:16px;}
  .company-profile h2{font-size:22px!important;margin-bottom:14px!important;padding-left:12px!important;}
  .company-profile .content-text{font-size:14px!important;line-height:1.7!important;}
  .company-profile-media{height:220px!important;}
  .company-culture{margin-bottom:32px!important;padding:24px 16px!important;}
  .company-culture h2{font-size:22px!important;margin-bottom:20px!important;}
  .company-culture h3{font-size:18px!important;}
  .company-culture p{font-size:14px!important;}
  .about_list{padding:24px 0;}
  .about_culture_list{width:100%;height:auto;padding:20px;}
  .about_history{padding:0 16px;}
  .about_history .slider-nav .iteam{font-size:22px;}
  .about_history .slider-for .iteam .title{font-size:24px;}
  .about_history .slider-nav .slick-prev,
  .about_history .slider-nav .slick-next{width:20px;height:20px;top:-2px;}
  .about_history .slider-nav .slick-prev{left:0;}
  .about_history .slider-nav .slick-next{right:0;}
}

@media screen and (max-width:480px) {
  .index_banner .am-slides li .text .title{font-size:2.2rem;}
  .index_banner .am-slides li .text .des{font-size:1.6rem;}
  .index_product .hd ul li{width:50%;}
  .product_list.am-avg-sm-4 > li{width:50%;}
  .partner_sort dt{width:100%;min-height:auto;padding:12px 10px;}
  .partner_sort dd{width:100%;}
  .partner_sort dd span{height:72px;}
  .pro_sort_menu dl{width:100%;}
  .case_sort_menu .bd_box .item a{width:100%;}
  .case_ccs .ico a{width:calc(50% - 6px);}
  .product_fl_list dd{padding:20px;}
  .article_share{padding:14px 16px;}
  .down_list .am-nav-tabs li{width:100%;}
  .form_contact .layui-btn{width:100%;}
  .company-profile-media{height:180px!important;}
  .company-culture h2{font-size:20px!important;}
  .about_history .slider-nav .iteam{font-size:18px;}
  .about_history .slider-for .iteam .title{font-size:20px;}
}
.guide dd .guide_menu a{display: inline-block;margin-left: 60px;position: relative;}
.guide dd .guide_menu a:after{display: block;content:'';width: 1px;height:16px;position: absolute; right: -30px; top: 50%;margin-top: -8px; background-color: #333;}
.guide dd .guide_menu a:last-of-type:after{display:none;}
.guide dd .guide_menu a:first-of-type{margin-left: 0;}

.guide_menu .am-dropdown{position: relative;margin-left: 6rem;}
.guide_menu .am-dropdown:before{display: block;content:'';width: 1px;height:16px;position: absolute; left: -30px; top: 50%;margin-top: -8px; background-color: #333;}
.guide_menu .am-dropdown .am-btn{padding: 0;background: none!important;font-size: 1.6rem;font-weight: normal;border: none;outline: none; box-shadow: none;line-height: 1.6;}
.guide_menu .am-dropdown .am-dropdown-content{padding: .5rem 0;}
.guide_menu .am-dropdown .am-dropdown-content li a{margin:.5rem 0;display: block;background: none!important;font-size: 1.5rem;}
.guide_menu .am-dropdown .am-dropdown-content li a:hover ,.guide_menu .am-dropdown.am-active .am-btn{color: #00afec;}


.page{padding:3% 0 4%}
.page.grey{background-color: #f6f6f6;padding-top: 5px;}
.sort_name{text-align: center;}
.sort_name h2{font-size: 3.2rem;color: #00afec;margin: 0;font-weight: bold;}
.sort_name h2:after{display: block;content:''; width: 40px;height: 1px;margin: 2rem auto 0;background-color: #00afec;}
.sort_name .ms{max-width: 1100px;margin: 15px auto 0;font-size: 15px;}

/*
Contact
*/

#map_cn{width:100%;height: 500px;background-color: #f2f2f2;position: relative;margin-top:3rem;}
#map_cn .title{color:#00a0e9;font-weight: bold;font-size: 16px;padding:10px;}
#map_cn .content{font-size:15px;width: 450px;padding:0 10px 10px;line-height: 1.6;}

.map_cn_list{position: absolute;right: 0;top:0;width: 36rem;height: 100%;background: rgba(255, 255, 255, 0.8);z-index: 10;font-size: 1.4rem;}
.map_cn_list .item{line-height: 1.4;padding: 2rem;cursor: default;}
.map_cn_list .item p{margin-bottom: .7rem;}
.map_cn_list .item p:first-of-type{margin-bottom: 1.5rem;}
.map_cn_list .item p:last-of-type{margin-bottom: 0;}
.map_cn_list .item:not(:last-of-type){border-bottom: #ccc solid 1px;}

.contact_info_list{ margin: 0 -10px;padding: 30px 0;}
.contact_info_list li{padding: 0 10px;display: flex; flex-direction: column; text-align: center;margin-top: 40px;position: relative;z-index:10;}
.contact_info_list li i{width: 60px; height: 60px; border:#dedede solid 1px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #00afec; margin: 0 auto 10px;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.contact_info_list li span:first-of-type{color: #666;}
.contact_info_list li span:last-of-type ,.contact_info li span a{color: #000;}
.contact_info_list li .img{width:200px;height:200px; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);bottom: -200px;display:none;}
.contact_info_list li .img img{display:block;width:200px;height:200px;}
.contact_info_list li:hover i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg); background-color:#00afec;border:#00afec solid 1px; color: #fff;}
.contact_info_list li:hover .img{display:block;}

/*
Form
*/
.form_contact{display: flex; justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.form_contact .layui-form-group{width: calc(50% - 20px);display: flex;flex-wrap: wrap;justify-content: space-between;}
.form_contact .layui-form-group .layui-form-item{width: calc(50% - 10px);position: relative;}
.form_contact .layui-form-group .layui-form-item:nth-last-of-type(1),.form_contact .layui-form-group .layui-form-item:nth-last-of-type(2){width: 100%;}
.form_contact .layui-form-group .layui-form-item:nth-last-of-type(1){margin-bottom: 0}
.form_contact .layui-form-group em{display:block;position: absolute;right: 8px; bottom: 0;top:0;line-height:38px;color: #ff0000; font-style: normal;z-index:10;font-size:16px}
.form_contact .layui-form-group textarea{ font-size:16px; height:100%;}
.form_contact .layui-btn{ text-align:center; background-color:#00afec; color:#fff; outline: none;width: 160px;margin-top: 20px;font-size: 15px;}
.form_contact .layui-form-group.flex{display: flex;margin-top: 20px;justify-content: flex-start;}
.form_contact .layui-form-group.flex .layui-input{width: 140px;display: flex;justify-content: space-between;align-items: center;text-align: center;}
.form_contact .form-code{display: block;height: 36px;margin-left: 20px;}


/*
Service
*/
.tec_scroll{position: relative;padding-top:40px;}
.tec_scroll .am-slider-default{border-radius:0;box-shadow:none;margin: 0;border:none;box-shadow:none;background-color: #f6f6f6;}
.tec_scroll .am-slides li{display: flex!important;justify-content: space-between; align-items: center; overflow: hidden;}
.tec_scroll .am-slides li .img{display:block;width:60%;position: relative; overflow: hidden;}
.tec_scroll .am-slides li .img:before{display: block;content:''; padding-bottom: 45%;}
.tec_scroll .am-slides li .img img{display:block;position: absolute;width: 100%;height: 100%;left: 0;top: 0; object-fit: cover;}
.tec_scroll .am-slides li .text{display: flex; width: 40%; flex-direction: column;padding:30px;}
.tec_scroll .am-slides li .text .title{font-size: 16px; line-height: 120%;font-weight: bold;}   
.tec_scroll .am-slides li .text .des{color: #535353; margin-top: 15px;text-align: justify;font-size: 15px;}  
.tec_scroll .am-slides li .text .more_btn{margin-top: 30px;}
.tec_scroll .am-control-nav{width:34%;bottom:50px;left:auto;right:0;z-index:10;text-align: right;padding-right: 25px;}
.tec_scroll .am-control-nav li{margin:0 5px}
.tec_scroll .am-control-nav li a{width:8px;height:8px;background:rgba(0, 0, 0, 0.5);box-shadow:none;z-index:3; position:relative;}
.tec_scroll .am-control-nav li a.am-active{background: #00afec;}


.down_list .am-nav-tabs {text-align: center;display: flex;border: none;margin-top: 3rem;flex-wrap: wrap;justify-content: space-between;}
.down_list .am-nav-tabs::before,.down_list .am-nav-tabs::after{display: none;}
.down_list .am-nav-tabs li {font-size:16px;width: calc(16% - 1rem);font-weight: 500;text-align:center;position: relative;margin: 2.5rem 0 0;}
.down_list .am-nav-tabs li a {display:block;margin:0;padding:.6rem;border:none!important;background:#f2f2f2!important;}
.down_list .am-nav-tabs li.am-active a {color:#fff;background-color: #00afec!important;}
.down_list .am-nav-tabs li.am-active:after{display: block;content:'';width: 0;height: 0;border-style: solid;border-width: 8px 8px 0 8px;border-color: #00afec transparent transparent transparent;position: absolute;left: 50%;bottom: -8px;margin-left: -8px;}
.down_list .am-tabs-bd {padding:0;border:none;}
.down_list .am-tabs-bd .am-tab-panel{padding:30px 0 0 0}
.down_list .am-table{margin:0;}
.down_list .am-table tr th ,.down_list .am-table tr td{text-align: center; font-size: 15px;}
.down_list .am-table tr th:nth-of-type(1){width: 60px;}
.down_list .am-table tr th:nth-of-type(2){width: 30%;}
.down_list .am-table tr th:nth-of-type(3){width: 20%;}
.down_list .am-table tr th:nth-of-type(4){width: 20%;}
.down_list .am-table tr th:nth-of-type(5){width: 100px;}
.down_list .am-table tr th:nth-of-type(6){width: 100px;}
.down_list .am-table tr td img{height: 50px;}

.tec_list li{padding-bottom:30px;position:relative; margin-top:30px; border-bottom:#dedede dashed 1px;display: flex;justify-content: space-between;}
.tec_list li:first-of-type{margin-top: 0;}
.tec_list li .tec_time{width:120px; padding-right:30px;float: left;line-height:32px;font-size:20px; color: #B0B0B0;text-align:center;margin-top:10px; position:relative;}
.tec_list li .tec_time:after{display:block;content:''; position:absolute; width:1px; height:0px; background:#B0B0B0;transition: all 0.3s ease-out 0s; right:0; top:0;}
.tec_list li .tec_time span{font-size:36px;padding-bottom:10px;display: block; border-bottom:#B0B0B0 solid 1px; margin-bottom:5px;}
.tec_list li .tec_img{ display:block;width:300px;overflow:hidden;position: relative;}
.tec_list li .tec_img:after{display: block;content: '';padding-bottom: 60%;}
.tec_list li .tec_img img{ display:block; width:100%; height:100%; position: absolute;left: 0;top: 0;object-fit: cover;-webkit-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}
.tec_list li .tec_img:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.tec_list li .tec_text{width:calc(100% - 480px);position: relative;}
.tec_list li .tec_text .title{white-space:nowrap; overflow:hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.tec_list li .tec_text .des{margin-top:15px; line-height:26px; font-size:15px; overflow:hidden; position:relative; color: #909090;}
.tec_list li .tec_text .des span{display:block;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.tec_list li .tec_text .tag{ position:absolute; left:0; bottom:0; font-size:0; overflow:hidden;}
.tec_list li .tec_text .tag a{ display:inline-block; margin-right:10px;font-size:12px; position:relative;}
.tec_list li .tec_text .tag a span{ display:block;}
.tec_list li .tec_text .more{ display:block; position:absolute; right:0; bottom:0;width:80px; height:22px; line-height:23px; background:#f1f1f1;text-align:center;font-size:12px; border-radius:10px;}
.tec_list li .tec_text .more:hover ,.tec_list li .tec_text .tag a:hover{ background-color:#00afec; color:#FFFFFF!important;}
.tec_list li:hover .tec_time:after{ height:50%;}
.tec_list li:hover .tec_text .title ,.tec_list li:hover .tec_text .des span{transform: translateX(10px);}
.tec_list li:after{display:block;content:'';width:0; height:1px; background:#00afec; position:absolute; z-index:12; bottom:-1px; left:0;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.tec_list li:hover:after{width:100%;}




/*
PAGEBAR
*/
.page_list{text-align:center;margin-top:3%; font-size:14px;}
.page_list a {display: inline-block;margin:0 10px;width:25px;height:25px;line-height:25px;border-radius:50%;background-color:#f2f2f2;}
.page_list .page-num-current{background-color:#00afec!important;color: #fff;}
.grey .page_list a {background-color: #fff;}
.news_page_pages{margin-top:3rem; padding:1.5rem 0rem; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; position:relative; font-size:1.6rem;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.6rem;color: #595959;}
.error_x i{ margin-right:1rem;}
.page_rel{ margin-top:3%;}
.page_rel_title{ background-color:#f2f2f2; padding:10px 20px; font-size: 16px;color:#000;font-weight: bold;}
.page_rel_title a{ float:right; font-size: 16px; font-weight: normal;}
/*
SEARCH
*/
.search_list{display: flex; background-color: #fff;margin-bottom: 25px; border-bottom: #f2f2f2 solid 1px;padding-bottom: 25px;}
.search_list dt{width:180px;height:120px;display: flex;}
.search_list dt a{width:100%;height:block;position: relative;}
.search_list dt img{display:block;width: 100%;height: 100%; position: absolute; left: 0; top: 0; object-fit: contain;}
.search_list dd{width:calc(100% - 180px);display: flex; flex-direction: column; justify-content: center;padding-left:20px;}
.search_list dd h2{margin:0;font-size:16px;}
.search_list dd .card-text{color:#666;font-size: 15px;margin:6px 0;}
.search_list dd .card-sort{font-size: 13px;color:#999;}
.search_list dd .card-sort span{margin-right:20px;}
.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:#00afec;}
.tag_list_all{margin: 0 -8px;}
.tag_list_all li {padding: 0 8px;margin-bottom: 16px;}
.tag_list_all li a{display: block;background-color: #999; color: #fff;text-align: center;font-size:12px;padding: 8px;}
.tag_list_all li a:hover{background-color: #00afec;}


.sitemap{margin: 3% 0 0;border:#dedede solid 1px;}
.sitemap:first-of-type{margin-top: 0;}
.sitemap dt{font-weight: bold;background-color: #f2f2f2;padding: 1rem;padding-left: 2rem;}
.sitemap dt a{color: #00afec;}
.sitemap dd{display: flex;padding: 2rem;flex-wrap:wrap;}
.sitemap dd .link_p{margin:0 2rem 1rem 0;font-size: 1.4rem;}


/* English Banner */
.index_banner.en-banner{margin:0 auto;position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;}
.index_banner.en-banner:after{display: block;content:'';padding-bottom: 25%;}
.index_banner.en-banner .b-covers{display: block;width: 100%;height: 100%;position: absolute;top: 0;display: flex;justify-content: center;align-items: center;   overflow: hidden;-webkit-transform: skew(20deg);-ms-transform: skew(20deg);transform: skew(20deg);z-index: 50;}
.index_banner.en-banner .b-covers .b-boxs{text-align:center;max-width:660px;margin:auto}
.index_banner.en-banner .banner-title{font-size:50px;line-height:62px;color:#fff;}
.index_banner.en-banner .b-sapn{font-size:22px;color:#fff;line-height:1.6;margin-top:20px}
.index_banner.en-banner .banner-more{margin-top: 20px;}
.index_banner.en-banner .banner-more span{color:#fff;font-size:16px;margin-right:8px}
.index_banner.en-banner .banner-more span:hover{color:#00b0ec}
.index_banner.en-banner .back{width:100%;height:100%;overflow:hidden;position: absolute;;left:0;top:0;background-color: #000;}
.index_banner.en-banner .back img{width:100%;height:100%;max-width:100%;vertical-align:bottom}
.index_banner.en-banner .banner-left{width:55.4%;position:relative}
.index_banner.en-banner .banner-right{width:55.4%;position:absolute;right:0;top:0}
.index_banner.en-banner .skew{width:15px;height:100%;background:#fff;position:absolute;left:50%;top:0;transform:skew(-15deg);margin-left:-7px;z-index:9}
.index_banner.en-banner .b-imgs{width:100vw;min-height:100%;position:absolute;left:13.8%;top:0;z-index:10;-webkit-transform:skew(20deg);-ms-transform:skew(20deg);transform:skew(20deg)}
.index_banner.en-banner .b-imgs img{min-width:100%}
.index_banner.en-banner .slide-lists{display:block;width:58%;height:100%;position:absolute;overflow:hidden;z-index:10;top:0;bottom:0;-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg);-webkit-transition:width .8s ease-in-out .2s;transition:width .8s ease-in-out .2s;z-index:40}
.index_banner.en-banner .slide-lists.left-slide{left:-8%;border-right:10px solid #fff;z-index:41}
.index_banner.en-banner .slide-lists.right-slide{right:-8%}
.index_banner.en-banner .slide-lists.active{width:90%;z-index:44}
.index_banner.en-banner .slide-lists.active1{width:26%}
.index_banner.en-banner .slide-lists.active1 .b-covers{opacity:0}
.trans{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.trans1{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

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

.web_w,.skin_search_dropdown{width: 1400px;}
.menu .logo img{height: 36px;}

.nav .parent_li,.top_search{margin-left: 2.5vw;font-size: 1.5rem;}
.case_sort_menu{padding: 0;}
.index_about_text .des{line-height: 1.6;}
.page{padding: 2% 0 3%;}

.case_page dt{padding: 2% 3%;}

.product_list li .des ,.news_page_pages{font-size: 1.5rem;}

.news_list li .des{color: #999; text-align: justify; margin-top: 15px;display: flex;flex-direction: column; font-size: 15px;line-height: 1.8;overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.footer_nav dd .list.two{width: 22rem;}
.footer_nav dd .list.two a{width: 50%;}
.footer_nav dd:nth-of-type(2) .list.two{width: 25rem;}
}

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

.web_w,.skin_search_dropdown{width: 1200px;}
.menu.am-sticky .logo img { height: 24px;}
.nav .parent_li,.top_search{margin-left: 2.5rem;font-size: 1.5rem;background-size: 70%;}
.top_language ,.index_title .des ,.product_list li a h2,.index_about_text .des ,.footer_nav dd .title ,.product_sort dd .title a ,.case_sort_menu .hd_box li a ,.case_sort_menu .bd_box .item{font-size: 1.4rem!important;}
.index_title .title{font-size: 2.6rem;}
.index_product .hd ul li{font-size: 1.5rem;margin: 0 30px;}
.more_btn{margin-top: 20px;}

.case_sort_menu dd{width: calc(100% - 22rem);}
.case_sort_menu .bd_box .item{width: 50%;}
.case_sort_menu .bd_box .item a{width: 50%;}


.index_application,.index_partner ,.index_news ,.index_product{padding: 60px 0;}

.index_news_img li .text .title ,.index_news_text li .text .des .title {font-size:1.5rem;}
.news_list li .des{color: #999; text-align: justify; margin-top: 15px;display: flex;flex-direction: column; font-size: 15px;line-height: 1.8;overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


.footer_nav dd .list a ,.footer_nav dt .des , .wx_img ,.index_link ,.footer_info ,.pro_sort_menu dl dd,.product_sort.product_sort_menu dd .des h3 a,.case_sort_menu .bd_box .des{font-size: 1.2rem;}
.footer_nav dd .list.two{width: 20rem;}
.footer_nav dd .list.two a{width: 50%;}
.footer_nav dd:nth-of-type(2) .list.two{width: 22rem;}

}
/* Fix breadcrumb alignment */
.guide dd .guide_nav{font-size: 15px;white-space: nowrap;display: flex;align-items: center;}

/* Fix for Application Section Text Color (v1.1.219) */
.index_application_pic .pics .con,
.index_application_pic .pics .con h2,
.index_application_pic .pics .con .title,
.index_application_pic .pics .con .ms,
.index_application_pic .pics .con .ms *,
.index_application_pic .pics .con a {
    color: #ffffff !important;
}

/* Fix for Application Section Text Color (v1.1.219) */
.index_application_pic .pics .con,
.index_application_pic .pics .con h2,
.index_application_pic .pics .con .title,
.index_application_pic .pics .con .ms,
.index_application_pic .pics .con .ms *,
.index_application_pic .pics .con a {
    color: #ffffff !important;
}