@charset "UTF-8";
.top_banner {position: relative;overflow: hidden;}
.top_banner .top_banner_con {position: relative;}
.top_banner .img_box {position: relative;padding-top: 47.91666%;overflow: hidden;min-height: 200px;background-color: #999;}
.top_banner .img_box img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;-o-object-fit: cover;   object-fit: cover;}
.top_banner .con_text {box-sizing: border-box;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 10;color: #fff;display: flex;justify-content: center;}
.top_banner .con_text .tit {font-weight: 500;line-height: 1.4;position: relative;text-align: center;position: relative;color:transparent;}
.top_banner .con_text .tit::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
    text-shadow: 0px 0px 12px rgba(0,2,47,0.6);
}
.top_banner .con_text .tit::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(90deg, #E8ECFF 0%, #FFFFFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* -webkit-text-stroke: 1px #fff; */
    pointer-events: none;
}
@media screen and (max-width: 1440px) {
    .top_banner .con_text .tit {font-size: 0.7rem;}
}
@media screen and (max-width: 900px) {
    .top_banner .con_text .tit {font-size: 0.6rem;}
}

@media screen and (max-width: 575px) {
    .top_banner .con_text .tit {font-size: 0.4rem;}
}


.pub_tit.text_center {text-align: center;}
.pub_tit .tit1 {position: relative;font-weight: 500;}
.pub_tit .tit2 {margin-top: 0.17rem;color: #666;line-height: 1.5;}
@media screen and (max-width: 900px) {
    .pub_tit .tit1::before {right: calc(100% + 4px);}
}
.p_img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;   object-fit: cover;transition: all 0.3s;}
.imgbg {position: relative;background-color: #999;}

.anchor_chain {position: absolute;top: -1rem;}
@media screen and (max-width: 900px) {
    .anchor_chain {top: -70px;}
}

.top_head.is_show .mobile_nav {right: 0;transform: translate(0%);transform: scaleY(1);transition: all 0.2s linear;opacity: 1;}
.top_head.is_show .mob_mask {display: block;}
.top_head.is_fixed .top_pc_head, .top_head.white .top_pc_head {background-color: #fff;}
.top_head.is_fixed .top_pc_head .top_head_box .ul1 .a1, .top_head.white .top_pc_head .top_head_box .ul1 .a1 {color: #333;transition: all 0.3s;}
.top_head.is_fixed .top_pc_head .top_head_box .logo .i1, .top_head.white .top_pc_head .top_head_box .logo .i1 {display: none;}
.top_head.is_fixed .top_pc_head .top_head_box .logo .i2, .top_head.white .top_pc_head .top_head_box .logo .i2 {display: block;}
.top_head.is_fixed .top_pc_head .top_head_box .hd_lang .icon, .top_head.white .top_pc_head .top_head_box .hd_lang .icon{background-image: url(../images/icon-lang2.png);}
.top_head.is_fixed .top_pc_head .top_head_box .hd_lang .txt, .top_head.white .top_pc_head .top_head_box .hd_lang .txt {color: #333;}
.top_head.white {height: 0.9rem;}
.top_head .mob_mask {display: none;top: 0;left: 0;position: fixed;z-index: 99;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);}
@media (min-width: 900px) {
    .top_head .mob_mask {display: none !important;}
}
@media screen and (max-width: 900px) {
    .top_head {height: 50px !important;}
    .top_head.white {height: 0;}
}
.top_pc_head {position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0 -1px 1px 0 rgba(255, 255, 255, 0.1) inset;z-index: 99;transition: all 0.3s;}
@media screen and (max-width: 900px) {
    .top_pc_head {background-color: #fff !important;}
}
.top_head_box {display: flex;align-items: center;justify-content: space-between;}
.top_head_box .logo {flex-shrink: 0;position: relative;font-size: 0;}
.top_head_box .logo .la {display: inline-flex;align-items: center;}
.top_head_box .logo img {height: 0.44rem;}
.top_head_box .logo .i2 {display: none;}
.top_head_box .hd_left {display: flex;align-items: center;}
.top_head_box .hd_right {display: flex;align-items: center;}
.top_head_box .ul1 {display: flex;margin-left: 1rem;}
.top_head_box .ul1 .li1 {position: relative;padding: 0 0.25rem;}
.top_head_box .ul1 .li1:hover .ul2 {top: 100%;opacity: 1;pointer-events: auto;}
.top_head_box .ul1 .a1 {display: block;white-space: nowrap;position: relative;line-height: 0.9rem;text-align: center;color: #fff;transition: all 0.3s;}
.top_head_box .ul1 .a1.on::before {opacity: 1;}
.top_head_box .ul1 .ul2 {position: absolute;top: 110%;left: 50%;transform: translate(-50%);min-width: 100%;background-color: #f9f9f9;color: #333;opacity: 0;box-shadow: 0px 0 0.15rem 0px rgba(0, 0, 0, 0.2);text-align: center;pointer-events: none;transition: all 0.3s;border-radius: 5px;}
.top_head_box .ul1 .a2 {display: block;text-align: center;padding: 0.15rem;white-space: nowrap;position: relative;transition: all 0.3s;}
.top_head_box .ul1 .a2:hover {color: white;background-color: #1B54A4;transition: all 0.3s;}
.top_head_box .hd_lang {position: relative;}
.top_head_box .hd_lang:hover .bd {top: 100%;opacity: 1;pointer-events: auto;transform: translate(-50%, 0%);transition: all 0.3s;}
.top_head_box .hd_lang .hd_lang_con {position: relative;display: flex;align-items: center;line-height: 2;color: #fff;cursor: pointer;}
.top_head_box .hd_lang .hd_lang_con .icon{width: 1em;height: 1em;background-image: url(../images/icon-lang1.png);background-repeat: no-repeat;background-size: contain;background-position: center;margin-right: 0.1rem;}

.top_head_box .more {display: none;width: 25px;height: 50px;position: relative;cursor: pointer;margin-left: 20px;background-image: url(../images/icon-mob1.png);background-repeat: no-repeat;background-size: 100% auto;background-position: center;}
@media (max-width: 1280px) {
    .top_head_box .ul1 {margin-right: 0;}
    .top_head_box .lang {margin-left: 10px;}
}
@media screen and (max-width: 900px) {
    .top_head_box .logo .i1 {display: none;}
    .top_head_box .logo .i2 {display: block;}
    .top_head_box .ul1 {display: none;}
    .top_head_box .hd_lang {position: relative;}
    .top_head_box .hd_lang .hd_lang_con .icon{background-image: url(../images/icon-lang2.png);}
    .top_head_box .hd_lang .hd_lang_con .txt{color: #333;}
    .top_head_box .more {display: block;}
}

.toggle {display: block;width: 0.8rem;height: 0.8rem;text-indent: -900em;overflow: hidden;/* position: absolute;top: 0;right: 0; */cursor: pointer;outline: none;
/*background: url(images/i_n_bg.png) no-repeat center center;
-webkit-background-size: 0.45rem 0.31rem;
background-size: 0.45rem 0.31rem;*/
margin-left: 0.2rem;
position: relative;
display: none;
}
.toggle{background: none;}
.toggle span{display:block;background:#333;width:60%;height:3px;border-radius: 10px;position:absolute;left:50%;transition:all ease 0.35s;top:50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
.toggle .sp_nav1{margin-top: -0.14rem;}
.toggle .sp_nav3{margin-top: 0.14rem;}


.sidenav{left:0;width: 100%;height:100%;top:0;font-size: 0.26rem;background: #fff;bottom:0;height:auto;z-index: 200;background-color: transparent;
-webkit-box-shadow: -0.02rem -0.02rem 0.06rem rgba(0,0,0,0.3);
box-shadow: -0.02rem -0.02rem 0.06rem rgba(0,0,0,0.3);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
transform:translate(-100%,0);
}
.sidenav-brand{line-height:1.5;padding:0.5em 1.5em;font-size: 0.3rem;display: none;}
.sidenav-dropdown,
.sidenav-header {border-bottom: 1px solid #e4e4e4;border: none;}
.sidenav-menu{padding:0 0 0.3rem 0;}
.sidenav-menu a {line-height:0.4rem;padding:0.3rem;font-size: 0.34rem;display: block;position: relative;color:#333;}
.sidenav-menu a:hover {background:transparent;}
.sidenav-menu>li>a{padding:0.3rem 0.4rem;}
/*.sidenav-menu .first a{padding:0.45rem 0.4rem;}*/
.sidenav-dropdown > li > a{font-size: 0.3rem;padding-left: 0.5rem;background: transparent;border-bottom: 1px solid #999999;color:#6f6f6f;}
.sidenav-dropdown li:last-child a{border-bottom: none;}
.sidenav-dropdown>li>.sidenav-dropdown>li>a{padding-left:0.8rem}
.sidenav-link-title{padding:0 0.5rem 0 0;}
.sidenav-menu .material-icons{font-size: 0.36rem;line-height:0.26rem;color:#333;display: none;}
.sidenav-dropdown-icon{width:0.3rem;height: 0.3rem;top:50%;right:0.5rem;margin-top: -0.15rem;}
/*.sidenav-no-scroll{-webkit-overflow-scrolling: touch;}*/
.sidenav-overlay {background: rgba(0, 0, 0, 0.7);z-index: 100;}

.sidenav-mask{position: fixed;left: 0;top: 0;right:1rem;height: 100%;overflow-y: auto;background: #fff;z-index: 200;}
.sidenav .icon-close {display: inline-block;background: url(../images/close2.png) no-repeat center #1B54A4;width: 1rem;height: 1rem;background-size: 0.34rem 0.34rem;position: absolute;right: 0;top: 0;z-index: 200;}
.sidenav .cclose {display: inline-block;background: rgba(0,0,0,0);width: 1rem;position: absolute;right: 0;top: 1rem;bottom:0;}
.sidenav-menu>li:nth-of-type(odd) {
    background-color: #f4f4f4;
}

.sidenav-dropdown-icon.arrow_drop_down{background:url(../images/down.png) no-repeat center;
-webkit-background-size: 0.28rem 0.17rem;
background-size: 0.28rem 0.17rem;
}
.sidenav-dropdown-icon.arrow_drop_up{background:url(../images/up.png) no-repeat center;
-webkit-background-size: 0.28rem 0.17rem;
background-size: 0.28rem 0.17rem;
}
.sidenav-menu>li>.sidenav-dropdown{padding:0 0.4rem;}
.sidenav-dropdown li:first-child a{box-shadow: none;}
.sidenav-menu a.hover{color:#1B54A4;}
@media (max-width: 900px) {
    .top_head_box{height: 50px;}
    .sidenav{display: block;}
    .toggle {display: block;}
}
@media (min-width: 901px) {
    .sidenav-overlay{display: none;}
}


.footer {position: relative;background-color: #f9f9f9;box-shadow: 0px -1px 0px 0px #e4ebf0;}
.footer .ul1 {display: flex;justify-content: space-between;}
.footer .ul1 .li1 {margin-right: 1rem;}
.footer .ul1 .li1:last-child {margin-right: 0;}
.footer .ul1 .a1 {position: relative;}
.footer .ul1 .ul2 {margin-top: 0.36rem;}
.footer .ul1 .li2 {margin-bottom: 0.18rem;}
.footer .ul1 .li2:last-child {margin-bottom: 0;}
.footer_1 .box {padding-top: 0.76rem;padding-bottom: 1.38rem;}
.footer_2 .box {display: flex;justify-content: space-between;line-height: 2;padding: 0.15rem 0;}

.footer,
.footer a,
.footer .ul1 .a1,
.footer .ul1 .a2,
.footer_2 .box{color:rgba(255, 255, 255,0.5);}

.footer a{transition: all 0.3s;}
.footer a:hover,
.footer .ul1 .a1:hover,
.footer .ul1 .a2:hover{color:#fff;opacity: 1;}

.footer_1{background: #121416;}
.footer_2{background: #1B1E21;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
.footer_2 .box{justify-content: center;}
.footer_2 span{margin:0 0.08rem;}
.footer_2 span,.footer_2 a{display: inline-block;}

.foot_left{max-width: 40%;}
.foot_left .logo img{max-height: 0.5rem;}
.foot_left .address{margin-top: 0.3rem;color:#fff;line-height: 1.7;}
.foot_left .icons{margin-top: 0.3rem;}
.foot_left .icons img{width: 0.5rem;max-width: 50px;}
.foot_left .icons a{margin-right: 0.3rem;}
.footer .ul1 .li1{margin-right: 0.8rem;}

@media (max-width: 1280px) {
    .footer .ul1 .li1 {margin-right: 0.5rem;}
}
@media screen and (max-width: 900px) {
    .footer .ul1 {display: none;}
}
@media screen and (max-width: 900px) {
    .footer_1 {display: none;}
}
@media screen and (max-width: 900px) {
    .footer_2 .box {flex-wrap: wrap;  padding: 0.25rem 0;}
    .footer_2_con {text-align: center;}
}




.i_banner {position: relative;overflow: hidden;}
.i_banner .ho_sw {overflow: hidden;}
.i_banner .ho_sw .img {position: relative;padding-top: 48.9583333333%;overflow: hidden;transition: all 0.3s;display: block;background-color: #999;}
.i_banner .ho_sw .img img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;-o-object-fit: cover;   object-fit: cover;}
.i_banner .swiper-slide-active .text {opacity: 1;transition: opacity 1s 0.5s;}
.i_banner .swiper-pagination {bottom: 0.88rem;left: 1rem;display: flex;}
.i_banner .swiper-pagination .swiper-pagination-bullet {width: 0.5em;height: 0.5em;border-radius: 0;background-color: rgba(255, 255, 255, 0.3);opacity: 1;margin-right: 0.1rem;position: relative;border-radius: 1rem;transition: width 0.3s;}
.i_banner .swiper-pagination .swiper-pagination-bullet-active {width: 2em;background-color: #fff;transition: width 0.3s;}

.contact_1 {padding-top: 0.93rem;background-image: url(../images/ctc1_bg.jpg);background-repeat: no-repeat;background-size: cover;}
.contact_1 .box {display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;margin-top: 0.54rem;background-color: #f7f8f9;border-radius: 0.2rem;overflow: hidden;}
.contact_1 .left{width: 38.1944444444%;display: flex;align-items: center;padding: 0.2rem 0.5rem;}
.contact_1 .tit {font-weight: 500;}
.contact_1 .list {margin-top: 0.46rem;color: #444;}
.contact_1 .item {display: flex;align-items: center;margin-bottom: 0.5rem;}
.contact_1 .item:last-child {margin-bottom: 0;}
.contact_1 .icon{width: 0.6rem;margin-right: 0.2rem;flex-shrink: 0;}
.contact_1 .text {line-height: 1.875;}
.contact_1 .maps {width: 61.8055555556%;}
.contact_1 .maps img{width: 100%;max-height: 100%;}
.contact_1 .map {display: block;height: 5rem;}
@media (max-width: 900px) {
    .contact_1 .left{width: 100%;}
    .contact_1 .maps {width: 100%;  min-height: 8rem;}
}

.download_1{padding-bottom: 0.6rem;background: #F5F6F8;padding-top: 0.5rem;}
.download_1 .tab {margin-top: 0.54rem;margin-bottom: 0.8rem;border-radius: 0.1rem;overflow: hidden;}
.download_1 .tab table,
.download_1 .tab th,
.download_1 .tab td {border: none;}
.download_1 .tab table {width: 100%;text-align: center;}
.download_1 .tab td {padding: 0.1rem 0;}
.download_1 .tab .th {background-color: #1B54A4;color: #fff;}
.download_1 .tab .th td {padding: 0;line-height: 3.3333333333em;}
.download_1 .tab table .w1 {padding-left: 0.6rem;}

.download_1 .download_box{background: #fff;padding:0.54rem 0.5rem 0.5rem;border-radius: 0.2rem;}
.download_1 .tab .w1 {width: 35%;text-align: left;}
.download_1 .tab .w2 {width: 10%;}
.download_1 .tab .w3 {width: 15%;}
.download_1 .tab .w4 {width: 15%;}
.download_1 .tab .w5 {width: 15%;}
.download_1 .tab .tr{background: none;}
.download_1 .tab .tr:nth-child(even){background: #F5F6F8;}
@media (min-width: 901px) {
    .download_1 .tab .tr:hover {background-color: rgba(29, 85, 165, 0.1);  color: #1B54A4;}
}
.download_1 .tab .aa {display: inline-flex;align-items: center;padding: 0 0.2rem;line-height: 2.375em;/* background-color: #f7f8f9; */color: #333;border-radius: 1rem;}
.download_1 .tab .aa:hover {color: #1B54A4;}
.download_1 .tab .icon{width: 1em;height: 0.8em;background-image: url(../images/icon-17.png);background-repeat: no-repeat;background-size: contain;background-position: center;margin-right: 0.1rem;}

@media (max-width: 900px) {
    .download_1 .tab .tr{background: #f7f8f9;}
    .download_1 .tab .th {display: none;}
    .download_1 .tab tr {display: block;  margin-bottom: 10px;}
    .download_1 .tab td {width: 100% !important;  display: block;  padding: 10px;  padding-left: 5em !important;  text-align: left;  position: relative;  border-bottom: 1px solid #fff;}
    .download_1 .tab td::before {content: attr(data-title);  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 0;  padding: 5px 0;  width: 5em;  text-indent: 1em;  text-align: left;}
    .download_1 .tab .aa{line-height: 1.2;padding:0;}
}
@media (max-width: 575px) {
    .download_1 .pub_tit {width: 100%;  text-align: center;}
}



.about_1 .box {display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.about_1 .left{width: 50%;}
.about_1 .h2 {font-weight: 500;}
.about_1 .d2 {color: #414141;line-height: 1.4;margin-top: 0.26rem;}
.about_1 .txt {line-height: 1.7;color: #666;margin-top: 0.5rem;}
.about_1 .d3 {font-weight: 500;margin-top: 0.72rem;}
.about_1 .list {display: flex;line-height: 1.4;margin-top: 0.3rem;}
.about_1 .item {color: #1B54A4;font-weight: bold;}
.about_1 .line {width: 1px;height: 1em;opacity: 0.4;background-color: #000;margin: 0 0.3rem;}
.about_1 .right{width: 50%;}
.about_1 .img {display: block;padding-top: 102.0833333333%;height: 100%;border-radius: 0.2rem;overflow: hidden;;}
@media screen and (max-width: 900px) {
    .about_1 .left{width: 100%;padding: 30px 0;}
    .about_1 .right {width: 100%;}
}
.about_2 {padding-top: 0.94rem;padding-bottom: 0.6rem;background-repeat: no-repeat;background-size: cover;}
.about_2 .list {display: flex;flex-wrap: wrap;margin-top: 0.4rem;}
.about_2 .item {width: 33.3%;padding: 0 0.4rem;color: #666;}
.about_2 .icon{text-align: center;display: flex;justify-content: center;}
.about_2 .icon.ii {height: 1em;}
.about_2 .t1 {font-weight: 500;text-align: center;margin-top: 0.3rem;color: #333;}
.about_2 .t2 {display: flex;justify-content: center;margin-top: 0.2rem;}
.about_2 .inline {display: inline;}
.about_2 .blue {color: #1B54A4;}
.about_2 .tb {line-height: 1.7;}
.about_2 .ti {display: inline-block;text-align: left;margin: 0 0.14rem;}
.about_2 .tt1 {color: #1B54A4;font-weight: 500;}
.about_2 .img {padding-top: 39.5833333333%;overflow: hidden;border-radius: 0.2rem;margin-top: 0.5rem;}
@media screen and (max-width: 900px) {
    .about_2 .item {width: 100%;  margin-top: 20px;}
}
.about_3 {/*padding-top: 0.95rem;*/padding-bottom: 1.04rem;/*background-color: #f0f3f8;*/	overflow: hidden;
}
.about_3 .box {position: relative;}
.about_3 .pub_tit {margin-bottom: 0.6rem;}
.about_3 .ul {display: flex;width: 100%;border-radius: 0.2rem;overflow: hidden;}
.about_3 .li {width: 14.5833333333%;transition: width 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);}
.about_3 .li.active {width: 41.6666666667%;transition: width 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);}
.about_3 .li.active .bg::before {opacity: 0;}
.about_3 .li.active .bg::after {opacity: 0.9;}
.about_3 .li.active .bot {opacity: 1;padding: 0 0.4rem;}
.about_3 .li.active .te {animation: op 0.15s;}
.about_3 .li.active .b1 {font-size: 1.3333333333em;}
.about_3 .li.active .b2 {display: -webkit-box;margin-top: 0.1rem;}
.about_3 .dd {position: relative;height: 6.2rem;cursor: pointer;}
.about_3 .dd::after {content: "";width: 2px;height: 100%;position: absolute;right: 0;top: 0;background-color: rgba(255, 255, 255, 0.45);z-index: 6;}
.about_3 .dd .bg {width: 100%;height: 100%;position: relative;}
.about_3 .dd .bg::before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.6);z-index: 2;}
.about_3 .dd .bg::after {content: "";width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), black);opacity: 0;z-index: 2;}
.about_3 .dd .bg .ii {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;   object-fit: cover;-o-object-position: center;   object-position: center;}
.about_3 .dd .bot {position: absolute;left: 0;bottom: 0.4rem;width: 100%;color: #fff;padding: 0 0.2rem;opacity: 0.7;z-index: 6;text-align: center;}
.about_3 .dd .b1 {line-height: 1.5;}
.about_3 .dd .b2 {line-height: 1.7;height: 3.3333333333em;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: none;}
.about_3 .about3_mobile {width: 100%;position: absolute;left: -200vw;top: 0;}
.about_3 .swiper {width: 100%;border-radius: 0.2rem;overflow: hidden;}
.about_3 .sw {position: relative;}
.about_3 .sw .img {padding-top: 80%;}
.about_3 .sw .img::before {content: "";width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6);background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 30%, black);opacity: 0.5;z-index: 2;}
.about_3 .sw .text {position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;padding: 0.3rem;z-index: 5;line-height: 1.8;}
.about_3 .sw .t1 {font-size: 1.5em;}
@media (max-width: 900px) {
    .about_3 .about3_pc {position: absolute;  left: -200vw;  top: 0;}
    .about_3 .about3_mobile {position: relative;  left: 0;}
}
@keyframes op {0% {opacity: 0;}99% {opacity: 0;}100% {opacity: 1;}
}
.about_4 {overflow: hidden;padding-top: 0.98rem;padding-bottom: 0.75rem;background-color: #f0f3f8;}
.about_4 .ul {display: flex;flex-wrap: wrap;margin-top: 0.84rem;}
.about_4 .li {width: 22.9166666667%;margin-right: 2.7777777778%;margin-bottom: 0.4rem;}
.about_4 .li:nth-child(4n) {margin-right: 0;}
.about_4 .dd:hover .img img {transform: scale(1.1);transition: all 0.3s;}
.about_4 .img {padding-top: 72.7272727273%;border-radius: 0.2rem;overflow: hidden;}
.about_4 .te {text-align: center;margin-top: 0.32rem;}
.about_4 .t1 {display: inline-flex;align-items: center;line-height: 1;}
.about_4 .t1 .icon{width: 1em;height: 1em;background-image: url(../images/icon-20.png);background-repeat: no-repeat;background-size: contain;}
.about_4 .t2 {color: #666;margin-top: 0.04rem;margin-top: 0.1rem;}
@media (min-width: 576px) {
    .about_4 .li:nth-child(4n) {transition-delay: 0.6s;}
    .about_4 .li:nth-child(4n-1) {transition-delay: 0.4s;}
    .about_4 .li:nth-child(4n-2) {transition-delay: 0.2s;}
}
@media (max-width: 575px) {
    .about_4 .ul {justify-content: space-between;}
    .about_4 .li {width: 48%;  margin-right: 0;  margin-bottom: 4%;}
}

.about_1 .box{background: url(../images/bg2.jpg) no-repeat bottom center;background-size: contain;}
.about_1 .left{padding-top: 1rem;padding-right: 0.4rem;padding-bottom: 0.9rem;}
.about_1 .right{padding-top: 1rem;padding-bottom: 0.9rem;}
.about_1 .d2{margin-top: 0.35rem;line-height: 1.7;}
.about_1 .txt{margin-top: 0.3rem;}
.about_1 .d3{margin-top: 0.4rem;}
.about_1 .img{padding-top: 68.1818%;height: 0;background: none;}
.about_1 .imgs{margin-top: calc((12px + 2.2916666667vw)*1.2 + 0.35rem);}
.about_1 .imgs{background: linear-gradient( 180deg, #F5F6FA 0%, rgba(245,246,250,0) 100%);border-radius: 0.2rem;padding:0.2rem;}
.about_2 .tb{text-align: center;color:rgba(51,51,51,0.5);}
.about_3{background: #fff;}
.about_3 .li.active .b2{display: none;}
.about_3 .dd .bg::after{height: 30%;background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), black);}
.about_3 .sw .t1{text-align: center;}
.about_4{background: url(../images/bg1.jpg) no-repeat center;background-size: cover;}
.about_4 .ul{margin-left: -0.12rem;margin-right: -0.12rem;margin-bottom: -0.6rem;}
.about_4 .li{width: 50%;margin-right: 0;margin-bottom: 0.7rem;}
.about_4 .li .dd{display: flex;align-items: center;}
.about_4 .li .img{width: calc(50% - 0.24rem);padding-top: 34%;margin:0 0.12rem;}
.about_4 .li .te{text-align: left;padding:0 0.12rem;margin-top: 0;}
.about_4 .t1 .icon{margin-right: 0.1rem;}
.about_4 .t2{padding-left: calc(12px + 0.625vw + 0.1rem);}

@media (min-width: 1921px){
    .about_4 .t2{padding-left: calc(1.25vw + 0.1rem);}
}
@media (max-width: 575px){
    .about_4 .t2{padding-left: calc(15.4375px + 0.1rem);}
}

@media (min-width: 576px){
    .about_4 .li:nth-child(3) .dd,
    .about_4 .li:nth-child(4) .dd{flex-direction: row-reverse;}
}

@media (max-width: 575px){
    .about_4 .li{width: 100%;margin-bottom: 4%;}
    .about_4 .li:nth-child(2) .dd,
    .about_4 .li:nth-child(4) .dd{flex-direction: row-reverse;}
    .about_3 .sw .t1{text-align: center;font-size: 14.2916666667px;}
}

@media (max-width: 900px){
    .about_1 .box{background: none;}
    .about_1 .left{background: url(../images/bg2.png) no-repeat bottom center;background-size: contain;padding-right: 0;}
    .about_1 .right{padding:0;}
    .about_1 .imgs{margin-top: 0;}
    .footer_2 .box{
        padding: 0.25rem 0;
    }
}


.acea-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}
.acea-row.row-middle{-webkit-box-align:center;-o-box-align:center;-ms-flex-align:center;align-items:center}
.acea-row.row-top{-webkit-box-align:start;-o-box-align:start;-ms-flex-align:start;align-items:flex-start}
.acea-row.row-bottom{-webkit-box-align:end;-o-box-align:end;-ms-flex-align:end;align-items:flex-end}
.acea-row.row-center{-webkit-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;justify-content:center}
.acea-row.row-right{-webkit-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.acea-row.row-left{-webkit-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.acea-row.row-between{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-around,
.acea-row.row-column-around{-ms-flex-pack:distribute;justify-content:space-around;-webkit-justify-content:space-around}
.acea-row.row-column-around{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.acea-row.row-column,
.acea-row.row-column-between{-webkit-box-orient:vertical;-o-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
.acea-row.row-column-between{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-center-wrapper{-webkit-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;justify-content:center}
.acea-row.row-between-wrapper,
.acea-row.row-center-wrapper{-webkit-box-align:center;-o-box-align:center;-ms-flex-align:center;align-items:center}
.acea-row.row-between-wrapper{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}

.safe-area-placeholder{
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}

.i_banner .swiper-pagination{left:50%;transform: translate(-50%,-50%);}
.i_banner .swiper-pagination .swiper-pagination-bullet-active{width: 3em;}
.i_banner .ho_sw .text{display: none;}
.top_head_box .logo img{height:auto;max-height: 0.5rem;}
@media (max-width: 575px){
    .i_banner .swiper-pagination{bottom:0.5rem;}
}
.i_banner .ho_sw .img{padding-top: 48%;}

.contact_1{padding-bottom: 0.6rem;background: #F5F6F8;padding-top: 0.5rem;}

.contact_1 .contact_box{background: #fff;padding:0.54rem 0.5rem 0.5rem;border-radius: 0.2rem;}
.contact_1 .box{background: none;border-radius: 0;}
.contact_1 .left{padding-top: 0;padding-left: 0;}
.contact_1 .maps{border-radius: 0.2rem;overflow: hidden;}

.contact_1 .list{margin-top: 0.6rem;}
.contact_1 .item{margin-bottom: 0.6rem;}
.contact_1 .icon{width: 0.8rem;}

@media (max-width: 900px){
    .contact_1 .left{padding-bottom: 0.4rem;padding-right: 0;}
}

.inner_page_nav{border-radius: 0.2rem;overflow: hidden;}
.inner_page_nav .tit{color: #fff;line-height: 0.4rem;padding:0.3rem;overflow: hidden;
background: url(../images/left_nav_tit_bg.png) no-repeat center;
background-size: cover;
}

.inner_page_nav .tit .icon{width: 0.3rem;height:0.3rem;object-fit: contain;margin-right: 0.1rem;}

.inner_page_nav_list{overflow: hidden;}
.inner_page_nav_list li{border-bottom: 1px solid #F5F6F8;}
.inner_page_nav_list li a{display: block;line-height: 1.4;background: #fff;color:#535353;position: relative;padding:0.2rem 0.4rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inner_page_nav_list li.active a,
.inner_page_nav_list li a:hover{color:#1B54A4;}

.inner_page_nav_list li a::after{content:'';display: block;width: 0.1rem ;height: 0.2rem;position: absolute;left: 0.2rem;top: 50%;margin-top: -0.1rem;opacity: 0;
    background:url(../images/left_nav_a_icon.png) center no-repeat;background-size: 0.1rem 0.12rem;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.inner_page_nav_list li.active a::after,
.inner_page_nav_list li a:hover::after{opacity: 1;}


.pro_box {display: flex;justify-content: space-between;}
@media (max-width: 900px) {
    .pro_box {flex-wrap: wrap;}
}
.pro_list {display: flex;flex-wrap: wrap;}
.pro_list .li {width: 31.4285714286%;margin-right: 2.8571428571%;margin-bottom: 0.3rem;}
.pro_list .li:nth-child(3n) {margin-right: 0;}
.pro_list .con_box {height: 100%;display: block;background-color: #fff;border-radius: 0.2rem;overflow: hidden;transition: all 0.3s;}
.pro_list .con_box:hover {box-shadow: 0px 0px 0.24rem 0px rgba(173, 185, 202, 0.16);}
.pro_list .con_box:hover .img img {transform: scale(1.05);}
.pro_list .con_box:hover .h3 {color: #1B54A4;}
.pro_list .con_box:hover .icon {opacity: 1;}
.pro_list .img {position: relative;padding-top: 100%;background-color: #fff;overflow: hidden;}
.pro_list .img img{
	object-fit: contain;transition: all 0.3s;
}
.pro_list .bot {padding: 0.1rem 0.3rem;padding-bottom: 0.33rem;}
.pro_list .title {display: flex;justify-content: space-between;align-items: center;position: relative;}
.pro_list .title::before {content: "";position: absolute;left: 0;top: 100%;width: 0.24rem;height: 3px;background-color: #1B54A4;border-radius: 2px;}
.pro_list .h3 {color: #333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition: all 0.3s;}
.pro_list .icon{width: 1em;height: 1em;border-radius: 50%;background-color: #1B54A4;background-image: url(../images/icon-6.png);background-repeat: no-repeat;background-size: 15.9090909091%;background-position: center;opacity: 0;transition: all 0.3s;}
.pro_list .txt {line-height: 1.875;color: #555;margin-top: 0.14rem;}

@media (max-width: 900px) {
    .pro_list {justify-content: space-between;}
    .pro_list .li {width: 49%;  margin-right: 0;  margin-bottom: 2%;}
}
@media (max-width: 575px) {
    .pro_list .li {width: 100%;  width: 49%;}
    .pro_list .title {padding: 0.15rem 0;}
    .pro_list .icon{opacity: 0 !important;}
}

.pro_left .sticky{
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 1rem);
    /* width: 2.7rem; */
    transition: .5s;
}
.pro_page{padding-top: 0.5rem;padding-bottom: 0.5rem;background: #F5F6F8;}
.pro_left{width: 2.7rem;}
.pro_right{width:calc(100% - 2.7rem - 0.3rem);}
@media (max-width: 900px){
    .pro_left,
    .pro_right{width: 100%;}
    .pro_right{padding-top: 0.5rem;}
}

.pro_list .title::before{width: 0.5rem;height: 6px;background: #1B54A4;border-radius: 3px;opacity: 0.5;}
.pro_list .con_box{padding:0.3rem;}
.pro_list .img{background: #f2f2f2;border-radius: 0.2rem;}
.pro_list .con{padding: 0.2rem 0 0.1rem;}

.pro_list .title{padding-bottom: 0.1rem;}
.pro_list .tit{width: calc(100% - 0.5rem);width: 100%;}
.pro_list .txt{color:rgba(51, 51, 51, 0.5);margin-top: 0.2rem;}
.pro_list .h3{text-overflow: ellipsis;white-space: nowrap;display: block;}

/* 行业应用 */
.industry_1{padding-top: 0.6rem;padding-bottom: 0.6rem;}
.industry_1 .ul{display: flex;flex-wrap: wrap;margin-left: -0.15rem;margin-right: -0.15rem;}
.industry_1 .li{width: 33.333%;padding:0 0.15rem;margin-top: 0.3rem;}
.industry_1 .dd:hover .img img{transform: scale(1.1);transition: all 0.3s;}
.industry_1 .img{padding-top: 75%;border-radius: 0.2rem;overflow: hidden;}
.industry_1 .te{text-align: center;line-height: 0.3rem;padding:0.2rem 0.2rem 0;}
@media (max-width: 575px){
    .industry_1 .img{padding-top: 65%;}
    .industry_1 .li{width: 100%;}
    .industry_1 .te{padding:0.3rem 0.2rem;}
}

.industry_box .pub_tit .tit2{text-align: left;line-height: 1.7;margin-top: 0.2rem;text-align: justify;}
.industry_box .pub_tit .tit1{font-weight: 500;}

.industry_2{padding-top: 0.8rem;padding-bottom: 1rem;background: url(../images/hy_bg1.jpg) no-repeat center;background-size: cover;}
.industry_2 .left{width:35%;padding-right: 0.4rem;}
.industry_2 .right{width:65%;}
.industry_2  .pub_tit .tit2{margin-top: 0.4rem;line-height: 2;}
.industry_2 .ul{display: flex;flex-wrap: wrap;margin-left: -0.15rem;margin-right: -0.15rem;padding-top: 0.2rem;}
.industry_2 .li{width: 50%;padding:0 0.15rem;margin-top: 0.3rem;}
.industry_2 .dd{position: relative;}
.industry_2 .dd:hover .img img{transform: scale(1.1);transition: all 0.3s;}
.industry_2 .img{padding-top: 77.2727%;border-radius: 0.2rem;overflow: hidden;}
.industry_2 .te{text-align: center;line-height: 1.4;position: absolute;bottom: 0;left: 0;width: 100%;padding:0.3rem 0.2rem 0.2rem;color:#fff;
background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
border-radius:0 0 0.2rem 0.2rem;
}
.industry_2 .pub_tit .tit1{text-align: left;}
@media (max-width:900px){
    .industry_2 .left{padding-right: 0;width: 100%;}
    .industry_2 .le,
    .industry_2 .right{width: 100%;}
    .industry_2 .te{padding-bottom: 0.3rem;}
}

@media (max-width:575px){
    /* .industry_2 .li{width: 100%;} */
}

.industry_3{padding-top: 0.6rem;padding-bottom: 0.6rem;}
.industry_3 .ul{display: flex;flex-wrap: wrap;margin-left: -0.15rem;margin-right: -0.15rem;}
.industry_3 .li{width: 50%;padding:0 0.15rem;margin-top: 0.3rem;}
.industry_3 .li:nth-child(1){width: 100%;}
.industry_3 .li:nth-child(2){width: 67.5%;}
.industry_3 .li:nth-child(3){width: 32.5%;}
.industry_3 .dd{position: relative;}
.industry_3 .dd:hover .img img{transform: scale(1.1);transition: all 0.3s;}
.industry_3 .img{padding-top: 77.2727%;border-radius: 0.2rem;overflow: hidden;}
.industry_3 .li:nth-child(1) .img{padding-top: 0;height:2.8rem;}
.industry_3 .li:nth-child(2) .img{padding-top: 0;height:2.8rem;}
.industry_3 .li:nth-child(3) .img{padding-top: 0;height:2.8rem;}
.industry_3 .te{text-align: left;line-height: 1.4;position: absolute;bottom: 0;left: 0;width: 100%;padding:0.3rem 0.2rem 0.2rem;color:#fff;
background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
border-radius:0 0 0.2rem 0.2rem;
}
@media (max-width: 575px){
    .industry_3 .li:nth-child(2){width: 50%;}
    .industry_3 .li:nth-child(3){width: 50%;}
}


.industry_4{padding-top: 0.6rem;padding-bottom: 0.6rem;background: url(../images/hy_bg2.jpg) no-repeat center;background-size: cover;}
.industry_4 .industry_box{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.industry_4 .right{width: 62.857%;}
.industry_4 .left{width: 37.143%;margin-top: 0.5rem;padding-left: 0.5rem;}
.industry_4 .pub_tit{text-align: left;}
.industry_4 .pub_tit .tit2{margin-top: 0.3rem;line-height: 2;}
.industry_4 .ul{display: flex;flex-wrap: wrap;margin-left: -0.15rem;margin-right: -0.15rem;}
.industry_4 .li{width: 50%;padding:0 0.15rem;margin-top: 0.3rem;}
.industry_4 .li:nth-child(1){width: 100%;margin-top: 0;}
.industry_4 .dd{position: relative;}
.industry_4 .dd:hover .img img{transform: scale(1.1);transition: all 0.3s;}
.industry_4 .img{padding-top: 54.117647%;border-radius: 0.2rem;overflow: hidden;}
.industry_4 .li:nth-child(1) .img{padding-top: 40.9%;}
.industry_4 .te{text-align: left;line-height: 1.4;position: absolute;bottom: 0;left: 0;width: 100%;padding:0.3rem 0.2rem 0.2rem;color:#fff;
background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
border-radius:0 0 0.2rem 0.2rem;
}
@media (max-width: 900px){
    .industry_4 .industry_box{display: block;}
    .industry_4 .left{padding-left: 0;margin-top: 0;margin-bottom: 0.3rem;}
    .industry_4 .right,
    .industry_4 .left{width: 100%;}
    .industry_4 .te{padding: 0.3rem;}
}


.industry_5{padding-top: 0.8rem;padding-bottom: 0;background: url(../images/hy_bg3.jpg) no-repeat center;background-size: cover;padding-bottom: 0.6rem;}
.industry_5 .industry_box{display: flex;justify-content: space-between;}
.industry_5 .left{width: 49%;padding-right: 0.5rem;}
.industry_5 .right{width: 51%;}
.industry_5 .pub_tit{text-align: left;}
.industry_5 .pub_tit .tit2{margin-top: 0.4rem;line-height: 2;}
.industry_5 .ul{display: flex;flex-wrap: wrap;margin-left: -0.1rem;margin-right: -0.1rem;margin-top: -0.2rem;}
.industry_5 .li{width: 50%;padding:0 0.1rem;margin-top: 0.2rem;height:3.6rem;display: flex;}
.industry_5 .li .dd{width: 100%;height: 100%;}
.industry_5 .img{padding-top: 0;height:100%;border-radius: 0.2rem;overflow: hidden;}
.industry_5 .li:nth-child(1),
.industry_5 .li:nth-child(3){width: 47%;}
.industry_5 .li:nth-child(2),
.industry_5 .li:nth-child(4){width: 53%;}
.industry_5 .li:nth-child(2){align-items: flex-end;}
.industry_5 .li:nth-child(2) .dd,
.industry_5 .li:nth-child(3) .dd{height:2.44rem;}
.industry_5 .dd{position: relative;}
.industry_5 .dd:hover .img img{transform: scale(1.1);transition: all 0.3s;}
.industry_5 .li:nth-child(1) .img{padding-top: 40.9%;}
.industry_5 .te{text-align: center;line-height: 1.4;position: absolute;bottom: 0;left: 0;width: 100%;padding:0.3rem 0.2rem 0.2rem;color:#fff;
background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
border-radius:0 0 0.2rem 0.2rem;
}
@media (max-width: 900px){
    .industry_5 .industry_box{display: block;}
    .industry_5 .left{padding-right: 0;margin-bottom: 0.3rem;}
    .industry_5 .right,
    .industry_5 .left{width: 100%;}
    .industry_5 .te{padding: 0.3rem;}
    .industry_5 .li{height:50vw;}
    .industry_5 .li:nth-child(2) .dd,
    .industry_5 .li:nth-child(3) .dd{height:67.777%;}
}



.pro_detail_banner{background: #F5F6F8;padding:1.6rem 0;background: #F5F6F8;}
.pro_detail_banner .swiper1 {width: 1.5rem;}
.pro_detail_banner .swiper1 .swiper-container {height: 5.4rem;}
.pro_detail_banner .swiper1 .swiper-slide{width: 1.5rem;height:1.8rem;padding:0.15rem 0;}
.pro_detail_banner .swiper1 .swiper-slide .img_box{width: 100%;height: 100%;border: 1px solid #e0e0e0;overflow: hidden;}
.pro_detail_banner .swiper1 .swiper-slide .img_box .img{width: 100%;height: 100%;object-fit: contain;}

.pro_detail_banner .swiper2 {width: 6.8rem;height: 5.4rem;margin-left: 0.5rem;padding:0.6rem 0;}
.pro_detail_banner .swiper2 .swiper-container{height:100%;}
.pro_detail_banner .swiper2 .swiper-slide .img_box{width: 100%;height: 100%;}
.pro_detail_banner .swiper2 .swiper-slide .img_box .img{width: 100%;height: 100%;object-fit: contain;}

.right_pro_info_box{width: 4.5rem;}
.right_pro_info_box .con {padding: 0.2rem 0 0.1rem;}
.right_pro_info_box .title{position: relative;padding-bottom: 0.2rem;}
.right_pro_info_box .title::before {display: block;content: "";position: absolute;left: 0;bottom:0;width: 0.5rem;height: 6px;background: #1B54A4;border-radius: 3px;opacity: 0.5;}
.right_pro_info_box .txt{line-height: 1.8;color: rgba(51, 51, 51, 0.5);margin-top: 0.3rem;}
.right_pro_info_box .txt p{margin:0.1rem 0;}
.right_pro_info_box .tip{color:#333;margin-top: 0.8rem;}

.pro_detail_con_box{background: #fff;padding-top: 0.6rem;padding-bottom: 1rem;}
.pro_detail_con{background: #F6F6F6;padding:0.4rem;}
.pro_detail_con img{max-width: 100%;display: block;margin-left: auto;margin-right: auto;}
.pro_detail_con{line-height: 2;}
.pro_detail_con h4,
.pro_detail_con h3,
.pro_detail_con h2,
.pro_detail_con h1{margin-bottom: 15px;}
.pro_detail_con p{margin:0 0 15px!important;text-indent: 2em;}
.pro_detail_con img{max-width: 100%;height:auto!important;}
.pro_detail_con div > a > img,
.pro_detail_con p > a > img,
.pro_detail_con p > img{display: block;margin:0 auto;}
.pro_detail_con p > img.file_icon{display: inline;margin-right: 5px!important;margin-top: -2px;}
.pro_detail_con table p{margin: 0!important;text-indent: 0;}
.pro_detail_con table td[nowrap] {white-space: normal !important;}
.pro_detail_con video{max-width: 100%;display: block;margin:0 auto;}
.pro_detail_con object{display: block;margin:0 auto;}
.pro_detail_con p>*{font-size: inherit!important;}

.pro_tabs{border-bottom: 2px solid #F2F2F2;display: flex;justify-content: space-evenly;margin-bottom: 50px;}
.pro_tabs .item{color:#333;position: relative;padding:0.2rem 0;}
.pro_tabs .item.hover{color:#1B54A4;}
.pro_tabs .item::before{display: block;content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #1B54A4;border-radius: 3px;opacity: 0;}
.pro_tabs .item.hover::before{opacity: 1;}

/* .left_swiper_box {
  flex-wrap: wrap;
} */
@media (max-width: 900px) {
    .pro_detail_banner{padding:1rem 0;}
    .left_swiper_box{width: 100%;flex-wrap: wrap;}
    .pro_detail_banner .swiper1 {width: 100%;order: 2;}
    .pro_detail_banner .swiper1 .swiper-container {height: auto;}
    .pro_detail_banner .swiper1 .swiper-slide{height:auto;padding:0 0.15rem}
    .pro_detail_banner .swiper2 {width: 100%;order: 1;margin: 0;padding:0 0.15rem 0.3rem;}
    .pro_detail_banner .texts {width: 100%;margin-top: 20px;}
    .right_pro_info_box{width:100%;padding:0.3rem 0.15rem;}
    .right_pro_info_box .tip{margin-top: 0.5rem;}
}

.qrcode_img{width: 100%;margin-top: 0.2rem;}
.qrcode_img img{max-width: 120px;}