* {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

li {
    list-style: none
}

body {
    font-family: "微软雅黑";
    width: 6.4rem;
    font-size: .24rem
}

i {
    font-style: normal
}

h2, h3 {
    font-weight: normal
}

.fl {
    float: left
}

.fr {
    float: right
}
.bk1{
    padding-top: 0.0225rem;
    margin-bottom: 0.15rem;
}
/* 出现弹窗 */
.tc {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
}

.tc-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}

.tc-wrap {
  width: 5.4778rem;
    height: 5.9727rem;
    background: url(../wap_img/tc-wrap_m.png) no-repeat center/100%;
    /* background: #FFFFFF; */
    border-radius: .1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* overflow: hidden; */
}
.tc-wrap::before {
    content: '';
    background: rgba(255,255,255,0.8);
    border-radius: .1024rem;
    border: 1px solid #FFFFFF;
    position: absolute;
    left: .256rem;
    top: .256rem;
    bottom: .256rem;
    z-index: -1;
    right: .256rem;
}

.tc-wrap .t {
    width: 5.375rem;
    height: 1.5625rem;
    /* background: url(/Public/common/images/imgs/wr1.png) center center / 100% 100% no-repeat; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.tc-wrap .cclose {
    position: absolute;
  width: .5119rem;
    height: .5119rem;
    background: url(../wap_img/cclose_svg.svg) center center / 100% 100% no-repeat;
    top: -.256rem;
    right: -.256rem;
    cursor: pointer;
}

.tc-wrap .t p {
    font-size: .225rem;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0 .5rem;
}

.tc-wrap .t p:nth-of-type(1) {
    margin-bottom: .225rem;
}

.tc-wrap .b {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  margin-top: .78rem;
}
.tc-wrap .b .title span,
.tc-wrap .b .title {
  font-size: .3242rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: bold;
    color: #000E45;
    /* margin: .35rem auto .225rem; */
}
.tc-wrap .b .title span {
    color: #1A62ED;
}
.tc-wrap .b .span-wrap {
    display: flex;
    align-items: center;
  margin-top: .1536rem;  
}

.tc-wrap .b .span-wrap span {
    font-size: .2048rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 400;
    color: #000E45;
}

.tc-wrap .b .inp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: .38rem;
}

.tc-wrap .b .inp .inp1 {
    line-height: 0.6314rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  width: 4.1126rem;
    height: .6314rem;
    background: #FFFFFF;
    border-radius: .1024rem;
    border: 1px solid #EDEFF2;
}

.tc-wrap .b .inp .inp2 {
  width: 4.1126rem;
    height: .6314rem;
    line-height: 0.6314rem;
    background: #FFFFFF;
    border-radius: .1024rem;
    border: 1px solid #EDEFF2;
    display: flex;
    justify-content: center;
    align-items: center;
  margin-top: .256rem;
    position: relative;
}

.tc-wrap .b .inp .inp1 .icon1 {
    background: url(../wap_img/xmm_svg.svg) center center / 100% 100% no-repeat;
    
  width: .3072rem;
    height: .3072rem;
    line-height: 0.175rem;
    left: .2048rem;
    vertical-align: middle;
    position: absolute;
}

.tc-wrap .b .inp .inp2 .icon2 {
    background: url(../wap_img/dhh_svg.svg) center center / 100% 100% no-repeat;
    
  width: .3072rem;
    height: .3072rem;
    line-height: 0.175rem;
    /* margin-left: .25rem; */
    left: .2048rem;
    position: absolute;
    vertical-align: middle;
}

.tc-wrap .b .inp .inp1 input {
    /* flex: 1; */
    /* padding: 0 .1125rem; */
    font-size: .175rem;
    position: absolute;
    width: 2.4919rem;
    left: .6485rem;
}

.tc-wrap .b .inp .inp2 input {
    /* flex: 1; */
    /* padding: 0 .1125rem; */
    position: absolute;
    font-size: .175rem;
    left: .6485rem;
        width: 2.4919rem;
}

