@font-face {
    font-family: OSWALD-BOLD;
    src: url(../font/OSWALD-BOLD.ttf) 
}

table{
  border-collapse: collapse;
}
table th,
table td {
padding: 5px 15px;
height: 30px;
border: 1px solid rgb(204, 204, 204);
}


.mce-content-body .mains {
    width: 940px;
    margin: 0px auto;
}
.mce-content-body .titles {
    display: flex;
    margin-top: 43px;
    justify-content: space-between;
    border-bottom: 3px solid rgb(2, 47, 115);
    padding-bottom: 5px;
    background: url("../image/3_2023101016481250491.png") right center no-repeat;
}
.mce-content-body .titles span {
    background: linear-gradient(to right, rgb(19, 44, 98), rgb(23, 58, 134));
    display: block;
    color: rgb(255, 255, 255);
    width: 314px;
    height: 39px;
    line-height: 39px;
    font-size: 22px;
    padding-left: 10px;
    padding-right: 30px;
}
.mce-content-body .span {
    background: url("../image/3_2023101211314759051.png") right center no-repeat;
    display: inline-block;
    padding-right: 42px;
}
.mce-content-body .Weave .boms ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mce-content-body .Weave .boms ul li {
    margin-top: 23px;
    text-align: center;
}
.mce-content-body .Weave .boms ul li img {
    border: 2px solid rgb(17, 98, 181);
}
.mce-content-body .Weave .boms ul li p {
    line-height: 60px;
    font-size: 16px;
    height: 60px;
}
.mce-content-body .Productions .boms ul li {
    margin-bottom: 30px;
}
.mce-content-body .Productions .boms ul li p {
    background: none !important;
    color: rgb(51, 51, 51) !important;
}
.mce-content-body .Productions .boms ul {
    background: url("../image/1_2023101019040949251.png") 80% 91% no-repeat;
}
.mce-content-body .packaging .boms ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mce-content-body .packaging .boms ul li {
    margin-top: 23px;
    text-align: center;
    position: relative;
}
.mce-content-body .packaging .boms ul li span {
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    color: rgb(255, 255, 255);
    line-height: 40px;
    background: rgb(7, 49, 105);
}
.mce-content-body .packaging .boms ul li p {
    font-size: 16px;
    color: rgb(102, 102, 102);
    margin-top: 6px;
}
.mce-content-body .packaging .boms h3 {
    margin-top: 30px;
    text-transform: uppercase;
}
.mce-content-body .detection .boms ul {
    display: flex;
    justify-content: inherit;
    flex-wrap: wrap;
}
.mce-content-body .detection .boms ul li {
    margin-top: 23px;
    text-align: center;
}
.mce-content-body .detection .boms ul li p {
    height: 47px;
    line-height: 47px;
    color: rgb(255, 255, 255);
    background: url("../image/3_2023101017111322891.jpg") left center no-repeat;
}
.mce-content-body .detection .boms ul li p {
    width: 93%;
    margin: 0px auto;
}
.mce-content-body .packaging .boms ul li {
    width: 33%;
}
.mce-content-body .detection .boms ul li img {
    max-width: 93%;
}
.mce-content-body .Productions .boms ul {
    background-size: 93%;
}
.mce-content-body .detection .boms ul {
    justify-content: inherit;
}
.mce-content-body .Productions > p, .detection > p, .packaging > p, .Weave > p {
    height: 0px;
}
.mce-content-body .packaging .boms ul {
    margin-top: -10px;
}
.mce-content-body .Productions .boms ul li {
    width: 20%;
}
.mce-content-body .Productions .boms ul {
    justify-content: space-between;
}
.mce-content-body .detection .boms ul {
    justify-content: space-between;
}
.mce-content-body .Productions .boms ul {
    justify-content: inherit;
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .mce-content-body .Weave .boms ul li:nth-child(4), .Weave .boms ul li:nth-child(5) {
        width: 48%;
    }
    .mce-content-body .detection .boms ul li p {
        font-size: 12px;
    }
}
@media screen and (max-width: 1400px) {
    .mce-content-body .mains {
        width: 100%;
    }
    .mce-content-body .detection .boms ul li img {
        max-width: 93%;
    }
    .mce-content-body .Productions .boms ul {
        background-size: 93%;
    }
    .mce-content-body .detection .boms ul li p {
        width: 93%;
        margin: 0px auto;
    }
    .mce-content-body .packaging .boms ul li {
        width: 33%;
    }
    .mce-content-body .detection .boms ul li {
        width: 25%;
    }
    .mce-content-body .Productions .boms ul li {
        width: 20%;
    }
}
@media screen and (max-width: 1200px) {
    .mce-content-body .mains {
        width: 100%;
    }
    .mce-content-body .Weave .boms ul li {
        width: 48%;
    }
    .mce-content-body .detection .boms ul {
        justify-content: flex-start;
    }
    .mce-content-body .Productions .boms ul {
        background: none;
    }
    .mce-content-body .Weave .boms ul li:nth-child(1), .Weave .boms ul li:nth-child(2), .Weave .boms ul li:nth-child(3) {
        width: 30%;
    }
}
@media screen and (max-width: 768px) {
    .mce-content-body .mains {
        width: 100%;
    }
    .mce-content-body .Weave .boms ul li, .detection .boms ul li, .packaging .boms ul li {
        width: 47%;
    }
    .mce-content-body .detection .boms ul li {
        margin-right: 1%;
        margin-left: 1%;
    }
    .mce-content-body .titles span {
        width: inherit;
    }
    .mce-content-body .packaging .boms h3 {
        font-size: 16px !important;
    }
}
.mce-content-body .addclass h1, .mce-content-body .addclass .h1 {
    font-size: 30px;
    color: rgb(52, 88, 123);
    border-bottom: 1px solid rgb(209, 216, 224);
    padding-bottom: 20px;
    font-family: OSWALD-BOLD;
}
.mce-content-body .aa .boms, .aaa .boms {
    display: flex;
}
.mce-content-body .aa .boms ul:first-child, .aaa .boms ul:first-child {
    padding-right: 50px;
}
.mce-content-body .aa .boms ul {
    width: 50%;
}
.mce-content-body .aa .boms ul li, .aaa .boms ul li {
    font-size: 16px;
    color: rgb(102, 102, 102);
    background: url("../image/14.png") left center no-repeat;
    padding-left: 30px;
    line-height: 30px;
}
.mce-content-body .aa .boms ul li::marker, .aaa .boms ul li::marker{
    display: none !important;
    opacity: 0;
    content: '';
}
.mce-content-body .addclass::after {
    background: url("../image/20.jpg") left bottom no-repeat;
    content: "";
    height: 6px;
    width: 79px;
    display: inline-block;
    position: relative;
    top: -13px;
}
.mce-content-body .mce-content-body .aa.on .boms .imgs {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.mce-content-body .imgs img {
    width: 30%;
    margin-right: 3%;
}
.mce-content-body .addclass {
    margin-top: 20px;
}
.mce-content-body .tiny_picborder3 {
}
.mce-content-body .tiny_picborder3 li {
    border: 4px solid rgb(211, 103, 108);
    border-radius: 50px;
    overflow: hidden;
}
.mce-content-body .tiny_picborder3 li .con_proImg img {
}
.mce-content-body .con_proImg img {
    transition: all 0.6s ease 0s;
}
.mce-content-body li:hover .con_proImg img {
    transform: scale(1.1);
}
.mce-content-body table.my-custom-class {
}
.mce-content-body table.my-custom-class {
    border: 1px solid rgb(209, 216, 224);
    margin-bottom: 20px;
    border-collapse: collapse;
    width: 100% !important;
    height: auto !important;
}
.mce-content-body table.my-custom-class tr {
}
.mce-content-body table.my-custom-class td {
    border: 1px solid rgb(209, 216, 224);
    padding: 7px 5px;
    line-height: 25px;
    height: auto !important;
}
.mce-content-body table.my-custom-class tr:nth-of-type(2n) td {
    background-color: white !important;
}
.mce-content-body table.my-custom-class tr:nth-of-type(2n-1) td {
    background-color: rgb(244, 233, 233) !important;
}
.mce-content-body table.my-custom-class tbody tr:first-of-type td {
    padding: 10px 5px;
    background-color: rgb(201, 87, 92) !important;
    color: white !important;
	font-weight:bold
}
.mce-content-body table.my-custom-class tbody tr:first-of-type td *{
	font-weight:bold
}
.table_two {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.table_two .item {
    width: 48%;
}
.taggle_table {
    text-align: center;
    width: 100%;
}
.taggle_table tr:nth-of-type(2n+1) td {
    background: rgb(244, 232, 232);
}
.taggle_table tr:first-of-type td {
    background: rgb(202, 87, 92);
    color: white;
    text-align: center;
}
@media only screen and (max-width: 800px) {
    .table_two {
        display: block;
    }
    .table_two .item {
        width: 100%;
    }
}
.table_pic {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
}
.table_pic .table {
    width: 70%;
}
.table_pic .table table {
    margin-bottom: 0px;
}
.table_pic .pic {
    width: 28%;
    position: relative;
    box-shadow: rgba(87, 82, 82, 0.4) 5px 5px 20px 5px;
}
.table_pic .pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 800px) {
    .table_pic {
        display: block;
    }
    .table_pic .table {
        width: 100%;
        margin-bottom: 15px;
    }
    .table_pic .pic {
        width: 100%;
        height: 0px;
        padding-bottom: 50%;
    }
}
.mce-content-body .threeimgs {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}
.mce-content-body .threeimgs .threeImg {
    width: 32%;
    overflow: hidden;
    padding-bottom: 18%;
    height: 0px;
    position: relative;
}
.mce-content-body .threeimgs .threeImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0px;
    top: 0px;
}
@media only screen and (max-width: 800px) {
    .mce-content-body .threeimgs {
        display: block;
    }
    .mce-content-body .threeimgs .threeImg {
        width: 100%;
        padding-bottom: 57%;
        margin-bottom: 20px;
    }
}
.pics_scale{position: relative;width: 100%;height: 0;overflow: hidden;}
.pics_scale img{transition: all .6S;position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;} 
li:hover .pics_scale img{transform:scale(1.1);} 
ul,li{list-style:none}
.clear {
    clear: both;
    float: none
}
.clear:after {
    content: '';
    display: table;
    height: 0;
    display: block;
    clear: both
}
.pic_liubian{}
.pic_liubian ul{
    margin-top: 20px;
    margin-bottom: 20px;
}
.pic_liubian ul li{background-image: url(../image/article_liubian.png);width: 23%;position: relative;background-size: contain;float: left;}
.pic_liubian ul li:after{
    content:''; 
}
.pic_liubian ul li:nth-of-type(2n){
    margin-top: 10%;
}
.pic_liubian ul li .pro_c{
    width: 100%;
    padding-bottom: 86.5%;
    height: 0;
    overflow: hidden;
}
.pic_liubian ul li .pics_scale{
    padding-bottom: 55%;
    z-index: 0;
    width: 63%;
    position: absolute;
    height: 0;
    left: 19%;
    top: 19%;
}
.pic_liubian ul li .pics_scale img{}
.pic_liubian ul li+li{margin-left: -4%;}
@media only screen and (max-width: 800px){
	.pic_liubian ul li{}
}
.Plastic_br{border-bottom: 1px solid #cfd6de;margin: 30px auto;clear: both;}
.Plastic_table{}
.Plastic_table tr:first-of-type td{
    background: #bc7247;
    color: white;
}
.Plastic_ro>.pics_scale{width:25%;border: 1px solid #dedede;overflow: hidden;border-radius: 10px;}
.flex_center{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.piczheng{}
.piczheng li{border-radius: 11px;overflow: hidden;border: 1px solid #dedede;}
.Plastic_ro table{width: 30% !important;margin-bottom: 0;}
.Plastic_ro .picradiu{
    width: 40%;
}
.picradiu li{width: 160px;border-radius: 100%;overflow: hidden;border: 1px solid #dedede;}
.picradiu li .pics_scale{padding-bottom: 160px;}
.Plastic_roB{
    padding-top: 100px;
    padding-bottom: 20px;
}
.Plastic_roB li{position: relative;}
.Plastic_roB li:nth-last-of-type(2n){margin-top:-50px}
.Plastic_roB li::before{
	content:'';
	position: relative;
	background-image: url(../image/Plastic-Net_03.png);
	width: 100%;
	position: absolute;
	height: 100%;
	background-size: cover;
	z-index: 1;
}
.Plastic_roB li .pics_scale{
    width: 100%;
    padding-bottom: 86%;
    z-index: 0;
}
.Plastic_roC{}
.Plastic_roC:after{
    content:'';
    clear:both;
    display:table
}
.Plastic_roC>.ro{width: 49%;}
.Plastic_roC>.pics_scale{width: 49%;padding-bottom: 370px;border: 1px solid #dedede;border-radius: 10px;}
.Plastic_roC>.ro ul{margin-top:20px}
.Plastic_roC>.ro ul li{width:30%;border: 11px;overflow: hidden;border: 1px solid #dedede;border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
.Plastic_roC>.ro .pics_scale{padding-bottom:135px;}
.Plastic_roC .Plastic_table{width:auto}
.Plastic_roD .flex_center{}
.Plastic_roD li{
    width: 30%;
}
.Plastic_roD li .pics_scale{padding-bottom: 68%;border: 1px solid #dedede;margin-top: 50px;}
.Machine_roC{
    position: relative;
}
.Machine_roC .pic{
    width: 52%;
    border: 4px solid #34587b;
    border-radius: 10px;
    float: none;
} 
.Machine_roC .pics_scale{
    padding-bottom: 47%;
}
.Machine_roC .ro{
    width: 42%;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}
.Machine_roC .flex_jz{
    position: absolute;
    width: 100%;
    height: 100%;
}
.Machine_roC .flex_jz .p{
    font-size: 16px;
    color: #34587b;
    line-height: 2;
}
.Machine_roD{
    position: relative;
}
.Machine_roD .l{width:50%;float: none;}
.Machine_roD .r{width: 47%;position: absolute;right: 0;height: 100%;top: 0;}
.Machine_roD ul{
    height: 100%;
}
.Machine_roD ul li{
    height: 100%;
    border: 4px solid #34587b;
    border-radius: 10px;
    overflow: hidden;
}
.Machine_roD ul li .pics_scale{
    height: 100%;
} 
.Machine_roE{
    position: relative;
    padding-left: 120px;
    padding-right: 150px;
    margin-bottom: 50px;
}
.Machine_roE .f_l,
.Machine_roE .f_r{
    position: absolute;
    height: 480px;
    width: 135px;
}
.Machine_roE .f_l{
    left: 0;
    width: 100px;
}
.Machine_roE .f_r{
    right: 0;
}
.Machine_roE .f_l .pics_scale,
.Machine_roE .f_r .pics_scale{position: absolute;height: 100%;}
.Machine_roE .content{
    position: relative;
    width: 100%;
}
.Machine_roE .content .l{
    width: 60%;
}
.Machine_roE .content .l .pics_scale{
    height: 480px;
    border: 4px solid #34587b;
}
.Machine_roE .content .r{
    width: 35%;
} 
.Machine_roE .content ul li{position:relative;padding-left: 15px;font-size: 16px;color: #666666;margin-bottom: 10px;}
.Machine_roE .content ul li:before{
    content:'';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 7px;
}
.Machine_roE .content>.pics_scale{}
.Machine_roE .content ul{
    margin-top: 20px;
}
.Machine_roE .content .r .pics_scale{
    height: 225px;
    margin-top: 40px;
    width: 230px;
}
.Machine_roF{}
.Machine_roF ul{}
.Machine_roF ul li{
    border: 4px solid #34587b;
    border-radius: 10px;
    overflow: hidden;
}
.Machine_roF ul li .pics_scale{
    padding-bottom: 50%;
}
.Machine_ro{}
.Machine_ro .pic{
    width: 48%;
}
.Machine_ro .pic .pics_scale{
    width:100%;
    padding-bottom: 50%;
}
.Machine_ro .ro{
    width: 48%;
}
.Machine_ro .ro .p{
    font-size: 16px;
    color: #666666;
    line-height: 2;
}
.Machine_ro .ro .p strong{
    color:black
}
.Machine_ro .ro ul{}
.Machine_ro .ro ul li{}
.Machine_ro .ro ul li .pics_scale{
    padding-bottom: 180px;
}
.Machine_roB{}
.Machine_roB{
    margin-bottom: 50px;
}
.Machine_roB .pic{
    width: 48%;
}
.Machine_roB .pic .pics_scale{
    width:100%;
    padding-bottom: 50%;
}
.Machine_roB .ro{
    width: 48%;
}
.Machine_roB .ro .p{
    font-size: 16px;
    color: #666666;
    line-height: 2;
}
.Machine_roB .ro .p strong{color:black;text-transform: uppercase;}
.Machine_roB .ro ul{}
.Machine_roB .ro ul li{position:relative;padding-left: 15px;}
.Machine_roB .ro ul li:before{
    content:'';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 12px;
} 
.Machine_roE .content ul li{position:relative;padding-left: 15px;font-size: 16px;color: #666666;margin-bottom: 10px;}
.Machine_roE .content ul li:before{
    content:'';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 7px;
}
.Machine_roB  .item2{}
.Machine_roB  .item2::after{
	content:'';
	clear: both;
	display: table;
}
.Machine_roB  .item2 .item{width: 49%;float: left;}
.Machine_roB  .item2 .item:nth-of-type(2n){float: right;}
.pd_zuoyoutu1{
    display: flex;
align-items: center;
justify-content: space-between;
} 
.pd_zuoyoutu1_l{width: 52%;} .pd_zuoyoutu1_r{width: 44%;} 
.pd_tuwen2{
    display: flex;
    padding-left: 0px;
    padding-right: 0px;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
} 
.pd_tuwen2_l {
    padding-right: 50px;
} 
.pd_tuwen2_m{} 
.pd_tuwen2_r{}
.pd_tuwen2_m .pics_scale {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    height: 225px;
    margin-top: 40px;
    width: 230px;
}
.pd_tuwen2_m li  {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}
.pd_tuwen2_m ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 7px;
}
.pd_tuwen2 .pics_scale img {
    transition: all .6S;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    object-fit: cover;
}
.pd_tuwen3 {
    display: flex;
}
.pd_tuwen3 .pics_scale {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    height: 276px;
    margin-top: 40px;
    width: 372px;
}
.pd_tuwen3 ul {
    margin-top: 30px;
}
.pd_tuwen3 li  {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}
.pd_tuwen3 ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 7px;
}
.pd_tuwen4 {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 60px;
}
.pd_tuwen4 li  {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}
.pd_tuwen4 ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 7px;
}
.pd_tuwen4l {
width: 55%;
}
.pd_tuwen4r {
width: 41%;
}
.pd_tuwen5 {
}
.pd_tuwen5 ul li {
    width: 31% !important;
    margin: 10px !important;
}
.caisetit1 .h1{
    color: #ff720e !important;
    border-bottom: 1px solid #ff720e !important;
}
.caisetit1::after {
    background: url(https://www.hebeimetals.com/img/caise1.jpg) no-repeat left bottom !important;
    content: '';
    height: 6px;
    width: 79px;
    display: inline-block;
    position: relative;
    top: -13px;
}
.pd_tuwen7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pd_tuwen7l {
width: 47%;
}
.pd_tuwen7r {
width: 50%;
}
.pd_tuwen7rt {
    font-size: 16px;
    color: #333333;
    font-family: Arial;
    font-weight: normal;
    line-height: 24px;
}
.pd_tuwen7rb {
    display: flex;
}
.pd_tuwen7img  {
    margin-top: 30px;
}
.pd_tuwen7img img {
    margin-right: 5px;
}
.caisetit2 .h1{
    color: #3c760d !important;
    border-bottom: 1px solid #3c760d !important;
}
.caisetit2::after {
    background: url(https://www.hebeimetals.com/img/caise2.jpg) no-repeat left bottom !important;
    content: '';
    height: 6px;
    width: 79px;
    display: inline-block;
    position: relative;
    top: -13px;
}
.pd_tuwen8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pd_tuwen8l {
width: 50%;
}
.pd_tuwen8r {
width: 47%;
}
.pd_tuwen8rt {
    font-size: 16px;
    color: #333333;
    font-family: Arial;
    font-weight: normal;
    line-height: 24px;
}
.pd_tuwen8rb {
    display: flex;
}
.pd_tuwen8img  {
    margin-top: 30px;
}
.pd_tuwen8img img {
    margin-right: 5px;
}
.caisetit3 .h1{
    color: #f5c322 !important;
    border-bottom: 1px solid #f5c322 !important;
}
.caisetit3::after {
    background: url(https://www.hebeimetals.com/img/caise3.jpg) no-repeat left bottom !important;
    content: '';
    height: 6px;
    width: 79px;
    display: inline-block;
    position: relative;
    top: -13px;
}
 .bgfff{background-color: #fff;}
 .bggry{background-color: #f8f8f8;}
 .title01{position: relative;padding-left:16px;margin-bottom:30px}
 .title01 .h1{font-family: Oswald-Bold;font-size: 40px;color: #333;line-height:150%}
 .title01 .num{position: absolute;font-family: Oswald-Bold;font-size: 66px;color: #b90007;opacity: 0.1;left:0;top: 50%;line-height: 100%;transform: translateY(-50%);}
 .aboutimgtxt {display:flex;align-items: center;justify-content: space-between;}
 .aboutimgtxt .aboutl{width:32.7% ;}
 .aboutimgtxt .aboutl .img{padding-top:65%}
 .aboutimgtxt .aboutl .img img{top:0;left:0}
 .aboutimgtxt .aboutr{width: 63.1%;}
 .aboutimgtxt .aboutr .txt{color:#333;font-family: Arial;font-size: 18px;}
 .title02{font-family: Arial;font-size: 20px;font-weight: bold;color:#333;margin-bottom:10px}
 .title-red{display:flex;align-items: center;margin-bottom:6px;margin-top:20px}
 .title-red .redline{width: 28px;height: 2px;background-color: #b90007;margin-right:10px}
 .title-red .tit{color: #b90007;font-size: 20px;font-family: Arial;font-weight: bold;}
 .mbottom{margin-top:30px;margin-bottom:15px}
 .aboutconbg{background-color:#fbf2f2;margin-top:30px;padding:36px 50px}
 .aboutconbg .title-con{text-align:center;font-size: 30px;color: #b90007;font-family: Arial;font-weight: bold;margin-bottom:16px}
 .aboutconbg .text{color: #333333;text-align:center;}
 .ming_i{ font-weight: bold; font-size: 25px; margin-bottom: 20px; color: #000;}
 .waning{ width: 100%; display: flex; justify-content: space-between;     flex-wrap: wrap;    margin-bottom: 20px;}
 .waning li{   width:23%; display: flex; justify-content: space-between; flex-wrap: wrap; height: 100%; position: relative;  padding: 8%;}
 .waning li img{  position: absolute;left: 0%; top: 0%; width: 100%; height: 100%; object-fit: cover; }
 @media only screen and (max-width: 950px) {
   .waning li{ width: 50%; flex-wrap: wrap; padding-bottom: 27%; }
 }








 




.fl-rich-text img {
    max-width: 100%;
    height: auto;
    width: auto;
    }
  .entry p {
    padding: 0 ;
  }
  .content_tit {
  display: flex;
  padding-bottom: 5px;
  }
  .content_tit img {
  width: auto;
  height: 100%;
  }
  .content_tit p{
  padding: 8px 0 ;
    line-height: 12px !important;
  }
  .content_tit p::first-letter{
  color: #005550;
  }
  .content_tit:after {
    content: '';
    display: block;
    width: 35px;
    height: 3px !important;
    background-color: #005550;
    position: absolute;
    margin-top: 32px;
    visibility: visible !important;
  }
  *{
    margin: 0;
    padding: 0;
  }
  li{
    list-style: none;
  }
  .chanpin_1{
    width: 100%;
    height: 40px;
    border-left: 8px #005550 solid;
  }
  .chanpin_1 .chanpin_2{
    width: 100%;
    height: 100%;
    border-left: 6px #1A518C solid;
    margin-left: 5px;
  }
  .chanpin_1 .chanpin_2 p{
    font-family: Arial, Arial;
    font-weight: normal;
    font-size: 24px;
    color: #3A3B4D;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 5px;
    font-weight: bold;
    background: #f7f7f7;
    padding-left: 9px;
    height: 100%;
    line-height: 40px;
  }
  .chanpin_text{
    width: 100%;
    height: auto;
    margin-top: 15px;
  }
  .chanpin_text .chnapin_text1{
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  .chanpin_text .chnapin_text1 .chnapin_text1p{
    color: #005550;
    font-size: 18px;
    font-weight: 700;
    padding: 0;
  }
  .chanpin_text .chnapin_text1 .chnapin_text1pp{
    line-height: 26px;
    color: rgb(143,143,143);
    font-family: Arial, Arial;
    padding: 0;
    font-size: 16px;
  }
  .ertext{
    margin-top: 40px;
  }
  .liebiao{
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  .liebiao ul li{
    line-height: 26px;
    color: #666;
    font-family: Arial, Arial;
    color: rgb(143, 143, 143);
  }
  .zong{
    width: 100%;
    height: auto;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
  }
  .zong .zong_text{
    width: 55%;
    height: auto;
  }
  .zong .zong_text p{
    line-height: 26px;
    color: #666;
    font-family: Arial, Arial;
    font-size: 16px;
    color: rgb(143, 143, 143);
  }
  .zong .zong_text .zong_bian{
    margin-top: 20px;
  }
  .zong .zong_img{
    width: 40%;
    height: auto;
  }
  .zong .zong_img img{
    width: 100%;
  height: auto;
    display: block;
  }
    @media all and (max-width: 490px){
            .zong{
                width: 100%;
                height: auto;
                margin-top: 20px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap;
                flex-direction: column;
            }
            .zong .zong_text{
                width: 100%;
                height: auto;
            }
            .zong .zong_img{
                width: 100%;
                height: auto;
            }
        }
        .chanpin_dan_img{
            width: 84%;
            height: auto;
            position: relative;
            padding-bottom: 54%;
            margin: 0 auto;
          }
          .chanpin_dan_img img{
            width: 100%;
            height: 100%;
            position: absolute;
            object-fit: cover;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
          }
        .chanpin_san_img{
          width: 100%;
          height: auto;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
        }
        .chanpin_san_img .san_img{
          width: 32%;
          height: auto;
          position: relative;
          padding-bottom: 19%;
        }
        .chanpin_san_img .san_img img{
          width: 100%;
          height: auto;
          position: absolute;
          object-fit: cover;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
    @media all and (max-width: 450px){
      .chanpin_san_img .san_img{
          width: 90%;
          height: auto;
          position: relative;
          padding-bottom: 56%;
          margin: 10px auto;
        }
    }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .page-header {
      font-weight: bold;
      font-size: 30px;
      color: #333;
      text-align: center;
      line-height: 1;
      padding-bottom: 9px;
      position: relative;
      margin-bottom: 1px;
      margin-top: 60px;
    }
    
  
  
    input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
      -webkit-text-fill-color: #ededed !important;
      -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
      background-color: transparent;
      background-image: none;
      transition: background-color 50000s ease-in-out 0s;
    }
    
    input {
      background-color: transparent;
    }
    
    .tabs {
      margin-top: 50px;
    }
    
    .tabs ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 850px;
      margin: auto;
    }
    
    .tabs ul li a {
      border-radius: 27px;
      border: 1px solid #E5E5E5;
      padding: 10px 38px;
      display: block;
    }
    
    .tabs ul li a:hover {
      background-color: #b90007 ;
      color: #fff;
    }
    
    .tabs ul li.active a {
      background-color: #b90007 ;
      color: #fff;
    }
    
    
    
   .page-header {
      font-weight: bold;
      font-size: 30px;
      color: #333;
      text-align: center;
      line-height: 1;
      padding-bottom: 9px;
      position: relative;
      margin-bottom: 1px;
      margin-top: 60px;
    }
    
   .page-header::before {
      content: '';
      width: 93px;
      margin: 0 auto;
      height: 3px;
      background: #b90007;
      position: absolute;
      left: calc(50% - 4%);
      bottom: 0;
    }
    
    .advantage_list {
      flex-direction: column;
    }
    
    .Advantage_item .title {
      position: relative;
    }
    
    .Advantage_item .title span {
      font-family: Arial;
      font-weight: bold;
      font-size: 95px;
      color: #b90007;
      opacity: 0.1;
    }
    
    .Advantage_item .title p {
      font-family: Arial;
      font-weight: bold;
      font-size: 26px;
      color: #333333;
      text-transform: uppercase;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 3%;
      width: 100%;
      border-bottom: 1px solid #E5E5E5;
    }
    
    .Advantage_item ul li {
      padding-left: 3%;
      position: relative;
    }
    
    .Advantage_item ul li::before {
      content: ' ';
      width: 20px;
      height: 20px;
      background: url(../image/3_listicon-webp17369977151.webp) no-repeat center/cover;
      display: block;
      position: absolute;
      left: .5%;
      top: 3px;
    }
   
    .Advantage_item ul li .smtitle {
      font-family: Arial;
      font-weight: 400;
      font-size: 20px;
      color: #333333;
      margin-bottom: 20px;
    }
    
    .Advantage_item ul li .text {
      font-weight: 400;
      font-size: 16px;
      color: #666666;
      margin-bottom: 20px;
    }
    
    .video_swiper {
      position: relative;
      margin-top: 80px;
    }
    
    .video_swiper .video_item {
      display: flex;
      align-items: center;
    }
    
    .video_swiper .video_box {
      position: relative;
      width: 65%;
      max-width: 1058px;
      padding-bottom: 35%;
    }
    
    .video_swiper .video_box iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      object-fit: cover;
    }
    
    .video_swiper .video_item .text_warp {
      width: 50%;
      max-width: 700px;
      margin-left: -5%;
      padding: 3% 3%;
      background-color: #FFFFFF;
      box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.11);
      position: relative;
      z-index: 2;
    }
    
    .video_swiper .video_item .text_warp .title {
      font-family: Arial;
      font-weight: bold;
      font-size: 40px;
      color: #b90007;
      margin-bottom: 34px;
    }
    
    .video_swiper .video_item .text_warp p {
      font-family: Arial;
      font-weight: 400;
      font-size: 16px;
      color: #666666;
      margin-bottom: 30px;
    }
    
    .video_swiper_botton {
      position: absolute;
      width: 150px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 60px;
      bottom: -28px;
    }
    
    .video_swiper_botton .swiper-button-white {
      width: 60px;
      height: 60px;
      background-color: #b90007;
      opacity: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      position: static;
    }
    
    .video_swiper_botton .swiper-button-white::before {
      background: url(../image/right_icon.webp) no-repeat center/cover;
      content: ' ';
      width: 11px;
      height: 27px;
    }
    
    .video_swiper_botton .video_swiper_prev::before {
      transform: rotate(180deg);
    }
    
    .video_swiper_botton .swiper-button-white:hover {
      background-color: #b90007;
    }
    
    .Say {
      background: url(../image/say_bg.webp) no-repeat center bottom/cover;
      padding-bottom: 80px;
    }
    
    .say_wapr {
      margin-top: 40px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .say_wapr .say_item {
      padding: 2%;
      width: 46%;
    }
    
    .say_wapr .top {
      display: flex;
      justify-content: start;
      align-items: center;
      margin-bottom: 30px;
    }
    
    .say_wapr .img_warp {
      border-radius: 50%;
      overflow: hidden;
      position: relative;
      padding-bottom: 30%;
      width: 30%;
    }
    
    .say_wapr .img_warp img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      object-fit: cover;
    }
    
    .say_wapr .top .text {
      padding-left: 3%;
    }
    
    .say_wapr .top .text .title {
      font-family: Arial;
      font-weight: bold;
      font-size: 26px;
      color: #333333;
      padding-bottom: 10px;
    }
    
    .say_wapr .top .text .desc {
      font-family: Arial;
      font-weight: 400;
      font-size: 16px;
      color: #666666;
    }
    
    .say_wapr .content {
      font-family: Arial;
      font-weight: 400;
      font-size: 16px;
      color: #666666;
    }
    
    .say_wapr .say_item:hover {
      box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.15);
      border-radius: 10px;
      background-color: #b90007;
    }
    
    .say_wapr .say_item:hover .text .title {
      color: #fff;
    }
    
    .say_wapr .say_item:hover .text .desc {
      color: #fff;
    }
    
    .say_wapr .say_item:hover .content {
      color: #fff;
    }
    
    .form_warp {
      background: url(https://www.hebeimetals.com/static/img/page/form_bg.webp) no-repeat center/cover;
      padding: 5% 0 3%;
    }
    
    .form_warp .layout {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .form_warp .left {
      width: 48%;
      padding-right: 2%;
    }
    
    .form_warp .left .title {
      font-family: Arial;
      font-weight: bold;
      font-size: 40px;
      color: #FFFFFF;
    }
    
    .form_warp .left .desc {
      font-family: Arial;
      font-weight: 400;
      font-size: 16px;
      color: #E5E5E5;
      margin: 53px 0 78px;
    }
    
    .form_warp .left .form_link {
      background-color: #b90007;
      font-family: Arial;
      font-weight: 400;
      font-size: 16px;
      color: #FFFFFF;
      padding: 1% 3%;
      margin-top: 5%;
      display: inline-block;
    }
    
    .form_warp .left ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 60%;
      max-width: 400px;
      margin-top: 5%;
    }
    
    .form_warp .left ul li {
      width: 38px;
    }
    
    .form_warp .left ul li a {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    .form_warp .right {
      width: 65%;
    }
    
    .form_warp .form_ul {
      display: flex ;
      flex-wrap: wrap ;
      justify-content: space-between ;
      padding: 0 ;
    }
    
    .form_warp .form_ul li {
      width: 390px;
      justify-content: space-between;
    }
    
    .form_warp .form_ul li:nth-child(3) {
      width: 100%;
    }
    
    .form_warp .asterisk {
      width: 100%;
      padding: 13px 0;
      margin: 10px 0;
      display: flex;
      padding-left: 20px;
      background-color: rgba(255, 255, 255, 0.11);
      position: relative;
      border-radius: 30px;
    }
    
    .form_warp .form_ul li input {
      background-color: transparent;
      border: none !important;
      width: 100%;
      padding-left: 3%;
      border-radius: 5px;
      color: #fff;
    }
    
    .form_warp .Asterisk_Text .asterisk_red {
      color: red;
      display: inline-block;
      text-align: center;
      position: absolute;
      top: 6%;
    }
    
    .form_warp .asterisk .asterisk_sk {
      color: red;
    }
    
    .form_warp .Asterisk_Text textarea {
      height: 233px;
      border: none !important;
      background-color: transparent;
      border-radius: 5px;
      resize: none;
      width: 100%;
      resize: none;
      padding-left: 2% !important;
      color: #fff;
    }
    
    .form_warp .Asterisk_Text textarea::placeholder {
      color: #999;
    }
    
    .form_ul .Asterisk_Text {
      width: 100% !important;
    }
    
    .gtm_submit_btn {
      background-color: #b90007;
      width: 150px !important;
      height: 40px !important;
      color: #fff;
      margin-top: 15px !important;
      border: none;
      border-radius: 8px;
    }
    
    .swiper_warp {
      position: relative;
    }
    
    .company_item .img_warp {
      position: relative;
      width: 100%;
      padding-bottom: 60%;
    }
    
    .company_item .img_warp img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      object-fit: cover;
    }
    
    .company_item p {
      margin-top: 20px;
      text-align: center;
      font-family: Arial;
      font-weight: 400;
      font-size: 16px;
      color: #b90007;
    }
    
    .Company .swiper-button-white {
      width: 32px;
      height: 66px;
      display: flex;
      justify-content: center;
      align-items: center ;
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 42%;
      transform: translateY(-50%);
    }
    
    .Company .company_swiper_prev {
      left: -18px;
    }
    
    .Company .company_swiper_next {
      right: -18px;
    }
    
    .Company .company_swiper_prev::before {
      background: url(https://www.hebeimetals.com/static/img/page/right_icon.webp) no-repeat center/cover;
      display: inline-block;
      content: ' ';
      width: 11px;
      height: 27px;
      transform: rotate(180deg);
    }
    
    .Company .company_swiper_next::before {
      background: url(https://www.hebeimetals.com/static/img/page/right_icon.webp) no-repeat center/cover;
      display: inline-block;
      content: ' ';
      width: 11px;
      height: 27px;
    }
    
    .Company .company_swiper_prev:hover,.Company .company_swiper_next:hover {
      background-color: #b90007;
    }
    
    .faq_list {
      display: flex;
      justify-content: start;
      align-items: start;
      position: relative;
      width: 100%;
      margin-top: 33px;
    }
    
    .faq_list ul {
      width: 48%;
      text-align: left;
    }
    
    .faq_list ul:nth-child(2n+1) {
      margin-right: 4%;
    }
    
    .faq_list ul li {
      margin-bottom: 12px;
    }
    
    .faq_list ul li .question {
      font-family: Arial;
      font-weight: 400;
      font-size: 20px;
      color: #333;
      padding: 1.5% 3%;
      position: relative;
      cursor: pointer;
      border: 1px solid #E5E5E5;
    }
    
    .faq_list ul li .question::before {
      transition: .3s;
      content: ' ';
      position: absolute;
      right: 1%;
      top: 50%;
      transform: translateY(-50%);
      width: 22px;
      height: 22px;
      background: url(https://www.hebeimetals.com/static/img/page/faq_icon.webp) no-repeat center/cover;
    }
    
    .faq_list ul li .answer {
      background-color: #fff;
      padding: 3% 3%;
      display: none;
      white-space: pre-wrap;
    }
    
    .faq_list ul li .answer p,.faq_page ul li .answer li {
      margin-bottom: 15px;
      line-height: 1.8;
    }
    
    .faq_list ul li.active .question {
      background-color: #D96E1C;
      color: #fff;
    }
    
    .faq_list ul li.active .question::before {
      background: url(https://www.hebeimetals.com/static/img/page/bai.png) no-repeat center/cover;
    }


  
    /* add 2 */


    .rediv .retit {
      font-size: 20px;

      background: #b90007;
      color: #fff;
      display: inline-block;
      padding: 5px 25px;
      font-weight: 600;
      margin: 40px 0 15px;

      font-family: OSWALD-BOLD;
    }
     .shuangtu {
      display: flex;

      margin: 60px 0;
      justify-content: space-between;
    }
    .shuangtu .shuangim {
      width: 46%;

      position: relative;
      padding: 30px 20px;
      background-color: #fff;
    }
    .shuangtu .shuangim:nth-child(2) {
      margin-right: 20px;
    }
     .shuangtu .shuangim img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .shuangtu .shuangim .twlist1,
     .shuangtu .shuangim .twlist2 {
      position: absolute;
      width: 150px;
      height: 150px;
      right: -20px;
      top: -10%;
      border-radius: 50%;
    }
     .shuangtu .shuangim .twlist2 {
      right: 150px;
    }

    .shuangtu .zuofu img {
      width: 150px;
      height: 150px;
      position: absolute;
      right: -20px;
      top: -10%;
      border-radius: 50%;
    }
    .shuangtu .zuofu .fu2 {
      top: 120px;
    }

    .shuangtu .shuangim .topfu1,
     .shuangtu .shuangim .topfu2 {
      position: absolute;

      width: 150px;
      height: 150px;

      border-radius: 50%;
      border: 2px solid #b90007;
      top: -10%;
      transform: translate(-50%, 0);
    }

     .shuangtu .shuangim .topfu1 {
      left: 25%;
    }

     .shuangtu .shuangim .topfu2 {
      left: 75%;
    }
    .shuangtu .shuangim .evenimb {
      width: 150px;
      height: 150px;
      position: absolute;
      right: 10px;
      top: -10%;
      border-radius: 50%;
      /* border: 2px solid #b90007; */
    }

     .shuangtu .shuangim .stklist1,
  .shuangtu .shuangim .stklist2 {
      position: absolute;

      width: 150px;
      height: 150px;

      border-radius: 50%;
      /* border: 2px solid #b90007; */
      top: -10%;
    }
     .shuangtu .shuangim .stklist1 {
      left: 20%;
    }
     .shuangtu .shuangim .stklist2 {
      right: 20%;
    }

     .duotu {
      display: flex;

      margin: 60px 0;
      justify-content: space-between;
    }
    .duotu .duotu_le,
     .duotu .duotu_ri {
      width: 48%;

      padding: 30px 20px;
      background-color: #fff;
    }
     .duotu .duotu_le img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
     .duotu .duotu_ri {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
     .duotu .duotu_ri img {
      width: 48%;
      margin: 10px 0;

      border-radius: 10px;
    }

    .rediv {
      padding: 0 60px;
    }

    .tabmmb tr {
      text-align: center;
    }

     .qiwu {
      width: 75% !important;
    }
    /* add xin */
     .shuangtu .zuofu .rig1,
     .shuangtu .zuofu .rig2 {
      position: absolute;
      width: 150px;
      height: 150px;
      right: -20px;
      border-radius: 50%;
    }

    .shuangtu .zuofu .rig1 {
      top: 17%;
    }
    .shuangtu .zuofu .rig2 {
      top: unset;
      bottom: 17%;
    }
    .shuangtu .shuangim:hover > img:nth-child(1) {
      object-fit: none;
    }

    @media screen and (max-width: 1400px) {
      .shuangtu .shuangim .stklist1 {
       left: 20%;
     }
      .shuangtu .shuangim .stklist2 {
       right: 20%;
     }

      .shuangtu .zuofu .rig1 {
      top: 10%;
    }
    .shuangtu .zuofu .rig2 {
      top: unset;
      bottom: 10%;
    }

   }
   @media screen and (max-width: 1160px) {
      .shuangtu .shuangim .stklist1 {
       left: 13%;
     }
     .shuangtu .shuangim .stklist2 {
       right: 13%;
     }
      .shuangtu .zuofu .rig1 {
      top: 1%;
    }
   .shuangtu .zuofu .rig2 {
      top: unset;
      bottom: 1%;
    }


   }
   




    
    @media only screen and (max-width: 950px) {
      .tabs {
          margin-top: 0;
          position: relative;
          height: 36px;
      }
    
      .tabs_nav {
          margin: 5px 5px 6px;
          text-decoration: none;
          text-shadow: 0 1px 1px rgb(255 255 255 / 75%);
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          background-color: #222;
          position: absolute;
          right: 0;
          display: flex;
          vertical-align: middle;
          width: 35px;
          ;padding: 7px 10px 8px 10px;
          line-height: 18px;
          cursor: pointer;
          flex-direction: column;
          align-items: center;
          justify-content: space-between;
          height: 25px;
      }
    
      .tabs_nav span {
          display: block;
          width: 15px;
          border: 1px solid #fff;
      }
    
      .tabs ul {
          display: none;
          position: absolute;
          top: 50px;
          width: 100%;
          background-color: #fff;
          z-index: 5;
      }
    
      .tabs ul li a {
          border-radius: 10px;
      }
    
      .page .page-header {
          margin-top: 30px;
      }
    
      .Advantage_item .title span {
          font-size: 70px;
      }
    
      .Advantage_item .title p {
          font-size: 20px;
          left: 8%;
          width: 97%;
      }
    
      .Advantage_item ul li {
          padding-left: 25px;
      }
    
      .video_swiper .video_item {
          flex-direction: column;
      }
    
      .video_swiper .video_box {
          width: 100%;
      }
    
      .video_swiper .video_item .text_warp {
          width: 100%;
          margin: 0 auto;
      }
    
      .video_swiper_botton {
          bottom: 0;
      }
    
      .video_swiper .video_item .text_warp {
          padding-bottom: 50px;
      }
    
      .video_swiper .video_item .text_warp .title {
          font-size: 24px;
          margin-bottom: 20px;
      }
    
      .form_warp .layout {
          flex-direction: column;
      }
    
      .form_warp .left {
          width: 100%;
          padding-right: 0;
          margin-bottom: 40px;
      }
    
      .form_warp .right {
          width: 100%;
      }
    
      .say_wapr {
          flex-direction: column;
      }
    
      .say_wapr .say_item {
          width: 100%;
          margin-bottom: 20px;
      }
    
      .company_swiper_botton {
          display: none;
      }
    
      .faq_list {
          flex-direction: column;
      }
    
      .faq_list ul {
          width: 100%;
          margin-right: 0;
      }
    
      .faq_list ul li .question {
          font-size: 16px;
      }



       .shuangtu {
        flex-wrap: wrap;
      }
       .shuangtu .shuangim {
        width: 100%;
        margin-top: 80px;
      }
       .duotu {
        display: block;
      }
       .duotu .duotu_le,
       .duotu .duotu_ri {
        width: 100%;
        /* height: 100%; */
        padding: 30px 20px;
        background-color: #fff;
      }

      .shuangtu .zuofu .rig1 {
        top: 10%;
      }
      .shuangtu .zuofu .rig2 {
        top: unset;
        bottom: 10%;
      }



    }


    @media screen and (max-width: 630px) {
      .shuangtu .zuofu .rig1 {
        width: 80px;
        height: 80px;
        top: 10%;
      }
       .shuangtu .zuofu .rig2 {
        width: 80px;
        height: 80px;
        top: unset;
        bottom: 10%;
      }
    }