@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: rgb(235, 97, 0)!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: 60px!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: rgb(235, 97, 0);}
.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: rgb(235, 97, 0);;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: rgb(235, 97, 0)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: rgb(235, 97, 0)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: rgb(235, 97, 0)!important;}
.drawer-menu-item:hover { color: rgb(235, 97, 0)!important; } 
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li a  {width: 80%; font-size: 16px; font-weight: normal;}
.drawer-menu li .drawer-dropdown-menu-item {font-size: 14px!important;}


/* header footer */
.icenter {width: 94%;}
.header .h-r {display: none;}
.header { height: 80px;}
.header .logo img { width: 85px; }
.div1 { position: fixed; top: 0px; left: 0px; width: 100%;     z-index: 9999;}


/* banner */
.bannerwrap { margin-top: 80px;    height: 60vh; }
.bannerwrap .swiper-container  {height: 100%;}
.bannerwrap .box { height: 100%; }
.bannerwrap .box img {height: 100%;}
.bannerwrap .box .bannertext p { font-size: 32px;     margin-bottom: 21px;}
.bannerwrap .box .bannertext h3 { font-size: 18px; margin-bottom: 32px; }
.more { width: 105px; height: 32px; line-height: 32px; font-size: 14px; box-sizing: content-box; }
.bannerwrap .swiper-button-next { width: 12px; height: 22px; left: 27px; background-size: cover;     top: 16px;}
.bannerwrap .swiper-button-prev { width: 12px; height: 22px;     background-size: cover;    top: 16px;}
.bannerwrap .swiper-pagination-bullet { margin-left: 11px;}
.bannerwrap .swiper-pagination-bullet-active { width: 30px;}
.bannerwrap .box .bannertext { top: 45%;}

/* index02 */
.index02tab { width: 100%; position: relative; }
.index02wrap .index02tab li { height: 58.8px; }
.index02wrap .index02tab li strong { font-size: 32px;   margin-right: 77px; }
.index02wrap .swiper-container { margin: 0; width: 100%; }
.index02wrap { height: auto; }
.index02wrap .index02tab li .biao {     font-size: 14px; bottom: 31px; left: 22%;}
.index02wrap .i02 {     margin: 0 2%; flex-flow: wrap; padding: 50px 0; }
.index02wrap .i02 .i02-m { height: auto; margin-top: 32px; width: 248px; margin-right: 0%;}
.chanpinpagination01,.chanpinpagination02,.chanpinpagination03,.chanpinpagination04,.chanpinpagination05,.chanpinpagination06 { bottom: 17px;}
.index02wrap .i02 .i02-m img { margin-left: -40px; }
.index02list h3 {left: 4.2%; font-size: 30px; margin: 30px 0 50px 0; }
.index02wrap .i02 .i02-l h4 { font-size: 22px; margin-top: 50px; width:fit-content; }
.index02wrap .i02 .i02-l ul li strong { margin-right: 13px; font-size: 18px; }
.index02wrap .index02tab li .big { font-size: 22px; }
.index02wrap .index02tab li .biao { font-size: 16px; bottom: 31px; left: 8%; }

.index02wrap .options { z-index: 10; position: absolute; bottom: 25px;}