.tc-wrap .b .inp .inp3 {
  font-size: .2218rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: .2048rem;
    width: 4.1126rem;
    height: .6314rem;
    background: linear-gradient(306deg, #165CEB 0%, #4093FF 100%);
    border-radius: .1024rem;
}
.tc-wrap .b .po {
  margin-top: 0.24rem;
    font-size: .1877rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 400;
    color: #AEB1B4;
}

.tc-wrap .b .bo {
  margin-top: .2389rem;
    text-align: center;
    font-size: .2218rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 500;
    color: #061440;
}

.tc-wrap .b .bo span {
    color: #1D65EF;
    padding: .1125rem;
}

/*.bg1{background: #f2f2f2}*/
button, input, textarea {
    outline: none;
    border: none
}

.Mdian {
    position: absolute;
    top: -.8rem;
    left: 0
}

/*关于我们*/
.about_part1 {
    height: 4rem;
    width: 100%;
    margin-top: .75rem;
}

.about_part1 > img {
    width: 100%;
    height: 100%;
}

.about_part2 {
    margin-top: .2rem;
    background: #fff;
}

.about_title {
    height: .6rem;
    line-height: .6rem;
    font-size: .27rem;
    color: #333333;
    margin: 0 .15rem;
    border-bottom: 1px solid #f2f2f2;
    text-indent: .15rem;
    background: url("../wap_img/b_03.png") no-repeat 0 50%;
    background-size: .09rem .3rem;
}

.about_title_gd {
    color: #333333;
}

.about_part2_p {
    color: #333333;
    font-size: .27rem;
    line-height: .46rem;
    text-indent: .4rem;
    margin: 0 .3rem;
    padding: .35rem 0;
}

.about_part2 > img {
    width: 5.8rem;
    height: 3.43rem;
    margin: 0 .3rem;
}

.about_part3 {
    margin-top: .2rem;
    background: #fff;
}

.about_part3_ul {
    padding: .1rem 0;
}

.about_part3_ul > li {
    margin-left: .2rem;
    overflow: hidden;
    margin-top: .2rem;
}

.about_part3_ul > li > img {
    float: left;
    width: 2.45rem;
    height: 1.5rem;
}

.about_part3_ul > li > div {
    width: 2.85rem;
    float: left;
    margin-left: .25rem;
}

.about_part3_ul > li > div > h3 {
    margin-top: .12rem;
    color: #333333;
    font-size: .27rem;
}

.about_part3_ul > li > div > p {
    margin-top: .15rem;
    color: #666666;
    font-size: .20rem;
}

/*表单*/
.about_form {
    width: 100%;
    background: url("../wap_img/a_19.png") no-repeat;
    background-size: 100% 100%;
    padding-bottom: .24rem;
    margin-bottom: .9rem;
}

.about_form_top {
    font-size: .3rem;
    color: #ffffff;
    text-align: center;
    padding-top: .4rem;
    height: .3rem;
    line-height: .3rem;
    position: relative;
}

.about_form_top > span {
    display: inline-block;
    width: 1.2rem;
    height: 0.02rem;
    background: #ffffff;
    margin-top: -0.01rem;
    position: absolute;
    top: .55rem;
}

.about_form_s1 {
    left: 1.24rem;
}

.about_form_s2 {
    left: 3.97rem;
}

.about_form_p {
    text-align: center;
    margin-top: .1rem;
    color: #fff;
    font-size: .12rem;
}

.about_form_min {
    margin: .5rem auto 0;
    width: 5.4rem;
}

.about_form_min > input {
    width: 100%;
    height: .7rem;
    border-radius: .07rem;
    margin-bottom: .25rem;
    text-indent: .34rem;
    color: #a9a9a9;
    font-size: .22rem;
}

.about_form_min > textarea {
    height: 1.34rem;
    background: #fff;
    border-radius: .07rem;
    color: #a9a9a9;
    font-size: .22rem;
    padding-top: .13rem;
    width: 100%;
    padding-left: .38rem;
    margin-bottom: .25rem;
}

.about_form_min_p1 {
    color: #ffffff;
    font-size: .22rem;
    margin-bottom: .25rem;
}

.about_form_min > button {
    display: block;
    margin: 0 auto 0;
    background: #fff;
    text-align: center;
    border-radius: .07rem;
    height: .68rem;
    line-height: .68rem;
    color: #333333;
    font-size: .29rem;
    width: 100%;
}

.about_form_min_p2 {
    color: #ffffff;
    font-size: .16rem;
    margin-top: .5rem;
}

.fixed_ul {
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    background: #fff;
    z-index: 99;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
}

.fixed_ul > li {
    float: left;
    height: 1.1rem;
    width: 25%;
    text-align: center;
    position: relative;
}

.fixed_ul > li > a {
    color: #333333;
    font-size: .22rem;
    display: block;
    margin-top: .07rem;
}

.fixed_ul > li > a > img {
    display: block;
    margin: .2rem auto 0;
    width: .4267rem;
}

/* .fixed_ul > li:nth-child(3) img {
    width: .5rem;
} */

.fixed_ul li i {
    position: absolute;
    color: #333333;
    font-size: .2rem;
    left: 0;
    right: 0;
    text-align: center;
    bottom: .15rem;
}

/*内容页*/
.content_top {
    width: 6.15rem;
    height: .3413rem;
    line-height: .3413rem;
    border-bottom: 1px solid #e2e2e3;
    overflow: hidden;
    margin: .15rem auto 0;
    padding-bottom: .4096rem;
}

.content_top > a {
    float: left;
    display: inline-block;
    color: #333333;
    font-size: .25rem;
    padding: 0 .2rem;
}

.content_top_a1 {
    border-right: 1px solid #e0e0e1;
}

.content_top > img {
    float: left;
    /* height: 100%; */
    height: .3413rem;
}

.content_min {
    width: 5.6rem;
    margin: 0 auto 0;
}

.content_min > h2 {
    color: #333333;
    font-size: .32rem;
    margin-top: .28rem;
}

.content_min > span {
    display: block;
    margin-top: .3rem;
    font-size: .21rem;
    color: #999999;
}

.content_min > span > i {
    display: inline-block;
    margin-left: .24rem;
    color: #5c6d99;
}

.content_min > p {
    color: #333333;
    font-size: .27rem;
    margin-top: .3rem;
    line-height: .4rem;
}

.content_min > img {
    height: 3.4rem;
    width: 100%;
    margin-top: .3rem;
}

.content_bot {
    background: #fff;
    margin-top: .6rem;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: .35rem;
}

.content_bot_p > a {
    color: #333333;
    font-size: .27rem;
}

.content_bot_p {
    color: #38b6ff;
    font-size: .27rem;
    margin-top: .35rem;
    margin-left: .2rem;
}

/*手机首页*/


.index_part1 {
    height: 3.3rem;
    width: 97%;
    margin-top: .9rem;
    margin-left: .1rem;
    margin-right: .1rem;
}

.index_part1 > img {
    width: 100%;
    height: 94%;
}

.index_part2 {
    background: #fff;
    padding-bottom: 1rem;
}

.index_part2 > h2 {
    color: #333333;
    font-size: .27rem;
    text-align: center;
    padding-top: .3rem;
}

.index_part2_div {
    width: 5.85rem;
    margin: .5rem auto 0;
    border: 1px solid #d7d7d7;
    border-radius: .3rem;
    position: relative;
    padding-bottom: .6rem;
}

.index_part2_div > p {
    width: 5.15rem;
    margin: .28rem auto 0;
    text-indent: .25rem;
    line-height: .27rem;
    color: #666666;
    font-size: .21rem;
}

.index_part2_div2 {
    position: absolute;
    background: #fff;
    top: 2.6rem;
    left: .5rem;
}

.index_part2_div2 > img {
    width: .84rem;
    height: .84rem;
    margin-left: .3rem;
}

.index_part3 {
    background: #fff;
    margin-top: .2rem;
}

.index_part3_ul {
    width: 5.75rem;
    margin: .4rem auto 0;
    padding-bottom: .4rem;
}

.index_part3_ul > li {
    overflow: hidden;
    margin-top: .23rem;
}

.index_part3_ul > li > img {
    width: 1.9rem;
    height: 1.8rem;
    float: left;
}

.index_part3_div {
    float: left;
    display: inline-block;
    width: 3.5rem;
    margin-left: .3rem;
}

.index_part3_div > h2 {
    color: #ff9800;
    font-size: .25rem;
    margin-top: .25rem;
}

.index_part3_div > p {
    line-height: .32rem;
    color: #666666;
    font-size: .22rem;
    margin-top: .2rem;
}

.index_part4 {
    margin-top: .2rem;
    background: #fff;
    padding-bottom: .35rem;
    position: relative;
}

.banList {
    width: 100%;
}

.banList .swiper-slide {
}

.swiper-pagination-bullet-active {
    background: #38b6ff !important;
}

.index_p4_t {
    overflow: hidden;
    padding-bottom: .63rem;
}

.index_p4_t > a {
    display: inline-block;
    width: 2.88rem;
    float: left;
    margin-top: .3rem;
    margin-left: .22rem;
    padding-bottom: .1rem;
}

.index_p4_t > a > img {
    width: 100%;
    display: block;
    height: 1.98rem;
}

.index_p4_t > a > h2 {
    margin-top: .15rem;
    text-align: center;
    font-size: .23rem;
    color: #333333;
    line-height: .28rem;
    height: .28rem;
    overflow: hidden;
}

.swiper-pagination-bullet {
    width: 0.37rem;
    height: .08rem;
    display: inline-block;
    background: #bebcb8;
    border-radius: 0;
    opacity: 1;
}

.index_part5 {
    background: #fff;
    margin-top: .2rem;
    position: relative;
}

.index_part5_ul {
    overflow: hidden;
}

.index_part5_ul > li {
    text-align: center;
    width: 50%;
    float: left;
    margin-top: .22rem;
    height: 3rem;
}

.index_part5_ul > li > img {
    width: 1.02rem;
    height: 1.11rem;
}

.index_part5_ul > li > h2 {
    color: #666666;
    font-size: .23rem;
    margin-top: .15rem;
}

.index_part5_ul > li > p {
    color: #666666;
    font-size: .187rem;
    margin: .15rem auto 0;
    line-height: .3rem;
    width: 2.43rem;;
}

.index_part6 {
    margin-top: .2rem;
    background: #fff;
    position: relative;
}

.index_part6_ul_a {
    overflow: hidden;
    border-bottom: 1px solid #f7f7f7;
    margin: 0 .2rem;
    padding: .3rem 0;
    display: inline-block;
}

.index_part6_ul_a > img {
    float: left;
    width: 1.75rem;
    height: 1.15rem;
}

.index_part6_div {
    float: left;
    margin-left: .2rem;
    width: 3.75rem;
}

.index_part6_div > h2 {
    color: #333333;
    font-size: .25rem;
    margin-top: .1rem;
    display: block; /*width: ;*/
}

.index_part6_div2 {
    margin-top: .1rem;
}

.index_part6_div2 > span {
    color: #999999;
    font-size: .2rem;
    padding-left: .322rem;
    margin-right: .15rem;
}

.index_part6_i1 {
    background: url("../wap_img/d_55.png") no-repeat 0 50%;
    background-size: .24rem .24rem;
}

.index_part6_i2 {
    background: url("../wap_img/d_58.png") no-repeat 0 50%;
    background-size: .24rem .24rem;
}

.about_bot {
    color: #38b6ff;
    font-size: .23rem;
    text-align: center;
    padding: .2rem 0;
    background: #fafafa;
    margin-top: -.1rem;
    display: block;
    width: 100%;
}

.about_bot > img {
    width: .25rem;
    height: .25rem;
    border-bottom: 1px solid #f7f7f7;
    vertical-align: bottom;
}

/*头部*/
.header {
    height: .7225rem;
    background: #fff;
    text-align: center;
    font-size: .29rem;
    color: #fff;
    line-height: .7225rem;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999999;
}

.header_log {
    float: right;
    height: 100%;
    width: .3777rem;
    margin-top: 0.03rem;
    background: url('../wap_img/user-plus-svgrepo-com.svg') no-repeat center/100%;
    background-size: .3777rem auto;
    margin-right: .1642rem;
}

.header img {
    float: left;
    margin-left: .25rem;
    width: 1.6rem;
    margin-top: .18rem;
}

.header h2 {
    font-size: .3rem;
    float: left;
    text-align: center;
    width: 2.8rem;
}

.header_btn {
    height: 100%;
    width: .63rem;
    background: url("../wap_img/f_03.png") no-repeat 0 50%;
    background-size: .35rem .32rem;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}

.header_sea {
    overflow: hidden;
    float: right;
    border: 1px solid #a0a0a0;
    border-radius: 1rem;
    height: .48rem;
    margin-top: .15rem;
    width: 2.4rem;
    margin-right: .3rem;
}

.header_sea input {
    float: left;
    height: .48rem;
    line-height: .48rem;
    text-indent: .25rem;
    width: 1.75rem;
    font-size: 0.22rem;
}

.header_sea a {
    float: right;
    height: .48rem;
    width: .6rem;
    background: url("../wap_img/head_1.png") no-repeat 50% 50%;
    background-size: .28rem auto;
}

/*导航弹窗*/
.header_popup {
    /* backdrop-filter: saturate(180%) blur(9px);
  -webkit-backdrop-filter: saturate(180%) blur(6px);
  -moz-backdrop-filter: saturate(180%) blur(6px); */
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
}

.header_popup_div {
    background: rgba(37, 37, 37, .3);
    width: 2.5rem;
    position: fixed;
    top: .75rem;
    bottom: 0;
    right: 0;
    z-index: 999999;
    display: none;
}

.header_popup_img {
    position: absolute;
    right: .25rem;
    top: .17rem;
    width: .4rem;
    height: .42rem;
}

.header_popup_div > a {
    display: block;
    color: #ffffff;
    font-size: .28rem;
    text-align: center;
    width: 100%;
    line-height: .9rem;
    cursor: pointer;
    border-bottom: 1px solid #a0a3b0;
}

.header_sl {
    background: url("../wap_img/iksanfs_10.png") no-repeat 2rem 50%;
    background-size: .28rem auto;
}

.header_popup_div ul li a {
    line-height: .9rem;
    display: block;
    color: #ffffff;
    font-size: .26rem;
    border-bottom: 1px solid #66677b;
    text-indent: .9rem;
    background: url("../wap_img/iksanfs_07.png") no-repeat .6rem 60%;
    background-size: .17rem auto;
}

.header_popup_div ul {
    display: none;
}

.header_sl_add {
    background: url("../wap_img/iksanfs_03.png") no-repeat 2rem 50%;
    background-size: .28rem auto;
    background-color: rgba(37, 37, 37, .5);
}

.hyj_d3_i1 {
    margin: .3rem auto .2rem;
    display: block;
    width: 1.5rem;
}

.hyj_d3_div {
    border-left: 1px solid #fec97e;
    position: relative;
    padding-top: .6rem;
    padding-bottom: .3rem;
    width: 5.5rem;
    margin: auto;
}

.hyj_d3_div p {
    color: #333333;
    font-size: .2rem;
    line-height: .33rem;
    margin-left: .3rem;
}

.hyj_d3_div_img {
    width: .8rem;
    height: .8rem;
    position: absolute;
    top: -.2rem;
    left: -.4rem;
}

.hyj_d3_bot {
    width: 4.5rem;
    margin-left: .3rem;
    display: block;
    margin-top: .25rem;
}

.hyj_d3_jia {
    position: absolute;
    bottom: 0;
    width: .12rem;
    height: .12rem;
    left: -.06rem;
}

/*申请合作窗口*/
.pop-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1111;
}

