.header-top .line2 {
    display: none;
}
A:link {
    color: #3e3e3e;
    outline: none;
}
a {
    color: #333333;
    text-decoration: none;
}
[hidden], template {
    display: none;
}

.header_ad_search {
    width: 100%;
    height: 140px;
    padding-top: 34px;
    background-color: #f8f7f7;
}
.hea_ad_sea_content{
    display: flex;
    justify-content: space-between;
}
.hea_ad_sea_content .hea_ad_sea_con_title {
    width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
    display: flex;
}
.hea_ad_sea_con_title img {
    max-width: inherit;
    max-height: 45px;
    margin: 8px 0;
    display: inline-block;
}
.hea_ad_sea_con_title span {
    max-width: 356px;
    max-height: 40px;
    margin: 12.5px 0 12.5px 14px;
    color: #333;
    font-size: 18px;
    vertical-align: middle;
    line-height: 20px;
}
.hea_ad_sea_content .hea_ad_sea_con_img {
    width: auto;
    height: auto;
    margin-top: 8px;
    display: flex;
}

.hea_ad_sea_content .hea_ad_sea_con_img .year{
    display: flex;
    padding: 2px 6px 2px 1px;
    height: 20px;
    background: #EAF8F6;
    border-radius: 5px;
    font-size: 14px;
    color: #108391;
    align-items: center;
}

.hea_ad_sea_content .hea_ad_sea_con_img .year div{
    padding: 0 10px 0 5px;
    height: 18px;
    margin-right: 1px;
    background-image: url(../../img/suppliers/tag.png);
    background-size: cover;
    color: #fff;
    line-height: 18px;
}

.hea_ad_sea_content .hea_ad_sea_con_img .grade{
    display: flex;
    border-radius: 22px;
    font-size: 12px;
    color: #607B87;
    padding-right: 7px;
    align-items: center;
}

.hea_ad_sea_content .hea_ad_sea_con_img .grade img{
    width: 22px;
    height: 22px;
    margin-right: 4px;
}

