.nbframe { position: relative; }
.nbframe img { width: 100%; }

@media (min-width:1081px) {
    .nbframe .location { position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 1; width: 100%; }
    .nbframe .location .container { display: flex; align-items: center; flex-wrap: wrap; }
    .nbframe .location h1, .location h2 { color: #fff; margin: 0; width: 100%; }
    .nbframe .location .txt { color: #fff; margin: 0; width: 100%; margin-top: 50px; }
    .nbframe .location .txt em { background: #fff; }
    .nbframe .location .txt a { color: #fff; }
}

@media (min-width: 1px) and (max-width: 1080px) {
}

.location { }
.location h1, .location h2 { font-family: var(--font1); font-size: 0.6rem; color: #000; font-weight: bold; text-transform: capitalize; }
.location .txt { display: flex; align-items: center; flex-wrap: wrap; margin-top: 0.3rem; font-size: 14px; }
.location .txt a { display: inline-block; }
.location .txt em { display: inline-block; width: 5px; height: 1px; margin: 0 3px; background: #333; }
.location .txt span { color: #ff8d23 ;}
.location .txt i {  margin: 0 3px; }
.location .txt i:last-child { color: #ff8d23; }
@media (min-width:1081px) { }



    @media (min-width: 1px) and (max-width: 768px) {
        .location { margin-top: 71px; }
        .location h1 { display: none; }
        .location .txt { margin-top: 0.3rem; font-size: 14px; }
    }


    header { border-bottom: 1px solid #eeeef0; padding-bottom: 15px; }

    .about1 { float: left; width: 100%; margin-top: 70px; }
    .about1 h2 { font-size: 0.8rem; line-height: 0.8rem; }
    .about1 h2 font { color: #ff8d23 }
    .btn__inner { float: left; width: 100%; margin-top: 70px; border-bottom: 1px solid #eeeef0; padding-bottom: 50px; }
    .btn__inner a { background: #000000; width: 31px; height: 31px; color: #fff; border-radius: 50%; display: block; text-align: center; line-height: 31px; }


    .about2 { float: left; width: 100%; margin-top: 55px; }
    .about2_left { float: left; width: 40%; }
    .about2_left p { margin: 0px; }
    .about2_left span { color: #1f4cea; }
    .about2_right { float: right; width: 50%; }
    .about2rtop { border-bottom: 1px solid #eeeef0; padding-bottom: 50px; }
    .about2rmid { padding-top: 50px; }
    .abm2mlist { margin-top: 80px; display: flex; -ms-flex-direction: row; flex-direction: row; justify-content: center; }
    .abm2mlist .item { width: calc((100% - 55px)/2); margin-right: 55px; }
.abm2mlist .item:last-child { margin-right: 0px; }
    .abm2mlist .item h3 { font-size: 0.8rem; line-height: 1rem; border-bottom: 1px solid #eeeef0; }
    .abm2mlist .item p { margin-top: 15px; }


    .about3 { float: left; width: 100%; margin-top: 60px; }

    .about3 .swiper { height: auto; overflow: visible; }
.about3 .swiper-wrapper { height: auto; width: 100%; }
    .about3 .swiper-slide { height: auto; }
    .about3 .item { display: block; }
    .about3 .item .img { overflow: hidden; border-radius: 20px; }
    .about3 .item .img img { width: 100%; height: auto; max-height: 350px; object-fit: cover; object-position: center center; }
    .about3 .item .txt { margin-top: 18px; }
    .about3 .item .txt h3 { font-size: 14px; }
    .about3 .item .txt p { font-size: 0.16rem; color: #666666; line-height: 1.5; }
    .about3 .btnlist { display: flex; margin-bottom: 0.4rem; }
    .about3 .btnlist .btn { display: inline-block; margin: 0px; cursor: pointer; outline: none; padding: 0px; margin-right: 6px; border-radius: 50%; }
    .about3 .btnlist .btn i { display: block; border-radius: 50%; width: 26px; height: 26px; text-align: center; line-height: 26px; background: #cdcecf; font-size: 14px; }

    .about3 .btnlist .btn:hover i { background: #f5f5f5; color: #d5d5d5; border-radius: 50%; }



    .about4 { float: left; width: 100%; margin-top: 60px; background: url(../images/ab2.jpg) no-repeat #6e2a09; padding-bottom: 65px; }
    .about4list { float: left; width: 100%; padding-top: 80px; }
    .about4left { float: left; width: 40%; }
    .about4left p { color: #fff; }
    .about4lemidd { float: left; width: 100%; margin-top: 90px; position: relative; height: 3.5rem; }
    .about4lemidd span { width: 3rem; height: 3rem; border: 1px solid #3a3b3d; border-radius: 50%; display: block; position: absolute; left: 0px; top: 0px; transition: all .3s ease 0; }
    .about4lemidd span:nth-child(2) { left: 45px; }
    .about4lemidd span:nth-child(3) { left: 90px; }
    .about4lemidd span:nth-child(4) { left: 135px; }
    .about4lemidd span.hover { border: 1px solid #fff; -webkit-transition: all .5s; transition: all .5s }
    .about4right { float: right; width: 50%; }
    .about4right .item { float: left; width: 100%; padding-top: 20px; }
    .about4right .item a { float: left; width: 100%; border-bottom: 1px solid #404042; padding-bottom: 26px; }
    .about4right .item a p { color: #fff; float: left; width: calc(100% - 30px); font-size: 30px; }
    .about4right .item a i { float: left; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; background: #4b4b4d; color: #f7f7f7; transition: all .3s ease 0; }
    .ab4redon { float: left; width: 100%; color: #fff; font-size: 16px; padding-top: 20px; padding-bottom: 40px; display: none; }
    .about4right .item.hover .ab4redon { display: block; }
    .about4right .item.hover a { border-bottom: 1px solid #fff; }
    .about4right .item.hover a i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -webkit-transition: all .5s; transition: all .5s; background: #fff; color: #3a3a3a; }




    .about5 { float: left; width: 100%; margin-top: 70px; }
    .ab5mleft { float: left; width: 100%; position: relative; }
    .ab5mleft img { width: 100%; object-fit: cover; object-position: center center; height: 561px; border-radius: 30px; }
    .ab5lmtxtd { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; padding: 45px; }
    .ab5lmtxtd h3 { color: #fff; font-size: 0.3rem; float: left; }
    .ab5lmtxtd span { color: #fff; float: right; font-size: 18px; }
    .ab5spvideo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 50%; /* ��Ҫָ������ */ height: 50%; /* ��Ҫָ���߶� */ justify-content: center; align-items: center; display: flex;  cursor:pointer;}
    .ab5spvideo i { background-color: rgba(255, 255, 255, 0.3); width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; color: #fff; font-size: 16px; }
    .ab5svbtn { position: absolute; left: 50px; bottom: 50px; float: left; width: calc(100% - 100px); }
    .ab5svbtn a { background: #fff; color: #333; padding: 15px; padding-left: 35px; padding-right: 35px; border-radius: 30px; }
    .ab5svbtn a:hover { background: #f68d2a; color: #fff; }
    .about6 { float: left; width: 100%; margin-top: 80px; margin-bottom: 50px; }
    .ab6left { float: left; width: 40%; }
    .ab6right { float: right; width: 50%; overflow: hidden; }

    .ab6left .ab6dh { float: left; margin-right: 6px; }
    .ab6left .ab6dh i { background: #191b1d; color: #fff; display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; font-size: 18px; }

    .ab6left .btnlist { display: flex; margin-bottom: 0.4rem; }
    .ab6left .btnlist .btn { display: inline-block; margin: 0px; cursor: pointer; outline: none; padding: 0px; margin-right: 6px; border-radius: 50%; }
    .ab6left .btnlist .btn i { display: block; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; background: #cdcecf; font-size: 14px; }
    .ab6left .btnlist .btn:hover i { background: #f5f5f5; color: #d5d5d5; border-radius: 50%; }

@media (min-width:768px) and (max-width:991px) {
    .abm2mlist { margin-top: 60px; }
    .about4left { float: left; width: 100%; }
    .about4right { float: left; width: 100%; margin-top: 40px; }
    .about4right .item a p { font-size: 22px; }
    .about4lemidd { display: none; }
    .about4list { float: left; width: 100%; padding-top: 60px; }

    .ab6left { float: left; width: 100%; }
    .ab6right { float: left; width: 100%; overflow: hidden; }
    .about3 .swiper-wrapper { height: auto; width: 100%; }
    .about3 .swiper { height: auto; overflow: hidden; }
}

@media (max-width:767px) {

    .about4left { float: left; width: 100%; }
    .about4right { float: left; width: 100%; margin-top: 20px; }
    .about4right .item a p { font-size: 16px; }
    .ab4redon { float: left; width: 100%; color: #fff; font-size: 13px; padding-top: 20px; padding-bottom: 40px; display: none; }
    .about4lemidd { display: none; }
    .ab4redon { padding-bottom: 20px; }
    .about2rmid { padding-top: 30px; }
    .abm2mlist { margin-top: 0px; }
    .about1 { display: none; }
    .about2_left { float: left; width: 100%; }
    .about2_right { float: left; width: 100%; margin-top: 30px; }
    .about2 { margin-top: 25px; }
    .abm2mlist .item h3 { font-size: 0.6rem; line-height: 0.8rem; border-bottom: 1px solid #eeeef0; }
    .about3 .item .txt h3 { font-size: 14px; text-align: center; }
    .ab5lmtxtd h3 br {  display:none;}
    .ab5lmtxtd { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; padding: 25px; }
    .ab5svbtn { position: absolute; left: 25px; bottom: 50px; float: left; width: calc(100% - 50px); }

    .ab6left { float: left; width: 100%; border-bottom:1px solid #eeeef0}
    .ab6right { float: left; width: 100%; overflow: hidden;padding-top:30px; }
    .about3 .btnlist { justify-content: flex-end; }
    .ab6left .btnlist { justify-content: flex-end; }
    .about3 .swiper-wrapper { height: auto;  width:100%;}
    .about3 .swiper { height: auto; overflow: hidden; }

    .about4 { float: left; width: 100%;  padding-bottom: 45px; }
    .about4list { float: left; width: 100%; padding-top: 40px; }
    .ab5mleft img {  height:401px;}
}

    .colordiv1 { float: left; width: 100%; background: #f1f1f1; padding-top: 50px; padding-bottom: 50px; }
    .colordiv1p { float: left; width: 100%; color: #666; }
    .colordiv1m { float: left; width: 100%; margin-top: 25px; }
    .colordiv1m img { float: left; }
    .colodiv2md { float: left; padding-left: 15px; width: calc(100% - 50px); }
    .colordiv1m p { float: left; width: 100%; margin: 0px; color: #333333; }
    .colordiv1m span { float: left; color: #a7a7ad; width: 100%; }
    /* Pulse Shrink */
    @-webkit-keyframes pulse-shrink {
        to { -webkit-transform: scale(0.9); transform: scale(0.9); }
    }

    @keyframes pulse-shrink {
        to { -webkit-transform: scale(0.9); transform: scale(0.9); }
    }

    .btn__inner a i { display: inline-block; transition: all .3s ease 0; }
    .pulse-shrink:hover i { transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform: rotate(360deg); -webkit-transition: all .5s; transition: all .5s }
    .pulse-shrink { display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
    .pulse-shrink:hover, .pulse-shrink:focus, .pulse-shrink:active { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }






/*ɸѡ��*/
.selectVehicle { position: relative; width: 100%; z-index: 3; float: left; background: #f0f0f0; padding: 15px; border-radius:15px;margin-top:30px;
}

.selectVehicle .p1 { float: left; width: 100%; text-align: center; font-size: .6rem; color: #fff; line-height: 1.2rem; display: none; }

.selectVehicle .p2 { float: left; width: 100%; text-align: center; font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 70px; display: none; }

.selectVehicle .p3 { float: left; width: 100%; display: -webkit-flex; display: flex }

.selectVehicle .dvSelectArea { float: left; width: 100%; }

.selectVehicle .select-vehicle-fixed-close { position: absolute; right: 20px; top: 29px; width: 21px; height: 21px; background: #363d47 url(../images/cf33370c.svg) no-repeat 50% 50%; cursor: pointer; display: none }

.select-vehicle-col { -webkit-flex: 1; flex: 1; height: 42px; background: #fff; margin-left: 8px; border-radius: 10px; cursor: pointer; position: relative; border: 2px solid #fff;  }

.select-vehicle-col:first-child { margin-left: 0; }

.select-vehicle-col i { position: absolute; right: 6px; top: 6px; display: inline-block; transition: all .3s ease 0; }

.select-vehicle-col .num { float: left; width: 42px; height: 26px; line-height: 26px; text-align: center; margin-top: 5px; border-right: 1px solid #000 }

.select-vehicle-col .title { float: left; width: 75%; margin-left: 21px; font-size: 14px; color: #333; margin-top: 9px; line-height: 18px; }

.select-vehicle-col .title.on { margin-top: 1px; font-size: 12px; }

.select-vehicle-col .value { float: left; width: 75%; margin-left: 21px; color: #333; line-height: 18px; height: 18px; overflow: hidden; font-size: 14px; display: none }

.select-vehicle-col .value.on { display: block; }

.select-vehicle-col2 { -webkit-flex: 1; flex: 1; height: 60px; background: #fff; margin-left: 8px; border-radius: 10px; cursor: pointer; position: relative; border: 2px solid #fff; display: none }

.select-vehicle-col2 .txtSearchKey { width: 100%; height: 100%; padding: 0 10px; border-radius: 10px; }

.divValueList { float: left; width: calc(100% + 4px); position: absolute; left: -2px; top: 32px; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: none; padding: 20px; z-index: 99 }

.divValueList ul { float: left; width: 100%; max-height: 240px; overflow-y: auto }

.divValueList ul li { float: left; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #d8d8d8; padding-left: 20px; overflow: hidden; }

.divValueList ul li:hover { color: #fff; background: #f08200 }

.divValueList ul li.on { color: #fff; background: #022344 }

.select-vehicle-col.on { border: 2px solid #3761bf; border-bottom: none; }
.select-vehicle-col.on i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -webkit-transition: all .5s; transition: all .5s }

.select-vehicle-col.on .divValueList { border: 2px solid #3761bf; border-top: none }

.select-vehicle-col.on:after { transform: rotate(180deg); }

.select-vehicle-col.on .divValueList { display: block; }

.select-vehicle-butto { width: 130px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #000; margin-left: 8px; cursor: pointer; font-size:14px; border-radius: 10px; }
.select-vehicle-butto:hover {  background:#ff8d23}
/*ɸѡ���̶�����ʽ*/
.selectVehicle .dvSelectArea.on { position: fixed; z-index: 999; width: 100%; left: 0; top: 0; background: #363d47; padding: 15px 12.5% }

.selectVehicle .dvSelectArea.on .select-vehicle-fixed-close { display: block; }

.selectVehicle .dvSelectArea.on .select-vehicle-col { height: 40px; }

.selectVehicle .dvSelectArea.on .select-vehicle-col:after { height: 40px; line-height: 40px; }

.selectVehicle .dvSelectArea.on .select-vehicle-col .num { margin-top: 5px; }

.selectVehicle .dvSelectArea.on .title { width: 70%; margin-left: 21px; font-size: 12px; color: #333; margin-top: 10px; line-height: 18px; }

.selectVehicle .dvSelectArea.on .title.on { margin-top: 1px; font-size: 12px; }

.selectVehicle .dvSelectArea.on .value { line-height: 16px; font-size: 14px; }

.selectVehicle .dvSelectArea.on .divValueList { top: 39px; }

.selectVehicle .dvSelectArea.on .select-vehicle-butto { height: 40px; line-height: 40px; font-size: 22px; }

.selectVehicle .dvSelectArea.on .select-vehicle-col2 { height: 40px; display: block; }

@media (max-width: 767px) {
    .selectVehicle .p1 { font-size: 24px; line-height: 30px; margin-bottom: 5px; }

    .selectVehicle .p2 { margin-bottom: 30px; }

    .selectVehicle .p3 { display: inherit }

    .select-vehicle-col { width: 100%; margin: 0; border-radius: 5px; margin-bottom: 15px; height: 48px; }

    .select-vehicle-col:after { height: 48px; line-height: 48px; }

    .select-vehicle-col .num { margin-top: 11px; }

    .select-vehicle-col .title { width: 75%; margin-left: 21px; font-size: 10px; color: #333; margin-top: 7px; line-height: 18px; }

    .select-vehicle-col .value { line-height: 16px; font-size: 13px; }

    .select-vehicle-col2 { width: 100%; margin: 0; border-radius: 5px; margin-bottom: 15px; height: 48px; }

    .divValueList { top: 39px; }

    .select-vehicle-butto { width: 100%; font-size: 14px; margin: 0; height: 40px; line-height: 40px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .selectVehicle .dvSelectArea.on { padding: 15px 3.6% }

    .select-vehicle-col .title { width: 60%; margin-left: 18px; font-size: 10px; color: #333; margin-top: 13px; line-height: 16px; font-weight: normal }

    .select-vehicle-col .value { float: left; width: 60%; margin-left: 18px; color: #333; line-height: 16px; font-size: 14px; }

    .select-vehicle-butto { width: 80px; font-size: 14px; }

    .selectVehicle .dvSelectArea.on .title { width: 66%; margin-left: 21px; font-size: 10px; color: #333; margin-top: 11px; line-height: 16px; }

    .selectVehicle .dvSelectArea.on .value { line-height: 14px; font-size: 13px; }

    .selectVehicle .dvSelectArea.on .select-vehicle-butto { font-size: 14px; }

    .selectVehicle .select-vehicle-fixed-close { position: absolute; right: 10px; top: 34px; width: 12px; height: 12px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .selectVehicle .dvSelectArea.on { padding: 15px 3.6% }

    .select-vehicle-col .title { width: 75%; margin-left: 21px; font-size: 10px; color: #333; margin-top: 10px; line-height: 16px; font-weight: normal }

    .select-vehicle-col .value .value { line-height: 14px; font-size: 13px; font-weight: normal }

    .select-vehicle-butto { width: 80px; font-size: 14px; }

    .selectVehicle .dvSelectArea.on .title { width: 70%; margin-left: 21px; font-size: 10px; color: #333; margin-top: 11px; line-height: 16px; }

    .selectVehicle .dvSelectArea.on .value { line-height: 14px; font-size: 13px; }

    .selectVehicle .dvSelectArea.on .select-vehicle-butto { font-size: 16px; }

    .selectVehicle .select-vehicle-fixed-close { position: absolute; right: 10px; top: 34px; width: 12px; height: 12px; }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .selectVehicle .dvSelectArea.on { padding: 15px 3.6% }

    .selectVehicle .select-vehicle-fixed-close { position: absolute; right: 10px; top: 32px; width: 15px; height: 15px; }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .selectVehicle .dvSelectArea.on { padding: 15px 5.6% }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .selectVehicle .dvSelectArea.on { padding: 15px 5.6% }
}


.proddlistd { float: left; width: 100%; margin-top: 0.4rem; }

.proddlistd .sm3_botpro { float: left; width: 100%; margin-top: 0.2rem; display: flex; -ms-flex-direction: row; flex-direction: row; position: relative; flex-wrap: wrap; }
.proddlistd .sm3_botpro .sm3item { float: left; width: calc((100% - 80px)/5); border: 1px solid #eaeaea; border-radius: 35px; background: #f7f7f7; margin-right: 20px;margin-bottom:20px; }

.proddlistd .sm3_botpro .sm3item .sm3item_top { position: relative; background: #fff; border-radius: 35px; float: left; width: 100%; height: 260px; padding: 15px; z-index: 2; overflow: hidden; border-bottom: 1px solid #ddd; }
.proddlistd .sm3_botpro .sm3item .sm3item_top .item_topimg { position: absolute; right: -40px; bottom: 0px; }
.proddlistd .sm3_botpro .sm3item .sm3item_top .item_topimg img { width: 100%; object-fit: cover; object-position: center center; height: 185px; }

.proddlistd .sm3_botpro .sm3item:hover .sm3item_top .item_topimg { animation: slideDown3 0.5s ease-in-out forwards; }
.proddlistd .sm3_botpro .sm3item .sm3item_top .item_toptxt { position: relative; z-index: 2; height: 100%; width: 100%; }
.proddlistd .sm3_botpro .sm3item .sm3item_top .item_toptxt a{ display:block; height: 100%; width: 100%; }
.proddlistd .sm3_botpro .sm3item .sm3item_top .item_toptxt p { font-weight: bold; }
.proddlistd .sm3_botpro .sm3item .sm3item_top .item_toptxt .item_botmore { position: absolute; bottom: 0px; left: 0px; }

.proddlistd .sm3_botpro .sm3item .sm3item_top .item_toptxt .item_botmore a { background: #feefe4; padding: 2px; justify-content: center; border-radius: 15px; font-size: 12px; display: flex; align-items: center; width: .65rem; }
.proddlistd .sm3_botpro .sm3item .sm3item_top .item_toptxt .item_botmore a:hover { color: #fff; background: #f68d2a }
.proddlistd .sm3_botpro .sm3item .sm3item_top .item_toptxt .item_botmore a i { color: #fff; background: #fe8d25; width: 20px; height: 20px; text-align: center; border-radius: 50%; line-height: 20px; font-size: 14px; }

.proddlistd .sm3_botpro .sm3item .sm3item_bottom { background: #f7f7f7; position: relative; float: left; width: 100%; padding: 15px; border-radius: 35px; }
.proddlistd .sm3_botpro .sm3item .sm3item_bottom .sm3item_bottxt { float: left; width: 100%; }
.proddlistd .sm3_botpro .sm3item .sm3item_bottom .sm3item_bottxt p { font-size: 12px; height: 24px; overflow: hidden; margin-bottom: 5px; }
.proddlistd .sm3_botpro .sm3item .sm3item_bottom .sm3item_bottxt p font { color: #a9a7ad; padding-right: 2px; }
.proddlistd .sm3_botpro .sm3item .sm3item_bottom .sm3ite_bomore { float: left; width: 100%; margin-top: 10px; }
.proddlistd .sm3_botpro .sm3item .sm3item_bottom .sm3ite_bomore a { background: #161320; color: #fff; height: 40px; line-height: 40px; text-align: center; float: left; width: 100%; border-radius: 10px; font-size: 12px; }
.proddlistd .sm3_botpro .sm3item:hover .sm3item_bottom .sm3ite_bomore a { background: #f68d2a }


@keyframes slideDown3 {
    from { right: -40px; /* ��ʼλ�� */ }
    to { right: 0px; /* ����λ�ã���ԭ����λ�� */ }
}
@media (max-width:599px) {

    .proddlistd .sm3_botpro { float: left; width: 100%; margin-top: 0.2rem; display: flex; -ms-flex-direction: row; flex-direction: row; justify-content: initial; align-items: initial; position: relative; flex-wrap: wrap; }
    .proddlistd .sm3_botpro .sm3item { width: 100%; float: left; margin-right: 10px; margin-bottom: 15px; }

    .proddlistd .sm3_botpro .sm3item:nth-child(2n) { margin-right: 0px; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_toptxt .item_botmore a { width: 80px; }

    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_topimg { position: absolute; right: 0px; bottom: 30px; text-align: center; width: 100%; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_topimg img { width: auto; object-fit: initial; object-position: initial; height: 185px; }
}

@media(min-width:600px) and (max-width:767px) {

    .proddlistd .sm3_botpro { float: left; width: 100%; margin-top: 0.2rem; display: flex; -ms-flex-direction: row; flex-direction: row; justify-content: initial; align-items: initial; position: relative; flex-wrap: wrap; }
    .proddlistd .sm3_botpro .sm3item { width: calc((100% - 15px)/2); float: left; margin-right: 10px; margin-bottom: 15px; }

    .proddlistd .sm3_botpro .sm3item:nth-child(2n) { margin-right: 0px; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_toptxt .item_botmore a { width: 80px; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_topimg { position: absolute; right: 0px; bottom: 30px; text-align: center; width: 100%; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_topimg img { width: auto; object-fit: initial; object-position: initial; height: 185px; }
}

@media (max-width:767px) {

    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_toptxt .item_botmore a { width: 70px; }

    .proddlistd .sm3bcotmore a { padding-top: 10px; padding-bottom: 10px; }
}

@media(min-width:768px) and (max-width:991px) {

    .proddlistd .sm3_botpro { float: left; width: 100%; margin-top: 0.2rem; display: flex; -ms-flex-direction: row; flex-direction: row; justify-content: initial; align-items: initial; position: relative; flex-wrap: wrap; }
    .proddlistd .sm3_botpro .sm3item { width: calc((100% - 30px)/3); float: left; margin-right: 15px; margin-bottom: 15px; }

    .proddlistd .sm3_botpro .sm3item:nth-child(3n) { margin-right: 0px; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_toptxt .item_botmore a { width: 70px; }
}

@media(min-width:992px) and (max-width:1199px) {

    .proddlistd .sm3_botpro { float: left; width: 100%; margin-top: 0.2rem; display: flex; -ms-flex-direction: row; flex-direction: row; justify-content: initial; align-items: initial; position: relative; flex-wrap: wrap; }
    .proddlistd .sm3_botpro .sm3item { width: calc((100% - 30px)/3); float: left; margin-right: 15px; margin-bottom: 15px; }

    .proddlistd .sm3_botpro .sm3item:nth-child(3n) { margin-right: 0px; }

}

@media(min-width:1200px) and (max-width:1366px) {

    .proddlistd .sm3_botpro .sm3item .sm3item_bottom { padding: 10px; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top { position: relative; background: #fff; border-radius: 35px; float: left; width: 100%; height: 240px; padding: 12px; z-index: 2; overflow: hidden; border-bottom: 1px solid #ddd; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_topimg { position: absolute; right: -40px; bottom: 0px; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_topimg img { width: 100%; object-fit: cover; object-position: center center; height: 175px; }
    .proddlistd .sm3_botpro .sm3item:nth-child(5n) { margin-right: 0px; }
}

@media(min-width:1367px) and (max-width:1439px) {
    .proddlistd .sm3_botpro .sm3item { float: left; width: calc((100% - 60px)/5); border: 1px solid #eaeaea; border-radius: 35px; background: #f7f7f7; margin-right: 15px; }
    .proddlistd .sm3_botpro .sm3item .sm3item_bottom { padding: 10px; }
    .proddlistd .sm3_botpro .sm3item:nth-child(5n) { margin-right: 0px; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top { position: relative; background: #fff; border-radius: 35px; float: left; width: 100%; height: 240px; padding: 12px; z-index: 2; overflow: hidden; border-bottom: 1px solid #ddd; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_topimg { position: absolute; right: -40px; bottom: 0px; }
    .proddlistd .sm3_botpro .sm3item .sm3item_top .item_topimg img { width: 100%; object-fit: cover; object-position: center center; height: 175px; }
}

@media(min-width:1440px) and (max-width:1600px) {

    .proddlistd .sm3_botpro .sm3item:nth-child(5n) { margin-right: 0px; }
    .proddlistd .sm3_botpro .sm3item { float: left; width: calc((100% - 60px)/5); border: 1px solid #eaeaea; border-radius: 35px; background: #f7f7f7; margin-right: 15px; }
    .proddlistd .sm3_botpro .sm3item .sm3item_bottom { padding: 10px; }
}
@media (min-width:1600px) {

    .proddlistd .sm3_botpro .sm3item:nth-child(5n) { margin-right: 0px; }
}




    .produ2 { float: left; width: 100%; margin-top: 70px; }


    @keyframes slideDown {
        from { right: -80px; /* ��ʼλ�� */ }
        to { right: 0px; /* ����λ�ã���ԭ����λ�� */ }
    }

    .sm5_top { float: left; width: 100%; justify-content: center; align-items: center; display: flex; }
    .sm5toptxt { float: left; width: 100%; display: flex; -ms-flex-direction: row; flex-direction: row; justify-content: center; align-items: center; border: 1px solid #eeeef0; line-height: 28px; border-radius: 30px; width:350px; padding: 2px; }
    .sm5toptxt p { margin: 0px; color: #333333; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px; }
    .sm5titit { background: #defee1; border-radius: 30px; font-size: 12px; float: right; padding: 2px; }
    .sm5titit i { background: #4ecf89; height: 30px; width: 30px; text-align: center; color: #fff; display: inline-block; border-radius: 50%; }

.cxbg3d .sm5titit { background: #feeee5; border-radius: 30px; font-size: 12px; float: right; padding: 2px; }
.cxbg3d .sm5titit i { background: #f6280a; height: 30px; width: 30px; text-align: center; color: #fff; display: inline-block; border-radius: 50%; }
.cxbg3d .sm5titit span { margin-left: 5px; margin-right: 5px; color: #f6280a; }
    .sm5titit span { margin-left: 5px; margin-right: 5px; color: #4ecf89; }
    .sm5toppd { float: left; width: 100%; justify-content: center; align-items: center; display: flex; text-align: center; margin-top: 20px; }
    .sm5toppd font { color: #f68d2a }

    .produ2list { float: left; width: 100%; margin-top: 50px; }
    .produ2list .item { float: left; width: 100%; position: relative; overflow: hidden; border-radius: 20px; background: #fff; height: 285px; border: 1px solid #eaeaea; padding: 10px; transition: all 0.4s ease 0s; }

    .produ2list .item .item_img { position: absolute; top: 60px; justify-content: center; display: flex; float:left; width:100%; text-align:center; }
    .produ2list .item .item_img img { width: 155px; object-fit: cover; object-position: center center; height: 155px; }

    .produ2list .item .item_div { position: relative; z-index: 2; height: 100%; width: 100%; }
    .produ2list .item .item_div .item_txt { display: flex; -ms-flex-direction: row; flex-direction: row; }
    .produ2list .item .item_div .item_txt p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 18px; font-weight: bold; }
    .produ2list .item .item_div .item_txt i { float: right; font-size: 18px; }
    .produ2list .item .item_div .item_bott { float: left; width: 100%; position: absolute; left: 0px; bottom: 5px; }
    .produ2list .item .item_div .item_bott .item_botmore { margin-top: 5px; }
    .produ2list .item .item_div .item_bott .item_botmore a { background: #feefe4; padding: 2px; justify-content: center; border-radius: 15px; font-size: 12px; display: flex; align-items: center; width:70px; }
    .produ2list .item .item_div .item_bott .item_botmore a:hover { color: #fff; background: #f68d2a }
    .produ2list .item .item_div .item_bott .item_botmore a i { color: #fff; background: #fe8d25; width: 20px; height: 20px; text-align: center; border-radius: 50%; line-height: 20px; font-size: 14px; }
    .produ2list .swiper-button-next2 { width: 26px; height: 26px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); color: #000; opacity: 1; border-radius: 50%; position: absolute; top: 50%; right: 3px; margin-top: -13px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .produ2list .swiper-button-prev2 { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); width: 26px; height: 26px; background: #fff; color: #000; opacity: 1; border-radius: 50%; font-size: 24px; position: absolute; top: 50%; left: 3px; margin-top: -13px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .produ2list .swiper-button-next2:hover { background: #f68d2a; color: #fff; }
    .produ2list .swiper-button-prev2:hover { background: #f68d2a; color: #fff; }

.pagination { display: table; margin: 0 auto; margin-top: 40px }
.m-style { position: relative; text-align: center; zoom: 1; opacity: 1 }
.m-style:before, .m-style:after { content: ""; display: table }
.m-style:after { clear: both; overflow: hidden }
.m-style span { float: left; margin: 0 3px; width: 45px; height: 45px; line-height: 45px; color: #333; font-size: 14px }
.m-style .active { float: left; margin: 0 3px; width: 45px; height: 45px; line-height: 45px; background: #f68b1a; color: #fff; font-size: 14px; border: 1px solid #f68b1a }
.m-style a { float: left; margin: 0 3px; width: 45px; height: 45px; line-height: 45px; background: #fff; border: 1px solid #ccc; color: #333; font-size: 14px }
.m-style a:hover { color: #fff; background: #f68b1a }

@media(max-width:767px) {
    .m-style span { float: left; margin: 0 3px; width: 40px; height: 40px; line-height: 40px; color: #333; font-size: 14px }
    .m-style .active { float: left; margin: 0 3px; width: 40px; height: 40px; line-height: 40px; background: #f68b1a; color: #fff; font-size: 14px; border: 1px solid #f68b1a }
    .m-style a { float: left; margin: 0 3px; width: 45px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; margin-bottom: 8px; }
    .sm5toptxt p { display: none; }
    .sm5toptxt { width: 108px; }
    .sm5toppd { margin-top:10px;}
    .produ2list { float: left; width: 100%; margin-top: 30px; }
}



/*region ��Ʒ����*/
.details { padding: 35px 0; }
.details .conthtml { }

.details .detail_left { float: left; width: 420px; }
.details .detail_left > .h { overflow: hidden; position: relative; }

.details .detail_left > .rtp_small_img .hisList1 { position: relative; overflow: hidden; box-sizing: border-box; float: left; width: 420px; height: 420px; }
.details .detail_left > .rtp_small_img .hisList1 .swiper-slide { overflow: hidden; text-align: center; margin: 0; cursor: pointer; box-sizing: border-box; border: 1px solid #d5d5d5; padding: 5px; position: relative; display: flex; align-items: center; justify-content: center; }
.details .detail_left > .rtp_small_img .hisList1 .swiper-slide img { box-sizing: border-box; max-height: 300px; max-width: 100%; }
.details .detail_left > .rtp_small_img .hisList1 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
.details .detail_left > .rtp_small_img .hisList1 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
.details .detail_left > .rtp_small_img .hisList2 { height: 70px; }
.details .detail_left > .rtp_small_img .hisList2 .swiper-slide { overflow: hidden; box-sizing: border-box; opacity: 0.7; margin: 0; border: 1px solid #ddd; padding: 10px; position: relative; }
.details .detail_left > .rtp_small_img .hisList2 .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }
.details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

.details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active { opacity: 1; border-color: #eb6200; }
.details .detail_left .btn { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; align-items: center; justify-content: center; background: #f68d2a; cursor: pointer; outline: none; float: left; color: #fbfcfd; z-index: 2; display: inline-flex; opacity: 0; }
.details .detail_left:hover .btn { opacity: 0; }
.details .detail_left:hover .btn { opacity:0; }

.details .detail_right .rtpdesbtn { float: left; width: 100%; margin-top: 30px;  }
.details .detail_right .rtpdesbtn .btnrtpfir { background: #ff8d23; color: #fff; padding: 10px; border-radius: 20px; padding-left: 30px; padding-right: 30px; }
.details .detail_right .rtpdesbtn .btnrtptwo { background: #1f4cea; color: #fff; padding: 10px; border-radius: 20px; padding-left: 30px; padding-right: 30px; margin-left: 15px; }

.details .detail_right .rtpdesbtn a:hover { background: #000; }
.share3 { float: left; width:100%;margin-top:18px;  display:flex;line-height:26px;}
.share3 a { width: 26px; height: 26px; font-size: 14px; text-align: center; margin-right: 6px; text-align: center; background: #666666; color: #fff; display: block; border-radius:50%; }
.share3 a i { font-size:14px;}
.details .detail_left .btn.btn-prev { left: 0px; }
.details .detail_left .btn.btn-next { right: 0px; }
.details .detail_left .swiper-pagination { position: inherit; left: inherit; right: inherit; bottom: inherit; z-index: 2; padding: 15px 0; }
.details .detail_left .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; background: #d71635; }

.details .detail_right { overflow: hidden; box-sizing: border-box;  }
.details .detail_right > h1 { font-size: 20px; margin: 10px 0 15px 0; color: #333; position: relative; border-bottom: 1px solid #efeff1; padding-bottom: 15px; position: relative;float:left;
                              width:100%;
}
.details .detail_right > h1:before { position: absolute; bottom: 0px; width: 2rem; height: 2px; background: #f68d2a; content: ""; }
.details .right_leftd  p strong { font-weight: normal; color: #a7a7ad;text-transform: uppercase;}
.details .detail_right > .share { overflow: hidden; margin-top: 30px; }
.details .detail_right > .share a { display: inline-flex; margin-right: 10px; background: #021825; border-radius: 50%; height: 30px; align-items: center; line-height: 30px; vertical-align: middle; padding-left: 7px; padding-right: 7px; }
.details .detail_right > .share a > i { font-size: 16px; color: #fff; }
.details .detail_right > .share a:hover > i { color: #d71635; }
.details .detail_right > .imglist { font-size: 14px; color: #666666; margin-top: 35px; }
.details .detail_right > .imglist a { display: inline-flex; align-items: center; background: #eb6200; padding: 15px 40px; color: #fff; transition: all 0.35s; margin-right: 30px; }
.details .detail_right > .imglist a:nth-child(2) { background: #021825; }
.details .detail_right > .imglist a i { font-size: 14px; padding: 0 5px; color: #fff; }
.details .detail_right > .imglist a img { margin-left: 12px; width: 10px; }
.details .detail_right > .imglist a:hover { transform: translateY(-5px) }
.btthrees { display: flex; float:left; width:100%;}
.bd { font-weight:bold;}
.shuxingd .sxbg { background: #ff8d23; color: #fff; }
.shuxingd a { color: #1f4cea }
.deriftwo .sxbg { background: #ff8d23; color: #fff; }
.derifthree .sxbg { background: #ff8d23; color: #fff; }
.derifthree a { color: #1f4cea }
.deriftwo a { color: #1f4cea }
.shuxingd i { width: 20px; height: 20px; background: #fff; color: #333; font-size: 12px; border-radius: 50px; line-height: 20px; text-align: center; display: inline-block; margin-right: 5px; }
.jiaochas i { width: 20px; height: 20px; background: #fff; color: #4ad292; font-size: 12px; border-radius: 50px; line-height: 20px; text-align: center; display: inline-block; margin-right: 5px; }
.deriftwo i { width: 20px; height: 20px; background: #fff; color: #4ad292; font-size: 12px; border-radius: 50px; line-height: 20px; text-align: center; display: inline-block; margin-right: 5px; }
.derifthree i { width: 20px; height: 20px; background: #fff; color: #f68d2a; font-size: 12px; border-radius: 50px; line-height: 20px; text-align: center; display: inline-block; margin-right: 5px; }
.table { width: 100%; margin-bottom: 20px; font-size: 12px; }
.table th, .table td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd;width:50%; }
.usages-results .table th, .usages-results .table td { padding: 18px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; width: auto; }
.usages-results .table th { font-weight:bold; background:none;}
.table th { border-top: 0; vertical-align: bottom; border-bottom: 2px solid #ddd; text-align: left; font-weight: normal; background: #f9fafc; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9 }
.table-bordered, .table-bordered td { border: 1px solid #ddd }
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width:0px;}
.table tr:hover { background: #ccc; }
.usages-results .table tr:hover { background: #fff; }
.details .conthtml { display: flex; justify-content: space-between; }
.details .detail_left { margin: 0; }
.details .detail_right { width: calc((100% - 450px));}


/* �����е���ɫ */
table tbody tr:nth-child(odd) { background-color: #fff; }

/* ż���е���ɫ */
table tbody tr:nth-child(even) { background-color: #f1f1f1; }


.derifirst { float: left; width: 300px; position:relative; }
.derifthree { float: left; width: 280px; margin-left: 20px; }
.deriftwo { float: left; width: 340px; margin-left: 20px;  }
.thdsoll { max-height: 405px; overflow: auto;float:left; width:100%; }
.rwidth { float: left; width: 420px; margin-top: 12px; overflow: hidden; }
.derifthree table { margin-bottom:0px;border-bottom:0px;}

.thdsoll::-webkit-scrollbar { width: 6px; height: 6px }

.thdsoll::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }

.thdsoll::-webkit-scrollbar-thumb { background-color: #9c9da0; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em }


.lt { float: left; margin-left: 450px; }

.detaichexing { float:left; width:100%;margin-top:50px; margin-bottom:20px;}
.cxingtit { float: left; display: flex; align-items: center;margin-top:2px; }
.cxingtit i { width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; background: #ff503f; color: #fff; border-radius: 50%; margin-right: 8px; }
.detaichexing .list { float: left; line-height: 35px; }
.detaichexing .list .usage-el { float: left; display: flex; align-items: center; background:#333;border-radius:8px; padding-left:15px; padding-right:15px; color:#fff;margin-left:15px;margin-bottom:15px;cursor:pointer; }
.detaichexing .list .usage-el.hover { background:#f68d2a}
.detaichexing .list .usage-el i { display: inline-block; transition: all .3s ease 0; }
.detaichexing .list .usage-el.hover i { transform: rotate(180deg); -webkit-transform: rotate(180deg) }
.cxbgd { float: left; width: 100%; background: #f6f6f6 ;margin-top:50px;}
.usages-results {  float:left; width:100%;margin-bottom:50px;}


@media(min-width:1440px) and (max-width:1599px) {

    .details .detail_right .rtpdesbtn .btnrtpfir { padding: 10px; padding-left: 25px; padding-right: 25px; }
    .details .detail_right .rtpdesbtn .btnrtptwo { padding: 10px; padding-left: 25px; padding-right: 25px; }
}
@media(min-width:1366px) and (max-width:1439px) {

    .details .detail_right .rtpdesbtn .btnrtpfir { padding: 10px; padding-left: 20px; padding-right: 20px; }
    .details .detail_right .rtpdesbtn .btnrtptwo { padding: 10px; padding-left: 20px; padding-right: 20px; }

    .share3 { float: left; width: 100%; margin-top: 18px; display: flex; line-height: 23px; }
    .share3 a { width: 23px; height: 23px; font-size: 14px; text-align: center; margin-right: 4px; text-align: center; background: #666666; color: #fff; display: block; border-radius: 50%; }
    .share3 a i { font-size: 14px; }
}
@media(min-width:1200px) and (max-width:1366px) {

    .details .detail_right .rtpdesbtn .btnrtpfir { padding: 10px; padding-left: 20px; padding-right: 20px; }
    .details .detail_right .rtpdesbtn .btnrtptwo { padding: 10px; padding-left: 20px; padding-right: 20px; }

    .share3 { float: left; width: 100%; margin-top: 18px; display: flex; line-height: 23px; }
    .share3 a { width: 23px; height: 23px; font-size: 14px; text-align: center; margin-right: 4px; text-align: center; background: #666666; color: #fff; display: block; border-radius: 50%; }
    .share3 a i { font-size: 12px; }
}
@media (min-width:992px) and (max-width:1199px) {
    .details .detail_left { float: left; width: 300px; }
    .details .detail_left > .rtp_small_img .hisList1 { width: 300px; height:300px; }
    .rwidth { float: left; width: 300px; margin-left: 0px; }
    .details .detail_right { width: calc((100% - 320px)); }
    .right_leftd p { font-size:12px;}
    .lt { float: left; margin-left: 320px; }
    .details .detail_right .rtpdesbtn {  font-size: 12px; position:initial;margin-top:10px;bottom:auto; }
    .details .detail_right .rtpdesbtn .btnrtpfir { padding: 10px; padding-left: 15px; padding-right: 15px; }
    .details .detail_right .rtpdesbtn .btnrtptwo { padding: 10px; padding-left: 15px; padding-right: 15px; }
    .share3 { display:none;}
    .shuxingd table{margin-bottom:0px;}
    .thdsoll { max-height: 290px; }

}

@media (min-width:768px) and (max-width:991px) {
    .details .conthtml { display: initial; justify-content: initial }
    .details { margin-top: 0px; padding-top: 40px; }
    .details .detail_left { float: left; width: 100%; }
    .details .detail_left > .rtp_small_img .hisList1 { width: 100%; }
    .rwidth { float: left; width: 100%; }
    .details .detail_right { width: 100%; }
    .lt { float: left; margin-left: 0px; }
    .share3 { float: left; width: 100%; margin-top: 18px; display: flex; line-height: 23px; }
    .share3 a { width: 23px; height: 23px; font-size: 14px; text-align: center; margin-right: 4px; text-align: center; background: #666666; color: #fff; display: block; border-radius: 50%; }
    .share3 a i { font-size: 12px; }
    .details .detail_right > h1 { font-size: 24px; margin-bottom: 10px; margin-top: 28px; }
    .details .detail_right > .txt { font-size: 14px; line-height: 1.6; margin: 20px auto; }
    .details .detail_right .rtpdesbtn { font-size: 12px; position: initial; margin-top: 10px; bottom: auto; }
    .details .detail_right .rtpdesbtn .btnrtpfir { padding: 10px; padding-left: 15px; padding-right: 15px; }
    .details .detail_right .rtpdesbtn .btnrtptwo { padding: 10px; padding-left: 15px; padding-right: 15px; }
    .detaichexing { margin-top: 0px; }
    .detaichexing .list { float: left; width: 100%; margin-top: 15px; }
    .detaichexing .list .usage-el { margin-left: 0px; margin-right: 15px; }
}
@media (max-width:768px) {
    .details .conthtml { display: initial; justify-content: initial }
    .details { margin-top: 0px; padding-top: 40px; }
    .details .detail_left { float: left; width: 100%; }
    .details .detail_left > .rtp_small_img .hisList1 { width: 100%; height:320px; }
    .rwidth { float: left; width: 100%; }
    .details .detail_right { width: 100%; }
    .lt { float: left; margin-left: 0px; }

    .details .detail_right .rtpdesbtn { font-size: 12px; position: initial; margin-top: 10px; bottom: auto; }
    .details .detail_right .rtpdesbtn .btnrtpfir { padding: 10px; padding-left: 15px; padding-right: 15px; }
    .details .detail_right .rtpdesbtn .btnrtptwo { padding: 10px; padding-left: 15px; padding-right: 15px; }

    .details .detail_right > h1 { font-size: 24px; margin-bottom: 10px; margin-top: 28px; }
    .details .detail_right > .txt { font-size: 14px; line-height: 1.6; margin: 20px auto; }
    .share3 { float: left; width: 100%; margin-top: 18px; display: flex; line-height: 26px; margin-bottom:15px;}
    .btthrees { -ms-flex-direction: column; flex-direction: column; }
    .derifirst { float: left; width: 100%; }
    .derifthree { float: left; width: 100%; margin-left: 0px;margin-top:25px;}
    .deriftwo { float: left; width: 100%; margin-left: 0px; }
    .detaichexing { margin-top: 0px; }
    .detaichexing .list { float:left; width:100%;margin-top:15px;}
    .detaichexing .list .usage-el { margin-left:0px; margin-right:15px;}
}


.font55 { font-size: 0.45rem; }

@media (max-width:599px) {
    .font55 { font-size: 24px; }
 
}

@media(min-width:600px) and (max-width:767px) {
    .font55 { font-size: 24px; }

}


@media(min-width:768px) and (max-width:991px) {
    .font55 { font-size: 26px; }

}

@media(min-width:992px) and (max-width:1199px) {
    .font55 { font-size: 0.38rem; }

}

@media(min-width:1200px) and (max-width:1366px) {
    .font55 { font-size: 0.4rem; }

}

.prodemess { float: left; width: 100%;padding-top: 60px; border-top: 1px solid #e5e5e5; margin-top:50px; }
.prodemess .message_list { float: left; width: 100% }
.message_left { float: left; width: 565px }

.message_left h3 font { color:#f68d2a}
.message_left p { font-size: 16px; margin-top: 25px; color: #666 }
.message_right { float: right; width: 655px }
.message_right .listd { float: left; width: 100% }
.listd .form-control { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: none; font-size: 14px; font-weight: 400; text-indent: 12px; border-radius: 20px; background: #fff }
.listd .form-control:focus, .listd .form-control:active { border-bottom: 1px solid #f68d2a }
.listd input[type=text] { height: 50px }
.listd .form-group { margin-bottom: 20px }
.listd .pbpmore { margin-top: 10px }
.listd .pbpmore .set_5_button { background: #f68d2a; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: relative; overflow: hidden; width: auto; padding: 0 25px; line-height: 45px; float: left; cursor: pointer; text-align: center; border-radius: 15px }
.listd .pbpmore .set_5_button a { color: #fff; text-decoration: none; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 14px }
.listd .pbpmore .set_5_button span { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.listd .pbpmore .set_5_button a i { margin-left: 10px }
.listd .pbpmore .set_5_button:hover { background-color: #333; color: #fff }
.listd .pbpmore .set_5_button:hover > a { color: #fff }
.checkbox, .radio { display: block; position: relative; margin-top: 0; margin-bottom: 0; cursor: pointer; padding-left: 30px; font-weight: 400; min-height: 18px; height: auto !important; line-height: 18px !important }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 }
.checkbox input, .radio input { position: absolute; display: none }
.checkbox span::before, .radio span::before { content: ''; position: absolute; display: inline-block; height: 18px; width: 18px; left: 0; top: 0; border: 2px solid #ebebeb; -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s }
.checkbox span::after, .radio span::after { content: ''; position: absolute; display: none; width: 5px; height: 10px; left: 7px; top: 3px; border: solid #f68d2a; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.checkbox span, .radio span { display: inline-block; font-size: 12px; color: #666 }
.checkbox input:checked ~ span:after, .radio input:checked ~ span:after { display: inline-block }
.checkbox:hover span::before, .radio:hover span::before { border-color: #ebebeb }

@media(max-width:768px) {
    .message_left { float: left; width: 100% }
    .listd .pbpmore .set_5_button { width: 100%; }
    .message_left p { font-size: 14px; margin-top: 25px; color: #666 }
    .message_right { float: left; width: 100%; margin-top: 25px }
}

@media(min-width:768px) and (max-width:992px) {
    .message_left { float: left; width: 100% }
    
    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: left; width: 100%; margin-top: 25px }
    .listd .pbpmore .set_5_button {  width:100%;}
}

@media(min-width:992px) and (max-width:1200px) {
    .message_left { float: left; width: 100% }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: left; width: 100%; margin-top: 25px }
}

@media(min-width:1200px) and (max-width:1366px) {
    .message_left { float: left; width: 530px }
 
    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: right; width: 570px }
}

@media(min-width:1367px) and (max-width:1440px) {
    .message_left { float: left; width: 545px }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: right; width: 585px }
}

@media(min-width:1441px) and (max-width:1600px) {
    .message_left { float: left; width: 585px }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: right; width: 625px }
}

.flex_between { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex_betweenlist { display: flex; flex-wrap: wrap; }

.newslist2 { padding: 0.55rem 0 0 0 }
.newslist2 .item { margin: 0; width: calc((100% - 0.6rem)/3); margin-right: 0.3rem; margin-bottom: 0.45rem; box-sizing: border-box; border: 1px solid #f0f0f0; border-radius: 5px; }
.newslist2 .item .img { overflow: hidden; position: relative; height: 2.74rem; }
.newslist2 .item .img img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; overflow: hidden; }
.newslist2 .item .txt { padding: 0.25rem; }
.newslist2 .item .txt .context { display: flex; justify-content: space-between; align-items: center; }
.newslist2 .item .txt .context time { display: flex;  align-items: center; }
.newslist2 .item .txt .context time span { display: block; font-size: 12px; text-align: left;margin-left:5px;}

.newslist2 .item .txt .context .nr { width: 100%; box-sizing: border-box;}
.newslist2 .item .txt .context .nr h3 { font-size: 16px; margin-bottom: 0.15rem; line-height: 1.5;font-weight:bold; }
.newslist2 .item .txt .context .nr p { font-size: 14px; line-height: 1.5; }
.newslist2 .item .txt .linkmore { padding-top: 0.2rem; margin-top: 0.2rem; display: flex; justify-content: space-between; border-top: 1px solid #f0f0f0; font-size: 14px; }

@media (min-width:1440px) {
    .newslist2 .item:nth-child(3n) { margin-right: 0; }
    .newslist2 .item:hover .img img { transform: scale(1.1) }
}

@media (min-width:1200px) and (max-width:1440px) {
    .newslist2 .item { margin: 0; width: calc((100% - 0.6rem)/3); margin-right: 0.3rem; margin-bottom: 0.45rem; box-sizing: border-box; border: 1px solid #f0f0f0; border-radius: 5px; }
    .newslist2 .item:nth-child(3n) { margin-right: 0; }
}
@media (min-width:992px) and (max-width:1200px) {
    .newslist2 .item { margin: 0; width: calc((100% - 0.6rem)/2); margin-right: 0.2rem; margin-bottom: 0.45rem; box-sizing: border-box; border: 1px solid #f0f0f0; border-radius: 5px; }
    .newslist2 .item:nth-child(2n) { margin-right: 0; }
}
.bo0 { margin-bottom:0px!important;}

@media (min-width:640px) and (max-width:992px) { .newslist2 .item { margin: 0; width: calc((100% - 0.3rem)/2); margin-right: 0.3rem; margin-bottom: 0.45rem; box-sizing: border-box; border: 1px solid #f0f0f0; border-radius: 5px; }
    .newslist2 .item:nth-child(2n) { margin-right: 0; }
}

@media (min-width:1px) and (max-width:640px) {
    .newslist2 .item { width: 100%; margin-right: 0; }
}

.sort { padding: 0.7rem 0 0 0; }
.sort .item { margin: 0; display: inline-block; padding: 0.1rem 0.3rem; border-radius: 0.3rem; box-sizing: border-box; border: 1px solid #333; color: #333; font-family: var(--font1); font-size: 14px; text-transform: capitalize; margin-right: 0.3rem; }
.sort .item.active, .sort .item:hover { background: #ff8d23; color: #fff; border-color: #ff8d23 }

@media (min-width:1081px) {
}

@media (min-width: 1px) and (max-width: 1080px) {
    .sort { padding: 0.6rem 0 0 0; }
    .sort .item { margin-bottom: 0.2rem; }
}

.bgdiv1_top { float: left; width: 100%; margin-top: 60px; border-bottom: 1px solid #ddd; padding-bottom: 40px; }
.bgdiv1_top .h3 { float: left; font-size: 48px; }
.bgdiv1_top p { float: left; margin-left: 20px; font-size: 16px; margin-top: 25px; }

@media (max-width:640px) {
    .bgdiv1_top { float: left; width: 100%; margin-top: 2px; }
    .bgdiv1_top .h3 { float: left; width: 100%; font-size: 0.4rem }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 25px; font-size: 14px; }
}

@media (min-width: 640px) and (max-width:768px) {
    .bgdiv1_top { float: left; width: 100%; margin-top: 40px; }
    .bgdiv1_top .h3 { float: left; width: 100%; font-size: 0.4rem }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 25px; font-size: 14px; }
}

@media (min-width: 768px) and (max-width:992px) {

    .bgdiv1_top { float: left; width: 100%; margin-top: 40px; }
    .bgdiv1_top .h3 { float: left; width: 100%; font-size: 0.4rem }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 25px; font-size: 14px; }
}

@media (min-width: 992px) and (max-width:1199px) {
    .bgdiv1_top { float: left; width: 100%; margin-top: 40px; }
    .bgdiv1_top .h3 { float: left; width: 100%; }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 25px; }
}

@media (min-width: 1200px) and (max-width: 1367px) {
    .bgdiv1_top .h3 { float: left; width: calc((100% - 30px) / 2); }
    .bgdiv1_top p { float: left; margin-left: 30px; width: calc((100% - 30px) / 2); margin-top: 25px; }
}

@media (min-width: 1368px) and (max-width: 1440px) {
    .bgdiv1_top .h3 { float: left; width: calc((100% - 30px) / 2); }
    .bgdiv1_top p { float: left; margin-left: 30px; width: calc((100% - 30px) / 2); margin-top: 25px; }
}

@media (min-width: 1440px) {

    .bgdiv1_top .h3 { float: left; width: calc((100% - 30px) / 2); }
    .bgdiv1_top p { float: left; margin-left: 30px; width: calc((100% - 30px) / 2); margin-top: 25px; }
}


.news2con { padding: .4rem 0 0.5rem;  border-bottom:1px solid #ddd }
.news2box {  padding: 35px 0 0px; background: #f7f7f7;float:left; width:72%; }
.news2content { padding: 0 55px }
.news2content img { display: inline-block; max-width: 100% }
.news2top .h1 { font-size: .24rem; color: #333; margin-bottom: .18rem }
.news2top .h2 { font-size: 12px; font-family: din; color: #666 }
.news2top { padding-bottom: .35rem; border-bottom: 2px solid #bbb; margin-bottom: .35rem }
.news2bottom { margin-top: .35rem;padding:30px;}
.news2bottom .item { display: block; float: left; width: 50%; background: #fff; line-height: 0.7rem; font-size: 0; text-align: center; transition: all .3s ease; }
.news2bottom .item .icon { display: inline-block; vertical-align: middle; width: .28rem; height: .13rem; position: relative; margin: 0 .12rem }
.news2bottom .item .icon img { position: absolute; left: 0; top: 0; transition: all .3s ease }
.news2bottom .item span { display: inline-block; vertical-align: middle; font-size: 14px; color: #111; font-family: din; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60%; transition: all .3s ease }
.news2bottom .item .icon img:nth-child(2) { opacity: 0 }
.idxbtn1 { width: 2.14rem; line-height: .62rem; text-align: center; border: 2px solid #1e1e1e; position: relative; font-size: 0; display: block; transition: all .3s ease }
.idxbtn1 span { font-size: .16rem; color: #1e1e1e; display: inline-block; vertical-align: top; margin-right: .2rem; transition: all .3s ease; position: relative; z-index: 1; font-family: din }
.idxbtn1 .icon { width: .2rem; height: .12rem; background: url(../images/more13.png); background-size: cover !important; transition: all .3s ease; display: inline-block; vertical-align: middle; position: relative; z-index: 1 }
.idxbtn1:after { content: ""; background: #f1aa1f; height: 100%; left: 0; top: 0; width: 0; transition: all .3s ease; position: absolute }
.share2 { float: right }
.share2 .si { display: inline-block; width: 23px; height: 23px; overflow: hidden; font: 0/0 a; letter-spacing: -9px; background: url(../images/share.png) no-repeat; filter: alpha(opacity=40); opacity: .4; vertical-align: middle; margin-right: 5px }
.share2 a:hover .si { filter: alpha(opacity=100); opacity: 1 }
.share2 .si01 { background-position: 0 0 }
.share2 .si02 { background-position: -23px 0 }
.share2 .si03 { background-position: -46px 0 }
.share2 .si04 { background-position: -69px 0 }
.share2 .si05 { background-position: -92px 0 }
.news_c_right { border: 1px solid #ddd; background: #fff }

.coright { float: right; width: 25%; position: sticky; top: 161px; }
.news_c_right h4 { background: #f68d2a; color: #fff; height: 48px; font-weight: 400; text-indent: 20px; line-height: 48px; width: 100%; padding: 0; margin: 0 }
.news_c_right ul { list-style: none; border-top: 0; margin: 0; display: block; padding: 0 }
.news_c_right ul li { padding: 10px }
.news_c_right ul li a { font-size: 14px }
.news_c_right ul li a:hover { text-decoration: underline }
.produ3 { float:left; width:100%; margin-top:50px;}
.ptobto { float: left; width: 100%; border-top: 1px solid #ddd; margin-top: 50px; }
@media (min-width: 992px) and (max-width:1199px) { .news2box { padding: 15px 0 0px; }
    .news2content { padding:0 30px;}
    .coright { top: 138px; width:27%; }
    .news_c_right ul li a { font-size:12px;}
}
@media  (max-width:992px) {
    .news2box { padding: 15px 0 0px; width:100% }
    .news2content { padding: 0 30px; }
    .coright { top: auto; width: 100%; position:initial; }
    .news_c_right ul li a { font-size: 14px; }
}
@media(min-width:1000px) {
    .newsitem2:hover { box-shadow: 0 5px .4rem 0 rgba(0,11,21,.1); transform: translateY(-5px) }
    .newsitem2:hover .h1 { color: #f1aa1f }
    .newsitem .imgbox:hover img { transform: scale(1.05) }
    .news2bottom .item:hover { background: #f68d2a }
    .news2bottom .item:hover span { color: #fff }
    .news2bottom .item:hover .icon img:nth-child(1) { opacity: 0 }
    .news2bottom .item:hover .icon img:nth-child(2) { opacity: 1 }
    .idxbtn1:hover { border-color: #e5222a }
    .idxbtn1:hover:after { width: 100% }
    .idxbtn1:hover span { color: #fff }
    .idxbtn1:hover .icon { background: url(../images/more14.png) }
}

@media(max-width:1000px) {
    .newsitem .h2 { margin-bottom: 3vw }
}

@media(max-width:767px) {
    .newsitem { padding: 20px; display: block }
    .newscon .idxbtn1 .icon { width: 10px; height: 6px }
    .newscon .idxbtn1 span { font-size: 12px }
    .newscon .idxbtn1 { width: 100px }
    .newsitem .imgbox { width: 100% }
    .newsitem .h1 { font-size: 14px; margin: 15px 0 }
    .newsitem .h2 { font-size: 12px; margin-bottom: 15px }
    .newsitem2 .h1 { font-size: 14px }
    .newsitem2 .h2 { font-size: 12px }
    .newsitem2 { padding: 20px }
    .newscon { padding: .4rem 0 }
    .news2box { padding: .5rem 0 }
    .news2content { padding: 0 30px }
    .news2top { float:left; width:100%;}
    .news2top .h1 { font-size: 16px }
    .news2bottom .item { width: 100%; line-height: .8rem; border-top: 1px solid #ededed }
    .news2bottom .item span { font-size: 14px }
    .share2 { float:left; width:100%;margin-top:15px; }
}




@media(max-width:991px) {
    .coright { float: left; margin-top: 25px; padding: 0 }
}



.contactlidd { float: left; width: 100%; }



.contacinfo { overflow: hidden; padding-bottom: 0.6rem; background: #fff; font-size: 18px; }
.contacinfo h2 { display: flex; align-items: center; margin-bottom: 0.25rem; }
.contacinfo h2 img { width: 0.36rem; }
.contacinfo h2 span { flex: 1; color: #333; text-transform: uppercase; margin-left: 15px; }
.contacinfo .txt { display: flex; background: #f5f5f5; align-items: center; padding: 3vw 3.5vw 3vw 3vw; }
.contacinfo .txt .lt2 { max-width: 28%; margin-right: 3vw; }
.contacinfo .txt .mid { flex: 1; padding: 0 2.7vw; position: relative; }
.contacinfo .txt .mid h1 { font-size: 22px; color: #000; }
.contacinfo .txt .mid .line { width: .56rem; height: .04rem; background: #f68d2a; margin: .2rem 0; }
.contacinfo .txt .mid p { font-size: 18px; color: #666; line-height: 1.333; font-family: sans-serif,Arial; }
.contacinfo .txt .mid p span { color: #333; margin-right: .05rem; display: inline-block; }
.contacinfo .txt .fl { width: 1.45rem; margin-left: 3vw; }

@media (min-width:992px) {
    .contacinfo .txt .mid:before { content: ""; position: absolute; width: 2px; height: 1.34rem; left: 0; top: 50%; margin-top: -0.67rem; background: #d6d6d6; }
    .contacinfo .txt .mid:after { content: ""; position: absolute; width: 2px; height: 1.34rem; right: 0; top: 50%; margin-top: -0.67rem; background: #d6d6d6; }
}

@media (min-width:1px) and (max-width:991px) {
    .contacinfo .txt { flex-wrap: wrap; }
    .contacinfo .txt .lt2 { max-width: none; width: 100%; margin-bottom: 15px; text-align: center; display:none; }
    .contacinfo .txt .lt2 img { height: 40px; }
    .contacinfo .txt .mid { flex: none; width: 100%; margin-bottom: 15px; padding: 0; }
    .contacinfo .txt .mid h1 { font-size: 14px; }
    .contacinfo .txt .mid p { font-size: 12px; font-family: sans-serif,Arial; }
    .contacinfo .txt .fl { width: 100%; margin-left: 0; text-align: center; }
    .contacinfo h2 span { font-size: 18px; }
    .contacinfo .txt .fl img { width: 180px; }
}

.contacinfo .list { overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }
  .contacinfo .list hr{margin-bottom: 50px;}
.contacinfo .item { margin: 0; width: calc((100% - 0.4rem)/2); overflow: hidden; background: #f5f5f5; padding: 0.32rem .54rem; transition: all .3s ease; box-sizing: border-box; margin-right: 0.4rem; margin-bottom: 0.4rem; }
.contacinfo .item .tit { font-size: 18px; color: #333; font-family: "Arial"; position: relative; padding-bottom: .12rem; margin-bottom: .18rem; }
.contacinfo .item .tit:after { content: ""; width: .56rem; height: 2px; background: #e62129; position: absolute; left: 0; bottom: 0; transition: all .3s ease; }
.contacinfo .item p { font-size: 18px; color: #666; line-height: 1.889; margin-bottom:0px; }
.contacinfo .item p a { color: #666; }
.contacinfo .item p span { color: #000; margin-right: .05rem; display: inline-block; }

@media (min-width:992px) {
    .contacinfo .item:nth-child(2n) { margin-right: 0; }
}

@media (min-width:1px) and (max-width:991px) {
    .contacinfo .item { width: calc(100%); margin-right: 0; }
    .contacinfo .item .tit { font-size: 14px; }
    .contacinfo .item p { font-size: 14px; }
}





.con-box5 { padding-bottom: 30px; }
.con-box5 .container .cn1 { text-align: center; color: #333333; line-height: 1em; }
.con-box5 .container .cn2 { margin-top: 0.25rem; text-align: center; line-height: 1.66666667em; color: #666; margin-bottom: 0.45rem; }
.con-box5 .container .box { /*border-radius: 15px;*/ background-color: #f5f5f5; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0.4rem 11.875%; }

@media (max-width: 991px) {
    .con-box5 .container .box { padding: 0.4rem 5%; }
}

.con-box5 .container .box .cn3 { width: 49.18032787%; }

@media (max-width: 767px) {
    .con-box5 .container .box .cn3 { width: 100%; }
}

.con-box5 .container .box .cn3 .cn4 { display: block; line-height: 0.6rem; color: #333333; }
.con-box5 .container .box .cn3 .cn5 { display: block; }
.con-box5 .container .box .cn3 .cn5 input { width: 100%; background-color: #fff; border-radius: 5px; line-height: 0.6rem; padding: 0 0.2rem; height: 0.6rem; color: #333333; }
.con-box5 .container .box .cn3 .cn5 input::placeholder { color: #999; }

@media (max-width: 991px) {
    .con-box5 .container .box .cn3 .cn5 input { line-height: 0.76rem; height: 0.76rem; }
}

.con-box5 .container .box .cn3 .cn5 textarea { width: 100%; background-color: #fff; border-radius: 5px; line-height: 1.6875em; height: 1.12rem; padding: 0.2rem; color: #333333; }
.con-box5 .container .box .cn3 .cn5 textarea::placeholder { color: #999; }
.con-box5 .container .box .cn3 .cn5 select { line-height: 0.6rem; }
.con-box5 .container .box .cn3.cn9 { width: 100%; }
.con-box5 .container .box .cn10 { width: 100%; margin: 0.4rem 0 0.2rem; display: block; color: #999999; }
.con-box5 .container .box .cn15 { display: block; color: #999999; }
.con-box5 .container .box .cn16 { width: 100%; }
.layui-input,
.layui-select,
.layui-textarea { border-width: 0; }
.layui-form-select dl { top: 0.6rem; }

@media (max-width: 991px) {
    .layui-form-select dl { top: 0.76rem; }
}

.layui-form-select dl dd.layui-this { background-color: #00d1d1; }
.layui-form-select input::placeholder { color: #333 !important; }
.layui-form-select .layui-edge { background-image: url(../images/news-img5.svg); background-size: 10px 6px; border-width: 0; width: 10px; height: 6px; transform: translateY(-50%); margin-top: 0; right: 0.2rem; }
.layui-form-select.layui-form-selected .layui-edge { transform: translateY(-50%) rotate(180deg); }
.con-box5 .layui-form-select .layui-edge { background-image: url(../images/con-img5.svg); }
.con-box5.coobox2 .container .cn1 { margin-bottom: 0.6rem; }






.public-btn1 { float: left; position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; padding: 0 24px 0 30px; height: 50px; background-color: #f68d2a; color: #fff; cursor: pointer; transition: all 0.3s; overflow: hidden; font-size: 18px }

@media (max-width:1580px) {
    .public-btn1 { height: 42px; }
}

@media (max-width:767px) {
    .public-btn1 { padding: 0 0.4rem; height: 0.8rem; font-size: 14px; }
}

.public-btn1 span { position: relative; z-index: 5; color: #fff; }
.public-btn1 div.icon { position: relative; z-index: 5; width: 24px; height: 24px; background: #fff; margin-left: 0.2rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: all 0.3s; }
.public-btn1 img, .public-btn1 svg { position: relative; z-index: 5; width: 12px; height: 12px; }

@media (max-width:767px) {
    .public-btn1 img, .public-btn1 svg { width: 0.2rem; height: 0.2rem; }
}

.public-btn1 img path, .public-btn1 svg path { fill: #e62129; transition: all 0.3s; }

.public-btn1::before { content: ""; position: absolute; top: -2px; left: -2px; z-index: 1; width: calc(100% + 4px); height: calc(100% + 4px); background-color: #665f5e; transform: scaleX(0); transform-origin: right; -webkit-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); -moz-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); -o-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); }

@media (max-width:767px) {
    .public-btn1::before { }
}

.public-btn1:hover { color: #e62129; }
.public-btn1:hover div.icon { background: #333; }
.public-btn1:hover::before { transform: scaleX(1); transform-origin: left; }
.public-btn1:hover svg path { fill: #fff; }



.iframe { float: left; width: 100%; }

.iframe .title1 { font-size: .32rem; color: #111; text-align: center; margin-bottom: .28rem;margin-top:40px; }

.iframe .title2 { max-width: 8.2rem; font-size: .16rem; color: #666; line-height: 1.625; margin: 0 auto; text-align: center; margin-bottom: 4vw }

.iframe .col-sm-6 { padding: 0 1.2vw; margin-bottom: 2.4vw }

.iframe .item2 { display: flex; align-items: flex-start; background: #f1f1f1; padding: .25rem .2rem .25rem .2rem }

.iframe .item2 .h1 { font-size: .22rem; color: #111; line-height: 1.182; margin-bottom: .2rem; margin-top: 1.5vw }

.iframe .item2 .h2 { font-size: .16rem; color: #333 }

.iframe .item2 img { margin-right: 1.5vw; width: 42.7%; object-fit: cover; }

.iframe .item2 .btn1 { width: 120px; line-height:36px; border-radius: .4rem; text-align: center; font-size:12px; color: #fff; background: #dd7c1a; display: block; margin-top: 5vw; transition: all .3s }

@media (min-width: 1000px) {
    .iframe .btn1:hover { background: #ee7f11; color: #fff; transform: translateY(-5px); }
}

@media (max-width: 1000px) {
    .iframe .item2 .btn1 { margin-top: 3vw }
}

@media (max-width: 767px) {
    .iframe { padding: 8vw 0 8vw }

    .iframe .title1 { font-size: 18px; margin-bottom: 4vw; margin-top: 8px; }

    .iframe .title2 { font-size: 12px; margin-bottom: 5vw }

    .iframe .btn1 { margin-top: .5rem; float: left; }
}



.pladetial { float: left; width: 100%; margin-top: 50px }
.twofirst { margin-top: 60px }
.twofirst .item { margin-top: 0; border-radius:30px }
.twofirst .item .img { overflow: hidden }
.twofirst .item .img img { border-radius: .1rem; object-position: cover; object-position: 0% 50%; border-radius: 30px }
.twofirst .item .txt { padding-top: 20px }
.twofirst .item .txt h3 { font-size: 30px; margin-bottom: 20px; color: #333 }
.twofirst .item .txt p { font-size: 14px; color: #666; line-height: 32px; }
.planfirst .item { margin-top: 0; border-radius: 30px }
.planfirst .item .img { overflow: hidden }
.planfirst .item .img img { border-radius: .1rem; object-position: cover; object-position: 0% 50%; border-radius: 30px }
.planfirst .item .txt { padding-top: 20px }
.planfirst .item .txt h3 { font-size: 30px; margin-bottom: 20px; color: #333 }
.planfirst .item .txt p { font-size: 14px; line-height:32px; color: #666 }
.planfirst .item .txt ul { padding-left: 25px; list-style: disc; line-height: 32px; color: #666 }
.plabtoo { margin-top: 50px; float: left; width: 100% }
.plabtoo .txt { padding-top: 20px }
.plabtoo .txt h3 { font-size: 30px; margin-bottom: 20px; color: #333; margin: 0 }
.plabtoo .txt p { font-size: 14px; line-height: 32px; color: #666; margin: 0 }
.plfqes ul { float: left; width: 100%; margin: 0; padding: 5px 0; list-style: none }
.plfqes ul li { float: left; width: 100%; cursor: pointer; border-bottom: 1px solid #ddd; padding-top: 18px; padding-bottom: 18px }
.plfqes ul li span.tttd { float: left; color: #333; width: calc(100% - 35px);font-size:16px; }
.plfqes ul li i { float: right; color: #f68d2a; font-size: 22px }
.plfqes ul li p { float: left; width: 100%; color: #666; font-size: 14px; margin-top: 10px; display: none ;}
.plfqes ul li.hover i { transform: rotate(180deg); -webkit-transform: rotate(180deg) }
.plfqes ul li.hover p { display: block }

@media(min-width:1082px) {
    .planfirst .item { display: flex; justify-content: space-between; flex-direction: row-reverse }
    .planfirst .item .img { margin: 0; width: 50% }
    .planfirst .item .txt { margin: 0; width: calc(60% - -2.25rem) }
    .twofirst .item { display: flex; justify-content: space-between }
    .twofirst .item .img { margin: 0; width: 50% }
    .twofirst .item .txt { margin: 0; width: calc(50% - 0.75rem) }
    .plabtoo .txt2 h3 { margin: 0; width: 50%; float: left }
    .plabtoo .txt2 .plfqes { margin: 0; width: calc(50% - 0.75rem); float: right }
}

@media(min-width:1px) and (max-width:1081px) {
    .plabtoo .txt h3 { margin: 0; width: 100%; font-size: 18px; }
    .twofirst .item .txt h3 { font-size: 18px; margin-bottom: 20px; color: #333 }
    .planfirst .item .txt h3 { font-size: 18px; margin-bottom: 20px; color: #333 }
    .twofirst { margin-top: 30px }
    .plabtoo .txt2 h3 { font-size: 18px; }
    .plabtoo .txt p { margin: 0; width: 100%; margin-top: 15px }
}

.details .detail_left > .rtp_small_img .hisList2 { position: relative; padding: 0 35px; }
.hisList2 .c-prev,
.hisList2 .c-next { position: absolute; top: 0; left: 0; z-index: 10; width: 25px; height: 100%; background: #F5F5F5; cursor: pointer; }
.hisList2 .c-prev { transition: all 0.5s; }
.hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-right: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
.hisList2 .c-prev:hover { background: #ff8d23; }
.hisList2 .c-prev:hover::before { border-right: 12px solid #fff; }
.hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
.hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-left: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
.hisList2 .c-next:hover { background: #ff8d23; }
.hisList2 .c-next:hover::before { border-left: 12px solid #fff; }