div,ul,li,h1,h2,h3,h4,p,span,input,dl,dt,dd,a,table,form{ margin:0; padding:0; list-style:none; font-family:'Arial', 'sans-serif'; color:#333;}

a:link,a:visited,a:hover,a:active{text-decoration:none;}

html,body{height:100%;}
body{ margin:0 auto; padding:0px;position: relative;overflow: hidden;-webkit-user-select: none; -ms-user-select: none;  user-select: none;background: url("../img/bg_web.jpg") center top no-repeat; background-size:100% auto;}
img{vertical-align: middle;}

body.copy{-webkit-user-select: text!important; -ms-user-select: text!important; user-select: text!important;}

.mobile_top_1{ height: 150px; background-color: rgba(255,255,255,0.20); background-image: url("../img/logo_l.svg"); background-size: 242px; background-repeat: no-repeat; background-position: 24px 70px; border-bottom: 1px #fff solid; position: relative;}
.mobile_top_1 .language{ display: flex; justify-content: flex-end; padding-right:24px;}
.mobile_top_1 .language a{ display: block;}
.mobile_top_1 .language a img{ width:28px; height: 28px; border: 0px;}
.mobile_top_1 .t_itm{ padding:8px 24px; color: #fff; font-size: 14px; position: absolute; right: 0px; bottom: 0px;}
.mobile_menu{}
.mobile_menu .itm{ border-bottom: 1px #fff solid; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #a8a8a8;  position: relative; background: linear-gradient(to right, rgba(210,1,83,0.10), rgba(255,255,255,0.10) 50%, rgba(210,1,83,0.10));}
.mobile_menu .itm i{ position: absolute; right:24px; top:14px; width:22px; height: 22px; background: url("../img/icon_menulist.svg") center center no-repeat; background-size: 22px; }
.mobile_index_txt{ background: url("../img/itm_txt.svg") 24px top no-repeat; background-size: 300px; padding:24px 24px 0px 24px; margin-top: 180px}
.mobile_index_txt div{ font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; height: 36px; display: flex; align-items: center; font-size: 18px; color: #fff;}
.mobile_index_txt .etxt{font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; height: 10px; display: flex; align-items: center; font-size: 10px; color: #fff;}

.mobile_top_s{height: 70px; background-image: url("../img/logo_s.svg"); background-size: 40px; background-position: 24px center; border-bottom: 0px;}
.mobile_top_ot{ flex: 1; padding:8px 12px; overflow: hidden}
.mobile_top_ot .box{ height: 100%; background: rgba(255,255,255,0.9); display: flex; flex-flow: column; overflow: hidden}
.mobile_top_ot .box .box_type{ display: flex; height: 32px; justify-content: flex-end; align-items: center; border-bottom: 1px #ddd solid; padding:4px 0px; margin: 0px 12px}
.mobile_top_ot .box .box_type .close{ width:18px; height: 18px; background: url("../img/icon_close.svg") center center no-repeat; background-size: 18px;}
.mobile_top_ot .box .box_type .tabbox{ display: flex; flex: 1; overflow: hidden; height: 32px}
.mobile_top_ot .box .box_type .tabbox .tab_itm{ margin-right: 8px; height: 32px; display: flex; align-items: center; padding:0px 8px; font-size: 12px; color: #606060; background: #ECECEC}
.mobile_top_ot .box .box_type .tabbox .hover{ background: #0A3B28; color: #fff;}
.mobile_top_ot .box .box_container{ flex: 1; overflow-y: scroll; margin-top: 20px; padding:0px 12px;}
.mobile_top_ot .box .box_container .container{ border-top:1px #ddd solid;}
.mobile_top_ot .box .box_container .container dl{border:1px #ddd solid; border-top:0px;}
.mobile_top_ot .box .box_container .container dl dt{ display:flex; height: 50px; justify-content: center; align-items: center; font-size: 14px; color: #a8a8a8; position: relative}
.mobile_top_ot .box .box_container .container dl dt i{ position: absolute; width:30px; height: 30px; right: 12px; background: url("../img/icon_menulist_1.svg") center center no-repeat; background-size: 24px;}
.mobile_top_ot .box .box_container .container dl dd{}
.mobile_top_ot .box .box_container .container dl dd a{ border-top:1px #ddd solid; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #000; height: 50px;}

.mobile_top_ot .box .box_container .container .open dt i{ background: url("../img/icon_menulist_open.svg") center center no-repeat; background-size: 24px;}

.mobile_top_ot .box .box_container .QR_box_1{ width:260px; margin-left: auto; margin-right: auto}
.mobile_top_ot .box .box_container .QR_box_1 dt{ font-size:14px; display: flex; align-items: center; justify-content: center; height: 24px; color: #000;}
.mobile_top_ot .box .box_container .QR_box_1 dd{ border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; padding:10px 0px;}
.mobile_top_ot .box .box_container .QR_box_1 dd .QR_itm{ border-radius: 8px; background: #39A65C; padding:10px 0px 10px 10px; display: flex;}
.mobile_top_ot .box .box_container .QR_box_1 dd .QR_itm .QR_img{ width:90px; height: 90px; border: 0px;}
.mobile_top_ot .box .box_container .QR_box_1 dd .QR_itm .c_box{ display:flex; flex-flow: column; justify-content: center; align-items: center; flex: 1; }
.mobile_top_ot .box .box_container .QR_box_1 dd .QR_itm .c_box .img_1{ width:140px; margin-bottom: 4px}
.mobile_top_ot .box .box_container .QR_box_1 dd .QR_itm .c_box p{ margin-top: 4px; width:100px; border-radius: 4px; height:30px; display: flex; padding:4px 0px 4px 40px; align-items: center; color:#000; font-size: 14px; background:#fff url("../img/icon_search.svg") 10px center no-repeat; background-size: 16px;}
.mobile_top_ot .box .box_container .QR_box_2{ width:260px; margin-left: auto; margin-right: auto; margin-top: 10px}
.mobile_top_ot .box .box_container .QR_box_2 dt{ text-align: center;}
.mobile_top_ot .box .box_container .QR_box_2 dt img{ width:120px; border: 0px;}
.mobile_top_ot .box .box_container .QR_box_2 dd{ font-size:14px; text-align: center; line-height: 18px; color: #000; padding: 10px 0px}
.mobile_top_ot .box .box_container .QR_box_2 dd span{ color:#8E8068}
.mobile_top_ot .box .itm_area{ display: flex; background: #999; padding: 10px; flex-wrap: wrap}
.mobile_top_ot .box .itm_area a{display: flex; align-items: center; font-size: 11px; color: #fff; margin-right: 10px; padding: 5px 0px;}
.mobile_top_ot .box .itm_area a img{ width:16px; height: 16px; margin-right: 4px;}
.mobile_top_ot .box .mc_info_area{ margin-top:10px;}
.mobile_top_ot .box .mc_info_area .area{ border:1px #ddd solid; border-top:4px #ddd solid; border-bottom: 4px #ddd solid; padding: 8px 0px}
.mobile_top_ot .box .mc_info_area .area p{ padding:0px 8px; font-size: 12px; color: #666; line-height: 18px;}
.mobile_title, .drop_nav_box {
    display: none
}
.web_body{position: absolute;left:0;right:0;top:0;bottom:0;display: flex;flex-direction: column;height: 100%;}
.web_body .topbox{ display: flex; background-color: rgba(255,255,255,0.2);}
.web_body .topbox .logo{ height: 89px; width:340px; display: flex;align-items: center;border-bottom:1px rgba(255,255,255,0.5) solid;justify-content: center;}
.web_body .topbox .logo img{height: 50px;width: auto;}
.web_body .topbox .login{width:16%; height: 89px; position: relative; display: flex; justify-content: center; align-items: center; background-color: rgba(255,255,255,0.1); border-bottom:1px rgba(255,255,255,0.5) solid;  border-left: 1px rgba(255,255,255,0.5) solid;}
.web_body .topbox .login .login_itm{ border:4px #999 solid; background: #fff; width:48px; height: 48px; display: flex; justify-content: center; align-items: center; font-size: 12px; color: #666; font-weight: bold; border-radius: 100%; cursor: pointer; }
.web_body .topbox .nav_box{ flex: 1;display: flex;flex-wrap: wrap;}
.web_body .topbox .nav_box li{ height: 45px; display: flex;width: 33.33%;}
.web_body .topbox .nav_box li a{ display: flex; justify-content: center; align-items: center; font-size: 15px; color: #fff; position: relative; border-bottom:1px rgba(255,255,255.5) solid; border-left:1px rgba(255,255,255.5) solid; flex: 1; cursor: pointer;}
.web_body .topbox .nav_box li a i{ width:24px; height:24px; position:absolute; right:10px; top:10px; background:url("../img/icon_menulist.svg") center no-repeat; background-size:24px;}
.web_body .topbox .nav_box a:hover{background: rgba(255,255,255,0.4);}

.web_body .topbox .nav_box a.active{background: rgba(255,255,255,0.4);color:#053A26;}
.web_body .topbox .nav_box a.active i{background:url(../img/icon_menulist_active.svg) no-repeat;}

.web_body .topbox .login .language{ width:28px;  position: absolute; right: 0px; top:0px;display: flex;flex-direction: column;}
.web_body .topbox .login .language a{ display: block; }
.web_body .topbox .login .language a img{ border:0px; width:28px; height: 28px;}
.web_body .topbox .login .language a:hover{opacity: 0.8;}
.web_body .tagbox{ display: flex; background:rgba(0,0,0,0.05); flex-wrap: wrap;}

.web_body .tagbox dl{ width:10%; cursor: pointer}
.web_body .tagbox dl dt{display: flex; justify-content: center; align-items: center; font-size: 12px; color: #fff; background:rgba(0,0,0,0.2); border-right:1px rgba(255,255,255,0.5) solid; border-bottom:1px rgba(255,255,255,0.5) solid; padding:5px; min-height:35px; line-height:1.4;}
.web_body .tagbox dl dd{display: flex; justify-content: center; align-items: center; font-size: 12px; color: #fff; background:rgba(0,0,0,0.05); border-right:1px rgba(255,255,255,0.5) solid; border-bottom:1px rgba(255,255,255,0.5) solid; padding:5px; position: relative; min-height:55px; line-height:1.4;}
.web_body .tagbox dl:hover dt,
.web_body .tagbox .hover dt{ background: #258155}
.web_body .tagbox dl:hover dd,
.web_body .tagbox .hover dd{ background: #88B987}
.web_body .tagbox dl dd .bubble{ display: none;}
.web_body .tagbox dl dd .bubble .bubble_box{ position: absolute; top:36px; left:60px; z-index: 99; width:220px; height: 250px; background: url("../img/bg_bubble.svg") center center no-repeat; display: flex; flex-direction: column; background-size: 220px;}
.web_body .tagbox dl dd .bubble p{ margin: 30px 20px 10px 20px; color: #666; border-bottom: 1px #ddd solid; text-align: center; line-height: 20px; padding-bottom:10px; font-size: 12px;}
.web_body .tagbox dl dd .bubble div{ display: flex; justify-content: center; }
.web_body .tagbox dl dd .bubble div img{ width:140px;}
.web_body .tagbox dl dd:hover .bubble{ display:block}

.web_body .tagbox_t{ background:rgba(0,0,0,0.2); border-bottom:1px rgba(255,255,255,0.5) solid;}


.web_body .txt_img{ position: absolute; left: 30px; bottom:16%;max-width: 80%;display: flex;flex-direction: column;align-items: flex-start;}
.web_body .txt_img .text1 {margin-bottom: 20px;}
.web_body .txt_img .text1 img{width: 60%;height: auto;}
.web_body .txt_img .text2 img{width: 80%;height: auto;}
.web_body .txt_img .text1 img{width:60%;height:auto;transform:translateY(0);transition:all 0.5s ease;}
.web_body .txt_img .text1 img.active{width:80%;transform:translateY(80px);transition:all 1.3s ease;}

.text2,.text3{transition:all 0.5s ease;}
.text2.hide,.text3.hide{opacity:0;transform:translateY(80px);pointer-events:none;}
.topbox{transition:all 0.5s ease;}
.topbox.hide{opacity:0;transform:translateY(-80px);pointer-events:none;}

.web_body_flexcolumn{ display: flex; flex-direction: column;}
.web_body_flexcolumn .web_index_itmbox{ flex: 1; margin: 30px 35px; background:rgba(255,255,255,0.9); display: flex; flex-direction: column;}
.web_body_flexcolumn .web_index_itmbox .title_area{ height: 30px; margin: 10px 20px 0px 20px; border-bottom: 1px #ddd solid; display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #666;}
.web_body_flexcolumn .web_index_itmbox .title_area .close{ width:16px; height: 16px; background: url("../img/icon_close.svg") center center no-repeat; background-size: 12px; cursor: pointer;}
.web_body_flexcolumn .web_index_itmbox .li_itm_area{ height: 40px; display: flex; align-items: center; justify-content: center; background: #999}
.web_body_flexcolumn .web_index_itmbox .li_itm_area a{ display: flex; height: 40px; align-items: center; color: #fff; font-size: 12px; padding-left: 20px; background-size: 16px; background-position: left center; background-repeat: no-repeat; margin: 0px 10px;}
.web_body_flexcolumn .web_index_itmbox .li_itm_area .phone{ background-image: url("../img/icon_phone.svg");}
.web_body_flexcolumn .web_index_itmbox .li_itm_area .wechat{ background-image: url("../img/icon_wechat.svg");}
.web_body_flexcolumn .web_index_itmbox .li_itm_area .ins{ background-image: url("../img/icon_instagram.svg");}
.web_body_flexcolumn .web_index_itmbox .li_itm_area .mail{ background-image: url("../img/icon_mail.svg");}
.web_body_flexcolumn .web_index_itmbox .li_itm_area .office{ background-image: url("../img/icon_office.svg");}
.web_body_flexcolumn .web_index_itmbox .contactus_table_box{ flex: 1; padding:10px 20px;}
.web_body_flexcolumn .web_index_itmbox .contactus_table_box .contactus_table{ display: flex; justify-content: center; flex-wrap: wrap; padding-left: 1px; padding-top: 1px;}
.web_body_flexcolumn .web_index_itmbox .contactus_table_box .contactus_table .c_td{ width:20%; height: 140px; margin-left: -1px; margin-top: -1px; display: flex;}
.web_body_flexcolumn .web_index_itmbox .contactus_table_box .contactus_table .c_td .c_td_itm{ border:1px #ddd solid; padding:10px; font-size: 12px; color: #333; flex: 1}
.web_body_flexcolumn .web_index_itmbox .QRlist_area{ height: 200px; display: flex; justify-content: center;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area dl{ margin: 0px 10px;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_wechat{ display: flex; flex-direction: column;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_wechat dt{ height: 20px; line-height: 20px; font-size: 12px; text-align: center;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_wechat dd{ display: flex; border-radius: 8px; background: #39A65C; width:210px;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_wechat dd .QR{width:80px; height: 80px; padding:8px 0px 8px 8px;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_wechat dd .QR img{width:80px; height: 80px;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_wechat dd .right_part{ flex: 1; display: flex; flex-direction: column; padding:0px 8px; align-items: center; justify-content: center}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_wechat dd .right_part .txt{ height: 30px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #333; background: #fff; border-radius: 4px; padding:0px 8px; margin-top: 10px}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_wechat dd .right_part .txt img{ width:16px; height: 16px; margin-right: 10px;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_wechat dd .right_part .img{ width: 100px;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_forested{ display: flex;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_forested img{ height: 120px; margin-top: 10px}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_nor{ text-align: center}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_nor img{ width:120px; margin: 10px 0px;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_nor p{ font-size:12px; line-height: 16px; text-align: center;}
.web_body_flexcolumn .web_index_itmbox .QRlist_area .itm_nor p span{ color:#8E8068}

.panel{ flex: 1; overflow-y: auto; display: flex; flex-direction: column;}
@media (min-width:769px) {
    .panel {
        position: absolute;
        left: 0;
        right: 0;
        top: 89px;
        bottom: 0;
        overflow-y: auto;
        flex: none;
    }
}
.tagbox_page{background: rgba(0,0,0,0.2);}
.tagbox_page dl{display: flex;}
.tagbox_page dt{display: flex; justify-content: center; align-items: center; font-size: 12px; color: #fff;  border-right:1px rgba(255,255,255,0.5) solid; min-width: 10%;}
.tagbox_page dl a{color: #ffffff;padding:5px;display: block;width: 100%;text-align: center;}
.tagbox_page dl a:hover{background: #258155;}
.tagbox_page dl .active{background: #258155;}

.pagetitle{padding: 12px 0px 22px 12px; font-size: 16px;font-weight: normal;color: #606060;border-bottom: 1px solid #CDCACA;margin: 20px 1% 20px 1%;padding-bottom: 6px;display: flex;justify-content: space-between;}
.pagetitle .rightclose  a{display: flex;padding: 8px;margin-top: -22px;}
.pagetitle .rightclose img{height: 12px;width: auto;}

.centercontent { flex: 1; margin: 7px auto 22px auto; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background: rgba(255,255,255,0.9) url(../img/aboutus_1.svg) no-repeat left bottom; background-size: 100% auto; display: flex; flex-direction: column; min-height: 0; overflow: hidden; width: 97%;}

.pagecontent { font-size: 14px; line-height: 1.7; display: flex; flex-direction: column;overflow-y: auto;  min-height: 0; flex:1; scrollbar-width: thin; scrollbar-color: #d7d6d6 transparent; -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; overflow-x: hidden; min-width: 0; flex:1;padding: 0px 0px 0px 0px;box-sizing: border-box;}

.webscroll{ margin-right: 5px;padding: 0px 42px 0px 42px;flex:1;display: flex;flex-direction: column;}

.pagecontent::-webkit-scrollbar { width: 6px; }
.pagecontent::-webkit-scrollbar-track { background: transparent; }
.pagecontent::-webkit-scrollbar-thumb { background-color: #d7d6d6; border-radius: 8px; }
.pagecontent::-webkit-scrollbar-button { display: none; }

.pagecontent .dot{padding-right: 22px;}
.content1{flex:1;text-align: justify;}

.company-contact { display: flex; justify-content: center; align-items: flex-start; margin: 20px auto 0 auto; padding: 10px 10px; min-width: 67%; flex-wrap: wrap; row-gap: 27px; column-gap: 30px; }
.company-contact li { text-align: center; padding: 0 5px; flex: 0 1 auto; }
.company-contact li:nth-child(1){white-space: nowrap;}
.company-contact img { display: block; margin: 0 auto 15px; height: 66px;border-radius: 12px;border:7px solid #fff;}
.company-contact .noborder{border-radius: 0px;border:none;}
.company-contact h5 { font-size: 11px; color: #000;  margin-bottom: 6px; line-height: 1.4;font-weight: normal;white-space: nowrap;padding: 0px;margin: 0px;}
.company-contact p { font-size: 11px; color: #8E8068; line-height: 1.4; }
.company-contact span { display: block; font-size: 11px; color: #000; margin-top: 2px; }
.company-contact  .img-wrap{height: 74px;display: flex;align-items: center;}
.pagecontent .list-star{padding-left: 22px;}
.pagecontent p .list-star:nth-child(1){padding-left: 0;}

.core_logic{line-height: 1.5;}
.culture_text{ width: 110%; margin-left: -5%;overflow: hidden;}
.aboutustext_1{color: #fff;background: #258155;padding: 1px;font-size: 23px;margin-top: 16px;padding-left: 5%}
.aboutustext_2{color: #fff;background: #0a3b28;text-align: center;padding: 10px;}
.aboutustext_2 img{height: 76px;width: auto;}
.aboutustext_3{color: #fff;background: #99cc88;text-align: center;padding: 10px;}
.aboutustext_3 img{height: 30px;width: auto;}
.culture_title img{width: auto;height: 190px;}

.future_direction h3{padding: 0px 0px 0px 33px;margin: 0;background: url(../img/aboutus_13.svg) no-repeat left 8px;font-size: 15px;font-weight: normal;}
.future_direction  li{background: url(../img/aboutus_14.svg) no-repeat 17px 8px;padding-left: 35px;}
.future_direction_title{font-size: 25px;padding-top: 11px;font-family: '宋体';font-weight: bold;}

.abotus_contact a:hover{color:#099861;}
.abotus_contact span{position:relative;cursor:pointer;}
.abotus_contact span:hover{background: #d3d3d3;}
.abotus_contact span::before{content:"点击可复制";position:absolute;white-space:nowrap;bottom:100%;left:50%;transform:translate(-50%,-6px);background:#88b987;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:all 0.2s;z-index:999;}
.abotus_contact span::after{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #88b987;bottom:100%;left:50%;transform:translate(-50%,-2px);opacity:0;pointer-events:none;transition:all 0.2s;z-index:999;}
.abotus_contact span:hover::before,.abotus_contact span:hover::after{opacity:1;}
.abotus_contact span.copied::before{content:"已复制："attr(data-text);}

.footer{background-color: #929497;}
.footer-contact {display: flex;flex-direction: column; padding: 10px; color: #ffffff;width:69%;margin: 0px auto;}
.footer-contact ul { display: flex; list-style: none; padding: 0; margin: 0; margin-bottom: 3px; }
.footer-contact li { display: flex; align-items: center; margin-right:40px;font-size: 19px;color: #fff;}
.footer-contact img { width: 20px; height: 20px; margin-right: 8px; }
.footer-location { display: flex; align-items: center; margin-top: 5px;font-size: 19px;color: #fff; }
.footer-location img { width: 20px; height: 20px; margin-right: 8px; }
.footer-contact  a{color: #fff;}

.rewards_store{height: 100%;display: flex;flex-direction: column;}
.rewards_store img{width: 330px;height: atuo;display: block;margin:0px auto 18px auto;}
.rewards_store_img{align-items: center;display: flex;flex:1;}

.technical_support_downloads{display: flex;height: 100%;flex-direction: column;}
.company-contact2 { display: flex; margin: 0px auto;padding: 0px 0px 0px 0px;flex-wrap: wrap;row-gap: 27px;align-items: center;flex:1;align-items: center;justify-content: center;gap:38px;}
.company-contact2 li { text-align: center;flex:1;}
.company-contact2 li:nth-child(1){white-space: nowrap;}
.company-contact2 img { display: block; margin: 0 auto 15px; width: 76px;border-radius: 12px;border:7px solid #fff;}
.company-contact2 .noborder{border-radius: 0px;border:none;}
.company-contact2 h5 { font-size: 11px; color: #000;  line-height: 1.4;font-weight: normal;white-space: nowrap;padding: 0px;margin: 7px 0px 0px 0px;}
.company-contact2 p { font-size: 11px; color: #8E8068; line-height: 1.4;}
.company-contact2 span { display: block; font-size: 11px; color: #000; margin-top: 2px; height: 38px;}
.company-contact2  .img-wrap{height: 74px;display: flex;align-items: center;}

.industrial_projects_img {padding-bottom: 18px;}
.industrial_projects_img img{width:100%;height: auto;}
.industrial_projects_banner {overflow: hidden;background: url(../img/industrial_projects_banner.jpg) no-repeat;display: flex;justify-content: flex-start; padding: 15px;}
.industrial_projects_banner img{height: auto;max-width: 50%;max-height: 200px;}
.industrial_projects_text{padding: 20px 0px;}
.industrial_projects_text .dot2{padding-right: 12px;}

.fixed-bg{position:fixed;inset:0;z-index:-999;background-size:cover;background-position:center;}
.web_body{position:relative;z-index:1;}

@media (max-width:1600px) {
    .company-contact{width: 90%;}
    .footer-contact {width: 90%;}
    .web_body .txt_img .text1 img{width: 60%;height: auto;}
    .web_body .txt_img .text2 img{width: 73%;height: auto;}
}
@media (max-width:1024px) {
    .web_body .topbox .logo{  width:28%;}
    .web_body .topbox .logo img{height: 43px;}
    .web_body .topbox .login{width:6%; }
    .web_body .topbox .nav_box li a {font-size: 14px;}
    .footer-contact ul{flex-wrap: wrap;}
    .footer-contact li{font-size: 17px;}
    .footer-location {font-size: 17px;}
}

@media (max-width:768px) {
      div,ul,li,h1,h2,h3,h4,p,span,input,dl,dt,dd,a,table,form{ margin:0; padding:0; list-style:none; font-family:'Arial', 'sans-serif'; color:#333;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
html,body{height:100%;}
body{ margin:0 auto; padding:0px; position: relative;overflow: hidden;background: url("../img/bg_mobile.jpg") center top no-repeat fixed; background-size:cover;}
img{vertical-align: middle;}

.web_body{position: absolute;left:0;right:0;top:0;bottom:0;display: flex;flex-direction: column;height: 100%;}
.web_body .topbox{ display: flex; background-color:none;flex-wrap: wrap;}
.web_body .topbox .logo{ height: 76px; width:70%;display: flex;align-items: center;border-bottom:1px rgba(255,255,255,0.5) solid;justify-content: left;}
.web_body .topbox .logo img{height: 43px;width: auto;margin-left: 12px;}
.web_body .topbox .login{width:30%; height: 76px; position: relative; display: flex; justify-content: center; align-items: center; background:none; border-bottom:1px rgba(255,255,255,0.5) solid;  border-left: 0px rgba(255,255,255,0.5) solid;order: 0;}
.web_body .topbox .login .login_itm{ border:4px #999 solid; background: #fff; width:36px; height: 36px; display: flex; justify-content: center; align-items: center; font-size: 10px; color: #666; font-weight: bold; border-radius: 100%; cursor: pointer; margin-top:-10px;}
    
.web_body .topbox .nav_box{ flex: 1;display: flex;flex-wrap: wrap;width: 100%;order: 31;background:rgba(0, 0, 0, 0.1) ;background-size:cover;}
.web_body .topbox .nav_box li{ height: 45px; display: flex;width: 33.33%;}
.web_body .topbox .nav_box li a { display: flex; justify-content: center; align-items: center; font-size: 14px; color: #fff; position: relative; border-bottom: 1px rgba(255, 255, 255, 0.5) solid; border-left: 1px rgba(255, 255, 255, 0.5) solid; flex: 1; cursor: pointer; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.web_body .topbox .nav_box li a i{ width:24px; height:24px; position:absolute; right:10px; top:10px; background:none; background-size:24px;}
.web_body .topbox .nav_box a:hover{background: none;}
.web_body .topbox .nav_box a:hover i{background:none;}
.web_body .topbox .nav_box a.active{background:none;}
.web_body .topbox .nav_box a.active i{background:none;;}
    .page_nav_hide_mobile{display: none!important;}
    
.web_body .topbox .login .language{ width:auto;  position: absolute; right: 6px; top:0px;display: flex;flex-direction:column;}
.web_body .topbox .login .language a{ display: block; }
.web_body .topbox .login .language a img{ border:0px; width:28px; height: 28px;}
.web_body .topbox .login .language a:hover{opacity: 0.8;}
.web_body .tagbox{ display: flex; background:rgba(0,0,0,0.05); flex-wrap: wrap;}

.web_body .tagbox dl{ width:20%; cursor: pointer}
.web_body .tagbox dl dt{display: flex; justify-content: center; align-items: center; font-size: 12px; color: #fff; background:rgba(0,0,0,0.2); border-right:1px rgba(255,255,255,0.5) solid; border-bottom:1px rgba(255,255,255,0.5) solid; padding:5px; min-height:55px; line-height:1.4;}
.web_body .tagbox dl dd{display: flex; justify-content: center; align-items: center; font-size: 12px; color: #fff; background:rgba(0,0,0,0.05); border-right:1px rgba(255,255,255,0.5) solid; border-bottom:1px rgba(255,255,255,0.5) solid; padding:5px; position: relative; min-height:55px; line-height:1.4;}
.web_body .tagbox dl:hover dt,
.web_body .tagbox .hover dt{ background: #258155}
.web_body .tagbox dl:hover dd,
.web_body .tagbox .hover dd{ background: #88B987}
.web_body .tagbox dl dd .bubble{ display: none;}
.web_body .tagbox dl dd .bubble .bubble_box{ position: absolute; top:26px; left:20px; z-index: 99; width:220px; height: 250px; background: url("../img/bg_bubble.svg") center center no-repeat; display: flex; flex-direction: column; background-size: 220px;}
.web_body .tagbox dl dd .bubble p{ margin: 30px 20px 10px 20px; color: #666; border-bottom: 1px #ddd solid; text-align: center; line-height: 20px; padding-bottom:10px; font-size: 12px;}
.web_body .tagbox dl dd .bubble div{ display: flex; justify-content: center; }
.web_body .tagbox dl dd .bubble div img{ width:140px;}
.web_body .tagbox dl dd:hover .bubble{ display:block}

  .mobile_title { display: block; position: absolute; top: 54px; right: 5px; color: #053a26; display: flex; align-items: center; cursor: pointer; }
.mobile_title i { background: url(../img/icon_menulist_active.svg) no-repeat center 6px; width: 22px; height: 23px; display: inline-block; background-size: 14px auto; padding-left: 8px; }
.drop_nav_box { display: none; position: absolute; top: 80px; right: 10px; background: rgba(255, 255, 255, 0.9);border: 1px solid #ddd; padding: 10px 0; min-width: 150px; z-index: 999; list-style: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.drop_nav_box.active { display: block; }
.drop_nav_box li a { display: block; padding: 10px 15px; color: #333; text-decoration: none; }
    
.web_body .txt_img{ position: absolute; left: 30px; bottom:42%;max-width: 80%;display: flex;flex-direction: column;align-items: flex-start;}
.web_body .txt_img .text1 {margin-bottom: 20px;}
.web_body .txt_img .text1 img{width: 60%;height: auto;}
.web_body .txt_img .text2 img{width: 70%;height: auto;}



.web_body_flexcolumn{ display: flex; flex-direction: column;}
.web_body_flexcolumn .web_index_itmbox{ flex: 1; margin: 30px 35px; background:rgba(255,255,255,0.9); display: flex; flex-direction: column;}

.tagbox_page{background: rgba(0,0,0,0.2);}
.tagbox_page dl { display: flex; overflow-y: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; } .tagbox_page dl::-webkit-scrollbar { display: none; }
.tagbox_page dt{display: flex; justify-content: center; align-items: center; font-size: 12px; color: #fff;  border-right:1px rgba(255,255,255,0.5) solid; border-bottom:1px rgba(255,255,255,0.5) solid; width: auto;min-width: auto;}
.tagbox_page dl a{color: #ffffff;padding:5px 5px;display: block;min-width: 100px;text-align: center;}
.tagbox_page dl a:hover{background: #258155;}
.tagbox_page dl .active{background: #258155;}

.pagetitle{padding: 12px 0px 22px 12px; font-size: 16px;font-weight: normal;color: #606060;border-bottom: 1px solid #CDCACA;margin: 0px 1% 10px 1%;padding-bottom: 6px;display: flex;justify-content: space-between;}
.pagetitle .rightclose  a{display: flex;padding: 8px;margin-top: -0px;}
.pagetitle .rightclose img{height: 12px;width: auto;}
    .webscroll{overflow:visible;padding: 0 10px;}
.centercontent { flex: auto; width: 97%; margin: 7px auto 7px auto; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.9) url(../img/aboutus_1.svg) no-repeat left bottom; background-size: 100% auto; display: flex; flex-direction: column; min-height: 0; overflow: hidden;justify-content: space-between;}
.pagecontent { padding: 0px 8px 0px 12px; font-size: 14px; line-height: 1.7; flex: auto; overflow-y: auto; margin-right: 5px; -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; overflow-x: hidden; height: 100%; box-sizing: border-box;}

.pagecontent .dot{padding-right: 12px;}
.content1{flex:1;}

.company-contact { display: flex; justify-content: space-between; align-items: flex-start; margin: 20px auto 0 auto;  padding: 10px 10px;width:67%;flex-wrap: wrap;row-gap: 27px;flex-direction: column;align-items: center;}
.company-contact li { text-align: center;padding: 0 5px; flex: 1;  }
.company-contact li:nth-child(1){white-space: nowrap;}
.company-contact img { display: block; margin: 0 auto 15px; height: 136px;border-radius: 12px;border:7px solid #fff;}
.company-contact .noborder{border-radius: 0px;border:none;}
.company-contact h5 { font-size: 11px; color: #000;  margin-bottom: 6px; line-height: 1.4;font-weight: normal;white-space: nowrap;padding: 0px;margin: 0px;}
.company-contact p { font-size: 11px; color: #8E8068; line-height: 1.4; }
.company-contact span { display: block; font-size: 11px; color: #000; margin-top: 2px; }
.company-contact  .img-wrap{height: auto;display: flex;align-items: center;}

    .company-contact2 { display: flex; justify-content: space-between; align-items: flex-start; margin: 20px auto 0 auto;  padding: 0px 10px 0px 10px;width:100%;flex-wrap: wrap;row-gap: 27px;flex-direction: column;align-items: center;}
.company-contact2 li { text-align: center;padding: 0 5px; flex: 1;  }
    .company-contact2 h5 { margin: 0px 0px 0px 0px;}
    .company-contact2 img { display: block; margin: 0 auto 15px; height: 136px;width: 136px;border-radius: 12px;border:7px solid #fff;}
.company-contact2  .img-wrap{height: auto;display: flex;align-items: center;}

.core_logic{line-height: 1.5;}
.culture_text{ width: 110%; margin-left: -5%;overflow: hidden;}
.aboutustext_1{color: #fff;background: #258155;padding: 1px;font-size: 20px;margin-top: 16px;padding-left: 5%}
.aboutustext_2{color: #fff;background: #0a3b28;text-align: center;padding: 20px;}
.aboutustext_2 img{height: 60px;width: auto;}
.aboutustext_3{color: #fff;background: #99cc88;text-align: center;padding: 10px;}
.aboutustext_3 img{height: 22px;width: auto;}
.culture_title img{width: auto;height: 100px;margin-top: 22px;}

.future_direction h3{padding: 0px 0px 0px 13px;margin: 0;background: url(../img/aboutus_13.svg) no-repeat left 8px;font-size: 15px;font-weight: normal;}
.future_direction  li{background: url(../img/aboutus_14.svg) no-repeat 17px 8px;padding-left: 25px;}
.future_direction_title{font-size: 25px;padding-top: 11px;font-family: '宋体';font-weight: bold;}
    
.footer{background-color: #929497;width: 120%;margin-left: -10%;padding-bottom: 0px;}
.footer-contact {display: flex;flex-direction: column; padding: 10px; color: #ffffff;width:76%;margin: 0px auto;}
.footer-contact ul { display: flex; list-style: none; padding: 0; margin: 0; margin-bottom: 3px; flex-direction: column;}
.footer-contact li { display: flex; align-items:flex-start; margin-right:40px;font-size: 17px;color: #fff; }
.footer-contact  li img { width: 20px; height: 20px; margin-right: 8px;margin-top:6px; }
.footer-location { display: flex; align-items:flex-start; margin-top: 0px;font-size: 17px;color: #fff; }
    .footer-location img { width: 20px; height: 20px; margin-right: 8px; margin-top: 6px;}
.footer-contact  a{color: #fff;}
    
    .industrial_projects_banner {width: 92.3%;overflow: hidden;background: url(../img/industrial_projects_banner.jpg) no-repeat;}
.industrial_projects_banner img{height: auto;max-width: 60%;max-height: 200px;}
.industrial_projects_text{}
.industrial_projects_text .dot2{padding-right: 6px;}

.rewards_store img{width: 270px;height: atuo;display: block;margin:13px auto 13px auto;}

    .technical_support_downloads{display: flex;height: 100%;flex-direction: column;}
.company-contact2 { display: flex;   padding: 0px 0px 0px 0px;flex-wrap: wrap;row-gap: 11px;align-items: center;flex:1;align-items: center;justify-content: center;}

    .hidenmobile{display: none; height: 0px!important;}
}