.hea_ad_sea_con_img img {
    margin-right: 3px;
    display: inline-block;
    object-fit: contain;
}
.hea_ad_sea_con_img span {
    margin-right: 29px;
    font-size: 14px;
    white-space: nowrap;
}
.hea_ad_sea_content .hea_ad_sea_con_search{
    width: auto;
    position: inherit;
    height: 50px;
    margin: 10.5px 0;
    font-size: 14px;
    display: flex;
}
.hea_sea_contert {
    width: auto;
    margin-right: 21px;
    height: 50px;
    line-height: 50px;
    padding: 3px 0;
    background-color: #efeeee;
    display: flex;
}
.hea_sea_contert .hea_sea_con_select {
    position: relative;
    width: auto;
}
.hea_sea_contert #content, .hea_sea_contert .hea_sea_con_select {
    width: 127px;
    height: 44px;
    line-height: 44px;
}
.hea_sea_con_select p {
    cursor: pointer;
    width: auto;
    padding-right: 18px;
    margin-right: 4px;
    line-height: 19px;
    color: #4c4c4c;
    overflow: hidden;
    text-indent: 12px;
    height: 44px;
    display: flex;
    align-items: center;
    background: url(../../img/suppliers/detail/search_triangle.png) no-repeat right center;
}
.hea_sea_con_select ul {
    margin-top: 1px;
    display: none;
}
.hea_sea_con_select ul {
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    padding: 0;
}
.hea_sea_con_select li {
    width: 223px;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    text-indent: 12px;
}
.hea_sea_con_select ul li {
    list-style: none;
    cursor: pointer;
}
.hea_sea_con_select li.on {
    background-color: #ddd;
}
.hea_sea_contert #content {
    width: 223px;
    background-color: #fff;
    border: 0;
    text-indent: 23px;
    outline: none;
}
.hea_sea_contert #submit {
    width: 67px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 0;
    background-color: #4fc2b8;
}
.hea_sea_contert #submit i{
    font-size: 24px;
}
.hea_ad_sea_con_search .favorites {
    width: 123px;
    height: 43px;
    line-height: 43px;
    margin-top: 2px;
    border: 1px solid #6dcbc3;
    color: #6dcbc3;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.hea_ad_sea_con_search .favorites i{
    font-size: 22px;
    margin-right: 10px;
}
.header_ad_navigate {
    width: 100%;
    height: 60px;
    background-color: #4fc2b8;
}
.header_ad_navigate ul {
   display: flex;
    height: 100%;
    margin: 0 auto;
}
.header_ad_navigate ul, .pharmacy_w ul {
    padding: 0;
}
.header_ad_navigate ul li {
    height: 100%;
    padding: 0 10px;
    white-space: nowrap;
    flex: 1;
    line-height: 60px;
    display: flex;
    text-align: center;
    justify-content: center;
}
.header_ad_navigate ul li:hover{
    background-color: #28858d;
}
.header_ad_navigate ul li, .pharmacy_w ul li {
    list-style: none;
}
.header_ad_navigate ul li.on {
    background-color: #28858d;
    height: 100%;
}
.header_ad_navigate ul li a {
    color: #fff;
    font-size: 18px;
}
.www-1 {
    width: 100%;
    background: #f0f1f2;
    padding-bottom: 10px;
}
.bread_crumbs {
    padding: 20px 0;
    background: #f0f1f2;
}
.bread_crumbs .bread_channel {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.bread_crumbs .bread_channel span {
    margin-left: 5px;
    color: #333333;
    float: left;
    font-size: 14px;
    vertical-align: middle;
}
.bread_crumbs .bread_channel a{
    color: #3e3e3e;
}
.bread_crumbs .bread_channel a:hover {
    COLOR: #4fc2b8;
}
.w-2 {
    border-top: 1px solid #ccc;
    padding-bottom: -21px;
    line-height: 70px;
    text-align: left;
}

.gys_gd4 {
    width: 100%;
    position: relative;
    padding: 0%;
}
.gys_gd4 .swiper-slide img {
    width: 100%;
    height: 347px;
    display: block;
    object-fit: cover;
}

.gys_gd4 .swiper-button-prev, .gys_gd4 .swiper-button-next {
    color: #FFF;
    outline: none;
    --swiper-navigation-size: 50px;
}
.gys_gd4 .swiper-button-next {
    right: 4%;
}
.gys_gd4 .swiper-button-prev {
    left: 4%;
}
.gys_gd4 .swiper-pagination {
    width: 100%;
    font-size: 0;
    bottom: 20px;
    right: 0px;
    left: auto;
    text-align: right;
    padding-right: 4%;
}
.gys_gd4 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #fff;
    background: none;
    opacity: 1;
}
.gys_gd4 .swiper-pagination-bullet-active {
    background: #fff;
}
.gys_bt1 {
    width: 100%;
    line-height: 35px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.md30 {
    margin-bottom: 30px;
}
.mt50 {
    margin-top: 50px;
}
.gys_bt1 .s1 {
    font-size: 24px;
}
.zt_d3 {
    color: #333;
}
.ny_pros{
    padding-bottom: 50px;
    background: #f0f1f2;
}
.gys_sy1 {
    width: 100%;
    background-color: #ffffff;
    padding: 35px;
}
.gys_gd3 {
    width: 100%;
    position: relative;
    padding: 0 2%;
}
.gys_gd3 .swiper{
    width: 100%;
}
.gys_gd3 .swiper-slide {
    padding: 0 2.5%;
}
.gys_gd3 a {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.gys_gd3 p {
    font-size: 16px;
    line-height: 24px;
}
.gys_gd3 .swiper-button-prev, .gys_gd3 .swiper-button-next {
    color: #bababa;
    outline: none;
    --swiper-navigation-size: 60px;
    z-index: 2;
}
.gys_gd3 .swiper-button-next:hover, .gys_gd3 .swiper-button-prev:hover {
    color: #4fc2b8;
}
.gys_gd3 .swiper-button-next {
    right: -10px;
}
.gys_gd3 .swiper-button-prev {
    left: -10px;
}
.img_d{
    overflow: hidden;
}
.img_d img {
    width: 100%;
    height: auto;
    max-width: 100%;
    min-height: auto;
    max-height: 100%;
}
.img_d:hover img {
    transform: scale(1.1);
}
.gys_gd3 .imgk {
    width: 100%;
    height: 217px;
    margin-bottom: 20px;
}
.gys_gd3 .swiper-slide img {
    width: 100%;
    display: block;
    object-fit: contain;
    min-height: 217px;
}
.gys_sy2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.gys_sy2 .d1 {
    width: 23%;
}
.gys_sy2 .d2 {
    width: 75%;
}
.gys_bt2 {
    width: 100%;
    line-height: 100px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}
.bt2_bj1 {
    background: url(../../img/suppliers/detail/lm_bj1.jpg) no-repeat;
    background-size: 100% 100%;
}
.bt2_bj2 {
    background: url(../../img/suppliers/detail/lm_bj2.jpg) no-repeat;
    background-size: 100% 100%;
}
.md50 {
    margin-bottom: 50px;
}
.gys_lb3 {
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    line-height: 24px;
    height: 250px;
    overflow-y: auto;
}
.gys_lb3::-webkit-scrollbar{
    width: 5px;
}
.gys_lb3::-webkit-scrollbar-thumb{
    background-color: #28858d;
    width: 5px;
    border-radius: 5px;
}
.index_topic {
    width: 100%;
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}
.nav_fl {
    width: 100%;
    /*max-height: 560px;*/
    /*overflow-y: auto;*/
}
.gys_lb3 li {
    width: 100%;
    border-bottom: solid 1px #ddd;
}
.gys_lb3 a {
    display: block;
    width: 100%;
    padding: 15px 20px;
}
.gys_lb3 a:hover {
    background-color: #edfdfc;
}
.gys_lb3 a.on{
    background-color: #edfdfc;
}
.fl_bt2, .fl_bt2 a, .nav_fl a:hover {
    color: #4fc2b8;
}
.gys_fo {
    width: 100%;
    background-color: #fff;
    padding: 20px;
}
.gys_fo li {
    width: 100%;
    position: relative;
    padding-left: 60px;
    margin-bottom: 20px;
}
.gys_fo .s_name {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    line-height: 40px;
    font-size: 16px;
}
#gys_tx1_input {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    height: 65px;
    border: 0;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.gys_fo .l_full {
    padding-left: 0px;
    padding-top: 40px;
}
.gys_fo .s_name {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    line-height: 40px;
    font-size: 16px;
}
textarea {
    border: none;
    outline: none;
    resize: none;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.gys_fo .gys_tx2 {
    height: 160px;
}
.gys_fo li.l1_s_names {
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
}
.gys_fo .l_an {
    padding-left: 0px;
    padding-top: 10px;
    margin-bottom: 0;
}
.an_lv2 {
    background-color: #28858d !important;
    color: #fff !important;
}
.gys_fo .l_an .btn {
    font-size: 16px;
    height: 50px;
    display: block;
    width: 100%;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: .65;
}
.gys_lb4{
    display: flex;
    flex-wrap: wrap;
    gap: 40px 1%;
}
.gys_lb4 li{
    width: calc((100% - 3% )/ 4);
    background-color: #fff;
    border: solid 1px #ddd;
}
.gys_lb4 .imgk, .gys_lb4 .txtk, .gys_lb4 .imgk a, .gys_lb4 .imgk img {
    width: 100%;
    display: block;
}
.gys_lb4 .imgk {
    height: 216px;
    overflow: hidden;
}
.gys_lb4 .imgk a {
    display: block;
    height: 260px;
    width: 100%;
    display: -webkit-flex;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    overflow: hidden;
}
.gys_lb4 .imgk img {
    min-height: auto;
    width: auto;
    max-height: 260px;
}
.gys_lb4 .imgk, .gys_lb4 .txtk, .gys_lb4 .imgk a, .gys_lb4 .imgk img {
    width: 100%;
    display: block;
}
.gys_lb4 .txtk {
    padding: 25px 20px;
    height: 110px;
    position: relative;
}
.gys_lb4 .txtk a.dbt {
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.gys_lb4 .txtk a.more {
    width: 140px;
    height: 34px;
    line-height: 33px;
    text-align: center;
    background-color: #fff;
    border: solid 1px #ddd;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: -17px;
    -moz-border-radius: 34px;
    -webkit-border-radius: 34px;
    border-radius: 34px;
}
.gys_lb4 .txtk a.more:hover{
    border-color: #4fc2b8;
    background-color: #4fc2b8;
    color: #fff;
}
.fy1{
    width:100%;
   margin-top: 40px;
    text-align: center;
    font-size:0;
}
.fy1 a{
    display: inline-block;
    line-height: 40px;
    padding:0 15px;
    font-size:16px;
    border: solid 1px #4fc2b8;
    margin: 0 4px;
    -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
    margin-top: 20px;
}
.fy1 a:hover,.fy1 a.on{
    background-color: #4fc2b8;
    color:#fff;
}
.fy1 .cd_sx{
    width:135px;
    text-align: center;
    white-space: nowrap;
}
.gys_gd2 {
    width: 44%;
    position: relative;
}
.gys_gd2 .swiper .swiper-slide {
    height: 443px;
}
.gys_gd2 .swiper-slide img {
    width: auto;
    display: block;
    max-width: 100%;
    /*max-height: 433px;*/
    object-fit: contain;
    height: 100%;
}
.gys_gd2 .swiper-pagination {
    width: 100%;
    font-size: 0;
    bottom: 20px;
    right: 0px;
    left: auto;
}
.gys_gd2 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    border: #fff;
    border: 1px solid #fff;
    background: none;
    opacity: 1;
}
.gys_gd2 .swiper-pagination-bullet-active {
    background: #fff;
}
.cp_r {
    width: 52%;
}
.cp_r .txtk1 {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
#introduce {
    height: auto;
    overflow: hidden;
}
.bg-touming {
    display: none;
    position: absolute;
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 0;
}
.profile-more {
    display: none;
    float: right;
    color: #4fc2b8 !important;
    font-size: 16px;
}
.cp_an {
    width: 100%;
    display: flex;
    margin-bottom: 15px;
}

a.cd_a_lv {
    display: inline-block;
    text-align: center;
    line-height: 40px;
    padding: 0 35px;
    font-size: 16px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-color: #28858d;
    color: #fff;
}
a.cd_a_h {
    display: inline-block;
    text-align: center;
    line-height: 40px;
    padding: 0px 35px;
    font-size: 16px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-color: #f79131;
    color: #fff;
}
.cp_an a {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0;
    width: 35%;
    min-width: 150px;
    margin-right: 3%;
    cursor: pointer;
}
.cp_an2 a:hover {
    color: #fff;
}
a.cd_a_lv:hover {
    background-color: #17a0ac;
}
a.cd_a_h:hover {
    background-color: #ff7800;
}
.cp_lb1 {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 22px;
    height: 258px;
    overflow-y: auto;
}
.cp_lb1 p {
    width: 100%;
    margin-bottom: 9px;
    background-color: #f8f8f8;
    padding: 6px 10px;
    display: flex;
    margin-top: 14px;
}
.cp_lb1 p .fixed {
    margin-right: 7px;
    font-weight: bold;
    color: #333333;
    text-indent: 9px;
}
.cp_lb1 p .fluid {
    color: #4c4c4c;
    flex: 1;
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 5px;
}
::-webkit-scrollbar-track{
    background-color: #CCCCCC;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 5px;
    border-top: 1px solid #edf2f9;
    border-bottom: 1px solid #edf2f9;
    background-color: #959595;

}
.cp_an2 {
    width: 100%;
    display: flex;
}
.cp_an2 a {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0;
    width: 35%;
    min-width: 150px;
    margin-right: 3%;
    border: solid 1px #17a0ac;
    background-color: #fff;
    color: #17a0ac;
}
.container ul {
    padding: 0;margin-bottom: 30px;
}
.container li{
    list-style: none;
}
.cp_lb2 {
    width: 100%;
    display: flex;
    margin-top: 40px;
}
.cp_lb2 li {
    width: 25%;
    display: flex;
    align-items: center;
}
.cp_lb2 li img {
    display: inline-block;
    margin-right: 20px;
    vertical-align: text-bottom;
}
.cp_lb2 li div{
    display: flex;
    align-items: center;
    /*white-space: nowrap;*/
    word-break: break-all;
    flex-wrap: wrap;
}
.cp_lb2 li .left{
    width: calc(100% - 70px);
}
.company_pro_p {
    padding-top: 44px;
    padding-bottom: 57px;
    border-top: 1px solid #e6e6e6;
    margin-top: 40px;
    font-size: 14px;
}
#company_profile .cp_lb1{
    height: 331px;
}
#company_profile .cp_lb1 p{
    margin-top: 0;
    margin-bottom: 15px;
}

#company_profile .cp_an{
    gap: 10px;
}
#company_profile .cp_an a{
    width: calc(50% - 5px);
    margin: 0;
}
#company_profile .cp_an2{
    gap: 10px;
}
#company_profile .cp_an2 a{
    width: calc(50% - 5px);
    margin: 0;
    color: #6ecdc5;
    border-color: #6ecdc5;
}
#company_profile .cp_an2 a:hover{
    background:  #6ecdc5;
    color: #fff;
}
#company_profile .gys_gd2{
    width: calc(53% - 17px);
}
#company_profile .cp_r{
    width: calc(47% - 17px);
}
#company_profile .gys_gd2 .swiper-slide img{
    height: 100%;
    object-fit: cover;
}
#company_profile .gys_sy1.top{
    padding: 23px 15px 0;
}
.company_pro_contact ul li div label, .cp_lb2 li div label {
    line-height: 20px;
    /*max-height: 40px;*/
    /*display: -webkit-box;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
}
.company_pro_contact ul li div span, .cp_lb2 li div label.company-info {
    margin-right: 5px;
}
.company_pro_contact ul li.li1 div label, .cp_lb2 .cp_lb2_li1 div label {
    line-height: 22px;
}
.cp_lb2 li .show_tel a:hover{
    color: var(--base-color);
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
a.cd_lv {
    color: #4fc2b8;
}
.gys_gd1 {
    width: 100%;
    position: relative;
    padding: 0 10%;
    margin-bottom: 20px;
}
.gys_gd1 .swiper-slide {
    width: 100%;
    padding: 0 5%;
}
.gys_gd1 a {
    width: 100%;
    display: block;
    position: relative;
    /*height: 295px;*/
    overflow: hidden;
}
.gys_gd1 .swiper-slide img {
    width: 100%;
    min-height: auto;
    display: block;
}
.gys_gd1 .swiper-slide .txtk {
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: #fff;
    background-color: rgba(79, 194, 184, .9);
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 10%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.gys_gd1 .swiper-slide a:hover .txtk {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.gys_gd1 .swiper-slide .txtk p {
    margin-bottom: 30px;
}

.gys_gd1 .swiper-slide .txtk i {
    display: inline-block;
    background: url("../../img/suppliers/detail/p_ss.png") no-repeat;
    width: 21px;
    height: 21px;
}

.gys_gd1 .txtk::before,
.gys_gd1 .txtk::after {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.gys_gd1 a:hover .txtk::before,
.gys_gd1 a:hover .txtk::after {
    opacity: 1;
    transform: scale(1);
}

.gys_gd1 .txtk::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(0, 1);
}

.gys_gd1 .txtk::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: scale(1, 0);
}
.gys_gd1 .swiper-button-prev, .gys_gd1 .swiper-button-next {
    color: #bababa;
    outline: none;
    --swiper-navigation-size: 65px;
    z-index: 2;
}
.gys_gd1 .swiper-button-next {
    right: 3%;
}
.gys_gd1 .swiper-button-prev {
    left: 3%;
}
.gys_gd1 .swiper-button-next:hover, .gys_gd1 .swiper-button-prev:hover {
    color: #4fc2b8;
}
.pro_t3 {
    width: 100%;
    background-color: #4fc2b8;
    font-size: 16px;
    color: #fff;
    padding: 40px 5%;
}
.pros_bt1 {
    width: 100%;
    font-size: 24px;
    text-align: center;
    line-height: 30px;
    color: #333;
}
.pro_t3 .pros_bt1 {
    color: #fff;
}
.pros_fo {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pros_fo p {
    width: 100%;
    margin-top: 30px;
}
.pros_fo li {
    list-style: none;
    width: 100%;
    margin: 15px 0;
}
.pros_fo li.l1 {
    width: 47%;
}
.pros_fo .s_name {
    width: 100%;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}
.pros_fo .form-control {
    width: 100%;
    height: 55px;
    font-size: 16px;
    color: #28858d;
    border: 0;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    border-radius: 0;
}
.pros_fo li.l2 {
    width: 47%;
}
.pros_fo .form-control.p_tx2 {
    height: 150px;
    padding-top: 20px;
}
#message {
    overflow: auto;
    -webkit-line-clamp: initial;
}
.pros_fo li.l_an {
    margin-top: 30px;
    display: flex;
}
.pros_fo li.l_an .btn {
    width: 330px;
    height: 55px;
    margin: 0 auto;
    font-size: 18px;
    border: none;
}
.an_h {
    background-color: #f29124 !important;
    color: #fff !important;
}
.content_jump, .content_jump-left {
    position: absolute;
    display: none;
    padding: 10px;
    width: 186px;
    /* background: #e0edf7; */
    background: #eee;
    border-radius: 6px;
    z-index: 100;
    margin-top: 10px;
    color: #000;
}
.pro_t3 a {
    color: rgb(255, 198, 95);
}
.em4 {
    padding: 0 32px;
}
.mask .close{
    position: fixed;
    right: 10px;
    top: 10px;
    width: 60px;
    border-radius: 50%;
    border:3px solid #fff;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.bigimg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    max-width: 600px;
    width: auto;
    display: inline;
}

#onlineService {
    position: fixed;
    z-index: 100998;
    right: 0;
    bottom: 8%;
}
.offside li {
    width: 50px;
    height: 45px;
    position: relative;
    text-align: center;
    transition: all .7s;
    -webkit-transition: all .7s;
    margin-bottom: 10px;
    list-style: none;
}
.offside a, .offside div {
    color: #333;
    position: absolute;
    z-index: 11;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
#onlineService .offside a {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
}
#li_3_image-1 {
    width: max-content;
    height: 280px;
    right: 41px;
    z-index: 999999;
    position: absolute;
    top: -116px;
}
.offside li img {
    width: 100%;
    height: 100%;
}
#li_3_image-2 {
    width: 250px;
    height: 48px;
    right: 48px;
    z-index: 999999;
    position: absolute;
    top: 0px;
    background: #207b81;
    color: white;
    line-height: 48px;
    border-radius: 12px;
    opacity: 0.75;
    font-size: 14px;
}
#li_3_image-4 {
    width: 250px;
    height: 48px;
    right: 48px;
    z-index: 999999;
    position: absolute;
    top: 0px;
    background: #207b81;
    color: white;
    line-height: 48px;
    border-radius: 12px;
    font-size: 15px;
    opacity: 0.75;
}


