/* CSS Document */

.onlineExh, .supplierProfile {
    --spBGColor: #512e91;
    --spColorHover: #6945a9;
}
.cloud_page_ffff {background: #ffffff;padding: 10px 8px;}
.cloud_height_100{ height:100%;}
.cloud_height_initial {height: initial;padding-bottom: inherit; margin-bottom: 10px;}
 .cloud_height_grid { height:100%!important; display:grid !important; }
.cloud_img_height{ height:100px; text-align: center;}
.cloud_img_p { color: #ffffff; position: relative; font-size: 20px;font-weight: bold;bottom: 85px; text-shadow: 2px 1px 1px #000;display: inline-block;width: 100%; text-align: center;}  
.cloud_img_p_more { background: #ffffff; color: #2e2e2e;border-radius: 4px; padding: 2px 0px;text-align: center; font-size: 16px;display: block; width: 120px; position: relative; 
    bottom: 85px;
    margin: 8px auto; border-radius: 4px; border: 1px solid #ffffff; font-weight: bold;} 
.cloud_img_p_more_1:hover{background:var(--spBGColor); color: #ffffff;}
.cloud_img_p_more_2:hover{background:#F8F000; color: #000000;}
.cloud_img_p_more_3:hover{background:#512e91; color: #ffffff;}
.cloud_img_p_more_4:hover{background:#004d9d; color: #ffffff;}
.cloud_tit_border{padding: 10px 10px 5px 10px; border-bottom: 1px solid #dee2e6;}
.product_bg{ background: #f6f6f6; overflow: hidden;}
.cloud_page_left{width: 80%; float: left; margin-bottom: 30px; }
.cloud_page_right{width: 19%; float: right; background:#ffffff; margin-bottom: 30px;}
.cloud_page_left_btn { background: #efedf0;border-radius: 4px;display: block; color: #2e2e2e; padding: 10px; font-size: 16px;text-align: center;position: relative;margin: 5px 0; height: 100%;}
.cloud_page_left_btn:hover{ background: var(--spBGColor); color: #ffffff;} 
.cloud_border{border: 1px solid #dee2e6; display: block; } 
  .cloud_img_company{ font-size: 14px; text-align: center; padding: 2px;}
.col-zdlg-2-5 {float: left; flex: 0 0 20%; max-width: 20%;} 



/*product*/
.c_left{ width: 21%; float: left; background: #f7f8f9; height: auto; padding-bottom: 30px; border:1px solid #dddddd;}
.c_right{ width: 78%; float: right;   padding-bottom: 30px; }
.c_pfp_prt{ background: #512e91; color: #ffffff; width: 100%; margin: 5px 2px; font-size:14px;}
.c_pfp_prt:hover{background:#6945a9; color: #ffffff;}
.c_pfp_lab{ background: #004d9d; color: #ffffff; width: 100%; margin: 5px 2px; font-size:14px;}
.c_pfp_lab:hover{background:#2467af; color: #ffffff;}
.c_pfp_gpac {
    background: #007d75;
    color: #ffffff;
    width: 100%;
    margin: 5px 2px;
    font-size: 14px;
}
    .c_pfp_gpac:hover {
        background: #0ca9a0;
        color: #ffffff;
    }
.c_pfp_inno{ background: #f8f000; color: #2e2e2e; width: 100%; margin: 5px 2px; font-size:14px;}
.c_pfp_inno:hover{background:#FDE87B; color: #2e2e2e;}
.c_mlr_btn{margin:0px 3px;}
.c_search{background: #ffffff; border-radius: 4px; width: 100%; border: 1px solid #dddddd;  height: 36px;}
.c_search_icon{ float: right; position: relative; top: 8px; right: 6px; cursor: pointer; width: 20px; color: #e65514;}
.c_search_input{ border:none; padding: 0 6px; font-size: 12px;     height: 34px; width: 88%; }
input:focus{    outline: -webkit-focus-ring-color auto 0px;}
.c_dropbox{ border:1px solid #dddddd; background: #ffffff; height: 400px; overflow: auto;} 
.c_dropbox_p{ font-size: 14px;  padding: 10px;}
.c_dropbox_tit{ padding: 10px 10px 0 10px; font-size: 16px; font-weight: bold; list-style-type: none; display: block;}
.c_dropbox_ul{ padding:0px; margin:0px;}
.c_dropbox_list{ font-size: 14px; margin-left:30px; padding:5px 0px; display: block;}
.c_dropbox_list a{ color: #2e2e2e; }
    .c_dropbox_list a:hover {
        color: #0ca9a0;
    }

/*滚动条*/

.scrolling-area {overflow: auto;}
.scrolling-area::-webkit-scrollbar {  width: 2px;     height: 1px; }
.scrolling-area::-webkit-scrollbar-thumb { background: #e2dfe1;}
.scrolling-area::-webkit-scrollbar-track {background: #c2c0c1; }

.c_hotproduct_a {padding: 4px 8px; border: none; background-color: #ffffff;border-radius: 5px;margin: 5px;display: block;float: left; font-size: 14px; color: #2e2e2e;}
.c_hotproduct_a:hover{ background: var(--spColorHover); color: #ffffff; }
.c_tab_icon{ font-size: 24px; position: relative; right: 5px; top: 3px;} 
.c_right_tab a { padding: 10px;background: #ededef;}
.c_right_tab a { text-align: center; display: block;color: #2e2e2e;padding-bottom: 10px;font-size: 20px;font-weight: bold;}
.c_right_tab a:hover{ background: #f8d4c4;}
.c_tab_active{ color: #ffffff!important; background: #e65514 !important; text-align: center;}
.c_product_img{ border:1px solid #dddddd; height: 280px; padding: 20px; text-align: center; overflow: hidden;}
.c_product_img img{ max-height:150px;}
.c_product_a{  font-size:14px; color: var(--spBGColor); display: block; padding-top: 5px;}
.c_product_a:hover{ color: var(--spColorHover);}
.c_product_span{ font-size: 12px; color: #666666; display: block; padding-top: 2px;}
.c_product_img:hover{ border:1px solid var(--spBGColor); display: block;}
.c_list_pagesbottom .c_list_cutover_a { float: left; width: auto;height: 38px;border-radius: 2px;text-align: center;background: #dedcdc;padding: 0 15px;  color: #2e2e2e;
}
.c_list_pages_nav li {float: left; padding: 0 5px; list-style-type: none;}
.c_list_pages_nav{ margin:0px; padding: 0px;}
.c_list_pages_nav a {display: block; text-align: center;background: #fff;font-size: 14px;color: #333;line-height: 38px; height: 38px; overflow: hidden;padding: 0 15px;border: 1px solid #f3f3f3;border-radius: 2px; box-sizing: border-box;}
.c_list_pagesbottom .c_list_iconprev {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 8px;
}
.c_list_pagesbottom .c_list_cutover_a:hover {
    background: var(--spBGColor);
    border-color: #cb1d04;
    color: #fff;
}
.c_list_pages_nav a:hover, .c_list_pages_nav .active a {
    background: #fff;
    border-color: var(--spBGColor);
    color: var(--spBGColor);
    padding: 0 15px;
}

/*invitation*/
.d_normal{ display:inline-block; width: auto;}
.img-fluid {max-width: 100%; max-height: 300px;}
.o_logo{ width:268px; height:151px; border: 1px solid #dddddd; background: #ffffff;}
.o_logo img{ padding:10px;}
.o_btn_map{ background: #4e5357; color: #ffffff; padding: 6px 20px;}
.o_qrcode img{ display: block; margin: 0px auto;}
.o_qrcode p{ text-align: center; color: #f36a22; font-size: 14px;}
.o_btn{ padding:14px 18px 0 18px; font-size: 24px; font-weight: normal;}
.o_icon_left{ float:left; font-size:  36px;}
.o_icon_right{ float:right; font-size:50px; color:#ec9a76;}
.o_incontent_gpac{ background:var(--spBGColor); padding-bottom: 30px;  }
.o_company{ border-radius:4px; border: 1px solid #ffffff; color: #ffffff; padding: 10px;}
.o_company_tit{ font-size: 30px; font-weight: bold; color: #ffffff; border-bottom: 1px solid #fff;}
.o_company_list{ background:#ffffff; }
.o_company_img{ border:1px solid #dddddd;}
.o_icon_submit{ position: relative; top: 2px; font-size: 24px;} 
.o_forward_s{ display: none;}  
.o_incontent_img{ position:relative; top:-2px;}

.o_form_bg{ background: #f8f9fd; padding-bottom: 30px; }
.o_form_tit{ border-bottom:1px solid #dddddd;}
.o_form_tit span{  position: relative; top: 10px; left: 8px; color: #2e2e2e; font-weight: bold; background: #f8f9fd;padding: 0 5px;}   
.o_red{ color:#ff0000 !important;padding: 0px; position: relative; top: 4px !important; left: 2px !important;}


/*表单*/
.CPSform-item {
    margin-top: 30px;
    margin-bottom: 0;
    position: relative;
}
.CPSform-item input, optgroup, .CPSform-select, textarea {
    border: 1px solid #d3d3d6;
    text-indent: 15px;
    outline: none;
    width: 100%;
    background-color: #f8f9fd;
    border-radius: 0;
    outline: none;
    height: 40px;
    width: 100%;
    font-size: 16px;
    margin: 0 0 5px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

.CPSform-item label {
    color: #000;
    font-weight: 500;
    position: absolute;
    top: -3px;
    left: 15px;
    font-size: 14px;
    cursor: text;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
}


/*new 0818*/
.c_buser{ border:1px solid #dddddd;background-color:#fff; }
.c_buser:hover{ box-shadow: 4px 4px 10px #d1d1d1; display: block;}
.c_buser_logo{ border: 1px solid #ffffff;  text-align: center;padding: 0; max-width: 100%;height: auto;}
.c_buser_a{word-break:break-all; word-wrap:break-word; font-weight: bold; font-size: 16px; color: #2e2e2e;}
.c_buser_a:hover{ color: var(--spBGColor);}
.c_buser_p{ color:#2e2e2e; font-size: 14px; padding-top: 5px;}
.c_plr_10 {padding:0px 10px !important;}
.c_buser_border{ padding:0px 0; border-bottom:1px solid #ccc;}
.c_buser_img{ border:1px solid #dddddd;text-align: center;padding: 0; margin-bottom: 10px; max-width: 100%;height: auto; border-radius: 4px;}
.c_buser_img:hover{ border: 1px solid var(--spBGColor);}
.c_video-playicon {position: absolute; width: 20% !important; left: 38%;top: 38%; cursor: pointer;/* z-index: 101; */}
.c_buser_top{ margin-top:10px;}

.btnShutdown{background-color: var(--spBGColor);}

.theNewLaunchProducts {
    border-radius: 30px;
    background: #e98024;
    font-size: 12px;
    color: #fff !important;
    position: absolute;
    top: 0.275rem;
    right: 0.75rem;
    /*opacity: 0.8;*/
    padding: 5px;
    z-index: 2
}

.theNewLaunchProducts_m {
    border-radius: 30px;
    background: #e98024;
    font-size: 15px;
    color: #fff !important;
    position: absolute;
    top: -1px;
    right: 0;
    padding: 5px;
    z-index: 2;
}

.theNewLaunchProducts_Detial {
    top: 0;
    /*right: 20px ;*/
    opacity: 1;
    font-size: 15px;
    padding: 8px;
    text-align: center;
}
.o_company_title_m {
    background: var(--spBGColor);
    color: #ffffff;
    padding: 10px 0;
    text-align: center;
    display: block;
}
/*<!--vip logo-->*/
.c_leftLogo {
    width: 21%;
    float: left;
    height: auto;
    border: 1px solid #dddddd;
    margin-bottom: 30px;
}

.PCDetail {
    display: block !important;
}

.MobileDetail {
    display: none !important;
}

.MobileDetail_flex {
    display: none !important;
}


@media screen and (max-width: 1199px){
  .c_product_img{ height:auto;}
.c_left{ width: 100%; background: #ffffff; border: none;}
.c_right { width: 100%;}
 .c_hotproduct_a{ background: #ededef;}
    .c_search {
        width: 100% !important;
    }

    .searchM {
        position: relative;
    }
}

@media screen and (min-width: 1199px) {
    .o_invitation_bg_gz {
        background: url(https://web.adsaleinfo.com/FormR/Styles/img/invitation_bleft.png) no-repeat bottom left, url("../../img/invitation_bgright.png")no-repeat bottom right !important;
        padding-bottom: 30px;
    }

/*.o_btn_none{display:blcok;}*/
.o_foot_btn{  display:none;}
    
 
    
}
@media screen and (max-width: 1199px){
/*新增*/
.cloud_img{ height: 100px; width: 100%;  }
 .cloud_img_height{ height:100px;}
.cloud_page_left{width: 100%; }
.cloud_page_right{width: 100%; }
.col-zdlg-2-5 {float: left; flex: 0 0 50%; max-width: 50%;}


    .o_invitation_bg_gz {
        background: url(https://web.adsaleinfo.com/FormR/Styles/img/invitation_bgright_s.png) no-repeat bottom right !important;
        padding-bottom: 60px;
    }

/*.o-12-s{-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;}*/
/*.o_center_s{ display:block; margin: 0px auto;}*/
/*.o_qrcode_s{ display: none;}*/  
/*.o_btn_none{display:none;}*/
/*.o_forward_s{ display: block;}*/
.o_forward_btn{ width:auto; float: right; margin-right: 20px;}
.o_logo{margin:0px auto;}
.o_mt_20_s{ margin-top:20px;}
.o_font_l1{font-size:20px; text-align: center}
/*.o_btn_map{ display:block;}*/
/*.o_company_ptit{ display:none;}*/
.o_company_list_s{background: var(--spBGColor); color: #ffffff;padding: 10px 0;text-align: center; display: block;}
.b_line{display:none;}  
.o_company_list{ background: none;}
.o_company_list_sbg{ background: #ffffff; padding: 10px; margin-top:30px;}
.o_btn{ }
.o_foot_btn img{ height: 80px; padding:10px; }
.o_foot_btn span{    position: absolute;bottom: 0;top: 30px;}
   
}

@media screen and (max-width: 991px) {
    .o_center_s {
        display: block;
        margin: 0px auto;
    }
    .o_qrcode_s {
        display: none;
    }
    .o_btn_none {
        display: none;
    }
    .o_forward_s {
        display: block;
    }
    .o-12-s {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .center_m {
        text-align: center
    }
    .PCDetail {
        display: none !important;
    }

    .MobileDetail {
        display: block !important;
    }
    .MobileDetail_flex {
        display: flex !important;
    }

   /* .c_left {
        padding-bottom: 0px !important;
    }*/
}

@media screen and (min-width: 991px) {
    .o_forward_s {
        display: none;
    }
    .o_btn_none {
        display: block;
    }
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 576px) {
}