.pop-box {
    width: 5.50rem;
    height: 6.42rem;
    background: #fff;
    -webkit-border-radius: .20rem;
    -moz-border-radius: .20rem;
    border-radius: .20rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -3.17rem;
    margin-left: -2.80rem;
    text-align: center;
}

.pop-box > div {
    width: 100%;
}

.pop-1 {
    height: .46rem;
}

.closePOP {
    width: .20rem;
    height: .20rem;
    float: right;
    margin: .20rem .25rem 0;
}

.pop-2 p {
    color: #8b8b8b;
    line-height: .46rem;
    font-size: .2rem;
}

.pop-3 {
    width: 86% !important;
    margin: .18rem auto 0;
    background: url(../wap_img/pop1.png) no-repeat center top;
    padding-top: .55rem;
}

.pop-3 .sp i {
    color: #f72300;
}

.pop-3 input[type="text"] {
    width: 2.33rem;
    height: .38rem;
    border-radius: .24rem;
    border: 1px solid #d2d2d2;
    margin-left: .23rem;
    text-indent: .11rem;
}

.pop-3 div:nth-child(1), .pop-3 div:nth-child(2) {
    height: .64rem;
    line-height: .64rem;
}

.pop-3 div:nth-child(3) {
    margin-top: .12rem;
}

