@charset "utf-8";
.headset{ margin-top: 60px;font-family: SourceHanSansSC-regular; }
.headset_banner{ width: 100%;position: relative;z-index: 2; }
.headset_banner img{ width: 100%; }
.headset_banner_content{ position: absolute;top: 38%;left: 15%;transform: translate(-15%,-50%); }
.headset_banner_content h1{ margin: 0px;color: rgb(245, 181, 100);font-size: 56px; }
.headset_banner_content .headset_banner_desc{ color: rgb(255, 255, 255);font-size: 26px;padding-bottom: 10px; }
.headset_banner_content .banner_btn_box{ margin-top: 30px;display: flex;align-items: center; }
.headset_banner_btn{ border-radius: 60px;width: 203px;height: 50px;color: #fff;background-color: #ff9100;text-align: center;line-height: 50px;cursor: pointer; }
.headset_banner_btn1{ margin-right: 30px; }
.headset_banner_btn2{ background: #5f5ff5; }
.headset_content{ width: 100%;position: relative;z-index: 9; }
.headset_content img{ width: 100%;margin-top: -10px; }
.download_box{ position: absolute;top: 100px;right: 150px;font-size: 14px;cursor: pointer; }
.download{ position: relative; }
.download .tips{ background: #fff;padding: 5px 10px;border-radius: 4px;border: 1px solid #ff9100;color: #ff9100; }
.download .tips i{ font-size: 14px; }
.download .slide{ background: #fff;position: absolute;left: 0;top: 37px;width: 180px;padding: 5px 0;border-radius: 2px;display: none; }
.download .slide .slide_item{ padding: 5px 10px; }
.download .slide .slide_item:hover{ background: #fcf4f1; }
.download .slide .slide_item a{ display: block; }

.call_us{ width: 100%;background: #388270;color: #fff;padding: 55px 0 50px 0;font-family: SourceHanSansSC-regular; }
.call_us_title_desc{ text-align: center;font-size: 22px;margin-bottom: 67px; }
.call_list{ width: 1266px;margin:0 auto;display: flex;justify-content: space-between; }
.call_list_info{ width: 422px;text-align: center;position: relative; }
.call_list_info .call_info_title{ font-weight: bold;font-size: 20px; }
.call_list_info .call_info_desc{ font-size: 14px;margin: 4px 0 15px 0; }
.call_list_info .call_info_btn{ width: 150px;height: 38px;margin:0 auto;background-color: #ff9100;border-radius: 2px;line-height: 38px;text-align: center;cursor: pointer; }
.call_list_info .call_info_btn2{ background: rgb(225, 223, 224);color: rgb(51, 51, 51); }
.line-title{ font-size: 36px;color: #fff;text-align:center;display: flex;justify-content: center;align-items: center; }
.line-title:before{ display: block;content: "";height: 1px;width: 150px;background: #bbb;margin-right: 23px; }
.line-title:after{ display: block;content: "";height: 1px;width: 150px;background: #bbb;margin-left: 23px; }
.call_information_box{ position: absolute;left: 50%;transform: translate(-50%,0px);padding-top: 5px;cursor: auto;height: 0px;transition:height .2s;-moz-transition:height .2s; /* Firefox 4 */-webkit-transition:height .2s; /* Safari and Chrome */-o-transition:height .2s; /* Opera */overflow: hidden;z-index: 99; }
.call_information{ padding: 5px 13px 10px;width: 150px;background-color: #fff;z-index: 99;border-radius: 2px;box-sizing: border-box; }
.call_info_list{ display: flex;align-items: center;margin-top: 5px; }
.call_info_text{ font-size: 12px;color: #101010;text-align: left;padding-left: 5px; }
.call_info_text div{ line-height: 15px; }
.icon_add{ width: 32px;height: 28px; }
.work_time{ line-height: 18px;font-size: 12px;color: #101010;text-align: left; }
.call_info_btn3:hover .call_information_box{ height: 248px; }

.call_form_box{ position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1000;height: 100%;background-color: rgba(0,0,0,.45);width: 100%;display: none; }
.call_form{ box-sizing: border-box;color: rgba(0,0,0,.65);font-size: 14px;font-variant: tabular-nums;line-height: 1.5;list-style: none;font-feature-settings: "tnum";position: relative;top: 100px;width: 470px;margin: 0 auto;padding-bottom: 24px;pointer-events: none;transform-origin: 730px 580px;  }
.call_form_content{ position: relative;background-color: #fff;background-clip: padding-box;border: 0;border-radius: 4px;box-shadow: 0 4px 12px rgb(0 0 0 / 15%);pointer-events: auto; }
.call_box_close{ position: absolute;top: 0;right: 0;z-index: 10;padding: 0;color: rgba(0,0,0,.45);font-weight: 700;line-height: 1;text-decoration: none;background: transparent;border: 0;outline: 0;cursor: pointer;transition: color .3s;width: 56px;height: 56px;text-align: center;line-height: 56px;font-size: 16px;
    transition:color .1s;-moz-transition:color .1s; /* Firefox 4 */-webkit-transition:color .1s; /* Safari and Chrome */-o-transition:color .1s; /* Opera */ }
.call_box_close:hover{ color: rgba(0,0,0,.75); }
.call_form_header{ padding: 16px 24px;color: rgba(0,0,0,.65);background: #fff;border-radius: 4px 4px 0 0; }
.call_header_title{ font-size: 16px;line-height: 22px;word-wrap: break-word;text-align: center;color: #000;font-weight: bold; }
.call_form_body{ padding-bottom: 24px;font-size: 14px;line-height: 1.5;word-wrap: break-word; }
.call_form_body form{ box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: "tnum"; }

.call_form_list{ height: 60px;display: flex;margin-bottom: 5px; }
.call_form_list label{ width: 125px;text-align: right;padding-right: 10px;box-sizing: border-box;display: flex;justify-content: flex-end;line-height: 40px;color: rgba(0,0,0,.85);font-size: 14px; }
.call_form_list label span{ color: #f5222d;line-height: 40px;margin-right: 5px;padding-top: 2px; }
.call_form_input{ width: 290px; }
.call_form_input input,.call_form_input textarea{ text-overflow: ellipsis;box-sizing: border-box;font-variant: tabular-nums;list-style: none;font-feature-settings: "tnum";position: relative;display: inline-block;width: 100%;height: 32px;padding: 4px 11px;color: rgba(0,0,0,.65);font-size: 14px;line-height: 1.5;background-color: #fff;background-image: none;border: 1px solid #d9d9d9;border-radius: 4px;transition: all .3s;margin-top: 4px; }
.call_form_input textarea{ height:52px; }
.call_btn_box{ width: 363px;margin:24px auto 0;text-align:right; }
.call_btn_box .call_btn{ width: 100px;height: 32px;font-size: 14px;text-align: center;font-weight: 400;line-height: 32px;white-space: nowrap;cursor: pointer;padding:0 15px;border-radius: 2px; }
.call_btn_box .call_btn_cancel{ background-color: #fff;border: 1px solid #dfdfdf;color: #aeaeae; }
.call_btn_box .call_btn_primary{ margin-left: 10px;color: #fff;background: #ff9100;border: none; }
.call_list_info .call_info_btn4{ display: block; }
.mobile_set{ display: none; }

/*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{
    .call_us_title_desc{ margin-bottom: 35px; }
    .call_list{ width: 100%; }
    .call_list_info{ width: 30%; }
    .call_list_info .call_info_desc{ width: 210px;margin: 4px auto 15px;height: 51px; }
    .call_list_info .call_info_btn4{ display: none; }
    .mobile_set{ display: block; }
}
/*mobile*/
@media screen and (max-width: 750px)
{
    .right_fixed{ display: none; }
    .headset_banner_content h1{ font-size: 26px; }
    .headset_banner_content .headset_banner_desc{ font-size: 16px; }
    .headset_banner_content .headset_banner_btn{ width: 140px;height: 32px;line-height: 32px; }

    .call_us_title_desc{ margin-bottom: 15px;font-size: 18px; }
    .call_list{ width: 100%;display: block; }
    .call_list_info{ width: 100%;margin-bottom: 20px; }
    .call_list_info .call_info_desc{ width: 210px;margin: 4px auto 15px; }
    .call_us{ padding-top: 25px; }
    .call_list_info .call_info_btn4{ display: none; }
    .mobile_set{ display: block; }
    .line-title{ font-size: 22px; }
    .line-title:before{ width: 70px; }
    .line-title:after{ width: 70px; }
}