.company_product .company_new_page {
    width: 100%;
    height: 120px;
    padding-top: 25px;
}
.company_new_page .company_new_page_div {
    height: 34px;
    line-height: 34px;
    margin: 0 auto;
    border-bottom: 1px solid #4fc2b8;
    text-align: left;
}
.company_product .company_new_page .company_new_page_div {
    float: right;
}
.company_new_page .company_new_page_div a {
    width: 60px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
}
.company_new_page .company_new_page_div a.on {
    border-bottom: 3px solid #28858d;
    color: #509ba1;
    font-size: 16px;
}

div.v-more {
    padding: 0 15px;

    height: 31px;
    text-align: center;
    font-size: 12px;
    line-height: 31px;
    background-color: #fff;
}
.v-more .view-more {
    width: 100%;
    height: 100%;
    display: block;
    /* text-align: center; */
    color: #4fc2b8;
}
.form-drag{
    border: none !important;
}
@media (max-width: 1200px) {
    .hea_sea_contert .hea_sea_con_select{
        display: none;
    }
    .hea_sea_contert{
        padding-left: 3px;
    }
}

@media (max-width: 992px) {
    .contain{
        height: 100vh;
        overflow-y: auto;
    }
    .contain::-webkit-scrollbar{
        display: none;
    }
    .header_ad_search{
        height: unset;
    }
    .hea_ad_sea_content{
        flex-wrap: wrap;
    }
    .hea_ad_sea_content .hea_ad_sea_con_img{
        flex-wrap: wrap;
        gap: 4px;
    }
    .header_ad_navigate ul li a{
        font-size: 14px;
    }
    .gys_gd3 .imgk{
        height: unset;
        aspect-ratio: 1;
        margin-bottom: 10px;
    }
    .gys_gd3 .swiper-slide img{
        min-height: unset;
        height: 100%;
    }
    .gys_sy2{
        flex-direction:column;
    }
    .gys_sy2 .d1{
        width: 100%;
    }
    .gys_sy2 .d2{
        width: 100%;
    }
    .gys_lb4 .img,.gys_lb4 .imgk a{
        height: unset;
    }
    .gys_lb4 li{
        width: calc((100% - 2% )/ 3);
    }
    .fy1 a{
        padding: 0 10px;
        line-height: 24px;
        font-size: 12px;
    }
    .company-profile-info{
        flex-direction: column;
    }
    .gys_gd2,#company_profile .gys_gd2{
        width: 100%;
    }
    .gys_gd2 .swiper-slide img{
        width: 100%;
    }
    .cp_r,#company_profile .cp_r{
        width: 100%;
        margin-top: 20px;
    }
    .cp_an,.cp_an2{
        gap: 10px;
    }
    .cp_an a,.cp_an2 a{
        flex: 1;
        margin: 0;
    }
    .cp_lb2 li img{
        width: 20px !important;
        height: fit-content !important;
        margin: 0;
    }
    .cp_lb2 li{
        flex-direction: column;
    }
    .cp_lb2 li .left{
        width: 100%;
        margin-top: 10px;
        justify-content: center;
    }
    .cp_lb2 li div label {
        font-size: 12px;
    }
    .gys_gd1 .swiper-button-prev, .gys_gd1 .swiper-button-next,
    .gys_gd3 .swiper-button-prev, .gys_gd3 .swiper-button-next{
        --swiper-navigation-size: 20px;
    }
    .hea_ad_nav_content{
        overflow-x: auto;
    }
    .hea_ad_nav_content::-webkit-scrollbar{
        display: none;
    }
    .gys_gd3 p{
        font-size: 12px;
        line-height: 18px;
    }
    .gys_lb4 .imgk{
        height: unset;
    }
    #onlineService{
        display: none;
    }
    .company_new_page .company_new_page_div a{
        width: 40px;
        font-size: 12px;
    }
    .company_new_page .company_new_page_div a.on{
        font-size: 14px;
    }
    .profile-more{
        margin-bottom: 10px;
    }
    .mask .close{
        width: 30px;
        height: 30px;
        font-size: 20px;
        top: 70px;
    }
}


