@media only screen and (min-width:956px) and (max-width:1268px){ 
        
    /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; }

/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #20b581!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{      height: 100%; box-sizing: border-box; width: 100%; right: 0px!important; top: 80px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;          top: 0.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #20b581;}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.sjlanguage{position: absolute;right: 10%;bottom: 30px;font-size: 16px;color: #20b581;;display: none;}
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 80px!important; height: 80px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: #20b581!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #20b581!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: #20b581!important;}
.drawer-menu-item:hover { color: #20b581!important; } 


/* header footer */
.icenter {width: 94%;}
.icenter, .icenter1 { width: 94%; }
.icenter3 { width: 94%; }
.icenter5 { width: 94%;}
.div1 .head_t {display: none;}
.div1 .head_b .right ul{display: none;}
/* cn->en*/
.div1 .head_b .right .rcc .search{display: none;}
.div1 .head_b .right .rcc .qie .diqiu_2 { display: block; }
.div1 .head_b .right .rcc .qie .diqiu_1 { display: none; }
.div1 .head_b .right .rcc .qie::before {display: none;}
.div2 .head_b .right .rcc .qie::before { display: none; }
.div1 .head_b .right .rcc .qie { margin: 0px; padding: 0px; position: relative; left: -104px; }
.div1 .head_b .right .rcc .qie a span { color: #333; }

.div1 { background: #fff; height: 80px; }
.div1:hover { box-shadow: 0 0 1px #ddd; }
.div2{box-shadow:0 0 1px #ddd; }
.div1 .head_b .logo_c { display: block; }
.div1 .head_b .logo_b { display: none; }
.div1 .head { height: 100%;padding: 0px;}
.div1 .head_b { height: 100%; }
.div1 .head_b .logo{padding-left: 30px;}
.div1 .head_b .logo img { width: 125px; }
.footer .top {display: none;}
.footer .mid {display: none;}
.footer .yue {     padding: 50px 0; top: -197px; width: 100%; border-radius: 0px;}
.footer .yue h3 {     font-size: 34px; margin-bottom: 16px; }
.footer .bot .right {display: none;}
.index_yue { padding: 0px 0 0; }
.footer .bot { padding: 20px 0; }
.footer .bot .left {     flex-flow: wrap; justify-content: center; align-items: center; }
.footer .bot .left span:nth-of-type(2)::before,.footer .bot .left span:nth-of-type(2)::after {display: none;}
.footer .bot .left span:nth-of-type(2){position: relative; padding: 0 5px; margin: 0 5px; padding-left: 0px; margin-left: 0px; }
.footer .bot .left span, .footer .bot .left a { font-size: 13px; }
.footer .bot { padding: 16px 0; }
.amore { width: 110px; height: 32px; font-size: 14px; line-height: 32px; border-radius: 5px; }
.footer { padding: 0px 0 0px; }
.footer .bot .left span, .footer .bot .left a { font-size: 12px; }
.footer .icenter{display: flex;justify-content: center;align-items: center;flex-direction: column;}


/* banner */
.sy_banner { height: calc(100vh - 80px); margin-top: 80px; }
.sy_banner .main { bottom: 40px; width: 94%; }
.sy_banner .c-mouse { bottom: 116px; width: 26px; height: 41px; }
.index01 .bot .ce a span { font-size: 18px; }
.index01 .bot .b_le .top_c { padding: 25px 10px 29px 27px; margin-bottom: 10px; border-radius: 10px;    height: 193px; box-sizing: border-box; }
.index01 .bot .ce a { padding: 23.8px; box-sizing: border-box; height: 87.6px; }
.index04 .icenter { padding-left: 209px; }
.index06 ul li { width: 19%; margin-right: 10px; margin-bottom: 10px; }
.index03 .left { width: 59.7%; }
.index03 .right { width: 40.3%; padding: 52px 51px 54px; box-sizing: border-box;}
.index03 .right .box { margin-bottom: 134px; }
.index03 .right .box { margin-bottom: 134px; position: relative; }
.index03 .left .wen h3 { font-size: 40px; margin-bottom: 18px; }
.index03 .left .wen p { padding-top: 17px; font-size: 16px; line-height: 25px; margin-bottom: 46px; width: 398px; padding-right: 36px; }
.index03 .left .wen { left: 41%; }
.fc ul li { width: 70px; height: 70px; }
.fc ul li a img { width: 26px; }
.fc ul li a span { font-size: 13px; }


.innerbanner {margin-top: 80px;}
.fix { margin-top: 456px!important; }
.innerbanner .text { top: 50%; }
.innerbanner img {height: 100%;}
.con02 .box { padding: 52px 30px; }

.ab03 dd .text { font-size: 20px; line-height: 30px; }
.ab05 .mid { padding: 50px 0; padding-left: 45px; margin-bottom: 25px; }
.ab05 .mid .right { display: flex; align-items: center; }
.ab06 .fa { width: 30px; height: 30px; font-size: 24px;}
.ab06 .swiper-button-prev { left: -31px; }
.ab06 .swiper-button-next { right: -31px; }
.ab07 img { width: 424px; margin-bottom: 26px; }
.newshowtxt { padding: 0 0px 90px; }

.ser01 .icenter1{width: 1000px;}
.ser01 ul li::after { width: 102px; top: 43%; left: 194px; }
.ser02 .icenter1 {width: 1000px;}
.ser02 ul li::after { left: 312px; height: 52px; }
.icenter4 { width: 94%; }
.news ul li .cc { padding: 33px 13px; }
.news ul li .cc h4 { margin-bottom: 14px; }
.news ul li .bot h4 strong, .news ul li .cc h4 strong { font-size: 36px; margin-right: 8px; line-height: 30px; }
.news ul li .cc h4 span { font-size: 14px; }
.news ul li .cc h5 { font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.news ul li .cc p { font-size: 14px; line-height: 24px; margin-bottom: 39px; }

.solu01 .left {  padding-left: 58px; }
.solu02 ul li:nth-of-type(1) p { padding-left: 35px; box-sizing: border-box; font-size: 15px; color: #333333; font-weight: bold; height: 56px; display: flex; align-items: center; }
.solu02 ul li:nth-of-type(2) p { padding-left: 35px; box-sizing: border-box; font-size: 15px; color: #333333; font-weight: bold; height: 56px; display: flex; align-items: center; }
.solu03 .box { padding: 41px 31px; }
.solu03 .box .icon { width: 75px; height: 75px; margin-bottom: 22px; }
.solu03 .box .b h4 { font-size: 22px; margin-bottom: 16px; padding-bottom: 16px; }
.solu03 .box .b p { font-size: 14px; line-height: 26px; height: 155px; }
.solu04 ul li { width: 160px; height: 160px; margin-right: 30px; margin-bottom: 30px; }
.solu04 ul li img { width: 43px; margin-bottom: 8px; }
.solu04 ul li span { font-size: 20px; }
.solu04 .content .hide_item .item{width: 160px; height: 160px; margin-right: 30px; margin-bottom: 30px;}
.solu04 .content .hide_item .item img {width: 43px; margin-bottom: 8px;}
.solu04 .content .hide_item .item span{font-size: 20px; }
.pro_cc .bao img { width: 100%; }
.pro_cc h4 { font-size: 22px; margin-bottom: 10px; height: 62px; }
.pro_cc h5 { font-size: 16px; margin-bottom: 22px; }
.pro_cc p { font-size: 14px; line-height: 24px; margin-bottom: 35px;}
.pro_cc {padding: 33px;}
.proinfo04 .fa { width: 30px; height: 30px; font-size: 24px; }
.proinfo04 .swiper-button-prev { left: -28px; }
.proinfo04 .swiper-button-next { right: -28px; }
.pro_cc .bot .icon img { width: 24px; }
.drawer-menu li .drawer-dropdown-menu-item.sanji {display: none;}
.pro .right dl dd:nth-of-type(3n) { margin-right: 2.75%; }
.pro .right dl dd:nth-of-type(2n) { margin-right: 0px; }
.pro_cc {margin-right: 2.75%;width: 48.5%;margin-bottom: 2.75%;}
.pro .right { width: 77%; padding: 40px; }
.pro .left .title { font-size: 30px; padding: 22px; }
.pro .left .af a { font-size: 16px; height: 65px; padding: 0px 15px; }
.pro .left .amin a { font-size: 14px;  padding: 0px 15px; }
.proinfo01 h4::after { width: 72%;}
.vi_box .box .video { position: relative; width: 85%; height: auto; }
.proinfo03 ul li:nth-of-type(1) p { border-bottom: 1px solid #fff; padding-left: 46px; box-sizing: border-box; font-size: 16px; color: #333333; font-weight: bold; height: 50px; display: flex; align-items: center; }
.proinfo03 ul li:nth-of-type(2) p { border-bottom: 1px solid #fff; padding-left: 46px; box-sizing: border-box; font-size: 16px; color: #333333; font-weight: bold; height: 50px; display: flex; align-items: center; }

.pro .right dl dd .bao img{width: 100%;}
.con03 .bot form span span { position: absolute!important; top: 0; right: 6px; line-height: 47px; color: #e42313; letter-spacing: 0; font-size: 12px; width: fit-content!important; }

.wpcf7-response-output, .wpcf7-validation-errors { font-size: 16px; }


}
@media only screen and (min-width:750px) and (max-width:1000px){

    
           /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; }
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #20b581!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{      height: 100%; box-sizing: border-box; width: 100%; right: 0px!important; top: 80px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;          top: 0.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #20b581;}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.sjlanguage{position: absolute;right: 10%;bottom: 30px;font-size: 16px;color: #20b581;;display: none;}
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 80px!important; height: 80px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: #20b581!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #20b581!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: #20b581!important;}
.drawer-menu-item:hover { color: #20b581!important; } 

/* header footer */
.icenter {width: 94%;}
.icenter, .icenter1 { width: 94%; }
.icenter3 { width: 94%; }
.icenter5 { width: 94%;}
.div1 .head_t {display: none;}
.div1 .head_b .right ul{display: none;}
/* cn->en*/
.div1 .head_b .right .rcc .search{display: none;}
.div1 .head_b .right .rcc .qie .diqiu_2 { display: block; }
.div1 .head_b .right .rcc .qie .diqiu_1 { display: none; }
.div1 .head_b .right .rcc .qie::before {display: none;}
.div2 .head_b .right .rcc .qie::before { display: none; }
.div1 .head_b .right .rcc .qie { margin: 0px; padding: 0px; position: relative; left: -85px; }
.div1 .head_b .right .rcc .qie a span { color: #333; }

.div1 { background: #fff; height: 80px; }
.div1:hover { box-shadow: 0 0 1px #ddd; }
.div2{box-shadow:0 0 1px #ddd; }
.div1 .head_b .logo_c { display: block; }
.div1 .head_b .logo_b { display: none; }
.div1 .head { height: 100%; padding: 0 3% 0;}
.div1 .head_b { height: 100%; }
.div1 .head_b .logo img { width: 125px; }
.footer .top {display: none;}
.footer .mid {display: none;}
.footer .yue {     padding: 50px 0; top: -197px; width: 100%; border-radius: 0px;}
.footer .yue h3 {     font-size: 34px; margin-bottom: 16px; }
.footer .bot .right {display: none;}
.index_yue { padding: 0px 0 0; }
.footer .bot { padding: 20px 0; }
.footer .bot .left {     flex-flow: wrap; justify-content: center; align-items: center; }
.footer .bot .left span:nth-of-type(2)::before,.footer .bot .left span:nth-of-type(2)::after {display: none;}
.footer .bot .left span:nth-of-type(2){position: relative; padding: 0 5px; margin: 0 5px; padding-left: 0px; margin-left: 0px; }
.footer .bot .left span, .footer .bot .left a { font-size: 13px; }
.footer .bot { padding: 16px 0; }
.amore { width: 110px; height: 32px; font-size: 14px; line-height: 32px; border-radius: 5px; }
.footer { padding: 0px 0 0px; }
.footer .bot .left span, .footer .bot .left a { font-size: 12px; }
.footer .icenter{display: flex;justify-content: center;align-items: center;flex-direction: column;}


/* banner */
.sy_banner { height: calc(100vh - 80px); margin-top: 80px; }
.sy_banner .main { bottom: 40px; width: 94%; }
.sy_banner .main .top h3 { font-size: 48px; margin-bottom: 5px; }
.sy_banner .main .top { margin-bottom: 33vh; }
.sy_banner .c-mouse { position: absolute; bottom: 103px; width: 26px; height: 40px; }

/* index01 */
.index01 .bot .ce a span { font-size: 18px; }
.index01 .bot .b_le .top_c a .text p { font-size: 13px; }
.index01 .bot .b_le .top_c {    box-sizing: border-box; padding: 28px 10px 33px 27px; margin-bottom: 12px; border-radius: 10px;height: 199px; }
.index01 .bot .b_le {    box-sizing: border-box; height: 307px; }
.index01 .bot .b_ri li { margin-bottom: 10.2px; }
.ce{height: 95px;    box-sizing: border-box;}
.index02 ul li .xx h3 { font-size: 18px; line-height: 27px; margin-bottom: 29px; }
.index02 ul li .xx h4 span { font-size: 13px; margin-right: 5px; }
.index02 ul li .xx h4 img { width: 12px; height: 11px; }
.index06 ul li { width: 19%; margin-right: 9px; margin-bottom: 9px; }
.index05 { padding: 80px 0 101px; }
.index06 { padding: 99px 0; }
.index04 .tie { width: 309px; }
.index04 .tie .top { padding: 26px 45px 29px; }
.index04 .tie .bot { padding: 26px 45px 29px; }
.index04 .tie .top h3 { font-size: 17px; line-height: 26px; margin-bottom: 21px; }
.index04 .tie .top h4 { font-size: 14px; }
.index04 .tie .bot .left h5 { font-size: 20px; line-height: 26px; margin-bottom: 42px; }

.vi_show video { width: 84%; height: auto; object-fit: cover; }
.index04 .icenter { padding-left: 165px; }
.fc ul li { width: 65px; height: 65px; }
.fc ul li a img { width: 23px; }
.fc ul li a span { font-size: 13px; }
.index03 .right { width: 41.3%; padding: 50px 19px 58px; box-sizing: border-box; }
.index_F .cc h3 { font-size: 30px; margin-bottom: 2px; }
.index03 .right p { font-size: 13px; margin-bottom: 28px; }
.index03 .left { width: 58.7%; }
.index03 .right .box { margin-bottom: 131px; }
.index03 .right .box .in03Swiper_ri-prev, .index03 .right .box .in03Swiper_ri-next { font-size: 15px; top: 175px;}
.index03 .left .wen .icon img { width: 28px; }
.index03 .left .wen h3 { font-size: 32px; margin-bottom: 16px; }
.index03 .left .wen p { padding-top: 14px; font-size: 15px; line-height: 25px; margin-bottom: 44px; width: 371px; padding-right: 6px; }
.index03 .left .wen a { width: 115px; }
.index03 .left .wen { left: 45%; }

.innerbanner {margin-top: 80px;}
.fix {margin-top: 364px!important;}
.innerbanner .text { top: 50%; }
.solu_h3 { font-size: 34px; }
.con02 .box { padding: 38px 20px; }
.con02 .box p { font-size: 16px; line-height: 26px; margin-bottom: 30px; height: 56px; }
.con02 .box a { font-size: 20px; margin-bottom: 35px; }
.innerbanner img{height: 100%;}
.ab03 dd .text { font-size: 15px; line-height: 24px; width: 94%; }
.ab04 .top, .ab04 h3 { padding: 0px 40px; }
.com_h3 { font-size: 30px; margin-bottom: 12px; }
.ab04 .box .left h4 { line-height: 66px; font-size: 57px; }
.ab04 .box .left p { line-height: 24px; font-size: 14px; }
.ab04 .bot .box .wen { font-size: 16px; padding-top: 16px; }
.ab04Swiper_bot { padding: 28px 0; }
.ab04 .box .left { width: 50%; }
.ab05 .top p { font-size: 18px; line-height: 32px; width: 100%; }
.ab05 .mid { padding: 49px 0; padding-left: 40px; margin-bottom: 30px; }
.ab05 .mid .left h4 { font-size: 28px; margin-bottom: 16px; }
.ab05 .mid .left p { font-size: 12px; line-height: 23px; }
.ab05 .mid .right { display: flex; align-items: center; }
.ab05 ul li strong { font-size: 60px; }
.honormin a span { font-size: 15px;}
.ab06 .swiper-button-prev { left: -22px; }
.ab06 .swiper-button-next { right: -22px; }
.ab07 img { width: 358px; margin-bottom: 21px; }
.ab07 p { font-size: 16px; line-height: 28px; margin-bottom: 50px; width: 100%; }
.tech ul li a { padding: 38px 20px; }
.tech ul li h3 { font-size: 18px; margin-bottom: 6px; }
.tech ul li h4 { font-size: 14px; margin-bottom: 18px; }
.tech ul li span { padding-left: 13px; font-size: 14px; margin-bottom: 6px; }
.tech ul li p { font-size: 14px; line-height: 24px; margin-bottom: 12px; }
.tech ul li h5 { font-size: 14px; }
.newshowtxt { padding: 0px 0 90px; }
.ser01 ul li::after {display: none;}
.ser01 ul li img { width: 41px; margin-bottom: 21px; }
.ser01 ul li h4 { font-size: 22px; margin-bottom: 19px; }
.ser01 ul li p { font-size: 12px; line-height: 22px; margin-bottom: 18px; }
.ser02 ul li .icon { width: 49px; height: 49px; margin-right: 17px; }
.ser02 ul li .icon img { width: 30px; }
.ser02 ul li h5 { font-size: 14px; line-height: 22px; }
.ac2bt { font-size: 30px; }
.ac2ms { font-size: 14px; margin-top: 6px; }
.ac2sz strong { font-size: 78px; line-height: 63px; }
.ac2sz { font-size: 14px; margin-top: 34px; line-height: 1; padding-bottom: 21px; }
.ac2sz span { font-size: 78px; line-height: 54px; margin-right: 15px; }
.ab2cv { position: absolute; left: 0px; bottom: -28px; }
.ac2sz:before { width: 328px;}
.icenter4 { width: 94%; }
.news ul li:nth-of-type(3n) { margin-right: 2.75%; }
.news ul li:nth-of-type(2n) { margin-right: 0px; }
.news ul li {       width: 48.5%; margin-right: 2.75%; margin-bottom: 2.75%;}
.news ul li .cc h5 { font-size: 16px; line-height: 27px; margin-bottom: 23px; }
.news ul li .cc { padding: 41px 29px; }
.news ul li .cc p { font-size: 14px; line-height: 24px; margin-bottom: 37px; }

.pro_cc { padding: 33px; }
.pro_cc h4 { font-size: 22px;margin-bottom: 9px; height: 60px; }
.pro_cc h5 { font-size: 16px; margin-bottom: 24px; }
.pro_cc p { font-size: 14px; line-height: 24px; margin-bottom: 34px; }
.proinfo04 .fa { width: 30px; height: 30px; font-size: 24px; }
.proinfo04 .swiper-button-prev { left: -20px; }
.proinfo04 .swiper-button-next { right: -20px; }
.solu04 ul li { width: 129px; height: 129px; margin-right: 12px; margin-bottom: 30px; }
.solu04 ul li img { width: 39px; margin-bottom: 8px; }
.solu04 ul li span { font-size: 18px; }
.solu04 .content .hide_item .item{width: 129px; height: 129px; margin-right: 12px; margin-bottom: 30px;}
.solu04 .content .hide_item .item img{ width: 39px; margin-bottom: 8px; }
.solu04 .content .hide_item .item span{font-size: 18px; }
.solu03 .box .icon { width: 75px; height: 75px; margin-bottom: 22px; }
.solu03 .box .icon img { width: 46px; }
.solu03 .box .b h4 { font-size: 23px; margin-bottom: 15px; padding-bottom: 16px; }
.solu03 .box .b p { font-size: 16px; line-height: 28px; height: 144px; }
.solu03 .box { padding: 40px 34px; }
.solu_h3 { font-size: 30px; }
.solu02 ul li:nth-of-type(1) p { padding-left: 24px; box-sizing: border-box; font-size: 14px; color: #333333; font-weight: bold; height: 56px;}
.solu02 ul li:nth-of-type(2) p { padding-left: 24px; box-sizing: border-box; font-size: 14px; color: #333333; font-weight: bold; height: 56px;}
.solu01 .left { width: 47%; padding-left: 43px; box-sizing: border-box; position: relative; }
.solu01 .left p { font-size: 13px; line-height: 24px; margin-bottom: 36px; z-index: 1; position: relative; }
.solu01 .left h3 { margin-bottom: 16px; position: relative; }
.drawer-menu li .drawer-dropdown-menu-item.sanji {display: none;}
.pro .right dl dd:nth-of-type(3n) { margin-right: 2.75%; }
.pro .right dl dd:nth-of-type(2n) { margin-right: 0px; }
.pro_cc {margin-right: 2.75%;width: 48.5%;margin-bottom: 2.75%;}
.pro .right { width: 77%; padding: 40px; }
.pro .left .title { font-size: 30px; padding: 22px; }
.pro .left .af a { font-size: 15px; height: 65px; padding: 0px 10px;}
.pro .left .amin a { font-size: 14px; height: 48px; padding: 0px 15px; text-indent: 8px; }
.proinfo01 .right img { width: 100%; }
.proinfo_h3 { font-size: 28px; margin-bottom: 24px; }
.proinfo01 h4::after { width: 72%;}
.vi_box .box .video { position: relative; width: 85%; height: auto; }
.proinfo01 .left .amore { width: 129px; height: 34px; line-height: 34px; font-size: 14px; }
.proinfo03 ul li:nth-of-type(1) p { border-bottom: 1px solid #fff; padding-left: 26px; box-sizing: border-box; font-size: 15px; color: #333333; font-weight: bold; height: 46px; display: flex; align-items: center; }
.proinfo03 ul li:nth-of-type(2) p { border-bottom: 1px solid #fff; padding-left: 26px; box-sizing: border-box; font-size: 15px; color: #333333; font-weight: bold; height: 46px; display: flex; align-items: center; }
.fan .icenter3 a { font-size: 18px;}
.fan .icenter3 a img { width: 23px; }
.fan { padding: 30px 0; }
.con03 .bot form span span { position: absolute!important; top: 0; right: 6px; line-height: 47px; color: #e42313; letter-spacing: 0; font-size: 12px; width: fit-content!important; }
.wpcf7-response-output, .wpcf7-validation-errors { font-size: 16px; }

}



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

           /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; }
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #20b581!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{ overflow-y: scroll;  height: 100%!important; height: 100%; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{ height: auto; width: 100%;height: 100%;box-sizing: border-box;}
.drawer--right.drawer-open .drawer-nav::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3); background: red; }
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;          top: 0.4%;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: #20b581;}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.sjlanguage{position: absolute;right: 10%;bottom: 30px;font-size: 16px;color: #20b581;;display: none;}
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: #20b581!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: #20b581!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu-item { color: #333;    font-size: 17px;}
.drawer-open .drawer-hamburger-icon {background-color: #20b581!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {        color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 17px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 16px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}
.drawer-dropdown-menu-item:hover { text-decoration:none!important; color: #20b581!important; }
.drawer-menu-item:hover { color: #20b581!important; } 



/* header footer */
.icenter {width: 94%;}
.icenter, .icenter1 { width: 94%; }
.icenter3 { width: 94%; }
.icenter5 { width: 94%;}
.div1 .head_t {display: none;}
.div1 .head_b .right ul{display: none;}
/* cn->en*/
.div1 .head_b .right .rcc .search{display: none;}
.div1 .head_b .right .rcc .qie .diqiu_2 { display: block; }
.div1 .head_b .right .rcc .qie .diqiu_1 { display: none; }
.div1 .head_b .right .rcc .qie::before {display: none;}
.div2 .head_b .right .rcc .qie::before { display: none; }
.div1 .head_b .right .rcc .qie { margin: 0px; padding: 0px; position: relative; left: -67px; }
.div1 .head_b .right .rcc .qie a span { color: #333; }


.div1 { background: #fff; height: 60px; }
.div1:hover { box-shadow: 0 0 1px #ddd; }
.div2{box-shadow:0 0 1px #ddd; }
.div1 .head_b .logo_c { display: block; }
.div1 .head_b .logo_b { display: none; }
.div1 .head { height: 100%; padding: 0 3% 0;}
.div1 .head_b { height: 100%; }
.div1 .head_b .logo img { width: 125px; }
.footer .top {display: none;}
.footer .mid {display: none;}
.footer .yue { padding: 30px 0; top: -144px; width: 100%; border-radius: 0px; }
.footer .yue h3 { font-size: 28px; margin-bottom: 12px; }
.footer .bot .right {display: none;}
.index_yue { padding: 0px 0 0; }
.footer .bot { padding: 20px 0; }
.footer .bot .left {     flex-flow: wrap; justify-content: center; align-items: center; }
.footer .bot .left span:nth-of-type(2)::before,.footer .bot .left span:nth-of-type(2)::after {display: none;}
.footer .bot .left span:nth-of-type(2){position: relative; padding: 0 5px; margin: 0 5px; padding-left: 0px; margin-left: 0px; }
.footer .bot .left span, .footer .bot .left a { font-size: 13px; }
.footer .bot { padding: 16px 0; }
.amore { width: 110px; height: 32px; font-size: 14px; line-height: 32px; border-radius: 5px; }
.footer { padding: 0px 0 0px; }
.footer .icenter{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.footer .bot .left span, .footer .bot .left a { font-size: 12px; }



/* banner */
.sy_banner { height: calc(100vh - 60px); margin-top: 60px; }
.sy_banner .main .top h3 { font-size: 32px; margin-bottom: 6px;     text-align: center;}
.sy_banner .main .top h4 { font-size: 22px; }
.sy_banner .main .top { margin-bottom: 29vh; }
.sy_banner .c-mouse {     bottom: 141px; width: 20px; height: 34px; }
.sy_banner .main { bottom: 60px; width: 96%; }
.sy_banner .main .bot ul li { flex-flow: wrap; }
.sy_banner .main .bot ul li h5 span { font-size: 32px; }
.sy_banner .main .bot ul li h5 i { font-size: 28px; width: 22px; height: 35px; }
.sy_banner .main .bot ul li h5 i { font-size: 28px; width: 22px; height: 35px; }
.sy_banner .main .bot ul li h5 { margin-right: 10px; font-size: 32px; }
.sy_banner .main .bot ul li:nth-of-type(2)::before { left: -3%;}
.sy_banner .main .bot ul li:nth-of-type(2)::after { right: 9%;}
.sy_banner .main .bot ul li h6 { font-size: 12px; position: relative; left: -10px; }


/* index01 */
.index01 { padding: 50px 0; }
.index_F .cc h3 { font-size: 26px; margin-bottom: 2px; }
.index_F .cc h4 { font-size: 14px; }
.index01 .bot {flex-flow: wrap;}
.index01 .bot .b_le {width: 100%;}
.index01 .bot .b_ri {width: 100%;}
.index01 .bot .b_le .bot_c {flex-flow: wrap;}
.index01 .bot .b_le .bot_c .ce {width: 100%;}
.index01 .bot .b_le .top_c a {flex-flow: wrap;}
.index01 .bot .b_le .top_c a .box {width: 100%;}
.index01 .bot .b_le .top_c a .bao {width: 100%;margin-top: 20px;}
.index01 .bot .ce a { padding: 19.8px; }
.index01 .bot .ce a span { font-size: 18px; }
.index01 .bot .b_le .bot_c .ce { width: 100%; margin-bottom: 2.4%; }
.index01 .bot .b_ri li { margin-bottom: 2.4%; }
.index01 .bot .b_le .top_c { padding: 30px 10px 39px 27px; margin-bottom: 9px; border-radius: 10px; }

/* index02 */
.index02 ul {flex-flow: wrap;}
.index02 ul li {width: 100%;    margin-bottom: 30px;}
.index02 ul li .xx { padding: 18px 0px 0 0; box-sizing: border-box; }
.index02 ul li .xx h5 { font-size: 14px; margin-bottom: 14px; }
.index02 ul li .xx h3 { font-size: 18px; line-height: 27px; margin-bottom: 23px; }
.index02 { padding: 50px 0; }

/* index03 */
.index03 {flex-flow: wrap;}
.index03 .left {width: 100%;height: 310px;}
.index03 .right {width: 100%;    padding: 50px 20px;}
.index03 .left .wen p { width: 100%;}
.index03 .left .wen { left: 50%;    width: 94%; }
.index03 .left .wen .icon img { width: 28px; }
.index03 .left .wen h3 { font-size: 26px; margin-bottom: 12px; }
.index03 .left .wen p { padding-top: 9px; font-size: 14px; margin-bottom: 29px; padding-right: 0px; }
.index03 .right p { font-size: 14px; margin-bottom: 36px; }
.index03 .right .box { margin-bottom: 112px; }
.index03 .right .box .bao {     border-radius: 90px; height: 100%;}
.index03 .right .box .bao img{height: 100%;}
.index03 .right .box .in03Swiper_ri-prev, .index03 .right .box .in03Swiper_ri-next { top: 172px;}
.index03 .right .box .swiper {-webkit-appearance: none; border-radius: 90px; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px;-o-border-radius: 90px;}



/* index04 */
.index04 { padding: 50px 0;background-color: #c9c9c9;background-image: none; }
.index04 .tie { width: 100%; position: unset; top: 0px; left: 0px; }
.index04 .icenter { padding-left: 0px; }
.index04 .icenter .cc h4 { text-align: center; }
.index04 .icenter .cc h3 { text-align: center; }
.index04 .icenter .cc { margin-bottom: 24px; }
.index04 .videobox .bo { width: 45px; height: 45px; font-size: 14px; }
.index04 .videobox { margin-bottom: 20px; }
.index04 .tie .top { padding: 40px; }
.index04 .tie .top h3 { font-size: 18px; line-height: 28px; margin-bottom: 18px; }
.index04 .tie .top h4 { font-size: 14px; }
.index04 .tie .bot { padding: 40px; }
.index04 .tie .bot .right a img { width: 22px; }
.vi_show .close { width: 20px; height: 20px;top: calc(194px + 2%);}
.vi_show video {     width: 92%; height: auto; object-fit: cover;}



/* index05 */
.index05 { padding: 50px 0; }
.index05 h3 { font-size: 26px; margin-bottom: 8px; }
.index05 h4 { font-size: 14px; width: 94%; }

/* index06 */
.index06 ul { top: 0px; }
.index06 {    padding: 50px 0; margin-bottom: 144px; }
.index06 ul li {     width: 32.5%; margin-right: 1.2%; margin-bottom: 1.2%; }
.index06 ul li:nth-of-type(5n) { margin-right: 1.2%; }
.index06 ul li:nth-of-type(3n) { margin-right: 0px; }


/* contact */
.innerbanner img{height: 200px;}
.fix {margin-top: 260px!important;}
.innerbanner {top: 60px;}
.innerbanner .text { top: 50%;    width: 96%; }
.innerbanner .text h3 { font-size: 26px; margin-bottom: 6px;}
.innerbanner .text h4 {     font-size: 36px; line-height: 37px;    white-space: normal; text-align: center;}
.con01 { padding: 50px 0; }
.con01 .icenter1 {flex-flow: wrap;}
.con01 .icenter1 .left {width: 100%;margin-bottom: 40px;}
.con01 .icenter1 .right {width: 100%;}
.solu_h3 { font-size: 26px; }
.con01 .icenter1 .left ul li { font-size: 15px; margin-bottom: 13px; }
.con01 .icenter1 .left ul li a { font-size: 15px; }
.con02 .swiper-button-prev { left: 0px; }
.con02 .swiper-button-next { right: 0px; }
.con02 .fa1 { width: 30px; height: 30px; font-size: 22px;}
.con01 .icenter1 .left ul li img { width: 24px; margin-right: 13px; }
.con01 .icenter1 .left .amore { width: 110px; height: 32px; line-height: 32px; }
.con01 .icenter1 .left h3 { margin-bottom: 24px; }
.con01 .icenter1 .left ul { margin-bottom: 22px; }
.con02 h3 { margin-bottom: 24px; }
.con02 { padding-bottom: 50px; }
.con03 { padding: 50px 0; }
.con03 .top p { font-size: 14px; }
.con03 .bot input { font-size: 14px; padding: 10px 12px; }
.con03 .bot textarea { height: 100px; padding: 10px 12px; font-size: 16px;}
.con03 .bot .b span { font-size: 12px;}
.con03 .bot .b a span { font-size: 13px; }
.con03 .bot .b a {    width: 86px; height: 34px; line-height: 34px; }
.con02 .box { padding: 41px 23px; }
.con03 .bot .b span { width: 69%; }
.con03 .bot .b a span { width: 100%; }
.con03 .bot .f3 { flex-flow: wrap;    margin-bottom: 0px;}
.con03 .bot .f3 span { width: 100%;     margin-bottom: 10px;}
.con03 .bot .f2 span { width: 100%; margin-bottom: 10px; }
.con03 .bot .f2 {flex-flow: wrap;    margin-bottom: 0px;}
.con03 .bot .cc span { color: #666; font-size: 12px; width: 63%; }
.con03 .bot .cc input { width: 110px; height: 36px; line-height: 36px; font-size: 14px; }




/* ab01 */
.ab01 { padding: 50px 0; }
.com_h3 { font-size: 26px; margin-bottom: 10px; }
.ab01 p { font-size: 14px; line-height: 26px; }
.ab01 p br  {display: none;}
.ab02 { padding: 50px 0; }
.ab02 { background-attachment: unset; }
.ab02 ul li h3 { font-size: 26px; }
.ab02 ul li p { padding-left: 10px; margin-left: 10px; font-size: 13px; line-height: 24px; width: 77%; }
.ab02 ul li { align-items: center; }
.ab03 { padding: 50px 0; }
.ab03 h3 { margin-bottom: 22px; }
.ab03 dd { width: 100%; margin-right: 0%; margin-bottom: 2%; }
.ab03 dd .text { font-size: 20px; line-height: 30px; }
.ab07 { padding: 50px 0; }
.ab07 img { width: 70%; margin-bottom: 12px; }
.ab07 p { font-size: 14px; line-height: 26px; margin-bottom: 35px; width: 100%; }
.ab07 .icon { width: 65px; height: 65px; margin: 0 auto; margin-bottom: 0px;}
.ab07 .icon h5 { font-size: 14px; }
.ab07 .icon::before { width: 98px; right: 102px; }
.ab07 .icon::after { width: 98px; left: 102px; }
.ab06 { padding: 50px 0; }
.ab06 .com_h3 { font-size: 26px; margin-bottom: 0px;}
.ab04 { padding: 50px 0; }
.honormin a {float:none;}
.ab06 .swiper-button-prev { left: 0px; }
.ab06 .swiper-button-next { right: 0px; }
.ab06 .fa { width: 30px; height: 30px; font-size: 22px; }
.ab04 .box {flex-flow: wrap;}
.ab04 .box .left {width: 100%;    margin-bottom: 20px;}
.ab04 .box .right {width: 100%;}
.ab04 .top, .ab04 h3 { padding: 0 0px; }
.ab04 .bot .box .wen { font-size: 16px; top: 0px; padding-top: 18px; }
.ab04 .top .fa {display: none;}
.ab04 .box .left h4 { line-height: 61px; font-size: 54px; }
.ab04 .box .left h5 { font-size: 16px; margin-bottom: 24px; }
.ab04Swiper_bot { padding: 30px 0; }
.ab05 { padding: 50px 0; }
.ab05 .top p { font-size: 15px; line-height: 26px; width: 100%; }
.ab05 .mid::after { width: 120%; height: 100%; left: -15%; }
.ab05 .mid {flex-flow: wrap;overflow: unset;}
.ab05 .mid .left {width: 100%;}
.ab05 .mid .right {width: 100%;}
.ab05 .mid { padding: 50px 14px; padding-left: 14px; margin-bottom: 50px; }
.ab05 .mid .left h4 { font-size: 26px; margin-bottom: 14px; }
.ab05 .mid .left p br {display: none;}
.ab05 .mid .left { width: 100%; margin-bottom: 20px; }
.ab05 ul li { width: 100%;margin-bottom: 20px;    padding-bottom: 20px;}
.ab05 ul {flex-flow: wrap;}
.ab05 ul li strong { font-size: 45px; }
.honormin a span { font-size: 15px; margin: 7px 0 0 0; }
.ab05 ul li h6 { font-size: 14px; }
.ab05 ul li h5 { font-size: 34px; line-height: 40px; }
.imgshow { width: 100%; height: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%); }


/* solu*/
.solu01 { padding: 50px 0; } 
.solu01 .icenter1 {flex-flow: wrap;}
.solu01 .left {width: 100%; padding-left: 0px;margin-bottom: 40px;}
.solu01 .right {width: 100%;}
.solu01 .left::before {display: none;}
.solu01 .left h3 { margin-bottom: 12px; }
.solu01 .left p { font-size: 14px; line-height: 26px; margin-bottom: 22px; }
.solu02 h3 { margin-bottom: 24px; }
.solu02 ul li:nth-of-type(1) p {word-break: break-all; padding-left: 0px; font-size: 12px; height: 80px; width: 100%; padding: 0 5%; margin: auto; text-align: center; justify-content: center; }
.solu02 ul li:nth-of-type(2) p {  word-break: break-all; padding-left: 0px; font-size: 12px; height: 80px; width: 100%; padding: 0 5%; margin: auto; text-align: center; justify-content: center;}
.solu02 { margin-bottom: 50px; }
.solu03 { margin-bottom: 50px; }
.solu03 .top .right .fa img { width: 24px; }
.solu03 .top .right .line { margin: 0px 12px; height: 17px; width: 2px;}
.solu03 .box .icon { width: 70px; height: 70px; margin-bottom: 24px; }
.solu03 .box .b h4 { font-size: 22px; margin-bottom: 14px; }
.solu03 .box .b p { font-size: 15px; line-height: 26px;-webkit-appearance: none;}
.solu03 .box { padding: 37px 32px; }
.solu04 { padding: 50px 0; background-attachment: unset;}
.solu04 p { font-size: 14px; margin-bottom: 34px; }
.solu04 ul { margin-bottom: 0px;  }
.solu04 ul li {       width: 27.5vw; height: 27.5vw; margin-right: 3.24vw; margin-bottom: 3.24vw; }
.solu04 ul li:nth-of-type(3n){margin-right: 0px;}
.solu04 ul li img {     width: 30px; margin-bottom: 5px;}
.solu04 ul li span { font-size: 14px; }
.solu04 .content .itemF {position: relative;}
.solu04 .content .hide_item .item { width: 27.5vw; height: 27.5vw; margin-right: 3.24vw; margin-bottom: 3.24vw;}
.solu04 .content .hide_item .item:nth-of-type(3){    margin-right: 0px; position: absolute; right: 0px; top: -32.74vw;}
.solu04 .content .hide_item .item:nth-of-type(4){margin-right: 0px;}
/* .solu04 .content .hide_item .item:nth-of-type(1) { width: 42.5vw; height: 42.5vw; margin-right: 0px; margin-bottom: 20px; top: calc( -42.5vw - 26px); left: calc(42.5vw + 28px); position: absolute; } */
.solu04 .content .hide_item .item img { width: 30px; margin-bottom: 5px; }
.solu04 .content .hide_item .item span  { font-size: 14px; }

.proinfo { padding: 50px 0; }
.proinfo_h3 { font-size: 26px; margin-bottom: 24px; }
.proinfo01 h4::after { width: 68%; }
.proinfo01 .left p { margin-bottom: 22px; }
.pro_cc .bao img { width: 100%; }
.pro_cc h4 { font-size: 22px; margin-bottom: 10px;}
.pro_cc h5 { font-size: 16px; margin-bottom: 20px; }
.pro_cc p { font-size: 14px; line-height: 24px; margin-bottom: 35px;}

/* news */
.news { padding: 50px 0; }
.icenter4 { width: 94%; }
.news ul li {width: 100%;margin-right: 0px;margin-bottom: 20px;}
.news ul li .imgbox img {height: 200px;}
.news ul li .bot { padding: 26px 0; }
.news ul li .bot h4 { font-size: 14px; margin-bottom: 16px; }
.news ul li .bot h4 strong, .news ul li .cc h4 strong { font-size: 38px; margin-right: 7px; line-height: 31px; }
.news ul li .bot p { font-size: 16px; line-height: 28px; }
.news ul li .cc { padding:  30 24px; }
.news ul li .cc h4 span { font-size: 14px; }
.news ul li .cc h5 { font-size: 16px; line-height: 26px; margin-bottom: 21px; }
.news ul li .cc h4 { margin-bottom: 18px; }
.news ul li .cc p { font-size: 13px; line-height: 23px; margin-bottom: 30px; }
.news ul li .cc .amore { width: 105px; height: 30px; line-height: 30px; font-size: 12px; }
.news ul li .cc { padding: 38px 24px; }
.page a { width: 34px; height: 34px; font-size: 14px; margin-right: 12px; }
.page span {width: 34px; height: 34px; font-size: 14px; margin-right: 12px;}
.newsinfo_banner .text h5 { font-size: 22px; margin-bottom: 14px; }
.newsinfo_banner .text h6 span { font-size: 13px; margin-right: 14px; }
.newshowtxt { padding: 50px 0; }
.sxy a { padding: 14px 0; font-size: 13px; }
.bottomfx dd .fx a { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin-right: 8px; font-size: 14px; }
.bottomfx dd span { font-size: 13px; line-height: 30px; margin-right: 10px; }
.bottomfx dt a { width: 90px; height: 30px; line-height: 30px; font-size: 13px; }



/* pro  */
.pro .left {width: 100%;border: 0px;min-height: auto;display: none;}
.pro .right {width: 100%; padding: 24px;    min-height: auto;padding-top: 50px;}
.pro .left .af a { font-size: 15px; height: 60px; padding: 0px 24px; }
.pro .left .title { font-size: 26px; padding: 24px; }
.pro .left .amin a { font-size: 13px; height: 60px; padding: 0px 24px; }
.pro .right .title { font-size: 26px; padding-left: 20px; margin-bottom: 30px; }
.pro .right .title::before { height: 22px; width: 2px; left: 0px; top: 7px; }
.pro .right dl { margin-bottom: 20px; }
.pro .right dl dd { padding: 24px; }
.pro_cc {width: 100%;margin-right: 0px;margin-bottom: 20px;}
.pro .right dl dd .bao img { width: 100%; }
.proinfo01 .icenter3 {flex-flow: wrap;}
.proinfo01 .left {width: 100%;margin-bottom: 40px;}
.proinfo01 .right {width: 100%;}
.innerbanner .text h3 { font-size: 20px; margin-bottom: 5px; }
.innerbanner .text h4 { font-size: 23px; line-height: 31px; }
.proinfo01 .left .amore:nth-of-type(1) { margin-right: 15px; }
.proinfo01 .left .amore { width: 110px; height: 32px; line-height: 32px; font-size: 13px; }
.proinfo01 .left .amore img { width: 14px; }
.vi_box .box .video img.close { width: 28px; right: 2px; top: -40px;}
.vi_box .box .video { position: relative; width: 90%; height: auto; }
.proinfo_h3 { font-size: 26px; margin-bottom: 16px; }
.proinfo04 .swiper-button-prev { left: 0px; }
.proinfo04 .swiper-button-next { right: 0px; }
.proinfo04 .fa { width: 30px; height: 30px; font-size: 22px; }
.proinfo02 li { padding: 8px 0; font-size: 14px; }
.proinfo03 ul li:nth-of-type(1) p {   margin: auto; padding-left: 0px; font-size: 12px; height: 54px; justify-content: center; text-align: center; width: 88%;}
.proinfo03 ul li:nth-of-type(2) p {  margin: auto; padding-left: 0px; font-size: 12px; height: 54px; justify-content: center; text-align: center; width: 88%;}
.fan { padding: 20px 0; }
.fan .icenter3 a { font-size: 15px;}
.fan .icenter3 a img { width: 20px; }
.fan .icenter3 a:nth-of-type(2) img { width: 17px; }
.fan .icenter3::after { height: 19px; }
.sup05 { padding: 50px 0;     min-height: 39vh;}
.sup05 .item .top .left h4 { font-size: 14px; white-space: normal; }
.sup05 .item .top { padding: 17px 16px; }
.sup05 .item .top .left::after {display: none;}
.sup05 .item .top .right { width: 32px; height: 32px; right: 29px; }
.sup05 .item .top .left { width: 85%; }
.sup05 .item .top .left img { width: 32px; margin-right: 10px; }
.sup05 .item .bot { padding: 27px; }
.sup05 .item .bot p { font-size: 14px; line-height: 24px; }
.tech { padding: 50px 0; }
.tech ul li { width: 100%;}
.tech ul li a { padding: 42px 24px; }
.tech ul li span { padding-left: 12px; font-size: 14px; margin-bottom: 8px; }
.tech ul li h3 { font-size: 18px; margin-bottom: 8px; }
.tech ul li h4 { font-size: 14px; margin-bottom: 16px; }
.tech ul li p { font-size: 14px; line-height: 24px; margin-bottom: 10px; }
.tech ul li h5 { font-size: 14px; }
.tech ul li h5 span { margin-left: 10px; top: 0px; }
.pro_cc .bot .icon img { width: 23px; }
.pro_cc .bot .amore { width: 102px; height: 32px; line-height: 32px; font-size: 14px; }




/* service */
.ser01 { padding: 50px 0; }
.ser01 .top h4 { font-size: 16px; }
.ser01 .top { margin-bottom: 34px; }
.ser01 ul li img { width: 36px; margin-bottom: 20px; }
.ser01 ul li h4 { font-size: 22px; margin-bottom: 22px; }
.ser01 ul li {width: 48.5%;margin-bottom: 32px;}
.ser01 ul {flex-flow: wrap;}
.ser01 ul li p  br {display: none;}
.ser01 ul li::after {display: none;}
.ser01 ul li p { font-size: 14px; line-height: 24px; margin-bottom: 10px; height: 72px; }
.ser02 { padding: 50px 0; background-attachment: unset;}
.ser02 p { font-size: 14px; line-height: 24px; margin-bottom: 34px; }
.ser02 ul li {    width: 100%; margin-bottom: 18px; justify-content: center;}
.ser02 ul {flex-flow: wrap;}
.about2-bj { padding: 50px 0; }
.am2bg {width: 100%;margin-left: 0px;}
.ab2cv { position: unset; left: 0px; bottom: 0px; }
.am2dw {display: none;}
.am2dd .pcdt {display: none;}
.am2dd .mbdt{display: block;}
.am2dd { position: absolute; width: 66%; bottom: 19%; left: 19%; }
.ac2bt { font-size: 26px; }
.ac2ms { font-size: 14px; margin-top: 6px; }
.ac2sz { font-size: 14px; margin-top: 25px; line-height: 1; padding-bottom: 20px; }
.ac2sz strong { font-size: 65px; line-height: 55px; }
.ac2sz span { font-size: 65px; line-height: 50px; margin-right: 10px; }
.ac2sz:before { width: 72%;}

/* download */
.download {     padding: 50px 0; min-height: 37vh;}
.download dl dd a { padding: 24px 24px; flex-flow: wrap;}
.download dl dd a .left {width: 100%;    margin-bottom: 20px;}
.download dl dd a .right {width: 100%; position: relative; left: 68px}
.download dl dd a .right span { font-size: 16px; margin-right: 16px; }
.download dl dd a .right .icon { width: 30px; height: 30px; }
.download dl dd a .right .icon img { width: 18px; }
.download dl dd a .left .text h4 { font-size: 18px; margin-bottom: 7px; }
.download dl dd a .left .text h5 { font-size: 13px; }
.download dl dd a .left .text { padding-left: 15px; margin-left: 15px; }
.download dl dd a .left .icon img { width: 38px; }



/* join */
.join { padding: 50px 0; }
.join .top { padding: 24px; }
.join .top .left h3 { font-size: 20px; margin-bottom: 4px; }
.join .top .left span { font-size: 13px; }
.join .top i { font-size: 32px; }
.join .bot { padding: 24px; }
.join .bot .box h4 { font-size: 16px; margin-bottom: 14px; }
.join .bot .box p { font-size: 13px; line-height: 28px; }
.join .bot h6 { font-size: 16px; }
.join .bot h6 span { font-size: 16px;}


/* fc */
.fc ul li { width: 55px; height: 55px; border-radius: 3px; }
.fc ul li a img { width: 20px; margin-bottom: 2px; }
.fc ul li a span { font-size: 12px; }


#output { right: -58px; top: -143px;}

.solu04 ul li:nth-of-type(4){display: none;}
.solu04 ul li:nth-of-type(5){display: none;}
.con03 .bot input::-webkit-input-placeholder {  font-size: 12px;}
.con03 .bot textarea::-webkit-input-placeholder {  font-size: 12px;}

.solu04 a { margin-top: 24px; }


.con03 .bot form{margin-bottom: 20px;}
.con03 .bot form span span { position: absolute!important; top: 0; right: 20px; line-height: 38px; color: #e42313; letter-spacing: 0; font-size: 12px; width: fit-content!important; }
.wpcf7-response-output, .wpcf7-validation-errors { font-size: 14px; }


}