/* index03 */
.index03wrap .main { flex-flow: wrap;}
.index03wrap .left {width: 100%;}
.index03wrap .right {padding: 26px;width: 100%;}
.index03wrap .right .content h3 { font-size: 26px; margin-bottom: 20px; letter-spacing: 2px; }
.index03wrap .right .content p { font-size: 14px; margin-bottom: 30px; line-height: 26px; }
.index03wrap .left ul { display: flex; flex-wrap: wrap; justify-content: unset; width: 100%; height: auto; position: relative; top: 0; }
.h5-dl{display: flex;flex-flow: wrap;    padding-top: 50px;}
.h5-dl dd{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
.h5-dl dd:nth-of-type(2n){margin-right: 0px;}
.h5-dl dd a {    background: rgba(255,255,255,.3); backdrop-filter: blur(6px); opacity: .85; width: 100%; height: 100%; display: flex;align-items: center;justify-content: center;flex-direction: column; padding: 20px; box-sizing: border-box;}
.h5-dl dd a .num {font-size: 20px;font-weight: bold;    font-family: "arial";color: #ffffff;margin-bottom: 20px;}
.h5-dl dd a h3 {    font-size: 20px; font-weight: bold;color: #ffffff;}
.index03wrap .left ul {display: none;}











/* footer */
.footerwrap .footer {display: none;}
.footerwrap { padding: 0px 0% 0 0%; border-top: 3px solid rgb(255, 105, 0);}
.footerwrap .copyright .se {display: none;}
.footerwrap .copyright h3 { font-size: 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 17px; text-align: center; width: 100%; }


/* about */
.ch_er { margin-top: 80px; }
.ch_er .bao img {height:auto;}
.ch_er .text h3 { font-size: 32px; margin-bottom: 11px; letter-spacing: 2px; }
.ch_er .text h4 { font-size: 20px; }
.cc { letter-spacing: 3px; font-size: 26px; margin-bottom: 18px; }
.ccp p { font-size: 14px; line-height: 28px; text-align: justify; }
.new .content .bot ul li .dul h4 { height: 83px; font-size: 16px; margin-bottom: 6px; line-height: 30px; }
.news .content .box { padding: 39px 60px; }
.news .content { padding: 0 28px; }
.ab03 ul { width: 100%; }
.ab03Swiper .ab03Swiper-button-next { left: 45%; }
.ab03Swiper .ab03Swiper-button-prev {left: 40%;}
.ab04 ul li .bao img { width: 100%;}
.con01 { padding: 50px 0; }
.con h6 { font-size: 26px; margin-bottom: 28px; }
.con03 { padding: 50px 0; }
.con03 .content { padding: 0px 0px; }
.con03 .content form input { margin-bottom: 10px; padding: 10px; border-radius: 3px; font-size: 12px; }
.con03 .content form textarea { width: 100%; height: 109px; margin-bottom: 34px; padding: 10px; border-radius: 3px; }
.con02 { padding: 0px 0 50px;}
.con02 .bot1 .dul .bao img { height: auto; }
.ser02 .content ul li p { font-size: 16px; line-height: 24px; }
.app01 { padding: 50px 0; }
.app h6 { font-size: 26px; margin-bottom: 26px; }
.app01 .content ul li {     font-size: 12px; height: 45px; width: 24%; margin-right: 1.29%; margin-bottom: 1.29%;}
.app01 .content ul li:nth-of-type(4n){margin-right: 0px;}
.app01 .content ul li:nth-of-type(7n) { margin-right: 1.29%; }
.app02 ul li .text .ap2_more { width: 158px; height: 37px; line-height: 37px; font-size: 14px; }
.app02 ul li .text .top { margin-bottom: 86px; }
.app03 { padding: 50px 0 85px; }
.app03 .top { margin-bottom: 26px; }
.apps02-1 { padding: 50px 0; }
.apps02-3 { padding: 0px 0 96px; }
.fen a { font-size: 12px; }
.fen a img { margin-right: 6px; width: 15px; }
.fen { padding: 16px 0; }
.apps02 { padding-bottom: 50px; }
.page-banner { margin-top: 60px; }
.page-banner img {height: 200px;}
.page-banner .text h3 { font-size: 34px; font-weight: 600; color: #ffffff; margin-bottom: 15px; letter-spacing: 10px; }
.page-banner .text h4 { font-size: 20px;}
.nav-links { margin: 0px 0px 0px; }
.page { margin: 31px 0px 0px; }
.nav-links a, .nav-links span { font-size: 14px; margin-right: 5px; width: 30px; height: 30px; line-height: 30px; }
.page a { min-width: 30px;}
.pros {margin-top: 80px;}
.pros .t_nav .content .cc { padding: 18px 33px 18px 39px; width: 94%; }
.pros .t_nav .content .right span { font-size: 14px; white-space: nowrap; }
.pros .t_nav .content .left { margin-right: 8%;}
.pros .t_nav .content .right .subnav { left: -50px; top: 33px; }
.pros .t_nav .content .right .subnav ul li { padding: 0 14px; width: 142px; line-height: 20px; }
.pros .t_nav { margin-bottom: 50px; }
.pros .bot .content { padding: 50px 14px; flex-flow: wrap; }
.pros .bot .left { width: 100%; font-size: 24px; margin-bottom: 20px; }
.pros .bot .right { width: 100%; }
.pros .tab .content { padding: 0 0px; }
.pros .bot .right ul li { padding: 16px 16px;}
.pros .bot .right ul li .ft { width: 30%; margin-right: 3%;}
.pros .bot .right ul li .gt { line-height: 24px; width: 65%; font-size: 14px; color: #333333; }
.pros .bot .right ul li .ft { font-size: 14px; display: flex; align-items: center; }
.pros .zixun { width: 92px; height: 30px; line-height: 30px; font-size: 12px; }
.pros .bot .right ul li .gt_2 img { width: 16px; margin-right: 7px; }
.pros .bot .right ul li .gt_2 a:hover { transform: scale(1); }
.pros .bot .right ul li .ft_2 { font-size: 14px; display: flex; align-items: center; width: 80%; margin-right: 3%; }
.pros .bot .right ul li .gt_2 { line-height: 24px; width: fit-content; font-size: 14px; color: #333333; }
.pros .bot .right ul li .ft_2 span  {line-height: 20px; }
.ab04 ul li .text h4 { color: #fff; font-size: 15px; width: 80%; text-align: center; line-height: 18px; }



}
@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: rgb(235, 97, 0)!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: 60px!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: rgb(235, 97, 0);}
.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: rgb(235, 97, 0);;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: rgb(235, 97, 0)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: rgb(235, 97, 0)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: rgb(235, 97, 0)!important;}
.drawer-menu-item:hover { color: rgb(235, 97, 0)!important; } 
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li a  {width: 80%; font-size: 16px; font-weight: normal;}
.drawer-menu li .drawer-dropdown-menu-item {font-size: 14px!important;}


/* header footer */
.icenter {width: 94%;}
.header .h-r {display: none;}
.header { height: 80px;}
.header .logo img { width: 85px; }
.div1 { position: fixed; top: 0px; left: 0px; width: 100%;     z-index: 9999;}


/* banner */
.bannerwrap { margin-top: 80px;    height: 60vh; }
.bannerwrap .swiper-container  {height: 100%;}
.bannerwrap .box { height: 100%; }
.bannerwrap .box img {height: 100%;}
.bannerwrap .box .bannertext p { font-size: 32px;     margin-bottom: 21px;}
.bannerwrap .box .bannertext h3 { font-size: 18px; margin-bottom: 32px; }
.more { width: 105px; height: 32px; line-height: 32px; font-size: 14px; box-sizing: content-box; }
.bannerwrap .swiper-button-next { width: 12px; height: 22px; left: 27px; background-size: cover;     top: 16px;}
.bannerwrap .swiper-button-prev { width: 12px; height: 22px;     background-size: cover;    top: 16px;}
.bannerwrap .swiper-pagination-bullet { margin-left: 11px;}
.bannerwrap .swiper-pagination-bullet-active { width: 30px;}
.bannerwrap .box .bannertext { top: 45%;}

/* index02 */
.index02tab { width: 100%; position: relative; }
.index02wrap .index02tab li { height: 58.8px; }
.index02wrap .index02tab li strong { font-size: 32px;   margin-right: 77px; }
.index02wrap .swiper-container { margin: 0; width: 100%; }
.index02wrap { height: auto; }
.index02wrap .index02tab li .biao {      font-size: 16px; bottom: 31px; left: 10%;}
.index02wrap .i02 {     margin: 0 2%; flex-flow: wrap; padding: 50px 0; }
.index02wrap .i02 .i02-m { height: auto; margin-top: 32px; width: 248px; margin-right: 0%;}
.chanpinpagination01,.chanpinpagination02,.chanpinpagination03,.chanpinpagination04,.chanpinpagination05,.chanpinpagination06 { bottom: 17px;}
.index02wrap .i02 .i02-m img { margin-left: -40px; }
.index02list h3 {left: 4.2%; font-size: 30px; margin: 30px 0 50px 0; }
.index02wrap .i02 .i02-l h4 { font-size: 22px; margin-top: 50px;     width: fit-content;}
.index02wrap .i02 .i02-l ul li strong { margin-right: 13px; font-size: 18px; }
.index02wrap .index02tab li .big { font-size: 22px; }
.index02wrap .options { z-index: 10; position: absolute; bottom: 25px;}

/* index03 */
.index03wrap .main { flex-flow: wrap;}
.index03wrap .left {width: 100%;}
.index03wrap .right {padding: 26px;width: 100%;}
.index03wrap .right .content h3 { font-size: 26px; margin-bottom: 20px; letter-spacing: 2px; }
.index03wrap .right .content p { font-size: 14px; margin-bottom: 30px; line-height: 26px; }
.index03wrap .left ul { display: flex; flex-wrap: wrap; justify-content: unset; width: 100%; height: auto; position: relative; top: 0; }
.h5-dl{display: flex;flex-flow: wrap;    padding-top: 50px;}
.h5-dl dd{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
.h5-dl dd:nth-of-type(2n){margin-right: 0px;}
.h5-dl dd a {    background: rgba(255,255,255,.3); backdrop-filter: blur(6px); opacity: .85; width: 100%; height: 100%; display: flex;align-items: center;justify-content: center;flex-direction: column; padding: 20px; box-sizing: border-box;}
.h5-dl dd a .num {font-size: 20px;font-weight: bold;    font-family: "arial";color: #ffffff;margin-bottom: 20px;}
.h5-dl dd a h3 {    font-size: 20px; font-weight: bold;color: #ffffff;}
.index03wrap .left ul {display: none;}


.i01mid ul li .text { width: 80%; }
.index01wrap .a { padding: 66px 67px 313px 42px; }
.index04wrap .i04-mid .left .part { border: 1px solid rgb(236,236,236); padding: 43px 20px 60px; }
.index04wrap .i04-mid .part .part-l span:nth-of-type(1) { font-size: 22px; }
.index04wrap .i04-mid .part .part-l span:nth-of-type(2) { font-size: 18px; }
.index04wrap .i04-mid .part .part-r { padding-top: 10px; width: 76%; }
.index04wrap .i04-mid .part .part-l { width: 18%; }


/* footer */
.footerwrap .footer {display: none;}
.footerwrap { padding: 0px 0% 0 0%; border-top: 3px solid rgb(255, 105, 0);}
.footerwrap .copyright .se {display: none;}
.footerwrap .copyright h3 { font-size: 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 17px; text-align: center; width: 100%; }


/* about */
.ch_er { margin-top: 80px; }
.ch_er .bao img {height: auto;}
.ch_er .text h3 { font-size: 32px; margin-bottom: 11px; letter-spacing: 2px; }
.ch_er .text h4 { font-size: 20px; }
.ccp p { font-size: 14px; line-height: 24px; text-align: justify; }
.ab01 .left .bot ul li h5 span { font-size: 46px; }
.ab01 .left .bot { margin-top: 56px; }
.ab01 .left { width: 57%; padding: 50px 0; }
.ab03 ul { width: 100%; }
.ab03Swiper .ab03Swiper-button-next { left: 60%; }
.ab03Swiper .ab03Swiper-button-prev { left: 54%; }
.ab04 ul li .bao img { width: 100%;}
.ab05 .box .bao { height: 140px; }
.ab05 .box .bao img {height: 140px;}
.new .content .bot ul li .dul h4 { height: 81px; font-size: 16px; margin-bottom: 6px; line-height: 21px; }
.news { padding: 50px 0; }
.news .content { padding: 0 0px; }
.news .content .box { padding: 36px 23px; }
.con01 { padding: 50px 0; }
.con h6 { font-size: 26px; margin-bottom: 28px; }
.con01 ul li h3 { font-size: 16px; }
.con03 { padding: 50px 0; }
.con01 ul li { padding: 34px 10px; }
.con03 .content { padding: 0px 0px; }
.con03 .content form input { margin-bottom: 10px; padding: 10px; border-radius: 3px; font-size: 12px; }
.con03 .content form textarea { width: 100%; height: 109px; margin-bottom: 34px; padding: 10px; border-radius: 3px; }
.con02 { padding: 0px 0 50px;}
.con02 .bot1 .dul .bao img { height: auto; }

.ser02 { padding: 50px 0; }
.ser02 .content h6 { font-size: 26px; margin-bottom: 32px; }
.ser02 .content ul li {      padding: 20px 6px 14px;   width: 48.5%!important; justify-content: center!important; align-items: center!important; border-right: 0px;}
.ser02 .content ul {flex-flow: wrap;}
.ser02 .content ul li p { font-size: 16px; line-height: 23px; height: 46px; }
.ser02 .content ul li h4 { font-size: 42px; }
.ser02 .content ul li .line { width: 26px; margin: 14px auto 14px; }
.ser02 .content h6 { font-size: 26px; margin-bottom: 20px; }
.ser03 { padding: 50px 0; }
.ser03 .content h6 { font-size: 26px; margin-bottom: 20px; }
.ser03 .content h3 { font-size: 16px; margin-bottom: 34px; }
.ser03 .content .bot {flex-flow: wrap;}
.ser03 .content .bot .left {width: 100%;}
.ser03 .content .bot .right {width: 100%;}
.ser03 .content .bot .right span { font-size: 20px; line-height: 34px; }
.ser03 .content .bot .right p { font-size: 17px; line-height: 35px; }
.app01 { padding: 50px 0; }
.app h6 { font-size: 26px; margin-bottom: 26px; }
.app01 .content ul li {     font-size: 12px; height: 45px; width: 24%; margin-right: 1.29%; margin-bottom: 1.29%;}
.app01 .content ul li:nth-of-type(4n){margin-right: 0px;}
.app01 .content ul li:nth-of-type(7n) { margin-right: 1.29%; }
.app02 ul li .text .ap2_more { width: 158px; height: 37px; line-height: 37px; font-size: 14px; }
.app02 ul li .text .top { margin-bottom: 51px; }
.app03 { padding: 50px 0 85px; }
.app03 .top { margin-bottom: 26px; }
.apps02-1 { padding: 50px 0; }
.apps02 .hang {flex-flow: wrap;}
.apps02 .hang .left {width: 100%;}
.apps02 .hang .right {width: 100%;}
.apps02 .hang .left .bao img { height: 200px; }
.apps02 .hang .right {    padding: 30px 20px 0; }
.apps02-3 { padding: 0px 0 96px; }
.fen a { font-size: 12px; }
.fen a img { margin-right: 6px; width: 15px; }
.fen { padding: 16px 0; }
.apps02 { padding-bottom: 50px; }
.page-banner { margin-top: 80px; }
.page-banner img {height: auto;}

.page-banner .text h3 { font-size: 34px; font-weight: 600; color: #ffffff; margin-bottom: 15px; letter-spacing: 10px; }
.page-banner .text h4 { font-size: 20px;}
.pro02 .child .left img { width: 287px; }
.nav-links { margin: 0px 0px 0px; }
.page { margin: 31px 0px 0px; }
.nav-links a, .nav-links span { font-size: 14px; margin-right: 5px; width: 30px; height: 30px; line-height: 30px; }
.page a { min-width: 30px;}
.pros {margin-top: 80px;}
.pros .t_nav .content .cc { padding: 18px 33px 18px 39px; width: 94%; }
.pros .t_nav .content .right span { font-size: 14px; white-space: nowrap; }
.pros .t_nav .content .left { margin-right: 8%;}
.pros .t_nav .content .right .subnav { left: -50px; top: 33px; }
.pros .t_nav .content .right .subnav ul li { padding: 0 14px; width: 142px; line-height: 20px; }
.pros .top .content {flex-flow: wrap;}
.pros .top .content .left {width: 100%;  padding: 0 0px; box-sizing: border-box;}
.pros .top .content .right {width: 100%;padding-top: 30px; padding-right: 0px;}
.pros .top .content .left p { font-size: 14px; line-height: 28px; margin-bottom: 30px; width: 100%; }
.pros .t_nav { margin-bottom: 50px; }
.pros .bot .content { padding: 50px 14px; flex-flow: wrap; }
.pros .bot .left { width: 100%; font-size: 24px; margin-bottom: 20px; }
.pros .bot .right { width: 100%; }
.pros .tab .content { padding: 0 0px; }
.pros .bot .right ul li { padding: 16px 16px;}
.pros .bot .right ul li .ft { width: 30%; margin-right: 3%;}
.pros .bot .right ul li .gt { line-height: 24px; width: 65%; font-size: 14px; color: #333333; }
.pros .bot .right ul li .ft { font-size: 14px; display: flex; align-items: center; }
.pros .zixun { width: 92px; height: 30px; line-height: 30px; font-size: 12px; }
.pros .bot .right ul li .gt_2 img { width: 16px; margin-right: 7px; }
.pros .bot .right ul li .gt_2 a:hover { transform: scale(1); }
.pros .bot .right ul li .ft_2 { font-size: 14px; display: flex; align-items: center; width: 80%; margin-right: 3%; }
.pros .bot .right ul li .gt_2 { line-height: 24px; width: fit-content; font-size: 14px; color: #333333; }
.pros .bot .right ul li .ft_2 span  {line-height: 20px; }



}

@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: rgb(235, 97, 0)!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: 60px!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: rgb(235, 97, 0);}
.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: rgb(235, 97, 0);;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: rgb(235, 97, 0)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: rgb(235, 97, 0)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: rgb(235, 97, 0)!important;}
.drawer-menu-item:hover { color: rgb(235, 97, 0)!important; } 
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li a  {width: 80%; font-size: 16px; font-weight: normal;}
.drawer-menu li .drawer-dropdown-menu-item {font-size: 14px!important;}

/* header footer */
.icenter {width: 94%;}
.header .h-r {display: none;}
.header { height: 60px;}
.header .logo img { width: 66px; }
.div1 { position: fixed; top: 0px; left: 0px; width: 100%;     z-index: 9999;}


/* banner */
.bannerwrap { margin-top: 60px;    height: 60vh; }
.bannerwrap .swiper-container  {height: 100%;}
.bannerwrap .box { height: 100%; }
.bannerwrap .box img {height: 100%;}
.bannerwrap .box .bannertext p { font-size: 32px;     margin-bottom: 21px;}
.bannerwrap .box .bannertext h3 { font-size: 18px; margin-bottom: 32px; }
.more { width: 105px; height: 32px; line-height: 32px; font-size: 14px; box-sizing: content-box; }
.bannerwrap .swiper-button-next { width: 12px; height: 22px; left: 27px; background-size: cover;     top: 16px;}
.bannerwrap .swiper-button-prev { width: 12px; height: 22px;     background-size: cover;    top: 16px;}
.bannerwrap .swiper-pagination-bullet { margin-left: 11px;}
.bannerwrap .swiper-pagination-bullet-active { width: 30px;}
.bannerwrap .box .bannertext { top: 45%;}

/* index01 */
.index01wrap { flex-flow: wrap; }
.index01wrap .a { width: 100%; padding: 50px 26px; box-sizing: border-box;}
.i01-l h3 { font-size: 26px; margin-bottom: 13px; }
.index01wrap .a p { font-size: 14px; line-height: 26px; margin-bottom: 30px; }
.index01wrap .i01-r {width: 100%; }
.i01mid { width: 100%; height: 151px; }
.i01mid ul li .text { width: 94%; }
.i01mid ul li h3 { font-size: 15px; margin-bottom: 16px; }
.i01mid ul li h4 span {     font-size: 14px; position: relative; top: 0px; line-height: 20px; margin-left: 3px; }
.i01mid ul li h4 {     font-size: 40px; display: flex; align-items: flex-end; justify-content: center;     line-height: 32px;}

/* index02 */
.index02tab { width: 100%; position: relative; }
.index02wrap .index02tab li { height: 58.8px; }
.index02wrap .index02tab li strong { font-size: 32px;   margin-right: 77px; }
.index02wrap .swiper-container { margin: 0; width: 100%; }
.index02wrap { height: auto; }
.index02wrap .index02tab li .biao {     font-size: 14px; bottom: 31px; left: 22%;}
.index02wrap .i02 {     margin: 0 2%; flex-flow: wrap; padding: 50px 0; }
.index02wrap .i02 .i02-m { height: auto; margin-top: 32px; width: 248px; margin-right: 0%;}
.chanpinpagination01,.chanpinpagination02,.chanpinpagination03,.chanpinpagination04,.chanpinpagination05,.chanpinpagination06 { bottom: 17px;}
.index02wrap .i02 .i02-m img { margin-left: -40px; }
.index02list h3 {left: 4.2%; font-size: 30px; margin: 30px 0 50px 0; }
.index02wrap .i02 .i02-l h4 { font-size: 22px; margin-top: 50px; width: fit-content; max-width: 100%;}
.index02wrap .i02 .i02-l ul li strong { margin-right: 13px; font-size: 18px; }
.index02wrap .index02tab li .big { font-size: 22px; }
.index02wrap .options { z-index: 10; position: absolute; bottom: 12px;}


/* index03 */
.index03wrap .main { flex-flow: wrap;}
.index03wrap .left {width: 100%;}
.index03wrap .right {padding: 26px;width: 100%;}
.index03wrap .right .content h3 { font-size: 26px; margin-bottom: 20px; letter-spacing: 2px; }
.index03wrap .right .content p { font-size: 14px; margin-bottom: 30px; line-height: 26px; }
.index03wrap .left ul { display: flex; flex-wrap: wrap; justify-content: unset; width: 100%; height: auto; position: relative; top: 0; }
.h5-dl{display: flex;flex-flow: wrap;    padding-top: 50px;}
.h5-dl dd{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
.h5-dl dd:nth-of-type(2n){margin-right: 0px;}
.h5-dl dd a {    background: rgba(255,255,255,.3); backdrop-filter: blur(6px); opacity: .85; width: 100%; height: 100%; display: flex;align-items: center;justify-content: center;flex-direction: column; padding: 20px; box-sizing: border-box;}
.h5-dl dd a .num {font-size: 20px;font-weight: bold;    font-family: "arial";color: #ffffff;margin-bottom: 20px;}
.h5-dl dd a h3 {    font-size: 20px; font-weight: bold;color: #ffffff;}
.index03wrap .left ul {display: none;}





/* index04 */
.index04wrap .i04-top h3 { font-size: 26px; margin: 50px 0 30px; }
.index04wrap .i04-mid .left { width: 100%;   margin-bottom: 30px;}
.index04wrap .i04-mid .left .part { padding: 18px; }
.index04wrap .i04-mid .part .part-l span:nth-of-type(1) { font-size: 22px; }
.index04wrap .i04-mid .part .part-l span:nth-of-type(2) { font-size: 17px; }
.index04wrap .i04-mid .part .part-l .line { margin: 8px auto; }
.index04wrap .i04-mid .part .part-r h3 { margin-bottom: 9px; font-size: 20px; }
.index04wrap .i04-mid .part .part-r p { font-size: 13px; line-height: 19px; }
.index04wrap .i04-mid .part .part-l::after { height: 66px;}
.index04wrap .i04-mid .right { width: 100%; }
.index04wrap .i04-mid .left .bao img { width: 100%; }
.index04wrap .i04-mid { flex-flow: wrap;}
.index04wrap .i04-mid .part .part-l { width: 20%; }
.index04wrap .i04-mid .part .part-r { padding-top: 10px; width: 77%; }





/* index05 */
.index05wrapF { padding: 50px 0;}
.index05wrap .i01-l { width: 100%;    margin-bottom: 20px; }
.index05wrap .i05-r {width: 100%;}
.index05wrap {flex-flow: wrap;}
.index05wrap .i01-l h3 { font-size: 26px; margin-bottom: 16px; }
.index05wrap .i01-l p { margin-bottom: 30px; line-height: 26px; font-size: 15px; }





/* footer */
.footerwrap .footer {display: none;}
.footerwrap { padding: 0px 0% 0 0%; border-top: 3px solid rgb(255, 105, 0);}
.footerwrap .copyright .se {display: none;}
.footerwrap .copyright h3 { font-size: 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 17px; text-align: center; width: 100%; }


/* about */
.ch_er { margin-top: 60px; }
.ch_er .bao img {height: 200px;}
.ch_er .text h3 { font-size: 32px; margin-bottom: 11px; letter-spacing: 2px; }
.ch_er .text h4 { font-size: 20px; }
.ab01, .ab02, .ab03, .ab04, .ab05 { padding: 50px 0; }
.ab01 .content {flex-flow: wrap;}
.ab01 .left {width: 100%;  padding: 0px 0 20px;}
.ab01 .right {width: 100%;}
.cc { letter-spacing: 3px; font-size: 26px; margin-bottom: 18px; }
.ccp p { font-size: 14px; line-height: 28px; text-align: justify; }
.ab01 .left .bot { margin-top: 30px; }
.ab01 .left .bot ul li h4 { font-size: 15px; margin-bottom: 11px; }
.ab01 .left .bot ul li h5 span { font-size: 38px; }
.ab01 .right .bao img { transition: 0.5s; height: 250px; }
.ab02 .content {flex-flow: wrap;}
.ab02 .left {width: 100%;}
.ab02 .right {width: 100%;    padding: 30px 0 0;}
.ab02 .left .bao img { height: 250px; }
.ab05 .cc { margin-bottom: 28px; }
.ab05 .bot .ab05Swiper-pagination { bottom: -15%; width: 100%; }
.ab04 h5 { font-size: 15px; line-height: 24px; width: 100%; margin-bottom: 20px; }
.ab04 ul li {     width: 33.3%; height: 110px; border: 0px; margin-right: 0px; margin-bottom: 0px;}
.ab04 ul li .bao img { height: auto; width: 100%; max-height: 100%; margin: 0 auto; }
.ab04 ul li:nth-of-type(1), .ab04 ul li:nth-of-type(7), .ab04 ul li:nth-of-type(13) {border-left: 0px;}
.ab04 ul {border: 0px;}
.ab04 ul::after {display: none;}
.ab04 ul li .text h4 { font-size: 12px; width: 90%; line-height: 16px; text-align: center; }
.ab03 .cc { margin-bottom: 55px; }
.ab03 .content1 { padding-left: 0px; margin-bottom: 42px; }
.ab03 ul { width: 100%; }
.ab03 ul li .dot .text { top: -20px; left: -4px; font-size: 16px; }
.ab03 ul li .dot { width: 20px; height: 20px; }
.ab03 ul li .dot::after { width: 7px; height: 7px;}
.ab03 ul li { width: 20%;}
.ab03 ul::after { left: 14px; top: 11px; }
.ab03 .content2 .box {flex-flow: wrap;}
.ab03 .content2 .box .main{width: 100%;}
.ab03Swiper .swiper-slide-active .box .bao { height: auto; width: 100%; }
.ab03Swiper .swiper-slide { width: 100%!important; }
.ab03Swiper .box .bao img { height: 250px; width: 100%; object-fit: fill}
.content2 { height: auto; }
.ab03 .content2 .box .bao { margin-right: 0px; }
.ab03Swiper .box .bao { height: 250px;}
.ab03 .content2 .box .main h3 { font-size: 34px; margin-bottom: 15px; text-align: center; }
.ab03 .content2 .box h4 { font-size: 18px; line-height: 29px; text-align: center; height: 58px;}
.ab03 .content2 .box .main .line1 { width: 250px; margin: auto; margin-bottom: 17px; }
.ab03 .content2 .box .main {    padding: 30px 0 0;}
.ab03Swiper .ab03Swiper-button-prev, .ab03Swiper .ab03Swiper-button-next{display: none;}
.new { padding: 50px 0; }
.new .content .bot ul li { width: 100%; margin-bottom: 20px; margin-right: 0; }
.new .content .bot ul li .dul h4 { height: auto; font-size: 17px; margin-bottom: 4px; line-height: 27px; }
.new .content .bot ul li .dul p { line-height: 28px; font-size: 15px;}
.new .content .title { font-size: 26px; margin-bottom: 26px; font-weight: 600; }
.news { padding: 50px 0; }
.news .content { padding: 0 0px; }
.news .content .box { padding: 36px 23px; }
.con01 { padding: 50px 0; }
.con h6 { font-size: 26px; margin-bottom: 28px; }
.con01 ul li { padding: 38px 20px; width: 100%;margin-bottom: 20px;}
.con01 ul { flex-flow: wrap; }
.con02 .bot1 {flex-flow: wrap;}
.con02 .bot1 .dul {width: 100%;}
.con02 .bot1 .left {margin-bottom: 20px;}
.con03 { padding: 50px 0; }
.con03 .content { padding: 0px 0px; }
.con03 .content form input { margin-bottom: 10px; padding: 10px; border-radius: 3px; font-size: 12px; }
.con03 .content form textarea { width: 100%; height: 109px; margin-bottom: 34px; padding: 10px; border-radius: 3px; }
.con02 { padding: 0px 0 50px;}
.con02 .bot1 .dul .bao img { height: auto; }
.ser01 { padding-top: 50px; }
.ser01 h6 { font-size: 26px; margin-bottom: 28px; }
.ser01 ul li {flex-flow: wrap;}
.ser01 ul li .left {width: 100%;}
.ser01 ul li .right {width: 100%;padding: 30px 0 0;}
.ser01 ul li .right h3 { font-size: 24px; margin-bottom: 16px; }
.ser01 ul li .right p { font-size: 14px; line-height: 28px; }
.ser02 { padding: 50px 0; }
.ser02 .content h6 { font-size: 26px; margin-bottom: 32px; }
.ser02 .content ul li {      padding: 20px 6px 14px;   width: 48.5%!important; justify-content: center!important; align-items: center!important; border-right: 0px;}
.ser02 .content ul {flex-flow: wrap;}
.ser02 .content ul li p { font-size: 16px; line-height: 23px; height: 46px; }
.ser02 .content ul li h4 { font-size: 42px; }
.ser02 .content ul li .line { width: 26px; margin: 14px auto 14px; }
.ser02 .content h6 { font-size: 26px; margin-bottom: 20px; }
.ser03 { padding: 50px 0; }
.ser03 .content h6 { font-size: 26px; margin-bottom: 20px; }
.ser03 .content h3 { font-size: 16px; margin-bottom: 34px; }
.ser03 .content .bot {flex-flow: wrap;}
.ser03 .content .bot .left {width: 100%;}
.ser03 .content .bot .right {width: 100%;}
.ser03 .content .bot .right span { font-size: 20px; line-height: 34px; }
.ser03 .content .bot .right p { font-size: 17px; line-height: 35px; }
.app01 { padding: 50px 0; }
.app h6 { font-size: 26px; margin-bottom: 26px; }
.app01 .content ul li {     font-size: 12px; height: 45px; width: 24%; margin-right: 1.29%; margin-bottom: 1.29%;}
.app01 .content ul li:nth-of-type(4n){margin-right: 0px;}
.app01 .content ul li:nth-of-type(7n) { margin-right: 1.29%; }
.app02 ul li { width: 100%; position: relative;    margin-bottom: 20px; }
.app02 ul li .text .ap2_more { width: 158px; height: 37px; line-height: 37px; font-size: 14px; }
.app02 ul li .text .top { margin-bottom: 86px; }
.app03 { padding: 50px 0 85px; }
.app03 .top { margin-bottom: 26px; }
.apps02-1 { padding: 50px 0; }
.apps02 .hang {flex-flow: wrap;}
.apps02 .hang .left {width: 100%;}
.apps02 .hang .right {width: 100%;}
.apps02 .hang .left .bao img { height: 200px; }
.apps02 .hang .right {    padding: 30px 20px 0; }
.apps02-3 { padding: 0px 0 96px; }
.fen a { font-size: 12px; }
.fen a img { margin-right: 6px; width: 15px; }
.fen { padding: 16px 0; }
.apps02 { padding-bottom: 50px; }
.page-banner { margin-top: 60px; }
.page-banner img {height: 200px;}
.page-banner .text h3 { font-size: 34px; font-weight: 600; color: #ffffff; margin-bottom: 15px; letter-spacing: 10px; }
.page-banner .text h4 { font-size: 20px;}
.pro01 .content { padding: 0px 0px;}
.pro01 a { font-size: 14px; padding-top: 15px; padding-bottom: 15px; }
.pro02 { padding-top: 50px; }
.pro02 .child { margin-bottom: 18px; padding: 26px; flex-flow: wrap;}
.pro02 .child .left {width: 100%;}
.pro02 .child .right {width: 100%;}
.pro02 .child .left img { width: 100%; height: auto; }
.pro02 .child:hover .left img { transform: scale(1); }
.pro02 .child .right h3 { font-size: 30px; margin-bottom: 15px; letter-spacing: 3px; }
.pro02 .child .right p { font-size: 14px; line-height: 26px; letter-spacing: 2px; }
.pro02 .content { padding-bottom: 50px; }
.nav-links { margin: 0px 0px 0px; }
.page { margin: 31px 0px 0px; }
.nav-links a, .nav-links span { font-size: 14px; margin-right: 5px; width: 30px; height: 30px; line-height: 30px; }
.page a { min-width: 30px;}
.pros {margin-top: 60px;}
.pros .t_nav .content .cc { padding: 18px 33px 18px 39px; width: 94%; }
.pros .t_nav .content .right span { font-size: 14px; white-space: nowrap; }
.pros .t_nav .content .left { margin-right: 8%;}
.pros .t_nav .content .right .subnav { left: -50px; top: 33px; }
.pros .t_nav .content .right .subnav ul li { padding: 0 14px; width: 142px; line-height: 20px; }
.pros .top .content {flex-flow: wrap;}
.pros .top .content .left {width: 100%;  padding: 0 0px; box-sizing: border-box;}
.pros .top .content .right {width: 100%;padding-top: 30px; padding-right: 0px;}
.pros .top .content .left p { font-size: 14px; line-height: 28px; margin-bottom: 30px; width: 100%; }
.pros .t_nav { margin-bottom: 50px; }
.pros .bot .content { padding: 50px 14px; flex-flow: wrap; }
.pros .bot .left { width: 100%; font-size: 24px; margin-bottom: 20px; }
.pros .bot .right { width: 100%; }
.pros .tab .content { padding: 0 0px; }
.pros .bot .right ul li { padding: 16px 16px;}
.pros .bot .right ul li .ft { width: 30%; margin-right: 3%;}
.pros .bot .right ul li .gt { line-height: 24px; width: 65%; font-size: 14px; color: #333333; }
.pros .bot .right ul li .ft { font-size: 14px; display: flex; align-items: center; }
.pros .zixun { width: 92px; height: 30px; line-height: 30px; font-size: 12px; }
.pros .bot .right ul li .gt_2 img { width: 16px; margin-right: 7px; }
.pros .bot .right ul li .gt_2 a:hover { transform: scale(1); }
.pros .bot .right ul li .ft_2 { font-size: 14px; display: flex; align-items: center; width: 80%; margin-right: 3%; }
.pros .bot .right ul li .gt_2 { line-height: 24px; width: fit-content; font-size: 14px; color: #333333; }
.pros .bot .right ul li .ft_2 span  {line-height: 20px; }





}