@media only screen and (min-width:956px) and (max-width:1268px){

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

    .pc-1200px {display: none!important;}
    .drawer-nav { display: block; }
  /* drawer-hamburger */
  .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #e42313!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: 28%; z-index: 20;}
  .headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
  .drawer--right .drawer-nav{right: -100%;} 
  .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: unset!important; background: rgba(255,255,255,0.95)!important;   height: 100%; box-sizing: border-box; width: 50%; right: 0px; 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: #e42313;}
.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: #e42313;;display: none;}
.drawer--right.drawer-open .drawer-hamburger { right: 5px!important;  }
.drawer-hamburger-icon{ width: 45% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger {        right: 5px!important; display: block!important; width: 60px!important; height: 20px!important; padding: 0px!important; top: 30px!important; border-left: 1px solid #ddd!important; box-sizing: border-box!important; border-bottom: 0px!important;}
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: #e42313 }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-hamburger-icon:after { top: 10px!important; }
.drawer-hamburger-icon:before { top: -10px!important;}
.drawer--right.drawer-open .drawer-nav::before{position: absolute;content: "";top: 0px; left: -100%;width: 100%; height: 100%; background-color: rgba(255,255,255,0.5);}


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

.en { position: relative; right: 80px; width: 32px; height: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; background-color: transparent; color: #fff; font-size: 13px; font-family: "arial";}
.div2:hover .en {color: #e42313;border-color: #e42313;}
.div2_1 .en{color: #e42313;border-color: #e42313;}
.drawer-hamburger { background-color: transparent !important; }
.div2_1 .drawer-hamburger-icon,.div2_1 .drawer-hamburger-icon:after,.div2_1 .drawer-hamburger-icon:before{ background-color:#e42313!important; }
.div2:hover .drawer-hamburger-icon,.div2:hover .drawer-hamburger-icon:after,.div2:hover .drawer-hamburger-icon:before{ background-color:#e42313!important; }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before { top: 0; background-color: #e42313!important; }
.drawer--right.drawer-open  .drawer-hamburger-icon{background-color: #fff!important;}

.drawer-open .drawer-hamburger-icon:after{    top: 0px!important;left: 0px!important;}
.drawer-open .drawer-hamburger-icon:before{    top: 0px!important;left: 0px!important;}

.drawer-open .drawer-menu-item {      border-bottom: 1px solid #ddd; padding-bottom: 10px; display: flex;  align-items: center!important; justify-content: space-between!important;}
.div2 dl {display: none;}
.div2 .logo img {    width: 250px; /* margin: auto; */ min-width: 100%; transition: none;}
.div2 {padding-left: 3%;    width: 100%;height: 80px;}
.pros { margin-top: 60px; }

.banner {height: calc(66%); margin-top: 0px;    z-index: 10;}
.blog-slider__img {height: 100%;}
.blog-slider__content { position: absolute; top: 52%; width: 94%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: left; }
.blog-slider__content .blog-slider__code .yw {    line-height: 36px; font-size: 32px; font-family: "arial";}
.blog-slider__content .blog-slider__code .tt { font-size: 36px; }
.blog-slider__text {     font-size: 24px; line-height: 36px; letter-spacing: 0px;}
.blog-slider__content .more {margin: 20px auto 0; width: 130px; font-size: 13px; height: 34px; line-height: 34px; border-radius: 2em;}
.p-top-mv__scroll {right: auto; margin-right: 0px; left: 49.8%; transform: translateX(-50%)!important;}



.inpro {    padding: 60px 0;}
.icenter {width: 94%;    max-width: 94%;padding: 0px 0px;}
.inpro .inproalist .bla .swiper-container04, .inpro .inproalist .bla .swiper-container03, .inpro .inproalist .bla .swiper-container02, .inpro .inproalist .bla .swiper-container022, .inpro .inproalist .bla .swiper-container023, .inpro .inproalist .bla .swiper-container024, .inpro .inproalist .bla .swiper-container025 { display: block; padding: 20px 10px 20px; overflow: hidden; max-width: 100%; box-sizing: border-box; }
.inpro .inproalist .bla {width: 100%;}
.inpro .inproalist .bla .tod {left: 1%;}
.inpro .inproalist .bla .fa-angle-right {    left: auto; right: 1%;}


.ab06 .content li .dul .line { width: 178px; height: 2px;  margin-bottom: 9px; }
.ab06 {    padding: 60px 0 250px;}
.ab06 .content li .dul h3 { font-size: 18px; margin-bottom: 4px; }
.ab06 .content li .dul h4 { font-size: 12px; width: 242px; line-height: 20px; }
.ab06 .content .right li .dul { left: 104px; top: -44px; }
.ab06 .content .bot li .dul { bottom: -178px; left: -196px; width: 394px; }
.ab06 .content .left li .dul { left: -340px; top: -44px; }


.ab05 { padding: 40px 0px 20px; }
.ab05Swiper .swiper-button-next {left: 96.7%;}
.ab05Swiper .swiper-button-prev {left: 92.5%;}
.ab05Swiper .swiper-scrollbar {width: 90%;}
.aber img {height: 250px;} 
.div1 {border-bottom: 0px;}

.aber {margin-top: 0px;}
.aber .content .text h3 { font-size: 36px; margin-bottom: 8px; }
.aber .content .text h4 { font-size: 15px;}
.aber .content { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.cc_nav {width: 100%;}


.news { padding: 60px 0px 60px; }
.news .mid p { line-height: 24px; font-size: 14px; margin-bottom: 20px; }
.news .bot .b a { width: 452px;}

.pros .pros02-1 .text { margin-bottom: 60px; border-radius: 10px; font-size: 14px; padding: 25px; }
.pros .pros02-2 .content1, .pros .pros02-4 .content2 { width: 100%;}
.pros .fake { width: 100%;}
.pros .pros02-2Swiper-button-prev { line-height: 30px; width: 30px; height: 30px; font-size: 14px; left: 0%; top: 60%; }
.pros .pros02-2Swiper-button-next { line-height: 30px; width: 30px; height: 30px; font-size: 14px; right: 0%; top: 60%; }
.pros .pros02-4 .pros02-4Swiper-button-prev { line-height: 30px; width: 30px; height: 30px; border-radius: 50%; font-size: 14px; left: 0%; top: 50%; }
.pros .pros02-4 .pros02-4Swiper-button-next { line-height: 30px; width: 30px; height: 30px; border-radius: 50%; font-size: 14px; right: 0%; top: 50%; }









.innews dl img { height: auto;}



.join002 .content01 .icenter{width: 100%;max-width: 100%;}


.h5_wen { font-size: 14px; line-height: 24px; text-align: center;    color: #999; display: block;}
.h5_a{display: block;    margin-top: 16px;}

.h5_top{display: block;color: #fff;font-size: 20px;display: none;}

.footer .right dt {display: none;}
.footer .right {       background-color: transparent; display: block; overflow: unset; right: 3%; top: auto; position: absolute; width: fit-content; height: fit-content; position: fixed; bottom: 12%;}
.footer .right dd a span {  margin: -20px auto 0; font-weight: normal;}
.footer .right dd a img {      width: 10px; margin: 0px; margin-top: -16px;}
.footer .right dd a .dr {        background: rgba(238, 238, 238, 0.9); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.footer .right dd {    position: relative;}
.footer .left .bottom .icenter dd {display: none;}
.footer .left .bottom h4 {/* justify-content: center; */ display: flex; overflow: hidden; width: 100%; flex-flow: wrap; }
.footer .left .bottom h4:nth-of-type(2) { width: 100%; }
.footer .left .bottom .icenter { flex-flow: wrap; width: 100%; max-width: 100%; }

.h5_footer {display: flex; justify-content: space-between; align-items: flex-start; }
.footer .left .tt {display: none;}
.footer {z-index: 100;}
.h5_footer  .top_a {       padding: 0px 0; display: flex; flex-flow: wrap; width: 67%;}
.h5_footer  .top_a a {   color: rgba(255,255,255,0.6); font-size: 16px; margin-bottom: 10px;   width: 44%;}
.h5_footer  .top_a a:last-child{width: 66%;margin-bottom: 17px;}
.h5_footer  .top_a a:nth-of-type(2n){text-align: center;}

.h5_footer  .mid_img {    border-top: 0px solid #666; padding-top: 0px; justify-content: center; display: flex; position: unset; width: 22%; justify-content: space-between;}
.h5_footer  .mid_img img {width: 100%;image-rendering: pixelated;}
.h5_footer  .mid_img .img01 span{     line-height: 16px; color: #fff;font-size: 12px;text-align: center; display: block;}
.h5_footer  .mid_img .img01 {    margin-right: 0px; margin-bottom: 0px; width: 45%;}
.h5_footer  .mid_img .img02 span{     line-height: 16px;color: #fff;font-size: 12px;text-align: center; display: block;}
.h5_footer  .mid_img .img02 {margin-right: 0px;width: 45%;}
.footer .left { display: block; overflow: hidden; width: 100%; background: #333; padding: 30px 3%; }
.footer .left .bottom {/* margin-top: 20px; */padding: 20px 0 0;}
.footer .left {    width: 100%; padding: 30px 3% 30px 3%; box-sizing: border-box;}
.footer .left .bottom h3 {    color: rgba(255,255,255,0.5);}
.footer .left .bottom h4 a { color: rgba(255,255,255,0.5);}



.inpro {background: url(/style/images/sy_cpbj_sj.jpg);background-size: cover;}
.ab007 { background: url(/style/images/ny_rcbj_sj.jpg);background-size: cover;}

.div2 a.logo{    width: 300px; padding: 5px; height: 36px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }

.yao h5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;overflow: hidden;}
.pros .pros02-2 .box h3{font-size: 12px;}
.innews dl a span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.innews dd a p{margin-right: 5px; width: 64px;}
.innews dl a p{margin-right: 5px; width: 64px;}


}




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

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

    .pc-1200px {display: none!important;}
    .drawer-nav { display: block; }
  /* drawer-hamburger */
  .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #e42313!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: 28%; z-index: 20;}
  .headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
  .drawer--right .drawer-nav{right: -100%;} 
  .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: unset!important; background: rgba(255,255,255,0.95)!important;   height: 100%; box-sizing: border-box; width: 50%; right: 0px; 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: #e42313;}
.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: #e42313;;display: none;}
.drawer--right.drawer-open .drawer-hamburger { right: 5px!important;  }
.drawer-hamburger-icon{ width: 45% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger {        right: 5px!important; display: block!important; width: 60px!important; height: 20px!important; padding: 0px!important; top: 30px!important; border-left: 1px solid #ddd!important; box-sizing: border-box!important; border-bottom: 0px!important;}
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: #e42313 }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-hamburger-icon:after { top: 10px!important; }
.drawer-hamburger-icon:before { top: -10px!important;}
.drawer--right.drawer-open .drawer-nav::before{position: absolute;content: "";top: 0px; left: -100%;width: 100%; height: 100%; background-color: rgba(255,255,255,0.5);}


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

.en { position: relative; right: 80px; width: 32px; height: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; background-color: transparent; color: #fff; font-size: 13px; font-family: "arial";}
.div2:hover .en {color: #e42313;border-color: #e42313;}
.div2_1 .en{color: #e42313;border-color: #e42313;}
.drawer-hamburger { background-color: transparent !important; }
.div2_1 .drawer-hamburger-icon,.div2_1 .drawer-hamburger-icon:after,.div2_1 .drawer-hamburger-icon:before{ background-color:#e42313!important; }
.div2:hover .drawer-hamburger-icon,.div2:hover .drawer-hamburger-icon:after,.div2:hover .drawer-hamburger-icon:before{ background-color:#e42313!important; }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before { top: 0; background-color: #e42313!important; }
.drawer--right.drawer-open  .drawer-hamburger-icon{background-color: #fff!important;}

.drawer-open .drawer-hamburger-icon:after{    top: 0px!important;left: 0px!important;}
.drawer-open .drawer-hamburger-icon:before{    top: 0px!important;left: 0px!important;}

.drawer-open .drawer-menu-item {      border-bottom: 1px solid #ddd; padding-bottom: 10px; display: flex;  align-items: center!important; justify-content: space-between!important;}
.div2 dl {display: none;}
.div2 .logo img {    width: 250px; /* margin: auto; */ min-width: 100%; transition: none;}
.div2 {padding-left: 3%;    width: 100%;height: 80px;}
.pros { margin-top: 60px; }

.banner {height: calc(60%); margin-top: 0px;    z-index: 10;}
.blog-slider__img {height: 100%;}
.blog-slider__content { position: absolute; top: 52%; width: 94%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: left; }
.blog-slider__content .blog-slider__code .yw {    line-height: 36px; font-size: 32px; font-family: "arial";}
.blog-slider__content .blog-slider__code .tt { font-size: 36px; }
.blog-slider__text {     font-size: 24px; line-height: 36px; letter-spacing: 0px;}
.blog-slider__content .more {margin: 20px auto 0; width: 130px; font-size: 13px; height: 34px; line-height: 34px; border-radius: 2em;}
.p-top-mv__scroll {right: auto; margin-right: 0px; left: 49.8%; transform: translateX(-50%)!important;}






.inpro {    padding: 60px 0;}
.icenter {width: 94%;    max-width: 94%;padding: 0px 0px;}
.inpro .inproalist .bla .swiper-container04, .inpro .inproalist .bla .swiper-container03, .inpro .inproalist .bla .swiper-container02, .inpro .inproalist .bla .swiper-container022, .inpro .inproalist .bla .swiper-container023, .inpro .inproalist .bla .swiper-container024, .inpro .inproalist .bla .swiper-container025 { display: block; padding: 20px 10px 20px; overflow: hidden; max-width: 100%; box-sizing: border-box; }
.inpro .inproalist .bla {width: 100%;}
.inpro .inproalist .bla .tod {left: 1%;}
.inpro .inproalist .bla .fa-angle-right {    left: auto; right: 1%;}


.h5_top{display: block;color: #fff;font-size: 20px;display: none;}

.footer .right dt {display: none;}
.footer .right {       background-color: transparent; display: block; overflow: unset; right: 3%; top: auto; position: absolute; width: fit-content; height: fit-content; position: fixed; bottom: 12%;}
.footer .right dd a span {  margin: -20px auto 0; font-weight: normal;}
.footer .right dd a img {      width: 10px; margin: 0px; margin-top: -16px;}
.footer .right dd a .dr {        background: rgba(238, 238, 238, 0.9); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.footer .right dd {    position: relative;}
.footer .left .bottom .icenter dd {display: none;}
.footer .left .bottom h4 {/* justify-content: center; */ display: flex; overflow: hidden; width: 100%; flex-flow: wrap; }
.footer .left .bottom h4:nth-of-type(2) { width: 100%; }
.footer .left .bottom .icenter { flex-flow: wrap; width: 100%; max-width: 100%; }

.h5_footer {display: flex; justify-content: space-between; align-items: flex-start; }
.footer .left .tt {display: none;}
.footer {z-index: 100;}
.h5_footer  .top_a {       padding: 0px 0; display: flex; flex-flow: wrap; width: 67%;}
.h5_footer  .top_a a {   color: rgba(255,255,255,0.6); font-size: 16px; margin-bottom: 10px;   width: 44%;}
.h5_footer  .top_a a:last-child{width: 66%;margin-bottom: 17px;}
.h5_footer  .top_a a:nth-of-type(2n){text-align: center;}

.h5_footer  .mid_img {    border-top: 0px solid #666; padding-top: 0px; justify-content: center; display: flex; position: unset; width: 26%; justify-content: space-between;}
.h5_footer  .mid_img img {width: 100%;image-rendering: pixelated;}
.h5_footer  .mid_img .img01 span{     line-height: 16px; color: #fff;font-size: 12px;text-align: center; display: block;}
.h5_footer  .mid_img .img01 {    margin-right: 0px; margin-bottom: 0px; width: 45%;}
.h5_footer  .mid_img .img02 span{     line-height: 16px;color: #fff;font-size: 12px;text-align: center; display: block;}
.h5_footer  .mid_img .img02 {margin-right: 0px;width: 45%;}
.footer .left { display: block; overflow: hidden; width: 100%; background: #333; padding: 30px 3%; }
.footer .left .bottom {/* margin-top: 20px; */padding: 20px 0 0;}
.footer .left {    width: 100%; padding: 30px 3% 30px 3%; box-sizing: border-box;}
.footer .left .bottom h3 {    color: rgba(255,255,255,0.5);}
.footer .left .bottom h4 a { color: rgba(255,255,255,0.5);}



.ab06 .content li .dul .line { width: 178px; height: 2px;  margin-bottom: 9px; }
.ab06 {    padding: 60px 0 250px;}
.ab06 .content li .dul h3 { font-size: 18px; margin-bottom: 4px; }
.ab06 .content li .dul h4 { font-size: 12px; width: 199px; line-height: 20px; }
.ab06 .content .right li .dul { left: 63px; top: -44px; }
.ab06 .content .bot li .dul { bottom: -178px; left: -192px; width: 394px; }
.ab06 .content .left li .dul { left: -257px; top: -44px; }
.ab05 { padding: 40px 0px 20px; }
.ab05Swiper .swiper-button-next {left: 95.5%;}
.ab05Swiper .swiper-button-prev {left: 90%;}
.ab05Swiper .swiper-scrollbar {width: 88%;}


.aber img {height: 380px;} 
.div1 {border-bottom: 0px;}
.con02 img { height: 270px;}
.con01 .content ul li h4 { font-size: 16px; }
.con01 .content .codeText {    width: 229px;}

.aber {margin-top: 0px;}
.aber .content .text h3 { font-size: 36px; margin-bottom: 8px; }
.aber .content .text h4 { font-size: 15px;}

.join002 .content01 ul li .main .left h4 { font-size: 18px;width: 173px; }
.join002 .content01 ul li .mid { width: 64%; }
.join002 .content01 ul li .main .mid dl dd img { width: 14px; margin-right: 4px; height: 14px; }
.join002 .content01 ul li .main .mid dl dd:nth-of-type(1) { width: 130px; }
.join002 .content01 ul li .main .mid dl dd { margin-right: -2px; font-size: 12px; }
.join002 .content01 ul li a { font-size: 16px; width: 24px; height: 24px; line-height: 24px; }
.join002 .content01 ul li .box p span { font-size: 16px; margin-bottom: 6px; }
.join002 .content01 ul li .box p { font-size: 13px; line-height: 24px; }
.join002 .content01 ul li .box .want { margin-top: 0px; font-size: 13px; line-height: 24px;}
.join001 .content .right { width: 40%;}
.aber .content { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.cc_nav {width: 100%;}
.exp .bot ul li .b p { font-size: 13px; margin-bottom: 6px; line-height: 21px; padding-bottom: 6px; height: 63px; }
.exp .bot ul li .b { padding: 14px; }
.exp .bot ul li .b h5 { font-size: 12px;}
.exp .bot ul li .b .bottom h6 span { font-size: 22px;}
.exp .bot ul li .b .bottom h6 { font-size: 12px; }

.new01 .content .mid ul li .left .title h3 { font-size: 18px; line-height: 24px;}
.new01 .content .mid ul li .left .title h5 { line-height: 24px; font-size: 12px;}
.news { padding: 60px 0px 60px; }
.news .mid p { line-height: 24px; font-size: 14px; margin-bottom: 20px; }
.news .bot .b a { width: 337px;}

.cc_nav ul li { padding: 0 12px; }
.yao .content img { width: 130px;}

.pros .pros02-1 .text { margin-bottom: 60px; border-radius: 10px; font-size: 14px; padding: 25px; }
.pros .pros02-2 .content1, .pros .pros02-4 .content2 { width: 100%;}
.pros .fake { width: 100%;}
.pros .pros02-2Swiper-button-prev { line-height: 30px; width: 30px; height: 30px; font-size: 14px; left: 0%; top: 60%; }
.pros .pros02-2Swiper-button-next { line-height: 30px; width: 30px; height: 30px; font-size: 14px; right: 0%; top: 60%; }
.pros .pros02-4 .pros02-4Swiper-button-prev { line-height: 30px; width: 30px; height: 30px; border-radius: 50%; font-size: 14px; left: 0%; top: 50%; }
.pros .pros02-4 .pros02-4Swiper-button-next { line-height: 30px; width: 30px; height: 30px; border-radius: 50%; font-size: 14px; right: 0%; top: 50%; }
.pros .pros02-2 .box img { width: 108px;}
a.logo{padding: 5px; box-sizing: border-box;}






}




  
@media only screen and (max-width:760px){
.join001 .content .right .bao img{
    height: 250px;
    object-position: bottom;
}

  .drawer-menu li .drawer-dropdown-menu-item {
    line-height: 30px!important;

    font-size: 15px!important;

}

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

    .pc-1200px {display: none!important;}
    .drawer-nav { display: block; }
  /* drawer-hamburger */
  .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: #e42313!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: 28%; z-index: 20;}
  .headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
  .drawer--right .drawer-nav{right: -100%;} 
  .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: unset!important; background: rgba(255,255,255,0.95)!important;   height: 100%; box-sizing: border-box; width: 50%; right: 0px; 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: #e42313;}
.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: #e42313;;display: none;}
.drawer--right.drawer-open .drawer-hamburger { right: 5px!important;  }
.drawer-hamburger-icon{ width: 45% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger {      right: 5px!important;  display: block!important; width: 40px!important; height: 17px!important; padding: 0px!important; top: 21px!important; border-left: 1px solid #ddd!important; box-sizing: border-box!important; border-bottom: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: #e42313 }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}

.drawer-hamburger-icon:after { top: 7px!important; }
.drawer-hamburger-icon:before { top: -7px!important;}
.drawer--right.drawer-open .drawer-nav .bai {position: absolute; top: 0px; left: -100%; width: 200%; height: 100%; background-color: rgba(255,255,255,0.5);}

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

.en { position: relative; right: 56px; width: 23px; height: 23px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; background-color: transparent; color: #fff; font-size: 12px;font-family: "arial";}
.div2:hover .en {color: #e42313;border-color: #e42313;}
.div2_1 .en{color: #e42313;border-color: #e42313;}
.drawer-hamburger { background-color: transparent !important; }
.div2_1 .drawer-hamburger-icon,.div2_1 .drawer-hamburger-icon:after,.div2_1 .drawer-hamburger-icon:before{ background-color:#e42313!important; }
.div2:hover .drawer-hamburger-icon,.div2:hover .drawer-hamburger-icon:after,.div2:hover .drawer-hamburger-icon:before{ background-color:#e42313!important; }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before { top: 0; background-color: #e42313!important; }
.drawer--right.drawer-open  .drawer-hamburger-icon{background-color: #fff!important;}

.drawer-open .drawer-hamburger-icon:after{    top: 0px!important;left: 0px!important;}
.drawer-open .drawer-hamburger-icon:before{    top: 0px!important;left: 0px!important;}

.drawer-open .drawer-menu-item {      border-bottom: 1px solid #ddd; padding-bottom: 10px; display: flex;  align-items: center!important; justify-content: space-between!important;}
.div2 dl {display: none;}
.div2 .logo img {    width: 210px; /* margin: auto; */ min-width: 100%; transition: none;}
.div2 {padding-left: 3%;    width: 100%;height: 60px;}
.pros { margin-top: 60px; }

.banner {height: calc(51%); margin-top: 0px;    z-index: 10;}
.blog-slider__img {height: 100%;}
.blog-slider__content { position: absolute; top: 55%; width: 94%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: left; }
.blog-slider__content .blog-slider__code .yw { line-height: 26px; font-size: 12px; font-family: "arial";}
.blog-slider__content .blog-slider__code .tt { font-size: 20px; }
.blog-slider__text { font-size: 15px; line-height: 26px; letter-spacing: 0px; }
.blog-slider__content .more { margin: 10px auto 0; width: 110px; font-size: 14px; height: 34px; line-height: 34px; border-radius: 2em; }
.p-top-mv__scroll { display: none; right: auto; margin-right: 0px; left: 50%; transform: translateX(-50%); }
.b_cc {display: none;}
.inpro {    padding: 40px 0;}
.icenter {width: 94%;    max-width: 94%;padding: 0px 0px;}
.inpro .ttup .hometitle {width: 100%;    margin-bottom: 10px;}
.inpro .ttup .inproa {width: 100%;flex-flow: wrap;}
.inpro .ttup {flex-flow: wrap;}
.inpro .hometitle font {margin-top: 0px;    font-size: 24px; line-height: 28px;text-align: center;}
.hometitle span { font-size: 14px; line-height: 24px; text-align: center;font-family: "arial";}
.inpro .ttup .inproa a font { font-size: 12px; margin-top: 5px; }
.inpro .ttup .inproa a p {width: 50px; height: 50px;}
.inpro .inproalist .bla {width: 100%;}


.inpro .inproalist .bla .swiper-slide a dd {    border-radius: 1em;}
.inpro .inproalist .bla .swiper-slide a dd span { font-size: 14px; margin-bottom: 20px; height: 64px; }
.inpro .inproalist .bla .tod { width: 26px; height: 26px; line-height: 26px; font-size: 14px;display: none; }
.inpro .inproalist .bla .swiper-slide a .more { width: 86px; height: 24px; line-height: 24px; font-size: 12px; }
.more { width: 110px; height: 34px; line-height: 34px; border-radius: 2em; font-size: 14px; }
.inpro .inproalist .bla .swiper-container04, .inpro .inproalist .bla .swiper-container03, .inpro .inproalist .bla .swiper-container02, .inpro .inproalist .bla .swiper-container022, .inpro .inproalist .bla .swiper-container023, .inpro .inproalist .bla .swiper-container024, .inpro .inproalist .bla .swiper-container025 { display: block; padding: 10px 0px 20px; overflow: hidden; max-width: 100%; }

.innews .hometitle strong img { margin-left: -24px; display: block; position: relative; top: 7px; width: 39px; }

.innews dd a { padding: 20px; width: 100%; margin-bottom: 20px; }
.hometitle font { font-size: 24px; line-height: 28px; margin: 0px 0 0 0;     text-align: center;}
.innews { margin: 40px auto; }
.innews dl .imgbox { position: unset; width: 35%;     border-radius: 0 10px 10px 0; overflow: hidden; height: auto; margin-bottom: 20px;}
.innews .hometitle strong { display: none; width: 23px; height: 23px; border-radius: 4px;     margin: 7px auto; }
.innews .hometitle { margin-bottom: 10px; }   
.innews dl a { width: 65%; padding: 10px 15px; box-sizing: border-box; margin-bottom: 18px;   box-shadow: 0 0 0px 0 rgb(0 0 0 / 20%);}
.innews dl a span { font-size: 14px; margin: 0px 0 0px 0;}
.innews dl a p span { font-size: 20px;}
.innews dl a strong {font-size: 12px;}
.innews dl a:after { width: 0px;}
.innews dd a { background: #f1f5fb; box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%); padding: 10px 15px; width: 100%; margin-bottom: 20px; box-sizing: border-box;}
.innews dd a h3 span { font-size: 14px; margin: 0px 0 0px 0;}
.innews dd a p span { font-size: 20px;}
.innews dd a:hover { background: #f1f5fb; box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%); }
.innews dl { margin-bottom:0px;display: flex; justify-content: space-between; align-items: flex-end;}



.blog-slider__content .dr_bot a:nth-of-type(1) { margin-right: 10px; }


.div1 {border-bottom: 0px;}
.con01 .content .codeText { position: unset; width: 100%; background-size: cover;margin-bottom: 0px; }
.con01 .content {     position: relative; padding: 40px 0 0px; width: 100%; max-width: 100%; display: flex; flex-flow: column-reverse;}
.con01 .content h3 { font-size: 24px; margin-bottom: 14px; line-height: 28px; }
.con01 .content ul {width: 100%;}
.con01 .content .dr {width: 94%;margin: auto;    margin-bottom: 20px;}
.con01 .content ul li h4 { font-size: 16px; }
.con01 .content ul li .line { width: 12px; height: 1px; margin: 6px 0; }

.con01 .content ul li h5 { font-size: 12px;}
.con01 .content ul li { width: 48%; margin-bottom: 20px; }
.con02 img { height: 200px; width: 100%; display: block; }
.con02 .box i { width: 20px; height: 26px;}
.con02 .box a { font-size: 12px; width: 120px; height: 30px; line-height: 30px; margin-top: 20px; }
.con02 .box a:hover span { left: 10px; }
.con02 .box a span {  margin-left: 2px;}
.join002 .content01 .icenter::after {display: none;}
.aber img {height: 250px;object-position: 64% 86% }
.aber {margin-top: 0px;}
.aber .content .text h3 { font-size: 26px; margin-bottom: 4px; }
.aber .content .text h4 { font-size: 14px;}
.join002::after { display: none; }
.join002 .content01 ul li .mid {display: none;}
.join002 .content01 p { font-size: 24px; margin-bottom: 4px; line-height: 28px; }
.join002 .content01 h6 { font-size: 12px; margin-bottom: 16px; }
.join002 .content01 ul li .main .left h4 { font-size: 18px; width: 183px; }
.join002 .content01 ul li a { font-size: 18px; width: 26px; height: 26px; line-height: 26px;}
.join002 .content01 ul li .box p span { font-size: 16px; margin-bottom: 5px;}
.join002 .content01 ul li .box p { font-size: 13px; line-height: 24px; }
.join002 .content01 ul li .box .want { font-size: 13px; line-height: 24px; }
.join002 .content01 .icenter { padding: 40px 0px 0px 0px; }
.join001 { margin: 40px 0; }
.join001 .content {flex-flow: wrap;}
.join001 .content .left {width: 100%; padding: 0px 0 20px;}
.join001 .content .right {width: 100%;}
.join001 .content h3 { font-size: 24px; line-height: 28px; margin-bottom: 5px; }
.join001 .content h4 { font-size: 12px; margin-bottom: 14px; }
.join001 .content p { font-size: 14px; line-height: 24px; }



.exp .bot ul li .b p{    height: 46px;font-size: 12px; margin-bottom: 7px; line-height: 15px;}
.exp .bot ul li .b h5 {display: none;}
.exp .bot ul li .b { padding: 12px; }
.exp .bot ul li .b .bottom h6 span { font-size: 18px;}
.exp .bot ul li:nth-of-type(2n){margin-right: 0px;}

.exp .bot ul li { width: 48.5%;margin-right: 3%;}
.exp { padding-bottom: 50px; padding-top: 50px; }

.cc_nav {     left: 0%; transform: translateX(0%); height: auto; line-height: unset; bottom: 0px; width: 100%; padding: 6px 13px 5px;}
.cc_nav .left {display: none;}
.cc_nav ul li {    padding: 3px 0px;margin-right: 20px;}
.cc_nav ul li a {font-size: 14px;    padding-bottom: 5px;}
.cc_nav ul { display: flex; flex-flow: wrap; }



.aber .content { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.exp .bot { margin-bottom: 0px; }
.pro { padding: 40px 0 30px;    background-attachment: unset;}
.yao {    width: 48.5%; margin-right: 3%; margin-bottom: 40px;}
.pro .right .box h3{margin-bottom: 18px;}
.yao .content img { width: 130px;}
.pro .right ul li:nth-of-type(2n) {margin-right: 0px;}
.new01 .content .mid ul li:first-child { padding-top: 40px; }
.new01 .content .mid ul li .left .bao {    width: 42%; border-radius: 10px;}
.new01 .content .mid ul li .left .title {    width: 52%;     margin-top: 0px;}
.new01 .content .mid ul li a {position: relative;}
.new01 .content .mid ul li .left {flex-flow: wrap;width: 100%;}
.new01 .content .mid ul li .right {      display: flex; position: absolute; left: 48%; top: 65%; flex-flow: row-reverse;}
.new01 .content .mid ul li .left .title h5 { line-height: 24px; font-size: 14px;display: none;}
.new01 .content .mid ul li .left .title h3 { font-size: 14px;    line-height: 24px;}
.new01 .content .mid ul li .left .title .aa { display: none;}
.new01 .content .mid ul li:hover .right h3, .new01 .content .mid ul li:hover .right h4 { background-color: transparent; color: #999292; width: auto; height: auto; line-height: unset; margin-bottom: 0px; }
.new01 .content .mid ul li .right h3 { display: flex; color:  #999292;; line-height: unset; margin-bottom: 1px; width: auto; height: auto; background-color: transparent; font-size: 15px;  }
.new01 .content .mid ul li .right h4 {  display: flex; color:  #999292;;  background-color: transparent; color: #999292; width: auto; height: auto; line-height: unset; margin-bottom: 0px;}
.new01 .content .mid ul li a:nth-of-type(1) {align-items: unset;}
.new01 .content .mid ul li .left {align-items: unset;}
.new01 .content .mid ul li { padding-bottom: 20px; padding-top: 20px}
.new01 .content .mid ul li:last-child { margin-bottom: 20px; }


.fy span, .fy a { padding: 6px 8px;}

.news { margin-top: 100px; }
.news .top h3 { font-size: 20px; margin-bottom: 14px; letter-spacing: 1px; }
.news .top h4 span { padding-right: 3px; margin-right: 3px; line-height: 16px; font-size: 12px; }
.news .top { padding-bottom: 16px; }
.news .mid p { line-height: 24px; font-size: 14px; margin-bottom: 20px; }
.news .bot .t .left a {font-size: 14px;}
.news .bot .t { padding: 20px 0 30px;}
.news .bot .t .right .share a { line-height: 21px; margin-right: 7px; width: 22px; height: 22px; border-radius: 50%; font-size: 12px; }
.news .bot .t .right span { font-size: 14px; margin-right: 7px; }
.news .bot .b a { width: 49%; padding: 14px;}
.news .bot .b a h4 { font-size: 14px; line-height: 24px; }
.news .bot {margin-bottom: 50px;}
.pros .pros01 { padding: 50px 0; background-attachment: unset; }
.pros .pros01 .title { font-size: 20px; margin-bottom: 20px;}
.pros .pros01 .title img { margin-right: 7px; width: 20px; }
.pros .pros01 .content { padding: 20px; box-shadow: 0px 0px 20px #c5bebe; flex-flow: wrap;}
.pros .pros01 .content .left {width: 100%;    margin-bottom: 20px;}
.pros .pros01 .content .right {width: 100%;}
.pros .pros01 .content .right h3 { font-size: 18px; margin-bottom: 14px; }
.pros .pros01 .content .right h5 span { font-size: 14px;}
.pros .pros01 .content .right h5 { margin-bottom: 20px; font-size: 14px; line-height: 24px; }
.pros .pros01 .content .right h6 a { font-size: 12px; line-height: 26px; margin-right: 12px; width: 100px; height: 26px; height: 26px; }
.pros .pros02 { padding: 50px 0 0px; background-attachment: unset; }
.pros .pros02 h6 { font-size: 20px; margin-bottom: 20px; }
.pros .pros02-1 .text { margin-bottom: 40px; font-size: 14px; padding: 20px; }
.pros .fake {width: 100%;}
.pros .pros02-2 .content1, .pros .pros02-4 .content2 { width: 100%;}
.pros02-2Swiper .pros02-2Swiper-pagination .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 5px; }
.pros .pros02-3 h3 { font-size: 20px; margin-bottom: 20px; }
.pros .pros02-2 .box img { width: 110px;}
.pros .pros02-2Swiper-button-next { display: none; line-height: 26px; width: 26px; height: 26px; top: 61%; right: 2%; font-size: 14px; }
.pros .pros02-2Swiper-button-prev { display: none; line-height: 26px; width: 26px; height: 26px; top: 61%; left: 2%; font-size: 14px; }
.pros .pros02-3 .text h4 { width: 131px; height: 45px; line-height: 45px; font-size: 16px;}
.pros .pros02-3 .text a { font-size: 16px; padding-right: 24px;}
.pros .pros02-3 .text a img { margin-right: 9px; width: 20px; }
.pros .pros02-4 .pros02-4Swiper-button-next { display: none;line-height: 26px; width: 26px; height: 26px; font-size: 14px; right: 2%; top: 49%; }
.pros .pros02-4 .pros02-4Swiper-button-prev { display: none; line-height: 26px; width: 26px; height: 26px; font-size: 14px; left: 2%; top: 49%; }
.ab07 .icon { width: 60px; height: 60px;margin-bottom: 17px;}
.ab07 .content h3 { font-size: 24px; margin-bottom: 2px; }
.ab07 .content p { font-size: 16px;}
.ab07{padding: 40px 0;background-attachment: unset;}
.ab05 .content .top h3 { font-size: 24px; margin-bottom: 5px; line-height: 28px;    text-align: center; }
.ab05 .content .top h4 { font-size: 12px;     text-align: center;}
.ab05 { padding: 40px 0 20px; }
.ab05Swiper { padding-top: 6px; }
.ab05 .content .bot .box a .text h3 { font-size: 12px; margin-bottom: 10px; height: 32px;}
.ab05Swiper .swiper-scrollbar {width: 79%;}
.ab05Swiper .swiper-button-prev {  bottom: -11%; left: 84%; width: 22px; height: 22px;}
.ab05Swiper .swiper-button-next{  bottom: -11%; left: 93%; width: 22px; height: 22px;}
.ab01 .content {flex-flow: wrap;}
.ab01 .content .left {width: 100%;}
.ab01 .content .right {width: 100%;}
.ab01 .content .left .vi .pic { border-radius: 20px; width: 100%; height: auto; }
.ab01 .content .left .vi .pic img {width: 100%;height: 250px;object-fit: cover;display: block;         object-position: bottom;
    }
.ab01 .content .left .bao img {width: 60px;}
.ab01 .content .left .vi { margin-bottom: 30px;}
.ab01 .content .right h3 { font-size: 24px; margin-bottom: 5px; line-height: 28px; }
.ab01 .content .right h4 { font-size: 12px; margin-bottom: 14px; }
.ab01 .content .right p { font-size: 14px; line-height: 24px; margin-bottom: 26px; }
.ab01 .bgwen .slip { width: 294px; }
.ab01 .bgwen { bottom: -5%; right: 0%; font-size: 120px;}
.ab03 {flex-flow: wrap;}
.ab03 .content {width: 100%;}
.ab03 .right {width: 100%;}
.ab03 .content h3 { font-size: 24px; margin-bottom: 5px; line-height: 28px; }
.ab03 .content h4 { font-size: 12px; margin-bottom: 14px;}
.ab03 .content p { font-size: 14px;}
.ab03 .right { margin-top: 20px;    position: relative; }
.ab03 .right img { height: 255px; }
.ab06 .ot h3 { font-size: 24px; margin-bottom: 5px; line-height: 28px;}
.ab06 .ot h4 { font-size: 12px; margin-bottom: 8px;}
.ab06 .content {display: block; transform: scale(0.5); position: relative; top: -33px; left: 17px;}

.ab06 .content .bot li .dul { bottom: -187px; left: -196px; width: 394px; transform: scale(1.2); }
.ab06 .content .right li .dul { left: 80px; top: -82px; transform: scale(1.2); }
.ab06 .content li .dul h4 { font-size: 14px; width: 153px; line-height: 20px; color: white; }
.ab06 .content li .dul .line { z-index: 0; width: 161px; height: 2px; background-color: white; margin-bottom: 15px; }
.ab06 .content .left li .dul { left: -226px; top: -95px; transform: scale(1.2); }




.ab06_h5 {display: none;}
.ab06_h5 .dr {   margin-top: 20px; border: 1px solid rgba(255,255,255,0.2); padding-bottom: 6px; padding: 10px;}

.ab06_h5 .dr h3 {font-size: 18px; color: white; font-weight: bold; margin-bottom: 7px; text-align: center;}
.ab06_h5 .dr h4 { font-size: 14px; width: 100%; line-height: 24px; color: white;}
.ab06 { padding: 40px 0; }
.innews dl img { height: auto;}

.ab01 { padding: 40px 0px 40px; }
.ab007{ padding: 40px 0;}

.join002 .content01 .icenter{width: 100%;max-width: 100%;}
.ab01 .content .left .bao { z-index: 1; position: absolute;  bottom:0px; border-radius: 20px; width: fit-content; height: fit-content; left: 82%; bottom: -56px;}


.h5_wen { font-size: 14px; line-height: 24px; text-align: center;    color: #999; display: block;}

.h5_a{display: block;    margin-top: 16px;}

.new01 .content .mid ul li .right .h5_fa {    display: block; font-size: 13px;    margin-right: 6px;position: relative; top: 2px;}
.new01 .content .mid ul li .right .h5_d {display: block;}
.new01 .content .mid ul li:hover .left .title .aa {display: none;}

.join002 { position: relative; padding: 0 0 6px; background-color: #efefef; }
.h5_top{display: block;color: #fff;font-size: 20px;display: none;}

.footer .right dt {display: none;}
.footer .right {       background-color: transparent; display: block; overflow: unset; right: 3%; top: auto; position: absolute; width: fit-content; height: fit-content; position: fixed; bottom: 12%;}
.footer .right dd a span {  margin: -20px auto 0; font-weight: normal;}
.footer .right dd a img {      width: 10px; margin: 0px; margin-top: -16px;}
.footer .right dd a .dr {        background: rgba(238, 238, 238, 0.9); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.footer .right dd {    position: relative;}
.footer .left .bottom .icenter dd {display: none;}
.footer .left .bottom h4 {/* justify-content: center; */ display: flex; overflow: hidden; width: 100%; flex-flow: wrap; }
.footer .left .bottom h4:nth-of-type(2) { width: 100%; }
.footer .left .bottom .icenter { flex-flow: wrap; width: 100%; max-width: 100%; }

.h5_footer {display: flex; justify-content: space-between; align-items: flex-start; }
.footer .left .tt {display: none;}
.footer {z-index: 100;}
.h5_footer  .top_a {       padding: 0px 0; display: flex; flex-flow: wrap; width: 57%;}
.h5_footer  .top_a a {   color: rgba(255,255,255,0.6); font-size: 14px; margin-bottom: 10px;   width: 44%;}
.h5_footer  .top_a a:last-child{width: 57%;margin-bottom: 17px;text-align: start!important;}
.h5_footer  .top_a a:nth-of-type(2n){text-align: center;}

.h5_footer  .mid_img {    border-top: 0px solid #666; padding-top: 0px; justify-content: center; display: flex; position: unset; width: 40%; justify-content: space-between;}
.h5_footer  .mid_img img {width: 100%;image-rendering: pixelated;}
.h5_footer  .mid_img .img01 span{     line-height: 16px; color: #fff;font-size: 12px;text-align: center; display: block;}
.h5_footer  .mid_img .img01 {    margin-right: 0px; margin-bottom: 0px; width: 45%;}
.h5_footer  .mid_img .img02 span{     line-height: 16px;color: #fff;font-size: 12px;text-align: center; display: block;}
.h5_footer  .mid_img .img02 {margin-right: 0px;width: 45%;}
.footer .left { display: block; overflow: hidden; width: 100%; background: #333; padding: 30px 3%; }
.footer .left .bottom {/* margin-top: 20px; */padding: 20px 0 0;}
.footer .left {    width: 100%; padding: 30px 3% 30px 3%; box-sizing: border-box;}
.footer .left .bottom h3 {    color: rgba(255,255,255,0.5);}
.footer .left .bottom h4 a { color: rgba(255,255,255,0.5);}
.inpro {background: url(/style/images/sy_cpbj_sj.jpg);background-size: cover;}
.ab007 { background: url(/style/images/ny_rcbj_sj.jpg);background-size: cover;}

.div2 a.logo{    width: 250px; padding: 5px; height: 36px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }

.yao h5{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;overflow: hidden;     height: 66px;}
.pros .pros02-2 .box h3{font-size: 12px;}
.innews dl a span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.innews dd a p{margin-right: 5px; width: 64px;}
.innews dl a p{margin-right: 5px; width: 64px;}

.ab03_1 {display: none;}
.ab03_2 {display: block;}

.h5_footer .top_a a:nth-of-type(7){width: 66%;}


#h5_zhiliang {position: absolute;position: absolute; top: 66%; height: 1px;}


}<!--0.00022602081298828-->