@media (max-width: 768px) {
    .header_ad_search{
        padding-top: 10px;
    }
    .hea_ad_sea_content .right{
        width: 100%;
    }
    .hea_ad_sea_content .hea_ad_sea_con_search{
        align-items: center;
        justify-content: space-between;
    }
    .hea_sea_contert{
        margin-right: 0;
    }
    .hea_ad_sea_con_search .favorites{
        width: 43px;
        overflow: hidden;
        justify-content: flex-start;
        padding-left: 10px;
    }
    .gys_lb4 li {
        width: calc((100% - 1%) / 2);
    }
    .gys_sy1{
        padding: 15px;
    }
    .cp_lb1 p{
        flex-wrap: wrap;
    }
    .cp_lb1 p .fixed{
        text-indent: 0;
    }
    .gys_gd4 .swiper-slide img{
        height: 100%;
        object-fit: contain;
    }
    .gys_gd4 .swiper-slide{
        height: unset;
    }
    .gys_gd2 .swiper .swiper-slide{
        height: unset;
    }
    .cp_lb2{
        flex-wrap: wrap;
        gap: 10px 0;
    }
    .cp_lb2 li{
        width: 50%;
    }
    .gys_bt1 .s1{
        font-size: 16px;
    }
    .gys_bt1 a{
        font-size: 12px;
    }
    .pros_fo p{
        display: flex;
        flex-wrap: wrap;
    }
    .pros_fo li.l1,.pros_fo li.l2{
        width: 100%;
    }
    .pros_fo li{
        margin: 15px 0 0;
    }
    .gys_lb4 .txtk{
        padding: 20px;
        height: 90px;
    }
    .gys_lb4 .txtk a.dbt{
        font-size: 14px;
    }
    .gys_lb4 .txtk a.more{
        font-size: 14px;
    }
    .gys_gd4 .swiper-button-prev, .gys_gd4 .swiper-button-next{
        --swiper-navigation-size: 20px;
    }
    .gys_lb4 .imgk img{
        height: 171px;
        max-height: 260px;
        object-fit: contain;
    }
}