/*对应手机端页面*/
@media screen and (max-width:768px) and (min-width:550px){
    html,body{
        font-size:14px;
    }
    .headerMain .tabMain .tabs{
        display: none;
    }
    .headerMain .logo_img{
        margin-left:10px;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .footerMain .footer_left{
        margin-left:0;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .headerMain .tabMain{
        margin-right:10px;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .footerMain .footer_right{
        margin-right:0;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .homeShadeMain .shadeHead .icon-guanbi1{
        margin-right:8px;
    }
    .bannerInfoMaskWeb {
        display: none;
    }
    .bannerInfoMaskMobile {
        display: block;
    }
    .bannerInfoMaskMobile .title {
        font-size: 24px;
    }
    .footerMainDa{
        display: none;
    }
    .footerMainXiao{
        display: block;
        padding: 8px 0;
    }
    .footerMainXiao .beianXiao{
        display: block;
    }
    .footerMain .footer_left .beian{
        display: none;
    }
    .headerMain{
        border-bottom: none;
    }
    .headerMain .tabMain .operateMain .icon-menu-pc{
        display: none;
    }
    .headerMain .tabMain .operateMain .icon-menu-mob{
        display: inline-block;
    }
    .headerMain .tabMain .operateMain .icon-chazhao-pc{
        display: none;
    }
    .headerMain .tabMain .operateMain .icon-chazhao-mob{
        display: inline-block;
    }
    .headerMainMob{
        background: #ffffff;
    }
    .headerMainMob .logo_img .logo_mob{
        display: block;
    }
    .headerMainMob .logo_img .logo_pc{
        display: none;
    }
    .headerMainMob .tabMain .operateMain .iconfont{
        color: #333;
    }
    .boxMainHead .boxMainInfo{
        width: 100%;
    }
    .boxMainHead .boxMainInfo .boxMainInfo_left{
        display: none;
    }
    .boxMainHead .boxMainInfo .boxMainInfo_right{
        min-height: 500px;
        width: 100%;
    }
    .boxMainHead .boxMainInfo .boxMainInfo_right .right_list{
        padding: 18px 10px 30px;
    }
    .boxMainHead .boxMainHeadBeijing .rightTipsMain{
        display: block;
    }
    .boxMainHead .boxMainHeadBeijing{
        height:224px;
    }
    .boxMainHead .boxMainHeadBeijing .rightTipsMain{
        height: 142px;
        line-height: 142px;
        width: 230px;
        font-size:20px;
    }
    .owl-wrapper-outer .owl-wrapper .owl-item{
        width: 100px!important;
    }
    .customerMain .customerBox{
        width: 100%;
    }
    .customerMain .customerBox .customerList{
        margin: 5px 0;
        width: 33.3%;
    }
    .honoraryAwards .honoraryAwardsBox{
        width: 100%;
    }
    .honoraryAwards .honoraryAwardsBox .honoraryAwardsList{
        margin: 5px 2%;
        width: 46%;
    }
    .honoraryAwards .honoraryAwardsBox .honoraryAwardsList img{
        width: 100%;
    }
    .trailerMain .trailerBox{
        width: 100%;
    }
    .trailerMain .trailerBox .trailerList{
        margin: 5px 2%;
        width: 46%;
    }
    .trailerMain .trailerBox .trailerList .img{
        width: 100%;
    }
    .trailerMain .trailerBox .trailerList .img img{
        width: 100%;
    }
    .videoMain .videoBox{
        width: 90%;
        margin-left:-45%;
        height:400px;
        margin-top:-200px;
    }
    .videoMain .videoBox #videos{
        width: 100%;
        height:400px;
    }
    .dynamicsPage_Info ul{
        margin: 20px 10px;
    }
    .dynamicsPage_Info ul li{
        width: 100%;
        margin-right: 0;
    }
    .businessAreaBox ul{
        padding: 10px;
    }
    .businessAreaBox ul li{
        padding: 0 5%;
        width: 90%;
        margin:0 0 10px;
    }
    .businessAreaBox ul li a{
        width: 80%;
    }
    .businessAreaBox .businessAreaHead{
        padding: 30px 0 10px;
    }
    .professionalStaffMain{
        width: 100%;
    }
    .professionalStaffMain .zimuBox li{
        width: 40px;
        height: 40px;
        margin: 5px;
        padding: 0;
    }
    .professionalStaffMain .zimuBox li span{
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: #FFFFFF;
        border-radius: 6px;
    }
    .professionalStaffMain .tipsInfo{
        display: block;
    }
    .professionalStaffMain .zimuBox{
        padding: 0 30px;
        display: block;
    }
    .professionalStaffMain .input{
        padding: 0 30px;
        display: block;
    }
    .professionalStaffMain .input input{
        width: 96%;
        padding: 0 2%;
    }
    .professionalStaffMain .input div{
        display: none;
    }
    .professionalStaffMain .selectBox{
        display: block;
        margin-top: 5px;
    }
    .professionalStaffMain .selectBox .select_list{
        width: 100%;
    }
    .professionalStaffMain .selectBox .select_list .nice-select{
        width: calc(100% - 80px);
        margin:0 30px;
    }
    .professionalStaffMain .selectBox .select_list.select_list2{
        margin-left: 0;
    }
    .searchBtnMob{
        display: block;
    }
    .professionalStaffList{
        width: 100%;
    }
    .professionalStaffList li .li_right{
        display: none;
    }
    .professionalStaffList li{
        width: 46%;
        margin: 0 2% 10px;
        height: 330px;
        box-shadow:none;
    }
    .professionalStaffList li:nth-child(odd){
        margin-right: 2%;
    }
    .professionalStaffList li .img{
        width: 100%;
        height: 280px;
    }
    .professionalStaffList li .img img{
        width: 100%;
        height: 280px;
    }
    .professionalStaffPage .professionalStaffList li .titleMob{
        display: block;
    }
    .professionalStaffDetails{
        width: 100%;
    }
    .professionalStaffDetails .labels{
        display: none;
    }
    .professionalStaffDetails .detailsMain{
        margin: 30px 30px 0;
        background: none;
    }
    .professionalStaffDetails .detailsMain .main_right{
        width: calc(100% - 310px);
        display: none;
    }
    .searchBtnMob{
        width: 450px;
    }
    .professionalStaffDetails .detailsMainTips{
        display: block;
    }
    .joinMain .joinMain_head{
        position: relative;
    }
    .joinMain .joinMain_head .head_img{
        position: absolute;
        top: 0;
        left: 15px;
        z-index: 0;
        width: calc(100% - 30px);
        height: 500px;
    }
    .joinMain .joinMain_head .head_img img{
        width: 100%;
        height: 500px;
    }
    .joinMain .joinMain_head .head_info{
        position: absolute;
        top: 0;
        left: 15px;
        z-index:1;
        width: calc(100% - 50px);
        padding: 10px;
        height: 480px;
        background: url("../images/hyalinebj.png") center repeat;
        color: #ffffff;
    }
    .joinMain .joinMain_select{
        padding-top: 520px;
        margin: 10px 0 18px;
    }
    .joinMain .joinMain_select .tipsInfo{
        display: block;
    }
    .joinMain .joinMain_select .tipsInfo2{
        padding-top: 10px;
    }
    .joinMain .joinMain_select .select_list{
        width: 100%;
    }
    .joinMain .joinMain_select .nice-select{
        padding: 0 15px;
        width: calc(100% - 60px);
        margin-left: 15px;
    }
    .contactUsMain a{
        width: 100%;
    }
    .contactUsMain .contactUsList{
        width: calc(100% - 30px);
        margin: 0 15px 15px;
    }
    .contactUsMain .contactUsList .img{
        width: 100%;
    }
    .contactUsMain .contactUsList .img img{
        width: 100%;
    }
    .contactUsDetailsMain .contactUsDetailsTips{
        display: block;
        margin: 0 30px 0;
    }
    .contactUsDetailsMain .contactUsDetailsHead{
        background: none;
        margin: 30px 30px 0;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_right{
        display: none;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img{
        width: 100%;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img img{
        width: 100%;
    }
    .contactUsDetailsMain .contactUsLabel{
        display: none;
    }
    .contactUsDetailsMain .contactUsDetailsInfo{
        margin: 0 15px;
    }
    .businessAreaDetailsMain .detailsHead{
        display: none;
    }
    #professNoting{
        width: 100%;
        font-size: 12px;
    }
    .contactUsMain .contactUsList{
        height: unset;
        padding-bottom: 10px;
    }
    .contactUsMain .contactUsList .title{
        padding: 20px 0 5px 20px;
    }
    .contactUsMain .contactUsList .info_list{
        padding: 10px 0 5px 20px;
    }
    .contactUsMain .contactUsList .info_list .info_details{
        font-size: 14px;
        width: 400px;
    }
    .memorabilia_Info .info_main .month{
        font-size: 16px;
    }
    .memorabilia_Info .info_main .info_box{
        padding: 5px 15px 0;
    }
    .dynamicsPage_Info ul li a{
        font-size: 16px;
    }
    .dynamicsPage_Info ul li div{
        font-size: 13px;
    }
    .professionalStaffDetails .detailsMain .img{
        height: 500px;
        width: 100%;
    }
    .professionalStaffDetails .detailsMain .img img{
        height: 500px;
        width: 100%;
    }
    .professionalStaffDetails .detailsMainTips{
        height: unset;
    }
    .professionalStaffDetails .detailsMainTips .head .title{
        font-size: 16px;
    }
    .professionalStaffDetails .detailsMainTips .head .tips{
        font-size: 14px;
    }
    .professionalStaffDetails .detailsMainTips .area{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .address{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .email{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .phone{
        font-size: 14px;
        padding:10px 0;
    }
    .contactUsMain .contactUsList .title{
        font-size: 22px;
    }
    .contactUsDetailsMain .contactUsDetailsHead{
        margin: 15px 15px 0;
        width: calc(100% - 30px);
        height: 320px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img{
        width: 100%;
        height: 320px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img img{
        width: 100%;
        height: 320px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_right{
        display: none;
    }
    .contactUsDetailsMain .contactUsDetailsTips{
        padding: 10px 15px;
        display: block;
        margin: 0 15px;
        height: unset;
    }
    .contactUsDetailsMain .contactUsDetailsTips .head .title{
        font-size: 18px;
    }
    .contactUsDetailsMain .contactUsDetailsTips .head .time{
        font-size: 14px;
        margin-top: 5px;
    }
    .contactUsDetailsMain .contactUsDetailsTips .details_list{
        font-size: 14px;
        padding: 5px 0;
    }
    .contactUsDetailsMain .contactUsDetailsInfo{
        padding: 15px;
    }
    .businessAreaDetailsMain .detailsInfo{
        padding: 20px 15px;
    }
    .businessAreaDetailsMain .detailsFooter{
        padding: 20px 15px 50px;
    }
}
@media screen and (max-width:550px) and (min-width:450px) {
    html,body{
        font-size:14px;
    }
    .headerMain .tabMain .tabs{
        display: none;
    }
    .headerMain .logo_img{
        margin-left:10px;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .bannerInfoMaskWeb {
        display: none;
    }
    .bannerInfoMaskMobile {
        display: block;
    }
    .bannerInfoMaskMobile .title {
        font-size: 24px;
    }
    .footerMain .footer_left{
        margin-left:0;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .headerMain .tabMain{
        margin-right:10px;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .footerMain .footer_right{
        margin-right:0;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .homeShadeMain .shadeHead .icon-guanbi1{
        margin-right:8px;
    }
    .footerMain .footer_left{
        font-size: 10px;
    }
    .footerMainXiao .footer_right .email{
        font-size: 10px;
    }
    .footerMain .footer_right span{
        font-size: 10px;
    }
    .footerMainDa{
        display: none;
    }
    .footerMainXiao{
        display: block;
        padding: 8px 0;
    }
    .footerMainXiao .beianXiao{
        display: block;
    }
    .footerMain .footer_left .beian{
        display: none;
    }
    .headerMain{
        border-bottom: none;
    }
    .headerMain .tabMain .operateMain .icon-menu-pc{
        display: none;
    }
    .headerMain .tabMain .operateMain .icon-menu-mob{
        display: inline-block;
    }
    .headerMain .tabMain .operateMain .icon-chazhao-pc{
        display: none;
    }
    .headerMain .tabMain .operateMain .icon-chazhao-mob{
        display: inline-block;
    }
    .homeSearchMain .homeSearchBox{
        top: 0;
        padding: 10px 0;
        background: #3B3B3B;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li .searchBox{
        margin-top: 6px;
        background: #3B3B3B;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li .searchBox .searchBox_list{
        background: #3B3B3B;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li input{
        width: 340px;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li .searchBox{
        width: 340px;
    }
    .headerMainMob{
        background: #ffffff;
    }
    .headerMainMob .logo_img .logo_mob{
        display: block;
    }
    .headerMainMob .logo_img .logo_pc{
        display: none;
    }
    .boxMainHead .boxMainInfo{
        width: 100%;
    }
    .headerMainMob .tabMain .operateMain .iconfont{
        color: #333;
    }
    .boxMainHead .boxMainInfo .boxMainInfo_left{
        display: none;
    }
    .boxMainHead .boxMainInfo .boxMainInfo_right{
        min-height: 500px;
        width: 100%;
    }
    .boxMainHead .boxMainInfo .boxMainInfo_right .right_list{
        padding: 20px 10px 50px;
    }
    .boxMainHead .boxMainHeadBeijing .rightTipsMain{
        display: block;
    }
    .boxMainHead .boxMainHeadBeijing{
        height:224px;
    }
    .boxMainHead .boxMainHeadBeijing .rightTipsMain{
        height: 142px;
        line-height: 142px;
        width: 210px;
        font-size:18px;
        right: 8px;
    }
    .owl-wrapper-outer .owl-wrapper .owl-item{
        width: 100px!important;
    }
    .customerMain .customerBox{
        width: 100%;
    }
    .customerMain .customerBox .customerList{
        margin: 5px 0;
        width: 33.3%;
    }
    .honoraryAwards .honoraryAwardsBox{
        width: 100%;
    }
    .honoraryAwards .honoraryAwardsBox .honoraryAwardsList{
        margin: 5px 2%;
        width: 46%;
    }
    .honoraryAwards .honoraryAwardsBox .honoraryAwardsList img{
        width: 100%;
    }
    .trailerMain .trailerBox{
        width: 100%;
    }
    .trailerMain .trailerBox .trailerList{
        margin: 5px 2%;
        width: 46%;
    }
    .trailerMain .trailerBox .trailerList .img{
        width: 100%;
        height: 180px;
    }
    .trailerMain .trailerBox .trailerList .img img{
        width: 100%;
        height: 180px;
    }
    .videoMain .videoBox{
        width: 90%;
        margin-left:-45%;
        height:400px;
        margin-top:-200px;
    }
    .videoMain .videoBox #videos{
        width: 100%;
        height:400px;
    }
    .dynamicsPage_Info ul{
        margin: 20px 10px;
    }
    .dynamicsPage_Info ul li{
        width: 100%;
        margin-right: 0;
    }
    .businessAreaBox ul{
        padding: 10px;
    }
    .businessAreaBox ul li{
        padding: 0 5%;
        width: 90%;
        margin:0 0 10px;
    }
    .businessAreaBox ul li a{
        width: 80%;
    }
    .businessAreaBox .businessAreaHead{
        padding: 30px 0 10px;
    }
    .professionalStaffMain{
        width: 100%;
    }
    .professionalStaffMain .zimuBox li{
        width: 35px;
        height: 35px;
        margin: 5px;
        padding: 0;
    }
    .professionalStaffMain .zimuBox li span{
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: #FFFFFF;
        border-radius: 6px;
    }
    .professionalStaffMain .input input{
        height:40px;
        line-height: 40px;
        border-radius:4px;
    }
    .nice-select{
        height:40px;
    }
    .nice-select input{
        height:40px;
        line-height: 40px;
    }
    .professionalStaffMain .tipsInfo{
        display: block;
    }
    .professionalStaffMain .zimuBox{
        padding: 0 30px;
        display: block;
    }
    .professionalStaffMain .input{
        padding: 0 30px;
        display: block;
    }
    .professionalStaffMain .input input{
        width: 96%;
        padding: 0 2%;
    }
    .professionalStaffMain .input div{
        display: none;
    }
    .professionalStaffMain .selectBox{
        display: block;
        margin-top: 5px;
    }
    .professionalStaffMain .selectBox .select_list{
        width: 100%;
    }
    .professionalStaffMain .selectBox .select_list .nice-select{
        width: calc(100% - 80px);
        margin:0 30px;
    }
    .professionalStaffMain .selectBox .select_list.select_list2{
        margin-left: 0;
    }
    .searchBtnMob{
        display: block;
    }
    .professionalStaffList{
        width: 100%;
    }
    .professionalStaffList li .li_right{
        display: none;
    }
    .professionalStaffList li{
        width: 46%;
        margin: 0 2% 10px;
        height: 300px;
        box-shadow:none;
    }
    .professionalStaffList li:nth-child(odd){
        margin-right: 2%;
    }
    .professionalStaffList li .img{
        width: 100%;
        height: 250px;
    }
    .professionalStaffList li .img img{
        width: 100%;
        height: 250px;
    }
    .professionalStaffPage .professionalStaffList li .titleMob{
        display: block;
    }
    .professionalStaffDetails{
        width: 100%;
    }
    .professionalStaffDetails .labels{
        display: none;
    }
    .professionalStaffDetails .detailsMain{
        margin: 30px 30px 0;
        background: none;
    }
    .professionalStaffDetails .detailsMain .main_right{
        width: calc(100% - 310px);
        display: none;
    }
    .searchBtnMob{
        width: 400px;
    }
    .professionalStaffDetails .detailsMainTips{
        display: block;
        padding:10px 30px;
    }
    .joinMain .joinMain_head{
        position: relative;
    }
    .joinMain .joinMain_head .head_img{
        position: absolute;
        top: 0;
        left: 15px;
        z-index: 0;
        width: calc(100% - 30px);
        height: 500px;
    }
    .joinMain .joinMain_head .head_img img{
        width: 100%;
        height: 500px;
    }
    .joinMain .joinMain_head .head_info{
        position: absolute;
        top: 0;
        left: 15px;
        z-index:1;
        width: calc(100% - 50px);
        padding: 10px;
        height: 480px;
        background: url("../images/hyalinebj.png") center repeat;
        color: #ffffff;
    }
    .joinMain .joinMain_select{
        padding-top: 520px;
        margin: 10px 0 18px;
    }
    .joinMain .joinMain_select .tipsInfo{
        display: block;
    }
    .joinMain .joinMain_select .tipsInfo2{
        padding-top: 10px;
    }
    .joinMain .joinMain_select .select_list{
        width: 100%;
    }
    .joinMain .joinMain_select .nice-select{
        padding: 0 15px;
        width: calc(100% - 60px);
        margin-left: 15px;
    }
    .contactUsMain a{
        width: 100%;
    }
    .contactUsMain .contactUsList{
        width: calc(100% - 30px);
        margin: 0 15px 15px;
    }
    .contactUsMain .contactUsList .img{
        width: 100%;
    }
    .contactUsMain .contactUsList .img img{
        width: 100%;
    }
    .contactUsDetailsMain .contactUsDetailsTips{
        display: block;
        margin: 0 30px 0;
        padding: 20px;
    }
    .contactUsDetailsMain .contactUsDetailsHead{
        background: none;
        margin: 30px 30px 0;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_right{
        display: none;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img{
        width: 100%;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img img{
        width: 100%;
    }
    .contactUsDetailsMain .contactUsLabel{
        display: none;
    }
    .contactUsDetailsMain .contactUsDetailsInfo{
        margin: 0 15px;
    }
    .businessAreaDetailsMain .detailsHead{
        display: none;
    }
    #professNoting{
        width: 100%;
        font-size: 12px;
    }
    .contactUsMain .contactUsList{
        height: unset;
        padding-bottom: 10px;
    }
    .contactUsMain .contactUsList .title{
        padding: 20px 0 5px 20px;
    }
    .contactUsMain .contactUsList .info_list{
        padding: 10px 0 5px 20px;
    }
    .contactUsMain .contactUsList .info_list .info_details{
        font-size: 14px;
        width: 330px;
    }
    .memorabilia_Info .info_main .month{
        font-size: 16px;
    }
    .memorabilia_Info .info_main .info_box{
        padding: 5px 15px 0;
        font-size: 14px;
    }
    .dynamicsPage_Info ul li a{
        font-size: 16px;
    }
    .dynamicsPage_Info ul li div{
        font-size: 13px;
    }
    .professionalStaffDetails .detailsMain .img{
        height: 450px;
        width: 100%;
    }
    .professionalStaffDetails .detailsMain .img img{
        height: 450px;
        width: 100%;
    }
    .professionalStaffDetails .detailsMainTips{
        height: unset;
    }
    .professionalStaffDetails .detailsMainTips .head .title{
        font-size: 16px;
    }
    .professionalStaffDetails .detailsMainTips .head .tips{
        font-size: 14px;
    }
    .professionalStaffDetails .detailsMainTips .area{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .address{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .email{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .phone{
        font-size: 14px;
        padding:10px 0;
    }
    .contactUsMain .contactUsList .title{
        font-size: 20px;
    }
    .contactUsDetailsMain .contactUsDetailsHead{
        margin: 15px 15px 0;
        width: calc(100% - 30px);
        height: 300px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img{
        width: 100%;
        height: 300px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img img{
        width: 100%;
        height: 300px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_right{
        display: none;
    }
    .contactUsDetailsMain .contactUsDetailsTips{
        padding: 10px 15px;
        display: block;
        margin: 0 15px;
        height: unset;
    }
    .contactUsDetailsMain .contactUsDetailsTips .head .title{
        font-size: 16px;
    }
    .contactUsDetailsMain .contactUsDetailsTips .head .time{
        font-size: 14px;
        margin-top: 5px;
    }
    .contactUsDetailsMain .contactUsDetailsTips .details_list{
        font-size: 14px;
        padding: 5px 0;
    }
    .contactUsDetailsMain .contactUsDetailsInfo{
        padding: 15px;
    }
    .businessAreaDetailsMain .detailsInfo{
        padding: 20px 15px;
    }
    .businessAreaDetailsMain .detailsFooter{
        padding: 20px 15px 50px;
    }
}
@media screen and (max-width:450px){
    html,body{
        font-size:14px;
    }
    .headerMain .tabMain .tabs{
        display: none;
    }
    .headerMain .logo_img{
        margin-left:10px;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .footerMain .footer_left{
        margin-left:0;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .headerMain .tabMain{
        margin-right:10px;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
        height: 60px;
        line-height: 60px;
    }
    .bannerInfoMaskWeb {
        display: none;
    }
    .bannerInfoMaskMobile {
        display: block;
    }
    .bannerInfoMaskMobile .title {
        font-size: 24px;
        top: 16vh;
    }
    .footerMain .footer_right{
        margin-right:0;
        transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .homeShadeMain .shadeHead .icon-guanbi1{
        margin-right:8px;
    }
    .footerMain .footer_left{
        font-size: 10px;
    }
    .footerMainXiao .footer_right .email{
        font-size: 10px;
    }
    .footerMain .footer_right span{
        font-size: 10px;
    }
    .footerMainXiao .address{
        display: none;
    }
    .footerMainXiao .email{
        display: none;
    }
    .fullSlide .prev{
        left:10px;
    }
    .fullSlide .next{
        right:10px;
    }
    .footerMainDa{
        display: none;
    }
    .footerMainXiao{
        display: block;
        padding: 8px 0;
        line-height: 25px;
    }
    .footerMainXiao .beianXiao{
        display: block;
    }
    .footerMain .footer_left .beian{
        display: none;
    }
    .headerMain .logo_img{
        width:110px;
    }
    .headerMain .logo_img img{
        width:110px;
    }
    .headerMain{
        border-bottom: none;
    }
    .headerMain .tabMain .operateMain .iconfont{
        margin-left: 10px;
    }
    .headerMain .tabMain .operateMain .icon-menu-pc{
        display: none;
    }
    .headerMain .tabMain .operateMain .icon-menu-mob{
        display: inline-block;
    }
    .headerMain .tabMain .operateMain .icon-chazhao-pc{
        display: none;
    }
    .headerMain .tabMain .operateMain .icon-chazhao-mob{
        display: inline-block;
    }
    .homeSearchMain .homeSearchBox{
        top: 0;
        padding: 10px 0;
        background: #3B3B3B;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li .searchBox{
        margin-top: 6px;
        background: #3B3B3B;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li .searchBox .searchBox_list{
        background: #3B3B3B;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li input{
        width: 290px;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li .searchBox{
        width: 290px;
        margin: 6px 10px 0;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li input{
        margin: 0 10px;
    }
    .headerMainMob{
        background: #ffffff;
    }
    .headerMainMob .logo_img .logo_mob{
        display: block;
    }
    .headerMainMob .logo_img .logo_pc{
        display: none;
    }
    .headerMainMob .tabMain .operateMain .iconfont{
        color: #333;
    }
    .boxMainHead .boxMainInfo{
        width: 100%;
    }
    .boxMainHead .boxMainInfo .boxMainInfo_left{
        display: none;
    }
    .boxMainHead .boxMainInfo .boxMainInfo_right{
        min-height: 500px;
        width: 100%;
    }
    .boxMainHead .boxMainInfo .boxMainInfo_right .right_list{
        padding: 18px 10px 50px;
    }
    .boxMainHead .boxMainHeadBeijing .rightTipsMain{
        display: block;
    }
    .boxMainHead .boxMainHeadBeijing{
        height:224px;
    }
    .boxMainHead .boxMainHeadBeijing .rightTipsMain{
        height: 142px;
        line-height: 142px;
        width: 180px;
        font-size:16px;
        right: 8px;
    }
    .customerMain .customerBox{
        width: 100%;
    }
    .customerMain .customerBox .customerList{
        margin: 5px 0;
        width: 33.3%;
    }
    .honoraryAwards .honoraryAwardsBox{
        width: 100%;
    }
    .honoraryAwards .honoraryAwardsBox .honoraryAwardsList{
        margin: 5px 2%;
        width: 46%;
        height:130px;
    }
    .honoraryAwards .honoraryAwardsBox .honoraryAwardsList img{
        width: 100%;
        height:130px;
    }
    .trailerMain .trailerBox{
        width: 100%;
    }
    .trailerMain .trailerBox .trailerList{
        margin: 5px 2%;
        width: 46%;
    }
    .trailerMain .trailerBox .trailerList .img{
        width: 100%;
        height: 150px;
    }
    .trailerMain .trailerBox .trailerList .img img{
        width: 100%;
        height: 150px;
    }
    .videoMain .videoBox{
        width: 90%;
        margin-left:-45%;
        height:260px;
        margin-top:-130px;
    }
    .videoMain .videoBox #videos{
        width: 100%;
        height:260px;
    }
    .dynamicsPage_Info ul{
        margin: 20px 10px;
    }
    .dynamicsPage_Info ul li{
        width: 100%;
        margin-right: 0;
    }
    .businessAreaBox ul{
        padding: 10px;
    }
    .businessAreaBox ul li{
        padding: 0 5%;
        width: 90%;
        margin:0 0 10px;
    }
    .businessAreaBox ul li a{
        width: 80%;
    }
    .businessAreaBox .businessAreaHead{
        padding: 30px 0 10px;
    }
    .professionalStaffMain{
        width: 100%;
    }
    .professionalStaffMain .zimuBox li{
        width: 35px;
        height: 35px;
        margin: 5px;
        padding: 0;
    }
    .professionalStaffMain .zimuBox li span{
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: #FFFFFF;
        border-radius: 6px;
    }
    .professionalStaffMain .input input{
        height:40px;
        line-height: 40px;
        border-radius:4px;
    }
    .nice-select{
        height:40px;
    }
    .nice-select input{
        height:40px;
        line-height: 40px;
    }
    .professionalStaffMain .tipsInfo{
        display: block;
        padding: 0 10px;
    }
    .professionalStaffMain .zimuBox{
        padding: 0 10px;
        display: block;
    }
    .professionalStaffMain .input{
        padding: 0 10px;
        display: block;
    }
    .professionalStaffMain .input input{
        width: 96%;
        padding: 0 2%;
    }
    .professionalStaffMain .input div{
        display: none;
    }
    .professionalStaffMain .selectBox{
        display: block;
        margin-top: 5px;
    }
    .professionalStaffMain .selectBox .select_list{
        width: 100%;
    }
    .professionalStaffMain .selectBox .select_list .nice-select{
        width: calc(100% - 40px);
        margin:0 10px;
    }
    .professionalStaffMain .selectBox .select_list.select_list2{
        margin-left: 0;
    }
    .searchBtnMob{
        display: block;
    }
    .professionalStaffList{
        width: 100%;
    }
    .professionalStaffList li .li_right{
        display: none;
    }
    .professionalStaffList li{
        width: 46%;
        margin: 0 2% 10px;
        box-shadow:unset;
        height:260px;
    }
    .professionalStaffList li:nth-child(odd){
        margin-right: 2%;
    }
    .professionalStaffList li .img{
        width: 100%;
        height:220px;
    }
    .professionalStaffList li .img img{
        width: 100%;
        height:220px;
    }
    .professionalStaffPage .professionalStaffList li .titleMob{
        display: block;
    }
    .professionalStaffDetails{
        width: 100%;
    }
    .professionalStaffDetails .labels{
        display: none;
    }
    .professionalStaffDetails .detailsMain{
        margin: 15px 15px 0;
        background: none;
    }
    .professionalStaffDetails .detailsMain .main_right{
        width: calc(100% - 310px);
        display: none;
    }
    .searchBtnMob{
        width: 200px;
    }
    .professionalStaffDetails .detailsMainTips{
        display: block;
        padding:10px 15px;
        margin:0 15px;
    }
    .joinMain .joinMain_head{
        position: relative;
    }
    .joinMain .joinMain_head .head_img{
        position: absolute;
        top: 0;
        left: 15px;
        z-index: 0;
        width: calc(100% - 30px);
        height: 500px;
    }
    .joinMain .joinMain_head .head_img img{
        width: 100%;
        height: 500px;
    }
    .joinMain .joinMain_head .head_info{
        position: absolute;
        top: 0;
        left: 15px;
        z-index:1;
        width: calc(100% - 50px);
        padding: 10px;
        height: 480px;
        background: url("../images/hyalinebj.png") center repeat;
        color: #ffffff;
    }
    .joinMain .joinMain_select{
        padding-top: 520px;
        margin: 10px 0 18px;
    }
    .joinMain .joinMain_select .tipsInfo{
        display: block;
    }
    .joinMain .joinMain_select .tipsInfo2{
        padding-top: 10px;
    }
    .joinMain .joinMain_select .select_list{
        width: 100%;
    }
    .joinMain .joinMain_select .nice-select{
        padding: 0 15px;
        width: calc(100% - 60px);
        margin-left: 15px;
    }
    .contactUsMain a{
        width: 100%;
    }
    .contactUsMain .contactUsList{
        width: calc(100% - 30px);
        margin: 0 15px 15px;
    }
    .contactUsMain .contactUsList .img{
        width: 100%;
    }
    .contactUsMain .contactUsList .img img{
        width: 100%;
    }
    .businessAreaDetailsMain .detailsHead{
        display: none;
    }
    #professNoting{
        width: 100%;
        font-size: 12px;
    }
    .contactUsMain .contactUsList{
        height: unset;
        padding-bottom: 10px;
    }
    .contactUsMain .contactUsList .title{
        padding: 20px 0 5px 10px;
    }
    .contactUsMain .contactUsList .info_list{
        padding: 10px 0 5px 10px;
    }
    .contactUsMain .contactUsList .info_list .info_details{
        font-size: 14px;
        width: 320px;
        display: block;
    }
    .memorabilia_Info .info_main .month{
        font-size: 16px;
    }
    .memorabilia_Info .info_main .info_box{
        padding:5px 15px 0;
    }
    .dynamicsPage_Info ul li a{
        font-size: 16px;
    }
    .dynamicsPage_Info ul li div{
        font-size: 13px;
    }
    .professionalStaffDetails .detailsMain .img{
        height: 300px;
        width: 100%;
    }
    .professionalStaffDetails .detailsMain .img img{
        height: 300px;
        width: 100%;
    }
    .professionalStaffDetails .detailsMainTips{
        height: unset;
    }
    .professionalStaffDetails .detailsMainTips .head .title{
        font-size: 16px;
    }
    .professionalStaffDetails .detailsMainTips .head .tips{
        font-size: 14px;
    }
    .professionalStaffDetails .detailsMainTips .area{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .address{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .email{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .phone{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsContent{
        padding: 15px;
    }
    .contactUsMain .contactUsList .title{
        font-size: 18px;
    }
    .contactUsDetailsMain .contactUsLabel{
        display: none;
    }
    .contactUsDetailsMain .contactUsDetailsHead{
        margin: 15px 15px 0;
        width: calc(100% - 30px);
        height: 260px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img{
        width: 100%;
        height: 260px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img img{
        width: 100%;
        height: 260px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_right{
        display: none;
    }
    .contactUsDetailsMain .contactUsDetailsTips{
        padding: 10px 15px;
        display: block;
        margin: 0 15px;
        height: unset;
    }
    .contactUsDetailsMain .contactUsDetailsTips .head .title{
        font-size: 16px;
    }
    .contactUsDetailsMain .contactUsDetailsTips .head .time{
        font-size: 14px;
        margin-top: 5px;
    }
    .contactUsDetailsMain .contactUsDetailsTips .details_list{
        font-size: 14px;
        padding: 5px 0;
    }
    .contactUsDetailsMain .contactUsDetailsInfo{
        padding: 15px;
    }
    .businessAreaDetailsMain .detailsInfo{
        padding: 20px 15px;
    }
    .businessAreaDetailsMain .detailsFooter{
        padding: 20px 15px 50px;
    }
}
@media screen and (max-width:400px){
    .homeSearchMain .homeSearchBox .homeSearchInfo li input{
        width: 250px;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li .searchBox{
        width: 250px;
        margin: 6px 5px 0;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li input{
        margin: 0 5px;
    }
    .memorabilia_Info .info_main .month{
        font-size: 16px;
    }
    .bannerInfoMaskWeb {
        display: none;
    }
    .bannerInfoMaskMobile {
        display: block;
    }
    .bannerInfoMaskMobile .title {
        font-size: 24px;
        top: 15vh;
    }
    .contactUsMain .contactUsList .info_list .info_details{
        width: 270px;
    }
    .contactUsMain .contactUsList .title{
        font-size: 16px;
    }
}
@media screen and (max-width:350px){
    .homeSearchMain .homeSearchBox .homeSearchInfo li input{
        width: 190px;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li .searchBox{
        width: 190px;
        margin: 6px 3px 0;
    }
    .homeSearchMain .homeSearchBox .homeSearchInfo li input{
        margin: 0 3px;
    }
    .bannerInfoMaskWeb {
        display: none;
    }
    .bannerInfoMaskMobile {
        display: block;
    }
    .bannerInfoMaskMobile .title {
        top: 14vh;
        font-size: 24px;
    }
    .owl-wrapper-outer .owl-wrapper .owl-item{
        width: 70px!important;
    }
    .boxMainHead .boxMainInfo .boxMainInfo_right .right_list{
        padding: 15px 10px 30px;
    }
    .dsj_main .owl-demo_box{
        margin: 0 30px;
    }
    .honoraryAwards .honoraryAwardsBox{
        width: 100%;
    }
    .honoraryAwards .honoraryAwardsBox .honoraryAwardsList{
        margin: 5px 2%;
        width: 46%;
        height:100px;
    }
    .honoraryAwards .honoraryAwardsBox .honoraryAwardsList img{
        width: 100%;
        height:100px;
    }
    .trailerMain .trailerBox .trailerList .img{
        width: 100%;
        height: 120px;
    }
    .trailerMain .trailerBox .trailerList .img img{
        width: 100%;
        height: 120px;
    }
    .videoMain .videoBox{
        width: 90%;
        margin-left:-45%;
        height:220px;
        margin-top:-110px;
    }
    .videoMain .videoBox #videos{
        width: 100%;
        height:220px;
    }
    .memorabilia_Info .info_main .month{
        font-size: 16px;
    }
    .memorabilia_Info .info_main .info_box{
        padding:5px 15px 0;
    }
    .professionalStaffList{
        padding: 20px 0;
    }
    .professionalStaffList li{
        height: 200px;
        box-shadow:unset;
    }
    .professionalStaffList li .img{
        height: 160px;
    }
    .professionalStaffList li .img img{
        height: 160px;
    }
    .joinMain .joinMain_head .head_img{
        height: 350px;
    }
    .joinMain .joinMain_head .head_img img{
        height: 350px;
    }
    .joinMain .joinMain_head .head_info{
        height: 330px;
        background: url("../images/hyalinebj.png") center repeat;
        color: #ffffff;
    }
    .joinMain .joinMain_select{
        padding-top:370px;
    }
    .professionalStaffDetails .detailsMain .img{
        height: 300px;
    }
    .professionalStaffDetails .detailsMain .img img{
        height: 300px;
    }
    .professionalStaffDetails .detailsMainTips{
        height: unset;
    }
    .professionalStaffDetails .detailsMainTips .head .title{
        font-size: 16px;
    }
    .professionalStaffDetails .detailsMainTips .head .tips{
        font-size: 14px;
    }
    .professionalStaffDetails .detailsMainTips .area{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .address{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .email{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsMainTips .phone{
        font-size: 14px;
        padding:10px 0;
    }
    .professionalStaffDetails .detailsContent{
        padding: 15px;
    }
    .contactUsMain .contactUsList .title{
        font-size: 16px;
    }
    .contactUsMain .contactUsList .info_list .info_details{
        width: 200px;
    }
    .contactUsDetailsMain .contactUsDetailsHead{
        margin: 15px 15px 0;
        width: calc(100% - 30px);
        height: 260px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img{
        width: 100%;
        height: 260px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_img img{
        width: 100%;
        height: 260px;
    }
    .contactUsDetailsMain .contactUsDetailsHead .details_right{
        display: none;
    }
    .contactUsDetailsMain .contactUsDetailsTips{
        padding: 10px 15px;
        display: block;
        margin: 0 15px;
        height: unset;
    }
    .contactUsDetailsMain .contactUsDetailsTips .head .title{
        font-size: 16px;
    }
    .contactUsDetailsMain .contactUsDetailsTips .head .time{
        font-size: 14px;
        margin-top: 5px;
    }
    .contactUsDetailsMain .contactUsDetailsTips .details_list{
        font-size: 14px;
        padding: 5px 0;
    }
    .contactUsDetailsMain .contactUsDetailsInfo{
        padding: 15px;
    }
    .businessAreaDetailsMain .detailsInfo{
        padding: 20px 15px;
    }
    .businessAreaDetailsMain .detailsFooter{
        padding: 20px 15px 50px;
    }
}