.pop-3 div:nth-child(3) span {
    display: block;
    margin-left: .62rem;
    text-align: left;
}

.pop-3 textarea {
    width: 3.56rem;
    height: 1.40rem;
    border: 1px solid #d2d2d2;
    margin-top: .14rem;
    -webkit-border-radius: .12rem;
    -moz-border-radius: .12rem;
    border-radius: .12rem;
    margin-left: .05rem;
    padding: .1rem;
}

.pop-3 textarea::-webkit-scrollbar {
    display: none;
}

/*==================新增产品 css=======================*/
.pro_list_page {
    width: 96%;
    margin: 0 auto;
}
.pro_list_page ul li{
    margin-bottom: 20px;
    padding: 3%;
    background-color: #fff;
}
.pro_list_page ul li .img{
    background-image: url("../wap_img/product-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 3%;
}
.pro_list_page ul li .img img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.pro_list_page ul li h2{
    padding: 15px 0;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    color: #333;
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
}
.pro_list_page ul li p{
    width: 40%;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #f39800;
    border: solid 1px #f39800;
    border-radius: 40px;
}

.product_list {
  width: 96%;
    margin: 0 auto;
  padding-top: 0;
}
.con-row {
  margin-left: -15px;
  margin-right: -15px;
}
 .product_list_card {
    width: 100%;
    padding-bottom: 15px;
    float: left;
  padding: 15px;
    padding-bottom: 15px;
  box-sizing: border-box;
  }
.pro-pad {
  background: #ffffff;
  width: 100%;
  border: 1px solid rgba(0,0,0,0);
  box-sizing: border-box;
  overflow: hidden;
}
.product_list_card_img {
  width: 100%;
  overflow: hidden;
  transition: all .25s ease;
  cursor: pointer;
  box-sizing: border-box;
  background: url("../wap_img/product-bg.png") no-repeat center;
    background-size: auto;
  position: relative;
  background-size: cover;
}
.hotcas-list {
  background: url() no-repeat center right;
  float: left;
  width: 55px;
  padding: 6px;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: -1px;
}
.product_list_card_img img {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.product_list_card_img img {
  width: 100%;
  height: 259px;
  object-fit: contain;
}
.product_intor {
  width: 100%;
  /*height: 240px;*/
  padding: 0.83vh 2.86vw 0;
  box-sizing: border-box;
}
 .ifont-22 {
    font-size: 17px;
  }
.product_intor_list {
  width: 100%;
  height: 120px;
  height: 75px;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #999999;
}
.prfont::after {
  width: 4px;
  height: 4px;
  background: #cbcbcb;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product_intor_list div {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.prfont {
  font-size: 14px;
  padding: 0 0 0 10px;
  margin-top: 4px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}


.product_contents {
  width: 96%;
    margin: 0 auto;
  background: #ffffff;
}
.valueadabove{flex-direction:column}
.valueadleft{display:flex;flex-direction:column;align-items:center}
.valueadss{width:90%}
}
.markdown-body h2{color:#2e7bfb;font-weight:bolder}
.valueadvantage{padding-bottom:80px}
.valueadvantage .controlled{color:#fff;margin-bottom:80px}
.valueadabove{display:flex;z-index:100;align-items:center;justify-content:center}
.valuead{font-size:30px;color:rgba(255,255,255,1);display:flex;align-items:center;justify-content:center;padding-top:70px}
.valueadss{background-color:#fff;width:440px;height:140px;margin-bottom:30px;border-radius:4px;display:flex}
.valueads{background-color:#fff;width:440px;height:140px;margin-left:30px;margin-bottom:30px;border-radius:4px;display:flex}
.valueadimg{width:90px;display:flex;justify-content:center;align-items:center}
.valueadtext{width:310px;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:18px;color:#333}
.section2 .Functional{min-height:712px;background-color:rgba(75,110,239,.1)}
.section2 .Functionaltext{font-size:30px;color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding-top:70px}
.section2 .controlled{font-size:14px;color:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;margin-top:10px}
.section2 .Functionalabove{display:flex;min-height:500px;background-repeat:no-repeat;background-position:center;z-index:100}
.section2 .left{width:1200px;height:100%;display:flex;flex-wrap:wrap;flex-shrink:initial;margin:0 auto;justify-content:space-between}
.section2 .technicaltext{width:423px;height:130px;background-image:linear-gradient(rgba(255,255,255,1),rgba(254,254,254,1));border-radius:5px;display:flex;margin-bottom:80px;font-size:14px;color:rgba(0,0,0,1);transition:all .3s}
.section2 .technicaltext:hover{box-shadow:0 16px 32px 0 rgb(48 55 66 / 15%);background-image:linear-gradient(rgba(236,241,251,1),rgba(254,254,254,1));transform:translate(0,-10px)}
.section2 .technicaltextright{width:90px;height:130px;display:flex;align-items:center;justify-content:center}
.section2 .technicaltextleft{width:310px;display:flex;align-items:center;justify-content:center;font-size:18px}
.middle{flex:1;overflow:hidden}
.Functional{min-height:729px;background-color:#fff}
.controlled{font-size:14px;color:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;margin-top:10px}
.Functionaltext{font-size:30px;color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding-top:70px}
.left{width:1290px;margin:0 auto;display:flex;flex-wrap:wrap;flex-shrink:initial;justify-content:space-between;padding:48px 0 70px}
.functionaltext{width:630px;height:135px;background-color:rgba(247,248,251,1);display:flex;margin-bottom:20px;font-size:14px;color:rgba(0,0,0,1);transition:all .3s}
.technicaladabove{display:flex}
.functionaltext:hover{box-shadow:0 16px 32px 0 rgba(48,55,66,.15);background-image:linear-gradient(rgba(236,241,251,1),rgba(254,254,254,1));transform:translate(0,-10px)}
.functionaltextright{width:120px;height:130px;display:flex;align-items:center;justify-content:center}
.functionaltextleft{width:450px;font-size:14px}
.functionalbox{display:flex;flex-direction:column;width:530px}
.functionaltexts{font-size:20px;margin-bottom:10px;margin-top:20px}
.customercase{position:relative;width:100%}
.customercases{width:100%;height:720px;object-fit:cover;display:block;position:relative}
.customerc{position:absolute;font-size:30px;color:#000;top:70px;left:47%}
.customerpng{position:absolute;top:170px;left:50%;transform:translateX(-50%)}
  .prod_title {
    font-size: 20px;
    line-height: auto;
    margin-bottom: 10px;
    width: 100% !important;
    max-width: 100% !important;
    font-weight: bolder;
  }
.content-detail .subtitle h1 {
  font-size: 24px;
  color: #333;
  letter-spacing: 0;
  line-height: 34px;
  text-align: center;
  padding: 20px 0;
    padding-top: 20px;
  margin: 0;
}
.left img {
  width: 30px !important;
  height: 30px !important;
  margin-top: 18px;
  margin-right: 3px;
}

.valueadvantage{margin-bottom:80px}
.valueadabove{flex-direction:column}
.valueadss{width:90%}
.valueadright{display:flex;flex-direction:column;align-items:center}
.valueads{width:90%;margin-left:0}
.left{width:100%;margin:0 auto;display:block;padding:48px 0 70px}
.functionaltext{width:90%;height:135px;margin:0 auto;margin-bottom:20px}
.functionaltextright{width:15%;height:100%;display:flex;align-items:center;justify-content:center}
.functionaltextleft{width:90%;font-size:14px}
.functionaltexts{font-size:16px;margin-bottom:10px;margin-top:20px}
.functionalbox{display:flex;flex-direction:column;width:100%;padding-left:20px}
.centerleft{margin:0 auto}
.controlleds{font-size:14px}
.customerpng{position:absolute;top:170px;left:50%;width:150%;transform:translateX(-50%)}
.customerc{left:36%}
.customercases{height:650px}
.technicaltext{width:90%!important;height:130px;margin:0 auto 20px;margin-bottom:20px!important}