/*媒体查询*/

@media (max-width: 1750px){

    .g_padding1 {

    padding-left: 115px;

    padding-right: 115px;

    }

    .g_harlast .slick-next {

    right: -50px;

    }

    .g_harlast .slick-prev {

    left: -95px;

    }

    .g_harlitml {

    width: calc(100% - 900px);

    }

    .g_harlitmr {

    margin-right: 90px;

    }

    .g_methodr {

    margin-right: 120px;

    }

    .enjoy_title h1 {

    margin-right: 120px;

    }
}



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

    .newservice .bgray {

        height: 569px;

    }

	.lead_top .lt_txt {

        padding: 15px 0 0 30px;

    }
	.contact_loc {

	    padding: 50px 0 50px 128px;

	}

	.contact_loc .imgdiv {

	    left: 20px;

	}
    .ci_conbox {

    margin-right: 120px;

    }

    .enjoy_title h1 {

    margin-right: 120px;

    }

    .serdetails .g_harlitml {

        width: calc(100% - 855px);

    }

    .serdetails .g_harlitml h1 {

        font-size: 80px; line-height:92px;
    }

    .serdetails .g_harlitmlp {

        height: 315px;

    }

    .serdetails .advantage {

        padding: 0 140px 140px 140px;

    }

    .serdetails .g_methlast span {

        padding: 0px;

    }
    .jk{
        padding: 5px;
    }
    .sapnk {
        font-size: 12px;
    }

}

@media (max-width: 1660px){

    .g_harlitmr {

        margin-right: 36px;

        width: 655px;

    }

    .g_harlitml {

    width: calc(100% - 730px);

    }
	.g_harlitml2 { width: calc(100% - 680px);}

    .g_harlitml h1 {

    font-size: 82px;

    line-height: 96px;

    height: 192px;

    }

    .g_harlitml p {

    font-size: 24px;

    line-height: 40px;

    }

    .g_harlitmlp {

    height: 200px;

    }

    .g_methodr {

    width: 560px;

    }

    .g_methodl {

    width: calc(100% - 685px);

    }

    .g_methlast span {

    padding-left: 36px;

    padding-right: 36px;

    margin-bottom: 56px;

    }

    .g_methlast{

        margin-left: -36px;

        margin-right: -36px;

    }

    .g_methodr {

    margin-right: 38px;

    }

    .g_methodrimg2b2 {

    bottom: 29px;

    right: 345px;

    }

    .g_methodrimg2b1 {

    left: 121px;

    top: -7px;

    }

    .g_advap {

    width: 100%;

    }
    .g_advap p br{
        display: none;
    }
    .g_hardboxb .g_harlitmr {

    width: 635px;

    margin-right: 50px;

    }

    .g_hardboxb .g_harlitml {

    width: calc(100% - 140px - 635px);

    }

    .g_ncascenl {

    width: 625px;

    }

    .g_ncascenr {

    width: calc(100% - 625px - 50px);

    }

    .g_padding4 {

    padding-left: 140px;

    padding-right: 140px;

    }

    .enjoy_title h1 {

    margin-right: 56px;

    }

}

@media screen and (max-width: 1650px) {	
    .enjoy_title h1 {

    font-size: 132px;

    }

    .enjoy_title .enj_con h2 {

    margin-bottom: 16px;

    }

    .enjoy_title h1 {

    margin-right: 26px;

    }

    .enjoy_title .enj_con p {

    font-size: 22px;

    }
    .m_xinwen_dingyue {
        width: 300px;
    }

}

@media screen and (max-width: 1500px) { 
  
    .m_xinwen_dingyue {
        width: 276px;
        padding: 20px;
    }
    .m_xwdy_one {
        margin-top: 26px;
    }
    .ci_conbox {

    margin-right: 60px;

    }

    .g_harlitmr {

    margin-right: 36px;

    width: 530px;

    }

    .g_harlitml h1 {

    font-size: 66px;

    line-height: 76px;

    height: 152px;

    }

    .g_harlitml {

    width: calc(100% - 605px);

    }

    .g_harlitml p {

    line-height: 36px;

    }

    .g_harlitmlp {

    height: 180px;

    }

    .g_methodr {

    width: 466px;

    }

    .g_methodl {

    width: calc(100% - 530px);

    }

    .g_methlast span {

    padding-left: 16px;

    padding-right: 16px;

    margin-bottom: 46px;

    }

    .g_methlast{

        margin-left: -16px;

        margin-right: -16px;

    }

    .g_padding1 {

    padding-left: 83px;

    padding-right: 83px;

    }

    .g_harlast .slick-prev {

    left: -75px;

    }

    .g_methodrimg2b2 {

    bottom: 17px;

    right: 270px;

    }

    .g_methodrimg2b1 {

    left: 98px;

    top: -13px;

    }

    .g_pbtn {

    left: 35px;

    }

    .g_xbtn {

    right: 35px;

    }

    .g_hardboxb .g_harlitmr {

    width: 560px;

    margin-right: 36px;

    }

    .g_hardboxb .g_harlitml {

    width: calc(100% - 80px - 560px);

    }

    .g_ncascenl {

    width: 570px;

    }

    .g_ncascenr h5 {

    font-size: 32px;

    line-height: 46px;

    }

    .g_ncascenr p {

    font-size: 18px;

    line-height: 32px;

    }

    .g_ncascenrp {

    margin-top: 38px;

    }

    .g_ncascenr {

    width: calc(100% - 570px - 50px);

    }

    .g_methodb .g_methodr {


    margin-right: 1px;

    margin-top: 65px;

    }

    .g_baioct {

    width: 90px;

    }

    .g_baiocs {

    width: 16px;

    }

    .g_methodltit h5 {

    font-size: 76px;

    margin-top: 46px;

    }

    .g_methodb p {

    font-size: 16px;

    line-height: 40px;

    }

    .g_methodlp {

    margin-top: 65px;

    }

    .g_methodb .g_methodltit h5 {

    margin-top: 58px;

    }

    .g_methodb .g_methodr {

    margin-top: 10px;

    }



    .newservice .wrap .sertitle {

    padding-top: 86px;

    padding-bottom: 86px;

    margin-bottom: 86px;

    }

    .newservice .sertitle h2 {

    font-size: 112px;

    }

    .newservice .sertitle .serlogo {

    top: 86px;

    }

    .bry .brybox {

    height: 596px;

    }

    .enjoy_title .enj_con p {

    font-size: 20px;

    }

    .dana1g .serlogo {

    top: 30px;

    }

}

@media (max-width: 1450px)

{
    .contact{

        margin-left: 36px;

    }
    .case .casetop .ct_left h1{

        font-size: 100px;

    }
    .ci_con .ci_left .po {

        padding-left: 0px;

        margin-right: 0px;

    }
    .header .navdiv {

    padding-top: 26px;

    }
    .sectionmbox .xl_top1 {
        padding-left: 0;
    }
    .sectionk .neirong {
        padding: 38px 0 46px;
    }
    .sectionmbox .sectionm {
        padding: 64px 46px;
    }
    .gx_neitm {
        padding-left: 32px;
        padding-right: 32px;
        margin-bottom: 38px;
    }
    .gx_newslist {
        margin-left: -32px;
        margin-right: -32px;
    }

}
@media (max-height: 700px){

    .burger-menu-link-wrap {

    margin: 26px 0;

    font-size: 36px;

    }

    .burger-menu-share-wrap {

    bottom: 1.5vw;

    }
}
@media (max-height: 800px){
    .g_serviceone {
        padding-top: 18px;
    }
    .g_servicetit {
        margin-top: 18px;
    }
    .g_servicbom {
        margin-top: 18px;
    }
    .header .navdiv nav li .g_servic .g_serverp a {
        line-height: 22px;
    }
    .g_servincnametop {
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .g_servccal {
        margin-top: 14px;
    }
    .g_servicom {
        padding-bottom: 12px;
    }
}
@media (max-width: 1440px)

{
    

    .header .navdiv {

        right: 60px;

    }

    .bry .brybox {

        padding-left: 35px;

    }

    .newservice .wrap {

        padding: 0 100px 136px 150px;

    }

    .enjoy_title h1 {

        margin-right: 60px;

    }

    .lead_top .lt_txt {

        padding: 15px 0 0 30px;

    }

    .lead_top .lt_txt .lead_view {

        padding: 40px 0;

    }

    .lead_top .lt_txt .share {

        padding: 30px 0;

    }

    .lead_con .lc_slick {

        p1adding: 0 50px 0px;

        margin-bottom: 90px;

    }

 	.lead_top {

        padding: 120px 120px 146px;

    }

    .brybox .ser_arrow {

        bottom: 55px;

        right: 60px;

    }

    .casetong .case1 .casenei .prev_next p {

        font-size: 26px;

    }

    .casetong .case5 .slick_case .liz{

        padding: 20px 15px 20px 20px;

    }
    .case .case_center .cc_fr .cfr_txt{

        top: 55px;

        left: 30px;

    }
    .bgw_fr h1 {

	    transform: translateY(-40%);

	    -ms-transform: translateY(-40%);

	    -moz-transform: translateY(-40%);

	    -webkit-transform: translateY(-40%);

	    -o-transform: translateY(-40%);

	}

    .map .map_logo {

        margin-bottom: 180px;

    }
	.map_center {

	    position: absolute;

	    top: 50%;

	    right: 0px;

	}
    .enjoy_title .enj_con h2 {

    font-size: 38px;

    }

    .enjoy .wrap {

    padding: 86px 86px 0 141px;

    }

    .enjoy_title h1 {

    font-size: 112px;

    }

    .enjoy_title .enj_con h2 span {

    font-size: 56px;

    }

    .enjoy_title .enj_con h2 {

    margin-bottom: 14px;

    }

    .enjoy_title {

    padding-bottom: 56px;

    }

    .enjoy .enjoynav {

    padding: 56px 0;

    }

    .enjoy_box {

    margin-bottom: 34px;

    }

    .case .cm_box {

    margin: 34px 0;

    margin-left: 2.8181815%;

    }

    .case .casetop {

    margin-top: 86px;

    }

    .case .case_center {

    margin-top: 34px;

    }
    .case_bt {

    padding-top: 36px;

    }
    .index.newlist .newtitle h2 {

    margin-bottom: 46px;

    }
    .serdetails .g_harlitml {

        width: calc(100% - 605px);

    }
    .serdetails .g_harlitml h1 {

        font-size: 66px;

        line-height: 76px;

        height: 152px;

    }
    .serdetails .g_harlitmlp {

        height: 210px;

    }
    .adv_box {

        padding: 0px 30px 40px;

    }
    .adv_box h5 {

        font-size: 28px;

        margin-bottom: 20px;

    }
    .adv_box p {

        font-size: 18px;

        line-height: 1.5;

        max-height: 80px;

    }
    .product_box {
        padding-left: 46px;
        padding-right: 46px;
    }
    .g_padrding {
        width: 1200px;
    }
    .m_xinwen_dingyue {
        width: 290px;
        margin-left: -21px;
    }
}



@media (max-width: 1366px)

{
	
    .gx_hetop {
        height: 482px;
    }
    .g_harintr {

    padding-bottom: 80px;

    }
    .g_harintr {

        margin-top: 80px;
    }
    .ci_conbox {

    margin-right: 30px;

    }
    .enjoy_title h1 {

    font-size: 112px;

    }
    .enjoy_title .enj_con h2 span {

    font-size: 52px;

    }
    .enjoy_title .enj_con h2 {

    font-size: 46px;

    margin-bottom: 14px;

    }
    .enjoy_title .enj_con p {

    font-size: 20px;

    }
    .enjoy_title .enj_con h2 {

    margin-bottom: 12px;

    }
    .dana1 .enj_con {

    margin-top: 28px;

    }
    .enjoy_title {

    padding-bottom: 46px;

    }
    .enjoy .wrap {

    padding: 56px 56px 0 125px;

    }
    .about_middle .am_bottom .atxt_con {

    padding-left: 18px;

    padding-right: 18px;

    }
    .about_middle .am_bottom .amb_txt {

    margin-left: -18px;

    margin-right: -18px;

    }
    .about_middle .am_bottom .amb_txt {

    margin-top: 36px;

    }
    .header .navdiv{

        right: 50px;

    }
   .lead_top {

        padding: 150px 65px 200px 120px;
    }
    .brybox .ser_arrow {

        bottom: 55px;

        right: 25px;
    }
    .newservice .wrap {

    padding: 0 65px 65px 120px;

    }
    .g_bdimgn {
        width: 368px;
    }
    .newservice .wrap .sertitle {

    position: relative;

    padding-top: 46px;

    padding-bottom: 46px;

    margin-bottom: 86px;

    border-bottom: 2px solid #dddddd;

    }
    .newservice .sertitle h2 {

    font-size: 86px;

    }
    .newservice .sertitle .serlogo {

    top: 46px;

    width: 196px;

    }
    .graytitle .gx_ywbnp {

    font-size: 64px;

    }
    .graytitle h2 {

    font-size: 38px;

    margin-bottom: 106px;

    }
    .newservice .bgray {

    padding: 36px 65px 36px 65px;

    }
    .newservice .bgray {

    height: 526px;

    }
    .bry .brybox {

    height: 546px;

    padding-top: 36px;

    }
    footer.spfo {

    height: auto;

    padding: 35px 86px 86px 121px;

    background-color: #d7d7d7;

    }

    footer .focon_fl {

    height: 312px;

    }

    footer .fodiv .gx_tirlx {

    font-size: 36px;

    }

    footer .fodiv h3 {

    margin-bottom: 26px;

    font-size: 20px;

    }
    footer .fodiv {

    padding-bottom: 60px;

    }
    .enjoy .enjoynav {

    padding: 46px 0;

    }
    .enjoy_box {

    margin-bottom: 32px;

    }
    .case_bt {

    width: 100%;

    padding-top: 79px;

    }

    .case_bt {

    padding-top: 36px;

    }
    .case .casetop {

    margin-top: 46px;

    }
    .case .casetop .ct_left h1 {

    font-size: 86px;

    }
    .case .casetop .ct_left h1:before {

    bottom: -36px;

    }
    .case .case_center {
    margin-top: 32px;

    }

    .case .cm_box {

    margin: 32px 0;

    margin-left: 2.8181815%;

    }
    .cd_top .case_logo {

    top: 36px;

    right: 150px;

    width: 186px;

    }

    .cd_top {

    position: relative;

    width: 100%;

    padding: 146px 120px 86px 175px;

    }

    .cd_top .ct_con .ct_ip {

    position: absolute;

    bottom: 40px;

    right: -80px;

    }

    .cd_top .cd_title {

    margin: 46px 0 65px;

    }
    .index.newlist .newtitle h2 {

    font-size: 64px;

    }

    .index.newlist .newtitle h2 {

    margin-bottom: 36px;

    }
    .map .map_logo img {

    width: 246px;

    }
    .map .map_logo {

    margin-bottom: 126px;

    }
    .contact1 {

    padding: 46px 46px 46px 121px;

    }

    .contact1 .contact_title h1 {

    font-size: 46px;

    line-height: 46px;

    margin-right: 46px;

    }

    .contact1 .contact_title .phone {

    height: 46px;

    }

    .contact1 .contact_title img {

    height: 46px;

    }

    .contact1 .contact_title span {

    font-size: 20px;

    line-height: 46px;

    }

    .contact1 .contact_title .phone {

    padding-left: 76px;

    }

    .contact1 .contact_title {

    padding-bottom: 46px;

    }

    .contact_mess {

    padding: 46px 40% 0px 0px;

    }

    .contact_loc .imgdiv {;

    width: 65px;

    height: 65px;

    }

    .contact_loc {

    padding: 46px 10px 46px 102px;

    }

    .contact_loc h4 {

    font-size: 16px;

    }

    .about_top .at_title {

    padding: 56px 0;

    }

    .about_top .at_title h1 {

    font-size: 64px;

    }

    .about_top .at_title h6 {

    font-size: 30px;

    }

    .about_top .at_title h1 {

    font-size: 64px;

    }

    .about_top .at_title h5 {

    font-size: 42px;

    }

    .about_top .at_middle h6 {

    padding: 0px 0 42px;

    }

    .about_top .at_bottom {

    padding: 56px 0px;

    }

    .about_top .at_bottom .ab_con .ab_num {

    font-size: 72px;

    }

    .about_top .at_bottom .ab_con h5 {

    font-size: 26px;

    margin-bottom: 26px;

    }

    .about_top .at_bottom .ab_con .ab_num {

    margin-bottom: 26px;

    }

    .about_middle .am_top {

    padding: 56px 56px 56px;

    }

    .about_top {

    padding: 0 56px;

    }

    .about_middle .am_top h1, .about_middle .am_bottom h1 {

    margin-bottom: 26px;

    }

    .section_about .sa_top {

    padding: 56px 56px 56px 46px;

    }

    .lead_con .lc_title {

    padding: 56px 0 56px;

    }

    .lead_con .lc_title h4 {

    font-size: 46px;

    }
    .g_harlitml h1 {

    font-size: 46px;

    line-height: 66px;

    height: 132px;

    }

    .g_harlitml p {

    font-size: 20px;

    line-height: 36px;

    }

    .g_harlitmlnav span {

    font-size: 16px;

    }

    .g_harlitmr {

    margin-right: 36px;

    width: 500px;

    }

    .g_harlitml {

    width: calc(100% - 578px);

    }

    .g_methodltit h5 {

    font-size: 64px;

    margin-top: 36px;

    }

    .g_methlast {

    margin-top: 68px;

    }

    .g_methlast span {

    margin-bottom: 32px;

    }

    .g_methodrimg2b1 {

    width: 48px;

    top: -8px;

    }

    .g_methodrimg2b2 {

    width: 48px;

    bottom: 17px;

    right: 287px;

    }

    .g_advatit h5 {

    font-size: 64px;

    margin-top: 52px;

    }

    .g_advatit span {

    font-size: 38px;

    margin-top: 74px;

    }

    .g_advap p {

    font-size: 24px;

    line-height: 36px;

    }

    .g_detailsbox h5 {

    font-size: 64px;

    margin-top: 70px;

    }

    .g_detailsbox {

    padding-top: 50px;

    padding-bottom: 75px;

    }

    .g_detailsp {

    margin-top: 75px;

    }

  

    .caseanli .caphtitle {

    padding-top: 64px;

    padding-bottom: 64px;

    }

    .g_advaitm .g_advaitma {

    width: 164px;

    }

    .g_advaitmb {

    width: 128px;

    }

    .g_advaitmc {

    width: 164px;

    }

    .g_advaitmd {

    width: 178px;

    }

    .g_advaitme {

    width: 68px;

    }

    .g_advaitmb2,.g_advaitmb3,.g_advaitmb4,.g_advaitmb5 {

    width: 44px;

    }

    .g_advaitmdasp{

        width: 40px;

    }

    .g_advaitmdaspioc {

    right: 45px;

    }

    .g_advaitme span {

    width: 26px;

    }

    .g_advaitm h5 {

    margin-top: 50px;

    font-size: 20px;

    }

    .g_padding3 {

    padding-left: 225px;

    padding-right: 225px;

    }

    .g_pbtn {

    left: 26px;

    }

    .g_xbtn {

    right: 26px;

    }

    .g_hardboxb .g_harlitml h1 {

    font-size: 68px;

    }

    .g_harlitml p {

    font-size: 18px;

    line-height: 32px;

    }

    .g_hardboxb .g_harlitmr {

    width: 462px;

    margin-right: 36px;

    }

    .g_advatit span {

    font-size: 28px;

    margin-top: 64px;

    }

    .g_advatit h5 {

    font-size: 48px;

    margin-top: 36px;

    }

    .g_desigitm h5 {

    font-size: 32px;

    }

    .g_desigitm span {

    font-size: 18px;

    margin-top: 20px;

    }

    .g_desigitmp {

    bottom: 36px;

    }

    .g_ncasetit span {

    font-size: 42px;

    }

    .g_ncasetit h5 {

    font-size: 42px;

    margin-top: 36px;

    }

    .g_ncascenr h5 {

    font-size: 28px;

    line-height: 36px;

    }

    .g_ncascenr p {

    font-size: 16px;

    }

    .g_ncascenl {

    width: 512px;

    }

    .g_ncascenr {

    width: calc(100% - 512px - 36px);

    }

    .g_ncascenrp {

    margin-top: 32px;

    }

    .g_methodltit span {

    font-size: 38px;

    }

    .g_methodb .g_methodltit h5 {

    margin-top: 46px;

    }

    .g_methodb .g_methodr {


    margin-right: 1px;

    }

    .g_baioct {

    width: 76px;

    }

    .g_baiocs {

    width: 10px;

    }


     .g_hardboxb .g_harlitml {

    width: calc(100% - 80px - 460px);

    }

    .g_methodrimg2 {

    left: 38px;

    top: 38px;

    width: calc(100% - 76px);

    height: calc(100% - 76px);

    }

    .lead_con .lc_slick {

    margin-bottom: 56px;

    }

    .advantage .adtitle {

        padding: 75px 0 75px;

    }

    .advantage .adtitle h5 {

        font-size: 38px;

        margin-bottom: 32px;

    }

    .advantage .adtitle h1 {

        font-size: 64px;

    }

    .product_box {

    padding-left: 26px;

    padding-right: 26px;

    }
    .g_advap {

    margin: 36px auto 0;

    }

   /* .product_slick {

    padding: 46px 0 96px 0px;

    }*/

    

    .serdetails .g_adva {

    padding-top: 66px;

    padding-bottom: 66px;

    }

    .product_slick .slick-next {

    width: 56px;

    }

    .product_slick .slick-prev {

    width: 56px;

    }

    .dana1g .serlogo{

    width: 196px;

    top: 35px;

    }

    .dana1g .enjoy_title {

    width: calc(100% - 205px);

    }
    .search .pcsearch .sebox input {

    height: 56px;

    padding-left: 30px;

    margin-right: 17px;

    font-size: 16px;

    width: calc(100% - 76px);

    }

    .search .pcsearch .sebox span {

    width: 56px;

    height: 59px;

    line-height: 56px;

    }

    .adv_box{

        margin-top: 26px;

    }

    .serdetails .move2 {

    width: 146px;

    height: 146px;

    }

    .serdetails .move1 {

    width: 68px;

    height: 68px;

    }

    .header .navdiv nav li a {

    font-size: 16px;

    }

    .header .navdiv nav li {

    padding-right: 18px;

    padding-left: 18px;

    }

    .header .navdiv nav li a:hover::after{

    width: 16px;

    }

    .header .navdiv nav li.on a::after{

        width: 16px;

    }

    .g_cseonboxl h3 {

    font-size: 36px;

    margin-top: 24px;

    }

    .g_cseonboxlip span {

    font-size: 18px;

    padding-left: 8px;

    padding-right: 8px;

    }

    .g_cseonboxlip span h5{

    font-size: 18px;

    }

    .g_cseonboxlip {

    margin-left: -8px;

    margin-right: -8px;

    }

    .g_cseonboxl h5 {

    font-size: 22px;

    margin-top: 18px;

    }

    .g_cseonbox {

    padding-top: 46px;

    padding-bottom: 46px;

    padding-left: 20px;

    padding-right: 20px;

    }

    .g_cseonboxlbtn span {

    font-size: 16px;

    line-height: 34px;

    width: 112px;

    height: 36px;

    }

    .g_cseonboxlbtnr {

    margin-left: 26px;

    }

    .g_cseonboxlbtn span a {

    line-height: 34px;

    }

    .g_cseon {

    width: 618px;

    }

    .g_cseonboxr h5 {

    font-size: 20px;

    margin-top: 16px;

    }
    .g_subscbox {
        width: 586px;
    }
    .g_subscribe .g_cseonboxr h5 {
        font-size: 16px;
        line-height: 20px;
        width: 132px;
    }
    .g_cseonboxr {

    width: 142px;

    }

    .g_cseonboxl {

    width: calc(100% - 142px - 20px);

    }
    .burger-menu-link-wrap {

    margin: 26px 0;

    font-size: 36px;

    }

    .burger-menu-share-wrap {

    bottom: 1.5vw;

    }
    .sectionmbox .xl_top1 p {
        font-size: 28px;
    }
    .xl_centle1 p {
        font-size: 38px;
    }
}
@media (max-height: 700px){
    .g_servicebox {
        top: 86px;
    }
    .g_servicbom {
        margin-top: 6px;
    }
    .header .navdiv nav li .g_servincname a {
        font-size: 28px;
    }
    .g_servicetit {
        margin-top: 8px;
    }
    .g_servic .g_serverp {
        margin-bottom: 3px;
    }
    .g_servincnametop {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .g_servtitm {
        padding-left: 4px;
        padding-right: 4px;
        margin-bottom: 8px;
    }
    .g_servtlist {
        margin-left: -4px;
        margin-right: -4px;
    }
    .g_servccal span {
        font-size: 42px;
    }
    .g_servccal {
        margin-top: 6px;
    }
    .g_servcp {
        margin-top: 12px;
    }
    .header .option {
        margin-bottom: 10px;
    }
    .header .navdiv nav li .g_servtitm a {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-height: 600px){
    .g_servincname {
        font-size: 22px;
    }
    .header .navdiv nav li .g_servtitm a {
        line-height: 36px;
    }

}


@media (max-width: 1280px){
    .m_xinwen_dingyue {
        width: 280px;
        margin-left: -40px;
    }
    .ci_return {

    padding-left: 46px;

    }

    .g_padding1 {

    padding-left: 78px;

    padding-right: 78px;

    }

    .g_padding3 {

    padding-left: 205px;

    padding-right: 205px;

    }

    .enjoy_title h1 {

    margin-right: 28px;

    }


}

@media (max-width: 1200px)

{
    .gx_tophrd{
        display: none;
    }
    .g_bntbox{
        display: block;
    }
    .g_bntbox .g_newbtn{
        width: auto;
        padding-left: 20px;
        margin-right: 14px;
    }
    .g_bntbox {
       border-bottom : 1px solid #e5e5e5; 
    }
    .g_newslist {
        margin-top: 10px;
    }
    .dana1g .enjoy_title {
        width: 100%;
    }

    .albumbox{

    padding-left: 0px;

    }
    .case_bt {

    padding-top: 0px;

    }
    .g_ban{
        margin-top: 90px;
    }
    footer.spfo{

        padding: 36px 36px 26px 36px;

    }

    footer .focon_fl{

        height: 270px;

    }

    footer .fodiv{

        padding-bottom: 48px;

    }

    footer .fodiv h3{

        font-size: 22px;

        margin-bottom: 15px;

    }
    .section_about .sa_con{
        padding-left: 0;
    }
    .cd_top .case_logo {

        display: none;

    }

    .newservice .bgray {

        height: 463px;

    }

    .newservice .wrap{

        padding-left: 45px;

        padding-right: 45px;

        padding-top: 90px;

    }

    .newservice .sertitle .serlogo {

        display: none;

    }

    .newservice .wrap .sertitle {

        padding-top: 30px;

        padding-bottom: 30px;

        margin-bottom: 30px;

    }

    .newservice .sertitle h2 {

        font-size: 34px;

    }

    .newservice .bgray {        

        padding: 30px 30px 30px 30px;

    }

    .newservice .bgray .grayfr img {

        padding-top: 0px;

    }

    .type {

        padding-top: 20px;

        margin-bottom: 50px;

    }

    .graytitle .gx_ywbnp {

        font-size: 54px;

    }

    .graytitle h2 {

        font-size: 32px;

        margin-bottom: 36px;

    }

    .bry {

        height: 1323px;

    }

    .bry_logo img{

        width: 60px;

    }

/*     .brybox:hover .type {

    margin-bottom: 20px;

}

.brybox:hover .bry_logo{

    height: 55px;

    margin-bottom: 30px;

}

.brybox:hover .webul li{

    padding-left: 30px;

}

.brybox:hover .webul li:after{

    content: '';

    position: absolute;

    top: 50%;

    left: 0px;

    width: 25px;

    height: 1px;

    background-color: #fff;

}

.brybox:hover .webul li a{

    font-size: 18px;

} */

    .retrieve .wrap .ret_line {

        padding-top: 70px;

    }

    .retri_hint {

        padding: 50px 0;

    }

    .retrieve .wrap {

        padding: 0 45px 0 45px;

    }

    .retri_con .retri_box:nth-child(even) {

        margin-left: 2.6%;

    }

    .retri_con .retri_box{

        width: 48.7%;

        margin-left: 0px; 

    }

    .enjoy .wrap {

        padding-left: 45px;

        padding-right: 45px;

        padding-top: 90px;

    }

    .enjoy_title {

        padding: 30px 0;

    }

    .enjoy_title .enj_con h2 {

        font-size: 30px;

    }

    .enjoy_title .enj_con p {

        font-size: 20px;

    }

    .enjoy nav {

        padding: 0px 0;

        margin: 0px;

    }

    .enjoy nav li {

        padding: 0 13px;

    }
    .enjoy_box {

        width: 48.7%;

        margin-left: 0px;

    }

    .enjoy_box:nth-child(odd){

        margin-right: 2.6%;

    }

	.lead_top {

        padding: 60px 60px 40px 60px;

        margin-top: 90px;

    }

    .lead_top .lt_txt h1 {

        font-size: 40px;

    }

    .lead_top .lt_txt .lead_view {

        padding: 20px 0;

    }

    .lead_top .lt_txt .lt_mess {

        margin-bottom: 10px;

        font-size: 16px;

        line-height: 25px;

    }

    .lead_top .lt_txt .lt_share {

        font-size: 16px;

    }

    .lead_top .lt_txt .share {

        padding: 10px 0;

        font-size: 16px;

    }

    .lead_con {

        width: 100%;

        padding: 0px 60px 0px;

    }

    .lead_con .lc_title {

        padding: 50px 0;

    }

    .lead_top .lt_txt .lt_tel {

        font-size: 16px;

    }

    .lead_top .lt_img {

        width: 50%;

    }

    .lead_top .lt_txt {

        width: 50%;

    }  
    .case .casetop,.case .case_center,.case .case_middle,.case .case_bottom,.case .wrap .case_bt {

        display: none;

    }

    .cd_top{

        padding: 96px 60px 40px 60px;

    }
    .cd_top .ct_con .ct_ip{

        right: 0px;

    }

    .cd_top .cd_title{

        margin: 20px 0;

    }

    .cd_top .cd_con .cdc_right{

        display: none;

    }

    .cd_top .cd_con .cdc_left{

        width: 100%;

        text-align: center;

    }

    .cd_top .cd_con .cdc_left .cdc_logo {

        margin-bottom:30px;

    }

    .cd_top .cd_con .cdc_left p{

        width: 100%;

    }
	.about_top {

	    padding: 0 30px;

	}

	.about_top .at_title {

	    padding: 60px 0;

	}

	.about_top .at_bottom {

	    padding: 60px 0px;

	}

	.contact1 {

	    padding: 90px 45px 90px;

	    background-color: #f3f7f3;

	}

	.contact1 .contact_title {

	    padding-bottom: 40px;

	}

    .contact_loc {

        padding: 30px 0 30px 128px;

        margin-bottom: 10px;

    }
    .case .wrap nav.casenav{

        display: none;

        margin: 0px;

    }

    .case .wrap nav li{

    	padding: 0 13px;

        line-height: 26px;

    }



    .about_top .at_bottom .ab_con .ab_num{

        font-size: 68px;

    }

    .about_middle .am_bottom .atxt_con{

        padding-left: 30px;

    }   

    .contact_loc{

        width: 100%;

        margin-left: 0px;

    }     
    .po{

    	margin-right: 0px;

    }

    .contact1 .contact_title h1 {

        margin-right: 30px;

    }

    .map .wrap{

        padding-top: 90px;

    }

    .map .map_logo {

        display: none;

    }
    .bry .brybox {

    height: 452px;

    }

    .ci_con .ci_right{

        height: 46px;

    }

    .ci_con {

    height: 68px;

    line-height: 68px;

    }

    .lc_changel {

    left: 35px;

    }

    .lc_changer {

    right: 35px;

    }

    .g_anlihard{

        display: none;

    }

    .caseanli .caphtitle{

        height: auto;

    }

    .g_padding4 {

    padding-left: 120px;

    padding-right: 120px;

    }

    .advantage .adtitle {

        padding: 38px 0 38px;

    }

    footer {

    height: auto;

    padding-top: 36px;

    padding-bottom: 36px;

    padding-left: 30px;

    padding-right: 30px;

    }

    footer p {

    position: relative;

    bottom: inherit;

    left: inherit;

    margin-top: 26px;

    }

    .section.bgat .navbtn{

        display: none;

    }

    .dana1g .serlogo{

    display: none;

    }
    .burger-menu-share-wrap li:nth-child(3){
        display: none;
    }
    .xl_centle1 h5 {
    margin-top: 14px;
    margin-bottom: 8px;
}   
.sectionmbox .xl_top2 {
    width: 100%;
}
  .sectionk .tu_img {
    width: 100px;
    margin: 0 auto;
} 
.sectionk .w_zi {
    margin-top: 18px;
} 
.sectionk .w_zia {
    font-size: 18px;
}
.sectionk .w_zia::after {
    bottom: -15px;
}
.sectionk .w_zib {
    margin-top: 25px;
}
.sectionk .neirongbox_hexin {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ececec;
    padding: 10px 0;
}
.neirongbox {
    padding: 0 15px;
}
.sectionk .frziimg {
    display: none;
}
.sectionk .frzibox {
    font-size: 16px;
    line-height: 24px;
}
.hexin {
    padding: 0 15px;
}
.sectionk .neirong {
    padding: 10px 0 36px;
}
.sectionmbox .sectionm {
    padding: 25px 15px;
}
.sectionmbox .box_xp {
    margin-bottom: 20px;
}
.sectionmbox .box_xpbot {
    line-height: 20px;
    font-size: 14px;
}
.sectionmbox .xl_top1 p {
    line-height: 26px;
    font-size: 18px;
}
.sectionmbox .xl_top1{
    width: 100%;
    margin-left: 0;
}
.sectionmbox .box2 {
    padding: 0px 0;
}
.sectionmbox .xl_center1 {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-top: 18px;
}
.sectionmbox .xl_centle1 {
    width: 76px;
}
.sectionmbox .xl_centle1 p {
    font-size: 24px;
}
.sectionmbox .xl_centle1 h5 {
    font-size: 14px;
}
.sectionmbox .xl_cennr p {
    font-size: 14px;
    line-height: 20px;
}
.sectionmbox .xl_cennr {
    padding-top: 10px;
}
.sectionmbox .xl_logo {
    padding: 0 0px;
    width: 33.333333%;
    margin-bottom: 18px;
}
.sectionmbox .xl_top2 .xl_logo p {
    width: 100%;
}
.sectionmbox .xl_top2 {
    margin: 0px;
    padding: 0;
}
.sectionmbox .box3 p {
    line-height: 20px;
    font-size: 14px;
}
.sectionk .frzi{
    width: 100%;
}
.sectionk .neirongbox_hexin{
    width: 50%;
}
.box_xp{
    margin-top: 10px;
}
.sectionm .box3{
    margin-top: 14px;
    margin-bottom: 8px;
}


}

@media (max-width: 1160px)

{   
    .ci_return h5 {

    font-size: 14px;

    line-height: 46px;

    margin-left: 16px;

    }

    .ci_return {

    padding-left: 26px;

    height: 46px;

    margin-left: 26px;

    }

    .ci_con .ci_left a {

    font-size: 14px;

    line-height: 46px;

    }

    .ci_con .ci_right .share span {

    line-height: 46px;

    font-size: 14px;

    }

    .ci_con .ci_right .share .bdsharebuttonbox {

    transform: translateY(-50%);

    top: 50%;

    position: relative;

    }

    .ci_con .ci_right .share {

    height: 46px;

    padding-left: 19px;

    position: relative;

    }

    .ci_con .ci_right .share .bdsharebuttonbox .bdsbtn {

    width: 18px;

    height: 16px;

    margin-left: 18px;

    }

    .po a {

    margin-left: 26px;

    }
    .caseanli .txtdiv {

    padding: 36px 32px 36px 32px;

    }

    .g_harlitmr {

    margin-right: 26px;

    width: 396px;

    }

    .g_harlitml h1 {

    font-size: 36px;

    line-height: 46px;

    height: 92px;

    }

    .g_harlitml {

    width: calc(100% - 436px);

    }

    .g_harlitml p {

    font-size: 18px;

    line-height: 30px;

    }

    .g_harlitmlp {

    height: 150px;

    }

    .g_padding1 {

    padding-left: 56px;

    padding-right: 56px;

    }

    .g_padding3 {

    padding-left: 56px;

    padding-right: 56px;

    }

    .g_harlast .slick-next {

    right: -50px;

    }

    .g_harlast .slick-prev {

    left: -50px;

    }

    .g_methodr {

    width: 380px;

    }

    .g_methodl {

    width: calc(100% - 425px);

    }

    .g_hrbtnbox{

        width: 100%;

        margin-top: 36px;

    }

    .g_pbtn{

        position: relative;

        left: 0;

        float: left;

        top: 0;

        transform: translateY(0);

    }

    .g_xbtn{

        position: relative;

        right: 0;

        float: right;

        top: 0;

        transform: translateY(0);

    }

    .g_harintr {

    margin-top: 56px;

    padding-bottom: 56px;

    }

    .g_methodbox {

    position: relative;

    padding-top: 56px;

    padding-bottom: 56px;

    }

    .caseanli .txtdiv h5 {

    font-size: 28px;

    }

    .g_ncascenl {

    width: 460px;

    }

    .g_ncascenr h5 {

    font-size: 24px;

    line-height: 33px;

    }

    .g_ncascenr p {

    line-height: 28px;

    }

    .g_ncascenr {

    width: calc(100% - 460px - 32px);

    }

    .g_padding4 {

    padding-left: 56px;

    padding-right: 56px;

    }

    .g_ncascenrp {

    margin-top: 14px;

    }

    .g_methodb .g_methodr {


    margin-right: 1px;

    }

    .g_baioct {

    width: 64px;

    }

    .g_baiocs {

    width: 8px;

    }

    .g_baiocs1 {

    top: 93%;

    }

    .g_baiocs2 {

    top: 93%;

    }

    .g_baiocs3 {

    transform: translate(0%,40%) rotate(60deg);

    }

    .g_methodltit h5 {

    font-size: 46px;

    margin-top: 26px;

    }

    .g_methodltit span {

    font-size: 32px;

    }

    .g_methodb p {

    font-size: 18px;

    line-height: 38px;

    }

    .g_methodb .g_methodl {

    width: calc(100% - 420px);

    }

    .g_hardboxb .g_harlitmr {

    width: 402px;

    margin-right: 16px;

    }

    .g_hardboxb .g_harlitml {

    width: calc(100% - 40px - 402px);

    }

    .g_hardboxb .g_harlitml h1 {

    font-size: 46px;

    }

    .g_hardboxb .g_harlitmlnav span {

    line-height: 26px;

    }

    .g_ncbtnitmimgbji::after {

    width: 36px;

    height: 36px;

    }

    .g_methodrimg2b2 {

    right: 231px;

    }

    .g_methodrimg2b1 {

    left: 87px;

    top: -16px;

    }

    .ci_con {

    height: 46px;

    line-height: 46px;

    }



}

@media (max-width: 991px)

{ 

    .g_spamkb{
        display: inline-block;
    }
    .g_spamkb a{
        color: #ffffff;
    }
    .g_spamk{
        display: none;
    }
    .g_cseonboxl h5 a{
    display: inline-block;
    }  
    .g_cseonboxl h5 span{
    display: none;
    }  
    .contact_loc h5 span{
        display: none;
    }
    .contact_loc h5 a{
    display: inline-block;
    }
    .contact1 .contact_title span a{
    color: #ff4343;
    display: inline-block;
    }
    .contact1 .contact_title span span{
    display: none;
    }
    .enjoy .enjoynav {

    padding: 46px 0;

    }

    .enjoy .enjoynav{

        margin-left: -26px;

    }

    .enjoy .enjoynav li {

    margin-bottom: 0px;

    }

    .enjoy .enjoynav li {

    padding-left: 26px;

    padding-right: 26px;

    }

    .dana1 .enj_con {

    margin-top: 10px;

    }

    .enjoy_title .enj_con h2 {

    margin-bottom: 8px;

    }

    .enjoy_title .enj_con p {

    font-size: 16px;

    }

    .enjoy_title .enj_con h2 {

    font-size: 26px;

    }

    .enjoy_title .enj_con h2 span {

    font-size: 32px;

    }

    .enjoy_title h1 {

    font-size: 68px;

    }

    .header{

        display: none;

    }

    .padph {

        display: block;

    }

    footer.spfo{

        display: none;

    }
	.g_detailsbox .list { width:94%;}
	.g_detailsbox .list .box p.p1 img { width:67%; height: auto; margin-bottom: 25px;}
	.g_detailsbox .list .box p.p2 { font-size:22px; margin-bottom: 18px;}
	.g_detailsbox .list .box p.p3 { width:90%; font-size: 13px;}
	
	.g_padding3 .list .listL { width:100%; float: inherit; padding: 8% 4% 5% 4%}
	.g_padding3 .list .listL p.p1 { font-size:18px;}
	.g_padding3 .list .listL p.p1 span{ font-size:28px;}
	.g_padding3 .list .listL p.p2{ font-size:16px; line-height: 28px;}
	.g_padding3 .list .listR {width:100%; float: inherit;}
	
	/*电商平台*/
	.dcpz_2 {padding:50px 0;}
	.case .iwrap {width:92%; }
	.dcpz_2b { width:100%; float: inherit; margin-top: 0;}
	.dcpz_2a{ width:100%; float: inherit;}
	.dcpz_2b_1 p {font-size:18px;margin-bottom:15px;}
	.dcpz_2b_1 h3 {font-size:30px;margin:3px 0 10% 0;}
	.dcpz_2b_2 ul li { width:50%;font-size:16px; line-height: 26px; height: 26px;}
	.dcpz_2b_2 ul li p { line-height:26px;height: 26px; padding-left: 40px;}
	.dcpz_2b_2 ul li p.p1 { background-size:30px;}
	.dcpz_2b_2 ul li p.p2 { background-size:30px;}
	.dcpz_2b_2 ul li p.p3 { background-size:30px;}
	.dcpz_2b_2 ul li p.p4 { background-size:30px;}
	.dcpz_2b_2 ul li p.p5 { background-size:30px;}
	.dcpz_2a img {width:75%; margin: 0 auto;}
	.dcpz_2b_2 {margin:8% 0 0 0;}
	
	.dcpz_3a h3 {font-size:26px; margin-bottom: 10px; margin-top: 10px;}
	.dcpz_3a p{font-size:15px; line-height: 24px;}
	.dcpz_3b ul { display: block}
	.dcpz_3b ul li { width:100%}
	.dcpz_3b_1 h3 {font-size:20px;}
	.dcpz_3b_1 p{font-size:14px;}
	.dcpz_3b_1 { padding:4% 5%}
	.dcpz_3b_2 { margin-bottom:20px;}
	.dcpz_3b_2 dl dd h3{font-size:16px;}
	.dcpz_3b_2 dl dd p{font-size:14px; line-height: 22px;}
	.dcpz_3b_2 dl dd{padding:4% 0 4% 7%}
	.dcpz_3b_2 dl {margin-bottom:0}
	
	.dcpz_4_1 ul li h3{font-size:16px; }
	.dcpz_4_1 ul li {width:50%;}
	.dcpz_5a h3{font-size:26px; margin-bottom: 14px; }
	.dcpz_5a p{font-size:15px; line-height: 24px; }
	
	.dcpz_5b ul li{width:50%;}
	.dcpz_5b ul li div p{font-size:14px; line-height: 24px; }
	.dcpz_5b ul li div h3{font-size:17px; padding-top: 76px; }
	
	/*其他服务*/
	.adv_con2 .adv_box { width:48.5%;}
	.adv_box .corner {width:75px; height: 75px;border-right:75px solid transparent;border-top:75px solid #1e9ed6;}
	.adv_box .corner p {top:-72px;left:13px; font-size: 24px;}
	.adv_box:nth-child(3n+2) .corner {border-top:75px solid #f3b42c}
	.adv_box:nth-child(3n+3) .corner {border-top:75px solid #1fba60}
	.adv_con2 .adv_box:nth-child(3n+4) .corner {border-top:75px solid #7881dc}
	.adv_box .adv_img img {height:45px;}
	.adv_box .adv_img {padding:45px 0 15px 0;}
	.g_methlastbgn .list {margin-top:60px;}
	.g_methlastbgn .list p{font-size:15px; }
	
	.zc-row4 .g_padding1 {padding-top:30px;padding-bottom:30px;}
	.zc-row4 .L{ width:100%;}
	.zc-row4 .L p.p1{font-size:30px; margin-bottom: 25px; }
	.zc-row4 .L p.p3{font-size:14px; line-height: 24px; width: 60%; }
	.zc-row4 .L p.p2{font-size:18px; margin-bottom:15px; line-height: 26px; }

	
	.scfoll {display: none;}
	/*移动端菜单*/
	.top{position: fixed;top: 0;width: 100%;z-index: 99999999;height: 66px;background-color: #fff;
	-webkit-transition:all 500ms cubic-bezier(0,.995,.99,1);
	-moz-transition:all 500ms cubic-bezier(0,.995,.99,1);
	-ms-transition:all 500ms cubic-bezier(0,.995,.99,1);
	-o-transition:all 500ms cubic-bezier(0,.995,.99,1);
	transition:all 500ms cubic-bezier(0,.995,.99,1)
}
.logo{padding: 19px 0 0 20px;}
.logo img{width: 30%;display: inline-block;max-width: 300px;}
.ban_2 ul li{text-align: center;color: #766738;font-size: 12px;padding: 0 3px;display: inline-block;margin-bottom: 3px;opacity: 0.8;}
.ban_2 {margin-top: 10%;}
.ban_2 ul{text-align: center;}
	.hide_ppx{position: fixed; top: 0;width: 100%;height: 100vh;overflow: hidden;background-color: rgba(0,0,0,0.7);z-index: 100000000;transform: translate(100%,0);
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	transition:all 300ms ease-out
}
.whd_ppk{transform: translate(0,0)!important;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	transition:all 300ms ease-out
}
.menu{background-color: #fff;height: 100vh;width: 60%;float: right;}
.hide_ppx_1{background-color: #1e1e1e;display: flex;flex-direction: row;height: 66px;justify-content: center;align-items: center;}
.hide_ppx_1a{margin-left: 15px;}
.hide_ppx_1a img{display: block;width: 70%;}
.hide_ppx_1b img{width: 60%;}
.menu ul li{line-height: 65px;border-bottom: 1px solid #e5e5e5;text-align: center;height: 65px;}
.menu ul li a{display: block;width: 100%;height: 100%;line-height: 65px;font-size: 16px;color: #333333;font-weight: bold;}
.menu dl dd{width: 86px;height: 86px;}
.ddp_1{background: url(https://m.redso.com.cn/skin/default/images/xads_03.jpg) no-repeat center;background-size: 50px;}
.ddp_2{background: url(https://m.redso.com.cn/skin/default/images/xads_05.jpg) no-repeat center;background-size: 50px;}
.ddp_3{background: url(https://m.redso.com.cn/skin/default/images/xads_07.jpg) no-repeat center;background-size: 50px;}
.menu dl{display: flex;flex-direction: row;width: 90%;margin: 0 auto;margin-top: 5%;}
.screen {overflow-x: hidden;}

.anli_banner img{display: block;width: 100%;}
	
	

div.burger {
	height:65px;
	width:45px;
	position:absolute;
	top:-8px;
	right:8px;
	cursor:pointer
}
div.x,div.y,div.z {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	background:#474443;
	border-radius:2px;
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-ms-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out
}
div.x {
	height:3px;
	width:13px;
	-webkit-transition:all 100ms ease-out;
	-moz-transition:all 100ms ease-out;
	-ms-transition:all 100ms ease-out;
	-o-transition:all 100ms ease-out;
	transition:all 100ms ease-out
}
div.y {
	height:3px;
	width:28px;
	-webkit-transition:all 100ms ease-out;
	-moz-transition:all 100ms ease-out;
	-ms-transition:all 100ms ease-out;
	-o-transition:all 100ms ease-out;
	transition:all 100ms ease-out
}
div.z {
	height:3px;
	width:23px;
	-webkit-transition:all 100ms ease-out;
	-moz-transition:all 100ms ease-out;
	-ms-transition:all 100ms ease-out;
	-o-transition:all 100ms ease-out;
	transition:all 100ms ease-out
}
div.y.squize {
	width:0;
	-webkit-transition:all 100ms ease-out;
	-moz-transition:all 100ms ease-out;
	-ms-transition:all 100ms ease-out;
	-o-transition:all 100ms ease-out;
	transition:all 100ms ease-out
}
div.y {
	top:18px
}
div.z {
	top:37px
}
div.open div.x,div.open div.z {
	top:19px;
	-webkit-transition:all 70ms ease-out;
	-moz-transition:all 70ms ease-out;
	-ms-transition:all 70ms ease-out;
	-o-transition:all 70ms ease-out;
	transition:all 70ms ease-out
}
div.rotate30 {
	-ms-transform:rotate(30deg);
	-webkit-transform:rotate(30deg);
	transform:rotate(30deg);
	-webkit-transition:all 70ms ease-out;
	-moz-transition:all 70ms ease-out;
	-ms-transition:all 70ms ease-out;
	-o-transition:all 70ms ease-out;
	transition:all 70ms ease-out
}
div.rotate150 {
	-ms-transform:rotate(150deg);
	-webkit-transform:rotate(150deg);
	transform:rotate(150deg);
	-webkit-transition:all 70ms ease-out;
	-moz-transition:all 70ms ease-out;
	-ms-transition:all 70ms ease-out;
	-o-transition:all 70ms ease-out;
	transition:all 70ms ease-out
}
div.rotate45 {
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:all 100ms ease-out;
	-moz-transition:all 100ms ease-out;
	-ms-transition:all 100ms ease-out;
	-o-transition:all 100ms ease-out;
	transition:all 100ms ease-out
}
div.rotate135 {
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	-webkit-transition:all 100ms ease-out;
	-moz-transition:all 100ms ease-out;
	-ms-transition:all 100ms ease-out;
	-o-transition:all 100ms ease-out;
	transition:all 100ms ease-out
}
	
	/*移动端-底部*/
.ft_1{padding:5% 4% 10% 4%;}
.ft_1a h3{color: #333333;font-size: 18px;padding: 4% 0;border-bottom: 1px solid #ebebeb;}
.ft_1b{margin: 8% 0;}
.ft_1b p{color: #666666;font-size: 14px;font-weight: bold; line-height: 26px;}
.ft_2{background-color: #262626;}
.ft_1c ul{display: flex;flex-direction: row;}
.ft_1c ul li{border: 1px solid #e3e3e3;padding: 1% 5%;border-radius: 25px;margin-right: 5%;}
.ft_1c ul li a{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;color: #808080;}
.ft_pp2{color: #808080;font-size: 14px;}
.ft_pp1{background: url(../images/cty_09.jpg) no-repeat center;width: 35px;height: 32px;display:inline-block;;margin-right: 3px;background-size: 21px;}
.ft_pp3{background: url(../images/cty_07.jpg) no-repeat center;width: 35px;height: 32px;display:inline-block;;margin-right: 3px;background-size: 21px;}
.ft_2{padding: 6% 4%;}
.ft_2a{padding-bottom: 3%;border-bottom: 1px solid #353535;margin-bottom: 5%;}
.ft_2a ul li{float: left;margin: 0 7% 4% 0; line-height: 24px;}
.ft_2a ul li a{color: #a0a0a0;font-size: 14px;}
.ft_2b p{color: #a0a0a0;font-size: 13px;text-align: center; line-height: 22px;}
.ft_2b p a{color: #a0a0a0;}
	.phone-div { display:block}
	.footer{position: relative;z-index: 9999;}

    footer .focon_fl{

        height: 158px;

    }

    footer .fodiv{

        padding-bottom: 48px;

    }

    footer .fodiv::after{

        width: 25px;

        height: 25px;

    }

    footer .fodiv h3{

        font-size: 14px;

        margin-bottom: 10px;

    }

    footer .fodiv .gx_tirlx{

        font-size: 24px;

    }

    .index .section6 .main-container

    {

        padding-top: 30px;

    }

    .index .section6 .main-container .content

    {

        float: none;



        width: 100%;

        height: auto;

    }

    .index .section6 .right

    {

        padding-top: 13px;

        padding-left: 0px;

    }









    .index .section6 .left p br

    {

        display: none;

    }

    .index .section6 .slick-dots

    {

        bottom: -15px;

    }

    .index .section1 .bgwhite .des

    {

        padding-right: 0;

        padding-left: 0;

    }

    .section2 h1,

    .section2 h5

    {

        text-align: center;

    }  

    .index .section2 figure

    {

        text-align: center;

    }

    .index .section2 .imgdiv

    {

        height: 60px;

    }

    .index .section2 figcaption

    {

        line-height: 1.4;



        margin-top: 20px;

    }

    .bgred .parslick{

        margin-left: -25px;

    }

    .index .section4 .title {

        padding: 84px 0 84px 0;

    }  

   

    .index .section5 .l,

    .index .section5 .r

    {

        float: none;



        width: 100%;

        padding-top: 40px;

        padding-right: 20px;

        padding-bottom: 40px;

        padding-left: 20px;

    }

    .index .section5 .main-container .other,

    .index .section5 .main-container .content,

    .index .section6 .main-container .content

    {

        float: none;



        width: 100%;

        height: auto;

    }



    .section7 .position

    {

        padding-right: 0;



        text-align: center;

    }

    .section7 .po,

    .section7 .contact

    {

        margin-right: 46px;

        margin-left: 46px;

    }

    .section7 .contact .iconfont {

    margin-left: 12px;

    }

    .section7 .po a

    {

        margin-right: 15px;

        margin-left: 15px;

    }  

	.po{

		margin-right: 0px;

	}

    .case_page{

        padding: 110px 120px 0;

    }

    .case_page .cp_left{

        width: 100%;

        padding: 95px 0 0px;

    }

    .case_page .cp_right{

        width: 100%;

    }

	.index .neitop .title .left, .index .neitop .title .right{

        display: block;

        float: none;

    } 



  

    .cd_top .ct_con .ct_ip img{

        width: 260px;

    }

    .cd_top .cd_con{

    	padding-right: 0px;

    }

    .cd_top .cd_con .cdc_left p{

    	width: 100%;

    }

    .casex .logodiv .lod_con img{

        margin-bottom: 15px;

    }

    .casex .logodiv .lod_con h5{

        font-size: 12px;

    }

    .case .case_center .cc_fr .cfr_txt{

        top: 30px;

        left: 30px;

        padding-top: 30px;

    }

    .case .case_center .cc_fr .cfr_txt h1{

        font-size: 28px;

        margin-bottom: 30px;

    }

    .case .case_center .cc_fr .cfr_txt .day img{

        width: 100px;

    }

    .case_video .cv_con .video-js {

        height: 440px;

    }

    .map_txt {

        left: 40px;

    }

    .map_center {

        width: 300px;

        height: 400px;

    }

    .index .section6 .right {

    width: 420px;

    }

    .index .section6 .left {

    width: calc(100% - 420px);

    width: -webkit-calc(100% - 420px);

    }

    .caseanli .caphtitle h4 {

    font-size: 46px;

    }

    .serdetails .g_harlitml {

        width: calc(100% - 436px);

    }

    .serdetails .g_harlitml h1 {

        font-size: 36px;

        line-height: 46px;

        height: 92px;

    }

    .serdetails .g_harlitmlp {

        height: 150px;

    }

    .serdetails .advantage {

        padding: 0 50px 100px 50px;

    }

    .serdetails .move2 {

        width: 120px;

        height: 120px;

    }

    .product_slick {

    padding: 56px 64px 0 64px;

    }
    .ci_con .ci_left .po{
        display: none;
    }

    /* 0607 */
    .type{
        margin-bottom: 30px;
    }
    .graytitle .gx_ywbnp {
        font-size: 48px;
    }
    .graytitle h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .gx_jcen{
        width: 100%;
    }
    .bry .brybox{
        padding: 30px 20px;
    }
    .webul li{
        font-size: 16px;
    }
    
    .case.g_zcase.caseanli .g_zanlilist.carousel{
        height: auto;
        max-height: 510px;
    }
    /* 990e*/
}

@media (max-width: 927px){
    .adv_box h5{
        font-size: 16px; margin-bottom: 8px;
    }
    .adv_box p{
        font-size: 14px; line-height: 22px;
    }
    .adv_box{
        padding: 0px 16px 40px;
    }
    .enjoy_title h1 {

    margin-right: 30px;

    }
    .ci_conbox {

    margin-right: inherit;

    float: left;

    width: 100%;

    }

    .ci_con .ci_right {

    padding-left: 0px;

    float: right;

    margin-right: 26px;

    }

    .ci_con .ci_left {

    padding-right: 0;

    border-right: 0px solid #c9c9c9;

    }

    .ci_con .ci_right {

    height: 46px;

    line-height: 46px;

    }

    .albumboxcenitm {

    width: 100%;

    }

    .index .section5 .main-container .news .con{

        width: 100%;

        float: none;

    }

    .index .section5 .main-container .news .shift {

    width: 100%;

    padding-right: 0px;

    }

    .newservice .bgray .grayfr {

    display: none;

    }

    .newservice .bgray {

    height: 406px;

    }

    .webul {

    width: 100%;

    max-width: 100%;

    }

    .about_middle .am_bottom .atxt_con{

        width: 100%;

    }

    .about_middle .am_middle .am_txt {

    right: 15px;

    }

    .lead_con {

    padding: 0px 36px 0px;

    }

    .lc_changel {

    left: 12px;

    }

    .lc_changer {

    right: 12px;

    }

    .index .section5 .main-container .news .shift li, .index .section5 .main-container .news .con .text{

        height: auto;

    }

    .caseanli .txtdiv {

    padding: 26px 26px 26px 26px;

    }

    .serdetails .g_harlitml{

        width: 100%;

        float: none;

        text-align: center;

    }

    .g_harlitmr{

        float: none;

    }

    .g_methodl{

        float: none;

        width: 100%;

    }

    .g_methodr{

        float: none;

        margin: auto;

    }

    .g_harlitml h1{

        text-align: center;

    }

    .g_harlitml p{

        text-align: center;

    }

    .g_harlitmlnav{

        display: inline-block;

    }

    .g_harintr {

    margin-top: 26px;

    padding-bottom: 36px;

    }

    .g_harlitml h1{

        height: auto;

    }

    .g_harlitmlp{

        margin-top: 26px;

        height: auto;

    }

    .g_harlitmlnav{

        margin-top: 26px;

    }

    .g_harlitmr{

        margin: 30px auto 0; 

    }

    .g_methodltit span {

    font-size: 34px;

    text-align: center;

    display: block;

    }

    .g_methodltit h5 {

    font-size: 46px;

    margin-top: 26px;

    text-align: center;

    }

    .g_methodr{

        margin-top: 12px;

    }

    .g_methodbox {

    padding-top: 40px;

    padding-bottom: 40px;

    }

    .g_padding3 {

    padding-left: 56px;

    padding-right: 56px;

    }

    .g_advaitm .g_advaitma {

    width: 110px;

    }

    .g_advaitmb {

    width: 90px;

    }

    .g_advaitmc {

    width: 108px;

    }

    .g_advaitmd {

    width: 110px;

    }

    .g_advaitme {

    width: 50px;

    }

    .g_advaitmb2, .g_advaitmb3, .g_advaitmb4, .g_advaitmb5 {

    width: 30px;

    }

    .g_advaitmdasp {

    width: 24px;

    }

    .g_advaitmdaspioc {

    right: 28px;

    }

    .g_advaitmdaspioc span {

    width: 12px;

    height: 2px;

    margin-bottom: 3px;

    }

    .g_advaitmdasp {

    transform: translate(calc(-50% - 12px),calc(-50% - 3px));

    }

    .g_advaitmdaspioc {

    transform: translate(0,calc(-50% - 3px));

    }

    .g_advaitme span {

    width: 20px;

    }

    .g_advaitme span {

    bottom: 24px;

    }

    .g_advaitm h5 {

    margin-top: 14px;

    font-size: 18px;

    }

    .g_advaitmiocbox {

    height: 105px;

    }

    .g_adva {

    padding-bottom: 68px;

    }

    .g_advailast {

    margin-top: 36px;

    }

    .g_advap {

    margin: 54px auto 0;

    }

    .g_advatit h5 {

    font-size: 46px;

    }

    .g_methlast span{

        text-align: center;

        display: inline-block;

        padding-left: 0;

        padding-right: 0;

    }

    .g_methlast{

        margin-left: 0;

        margin-right: 0;

        display: inline-block;

        width: auto;

    }

    .g_methlastbn{

        width: 50%;

    }

 

    .g_methlastbn span{

        width: auto;

        display: inline-block;

    }

    .g_methlastbl{

        padding-right: 20px;

    }

    .g_methlastbr{

        padding-left: 20px;

    }

    .g_methlastc{

        opacity: 1;

    }

    .g_methlastbgn{

        position: relative;

    }

    .g_methlastb{

        position: absolute;

        left: 0;

        top: 68px;

        width: 100%;

    }

    .g_methlastbox{

        text-align: center;

    }

    .caseanli .txtdiv h5 {

    font-size: 24px;

    }

    .caseanli .txtdiv p {

    font-size: 17px;

    line-height: 26px;

    height: 52px;

    }

    .caseanli .txtdiv {

    padding: 26px 26px 26px 26px;

    }

    .caseanli .caphtitle {

    padding-top: 36px;

    padding-bottom: 36px;

    }

    .g_anbtnbox {

    margin-top: 36px;

    margin-bottom: 46px;

    }



    .g_ncascenr{

        float: none;

        width: 100%;

    }

    .g_ncascenl{

        float: none;

        margin: 26px auto 0;

    }

    .g_ncbtnlast .slick-prev {

    width: 56px;

    }

    .g_ncbtnlast .slick-next {

    width: 56px;

    }

    .g_ncbtnlast{

        padding-left: 56px;

        padding-right: 56px;

    }

    .g_desigitm {

    width: 50%;

    }

    .g_methodb .g_methodl{

        width: 100%;

        float: none;

    }

    .g_methodb .g_methodr{

        float: none;

        margin: 72px auto 0;

    }

    .g_methodrimgspa{

        display: none;

    }

    .g_methodb .g_methodbox {

    padding-bottom: 80px;

    }

    .g_hardboxb .g_harlitml,
    .j_hrbtnbox .g_harlitml{

        float: none;

        width: 100%;

    }

    .g_hardboxb .g_harlitmr{

        float: none;

        margin: 36px auto 0;

    }

    .g_hardboxb{

        padding-bottom: 26px;

    }

    .g_desigitm h5 {

    font-size: 28px;

    }

    .g_desigitm span {

    font-size: 16px;

    margin-top: 14px;

    }
    .index .section4 li a .logodiv .lod_con img {
    width: 168px;
    }
    .g_formbl {
        width: calc(100% - 410px);
    }
}

@media (max-width: 767px){
    .g_ban{
        margin-top: 56px;
    }
    .gx_anlbox.gx_neslist {
        margin-bottom: 18px;
    }
    .gx_anlbox{
        padding-left: 15px;
        padding-right: 15px;
    }
    .gx_hopit .g_f4botxiafl2z{
        width: 64px;
    }
    .gx_hopit .gxn_cen{
        width: calc(100% - 64px);
    }
    .g_f4botxiafl2z {
        line-height: 1.5;
    }
    .gx_hopit{
        margin-bottom: 6px;
    }
    .gx_newslist {
        margin-top: 20px;
    }
    .gx_dah3 {
        margin-top: 8px;
        margin-bottom: 8px;
        height: auto;
    }
    .gx_neslist {
        margin-top: 36px;
    }
    .gx_newslist {
        margin-left: 0px;
        margin-right: 0px;
    }
    .gx_neitm{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .g_newslist {
        margin-top: 15px;
    }
    .gx_nesen {
        margin-bottom: 6px;
    }
    .index .section5 .main-container .news .shift li h5:last-of-type, .index .section5 .main-container .news .con .text h4 {
        margin: 8px 0 6px;
    }
    .index .section5 .main-container .news .shift li {
        padding-top: 6px;
        padding-bottom: 6px;
        margin-bottom: 10px;
    }
    .g_newsitm .gx_nesen{
        height: auto;
    }
    .g_fornbom .contact_mess {
        padding: 36px 0% 0px 0px;
    }
    .g_fornbom {
        margin-bottom: 46px;
    }
    .g_forntop {
        margin-top: 46px;
    }
    .g_panfgha {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }
    .cdetails .casefo .g_formbl h1 {
        padding: 0px 0px;
    }
    .g_formbl {
        width: 100%;
    }
    .g_formbox {
        margin-top: 46px;
    }
    .g_bdimgn{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .g_formbr{
        width: 100%;
        margin-top: 36px;
    }
    .index .section5 .main-container .news .shift li h5:last-of-type a{
        height: auto;
    }
    .ci_return{
        display: none;
    }
    .pc_nav{

        display: none;

    }

    .phone_nav{

        display: block;

    }

    #burger-menu .nav_close {

        top: 30px;

        right: 30px;

    }

    .search .pcbb{

        display: none;

    }

    .search .phsearch {

        display: block;

    }

    .index .phbanner,

    .index .neitop{

        height: 400px;

    }

    .buildfl .buildimg {

        height: 660px;

    }

    .buildfl .buildimg .x-s-1 {

        left: 35px;

        width: 310px;

    }

    .buildfl .buildimg .x-s-2 {

        top: 130px;

        left: 24px;

        width: 185px;

    }

    .buildfl .buildimg .x-s-3 {

        top: 190px;

        right: 17px;

        width: 163px;

    }

    .buildfl .buildimg .x-s-4 {

        bottom: 166px;

        left: 50%;

    }   

    .buildfl .buildimg .t-s-2 {

        left: 77px;

    }

    .buildfl .buildimg .t-s-4 {

        top: 264px;

    }

    .buildfr .buildcon {

        padding: 30px 15px 0;

    }

    .buildfr .buildcon strong, 

    .buildfr .buildcon h2 {

        margin-bottom: 15px;

    }

    .buildfr .buildcon strong a {

        font-size: 30px;

    }

    .buildfr .buildcon h2 a {

        font-size: 18px;

    }

    .buildfr .buildcon .buildmess {

        margin-bottom: 20px;

    }

    .buildfr .buildcon p {

        font-size: 14px;

    }

    .newservice .bgray {

        height: 309px;

    }

    .newservice .wrap .sertitle:after{
        display: none;
    }


    .newservice .wrap .sertitle {

    margin-bottom: 0px;

    }

    .graytitle h2 {

    margin-bottom: 14px;

    }

    .newservice .sertitle h2 {

    font-size: 32px;

    text-align: center;

    }

    

    .gx_jcen{
        width: 100%;
    }

    .webul li {

    margin-top: 0px;

    line-height: 22px;

    }

    .newservice .wrap .sertitle {

    border-bottom: 0px solid #dddddd;

    }

    .type {

    margin-bottom: 14px;

    }

    .webul li {

    font-size: 14px;

    }

    .graytitle .gx_ywbnp {

        font-size: 24px;

    }

    .graytitle h2 {

        font-size: 20px;

    }

    .webul li a {

        font-size: 14px;

    }
    .enjoy_title h1 {

        float: none;

        font-size: 54px;

        margin-right: 0px;

    }
    .enjoy_box {
        margin-bottom: 30px;
    }

   .lead_top .lt_img {
        width: 100%;
    }

    .lead_top .lt_txt {
        width: 100%;
        text-align: center;
        padding-left: 0px;
    }
    .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
        float: none !important; 
    }

    .case_video .cv_con .video-js {

        height: 320px;

    }

    .case_txt p{

        font-size: 26px;

        line-height: 1.5;

        margin-bottom: 25px;

    }

    .case_txt h1{

        font-size: 18px;

        margin-bottom: 90px;

    }

    .case_txt p.txt1{

        font-size: 18px;

    }

    .case_txt h1.txt2{

        font-size: 26px;

        margin-bottom: 8px;

    }

    .case_txt h1.txt2 br:nth-child(2){

        display: none;

    }

    .case_txt p.txt3{

        font-size: 14px;

        margin-bottom: 18px;

    }

    .case_txt .tag{

        padding-bottom: 36px;

    }

    .case_txt .case_bt .image-wrapper {

        width: 100%;

        padding-left: 22%;

        margin-bottom: 26px;

    }

    .case_txt .case_bt {

        margin-bottom: 40px;

    }

    .case_info {

        padding: 14px 70px 0px 70px;

    }

    .case_info .zan{

        display: none;

    }

    .case_info .caseback{

        display: block;

    }

   /* .case_info .ci_con .ci_right{

        display: none;

    }*/

   

    .po {

        margin-right:0px;

    }

    /* .cdetails footer{

        padding: 15px 40px 0px;

    }

    .cdetails footer h1{

        padding: 60px 0;

        font-size: 38px;

    } */



	.index .section5 .main-container .news .imgdiv{

		height: 256px;

	}

	.bgw_fr h1{

	    display: none;

	}

	.bgw_fl, .bgw_fr{

	    width: 100%;

	}

	.index.service .bgwhite {

	    padding-right: 30px;

	}

	.bgw_title {

	    padding: 60px 0 0 00px;

	}

	.bgw_title .bgw_nav {

	    padding: 20px 0 40px;

	}

	.bgw_fl {

	    padding: 40px 30px 0 30px;

	}

	.bgw_fl h1 {

	    margin-bottom:30px;

	    margin-left: 0px;

	}

	.bgw_fl p {

	    padding-top:40px;

	}

	.bgw_fl .bgwul {

	    padding: 40px 0 40px;

	}

	.bgw_fr {

	    padding-top: 0px;

	    padding-bottom: 40px;

	    text-align: center;

	}

	.bgw_fr img {

	    right: 0px;

	    margin-right: 0px;

	    float: none;

	}

	.bgw_right .bgw_fr {

	    padding-top: 0px;

	    text-align: center;

	}

	.bgw_right .bgw_fr img {

	    float: none;

	    margin-left: 0px;

	}

	.about_top .at_title h1 {

	    font-size: 48px;

	}

	.about_top .at_middle p {

	    width: 100%;

	}

	.about_middle .am_top {

	    padding: 60px 30px 60px;

	}

	.about_middle .am_top h1, .about_middle .am_bottom h1 {

		margin-bottom: 30px;

	}

	.about_middle .am_bottom {

	    padding: 60px 30px 60px;

	}

	.about_middle .am_bottom .amb_txt {

	    margin-top: 30px;

	}

	.section_about .sa_top {

	    padding: 60px 30px;

	}

	.contact1 {

	    padding: 60px 30px 60px;

	}

	.contact_loc {

	    padding: 20px 0 20px 128px;

	}

	.contact_loc .imgdiv {

	    top: 25px;

	    left: 0px;

	}

	.contact_mess .gx_kshzimg {

	    font-size: 24px;

	    color: #464646;

	    margin-bottom: 30px;

	}

	.contact_mess form button {

	    width: 150px;

	    height: 65px;

	}

    .contact1 .contact_title h1 {

        font-size: 38px;

    }



	.index .section1.bgat .bgwhite{

		height: 480px;

	}

	.index .section1 .bgwhite .middle, 

    .index .section1 .bgwhite .right{

		height: 385px;

	}

	.index .section1 .bgwhite .des .content p{

		font-size: 14px;

		line-height: 24px;

	}

	.index .section6 .left{

        width: calc(100% - 400px);

        width: -webkit-calc(100% - 400px);

    }

    .index .section6 .right {

        width: 400px;

    }

    

	.cd_top .ct_con .ct_ip{

		right: -20px;

	}

    .cd_top .cd_con{

        padding-right: 0px;

    }    

    .case .casetop{

        margin-top: 100px;

    }



    .about_top .at_bottom .ab_con .ab_num {

        font-size: 48px;

    }

    .about_middle .am_middle .am_txt {

        right: 0px;

        bottom: -10px;

        width: 100%;

    }

    .about_middle .am_middle .am_txt img{

        width: 300px;

        margin-left: 15px;

        display: block;

    }

    .about_middle .am_bottom .atxt_con{

        width: 100%;

        padding-left: 0px;

        margin-bottom: 10px;

    }

    .section_about .sa_con{

        padding-left: 0px;

        padding-bottom: 0px;

    }

    .section_about .sa_ab img{

        width: 200px;

    }

    .map_txt{

        padding-top: 55px;

    }

    .map_txt h1{

        font-size: 34px;

        margin-bottom: 30px;

    }

    .map_txt p{

        font-size: 30px;

        margin-bottom: 50px;

    }

    .map_txt{

        top: 180px;

        left: 70px;

    }

    .map_center{

        /* top: 70%; */

        display: none;

    }

    .map_center span {

	    width: 50px;

	    height: 50px;

	}

    .contact_mess form .form_fl{

        width: 100%;

    }

    .map .map_img{

        height: 765px;

    }

    .map .map_img img{

        width: auto;

        height: 100%;

    }

    .case_page .cp_left{

        width: 100%;

        padding: 0px;

    }

    .case_page .cp_right{

        width: 100%;

        padding: 0px;

    }

    .index .neitop .neibei{

		display: none;

	}

	.index .neitop .neibeiph{

		display: block;

	}

	.index .neitop .title {

        padding-top: 150px;

        padding-bottom: 81px;

		opacity: 1;

    }

    .ci_con .ci_right .share .bdsharebuttonbox .bdsbtn {

        margin-left: 14px;

    }

    .ci_con .ci_left .po{

        margin-left: 0px;

        display: none;

    }

    .ci_con .ci_left .contact {

        margin-right: 0px;

        margin-left: 0px;

        position: relative;

        top: 50%;

        transform: translateY(-50%);

    }

    .ci_con .ci_left{

        position: relative;

        height: 46px;

    }	

    .serdetails .g_harlitml {

        width: 100%;

        float: none;

        text-align: center;

    }

    .serdetails .g_harlitml h1 {

        height: auto;

    }

    .serdetails .g_harlitmlp {

        margin-top: 26px;

        height: auto;

    }

    .advantage .adtitle h1 {

        font-size: 46px;

    }

    .adv_box {

        width: 48%;

        margin-left: 0px;

    }

    .adv_box:nth-child(odd) {

        margin-right: 4%;

    }
    .section7 .position_bottom{
        display: none;
    }

}
@media (max-width: 767px)

{	
	.bry .brybox {

    height: auto;
    }
    .gx_jcen{
        position: relative;
        left: initial;
        top: initial;
    }
    .g_f4botxiafl {
        float: left;
    }
    .contact_mess .gx_kshzimg img{
        width: 140px;
        max-width: inherit;
    }
    .buildfr .buildchange {

    position: relative;

    margin-top: 26px;

    }

    .buildfr .buildchange .buildnum span {

    font-size: 12px;

    }

    .buildfr .buildchange .buildprev .txt, .buildfr .buildchange .buildnext .txt {

    font-size: 14px;

    }

    .buildfr .buildchange .buildnum {

    position: absolute;

    top: -20px;

    }

    #burger-menu .nav_close{

        top: 38px;

        right: 15px;

    }

    .search .phsearch .seclose{

        right: 15px;

    }

    footer p{

        text-align: center;

        font-size: 14px;

        line-height: 22px;

    }

    footer .focon_fl{

        width: 100%;

        height: 273px;

    }

    footer .fodiv{

        padding-bottom: 40px;

    }

    footer .fodiv h3{

        font-size: 18px;

        margin-bottom: 5px;

    }

    footer .fodiv .gx_tirlx{

        font-size: 24px;

        padding-bottom: 0px;

    }

    .index .phbanner,

    .index .neitop{

        height: 288px;

    }

    .buildfl {

        display: none;

    }

    .buildfr {

        width: 100%;

    }

    .buildfr .buildslick {

        height: auto;

    }

    .index .section2.phsc2 .phsc_title h5.ph4{

        padding-left: 0px;

        font-size: 24px;

    }

    .index .section5 .main-container .news{

        padding: 30px 0 0;

    }

    .index .section2.phsc2 .bgrpad {

    margin-top: 26px;

    }

    .index .section5 .main-container .news .con{

        padding-right: 0px;

        width: 100%;

    }

    .index .section5 .main-container .news .imgdiv{

        height: auto;

        margin-bottom: 12px;

    }

    .index .section5 .main-container .news .con .text{

        border-bottom: 0px;

    }

    .index .section5 .main-container .news .con .text h4{

        margin: 15px 0;

        font-size: 16px;

    }  

    .index .section5 .main-container .news .shift {

        width: 100%;

        padding-right: 0px;

    }

    .index .section6 .left,

    .index .section6 .right

    {

        float: none;



        width: 100%;

        padding-top: 0;

        padding-right: 0;

        padding-left: 0;



        background-position: center;

    }

    .index .section6 .left{

        margin-bottom: 26px;

    }

    .index .section6 .left p{

        margin-top: 14px;

        margin-bottom: 14px;

        font-size: 14px;

        line-height: 24px;

    }

    .index .section6 .right

    {

        padding: 0;



        background: none;

    }

    .index .section6 .right img

    {

        max-width: 100%;

    }



















    .newservice .bgray {
        height:auto;
    }

    .graytitle{

        position: relative;

        left: 0;

        width: 100%;

        top: 0;

    }

    .newservice .bgray .grayfl {

        width: 100%;

    }

    .newservice .bgray .grayfr {

        display: none;

    }

    .bry .bgblack, .bry .ry {

        width: 100%;

        height: 50%;

    }
    .g_formbox .g_formbl{
        padding-left: 15px;
        padding-right: 15px;
    }
    .newservice .wrap{

        padding: 0px 15px 20px;

        margin-top: 90px;

    }
    .g_formbox {
        margin-bottom: 46px;
    }
    .newservice .wrap.g_fwbinhp {
        margin-top: 36px;
    }
    .bry {

    height: auto;

    }

    .brybox .ser_arrow{

        display: none;

    }

    .webul{

        margin: 0 -10px 0 -10px;

    }

    .retrieve .wrap {

        padding: 0 10px;

    }

    .retrieve .wrap .ret_line {

        display: none;

    }

    .retri_hint {

        padding: 30px 0;

    }

    .retri_con .retri_box{

        margin-bottom: 10px;

    }

    .enjoy .wrap {

        padding-left: 15px;

        padding-right: 15px;

    }

    .enjoy_title h1 {

        font-size: 44px;

    }

    .enjoy_title .enj_con h2 {

        font-size: 24px;

    }

    .enjoy_title .enj_con p {

        font-size: 16px;

    }

    .enjoy_box {

        padding-bottom: 10px;

        margin-bottom: 15px;

    }

	.lead_top {

	    padding: 15px 15px 36px;

	}

	.lead_con {

	    width: 100%;

	    padding: 0px 25px 0px;

	}

	.lead_con .lc_title h4 {

	    font-size: 30px;

	}



   

.section7 .friendlink {

    display: none;

}

.section7.friend .position .position_top {

    height: auto;

}

    .padcase{

        display: none;

    }



/*     .padnav .phon_btnb{

    display: block;

} */

    .fenye{

        display: none;

    }

    .fenyeph{

        display: block;

        padding-left: 15px;

        padding-right: 15px;

    } 

    .index .neitop .title .left, .index .neitop .title .right {

        padding-left: 20px;

        padding-right: 20px;

        text-align: center;

    }

    .index .neitop .title .right h1 {

        font-size: 24px;

        letter-spacing: 2px;

    }

    .index .neitop .title .left h1{

        font-size: 14px;

    }

	body.index{

        padding-top: 80px;

    }



    .main-container {

        padding: 0px;

    }

    .index .section1 .bgwhiteh{

        padding: 0 10px 1px;

    }

    .index .section1.bgat .bgwhite{

        height: auto;

    }

    .index .section1 .bgwhite .middle{

        display: none;

    }

    .index .section1 .bgwhite .right{

        width: 100%;

        height: auto;

        padding-bottom: 0px;

    }

    .index .section1 .bgwhite .right .conslick{

        padding-bottom: 120px;

    }

    .index .section1 .bgwhite .des .content p{

        font-size: 16px;

    }

    .index .section1 .bgwhite .des .content a {

        display: none;

    }

    

    .index .mainh4 .flul li{

        padding-top: 15px;

    }


    .index .section4 .title {

        padding: 35px 0 35px 15px;

    }

    .index .section4 .title span{

        padding-left: 0;

    }



    

    .section7 .position

    {

        line-height: normal;



        height: auto;

        padding-top: 20px;

        padding-bottom: 20px;

        overflow: hidden;

        padding-left: 15px;

        padding-right: 15px;

    }



    .section7 .po a:nth-child(1){

        margin-left: 0;

    }



    .section7 .po,

    .section7 .contact

    {

        margin-right: 0;

        margin-left: 0;

    }

    .section7 .po{

        float: left;

    }

    .section7 .position a {

	    font-size: 14px;

        margin-right: 0px;

	}

	.po a .iconfont {

	    font-size: 16px;

	    margin-right: 5px;

	}

    .section7 .contact

    {

        float: right;

        padding: 0px;

        margin-right: 25px;

    }

    .section7 .ci_con{

        height: auto;

        line-height: auto;

        padding-top: 0px;

        padding-bottom: 0px;

        padding-left: 15px;

        padding-right: 15px;

    }

    .ci_con {

        border-top: 0px;

    }



    .section7 .ci_con a{

        font-size: 14px;

    } 

    .ci_con .ci_left a {

        line-height: 1px;

    }

   

    .txtdiv h5{

        font-size: 14px;

    }

	.caseanli .messdiv {margin-top: 40px;}
	.caseanli .txtdiv .L { width:100%; float: inherit;}
	.caseanli .txtdiv .R { width: 95px; position:absolute; right: 5%; top: 2%;}

    .messdiv .messname{

        font-size: 12px;

    }

    .case .wrap{

        padding: 0px 0px;

        margin-top: 16px;

    }

    .case .wrap nav{

        margin: 0px 0px 0 0px;

    }

    .caseph nav {

    padding: 26px 15px;

    }



    .cd_top{

        padding: 90px 15px 36px;

    }

    .cd_top .ct_con .ct_ip{

        bottom: 10px;

        right: -10px;

    }

    .cd_top .ct_con .ct_ip img{

        width: 180px;

    }

    .cd_top .cd_title{

        margin: 36px 0 25px;

    }

    .cd_top .cd_con .cdc_left{

        width: 100%;

        margin-right: 0px;

        text-align: center;

    }

    .cd_top .cd_con .cdc_left .cdc_logo img{

        width: 220px;

    }

    .cd_top .cd_con .cdc_left .cdc_logo {

        margin-bottom: 26px;

    }

    .cd_top .cd_con .cdc_left p{

        width: 100%;

        font-size: 14px;

        line-height: 24px;

    }

    .case_video{

        padding: 0px;

    }

    .case_video h1 {

    font-size: 24px;

    padding: 15px;

    margin-bottom: 0;

    } 

    .case_video .cv_con {

        padding-left: 0px;

    }

    .case_page {

        padding: 60px 15px 0;

    }

    .case_txt{

        padding: 26px 15px 0;

    }

    .case_txt p{

        font-size: 18px;

        line-height: 30px;

        margin-bottom: 12px;

    }

    .case_txt h1{

        font-size: 12px;

        margin-bottom: 18px;

        line-height: 30px;

    }

    .case_txt .case_bt {

        margin-bottom: 0px;

    }

    .case_txt .case_bt .image-wrapper{

        padding-left: 0px;

    }

    .case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img{

        padding-left: 18%;

    }

    .case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img .cbt_color{

        width: 58.75%;

    }

    .case_txt p.txt1{

        font-size: 12px;

    }

    .case_txt h1.txt2{

        font-size: 18px;

    }

    .case_txt p.txt3{

        font-size: 12px;

    }

    .case_txt .txt_bottom img{

        margin-bottom: 26px;

    }

    .case_info{

        padding: 0px 15px 0px;

        overflow: hidden;

    } 

    .case_info .caseback {

    padding: 0 26px;

    }



    .case_info .zan{

        margin: 0px auto 30px;

    }

    .po a{

        margin-left: 18px;

    }

    .cdetails .casefo {

        padding: 0 0px 36px;

    }

    .cdetails .casefo .cdp_con .slick-prev {

       width: 26px;

        height: 24px;

        left: 6px;

    }

    .cdetails .casefo .cdp_box {

    margin: 0 0px;

    }

    .cdetails .casefo .cdp_con{

        margin: 0;

    }

    .cdetails .casefo .cdp_con .slick-next {

       width: 26px;

        height: 24px;

        right: 6px;

    }

    .cdetails .casefo .cdp_con {

    padding: 0 42px 0 42px;

    }

    .cdetails .casefo h1 {

        padding: 20px 15px;

        font-size: 30px;

        text-align: center;

    }

    .case_video .cv_con .video-js {

        height: 185px;

    }

/*     .cdetails footer{

    padding: 0 70px 0px;

}

.cdetails footer h1{

    padding: 40px 0;

    font-size: 22px;

} */

    .cdetails footer .cdp_con {

	    display: block;

		margin: 0px;

		padding-bottom: 75px;

	}

	.cdetails footer .cdp_ph{

		display: none;

	}

	.index.newlist .section5 .main-container .bgf3 {

    	padding: 0px;

    }

    .index .section{

        width: 100%;

    }

	.index.newlist .section5 .main-container .bgf3 .newtitle{

		padding: 30px 15px 0;

	}

	.index.newlist .newtitle h2{

	    font-size: 32px;

	}

	.index.newlist .section5 .main-container .news .newpadtitle{

		padding-top: 26px;

        padding-left: 15px;

        padding-right: 15px;

        padding-bottom: 26px;

	}

	.index.newlist .section5 .main-container .news .padnews .shift li{

		width: 100%;

	}

	.index.newlist .section5 .main-container .news .padnews .shift li:nth-child(odd) {

	    margin-right: 0;

	}

	.index.newlist .section5 .main-container .content {

	    padding-bottom: 0px;

	}

	.index.newlist .fenyeph{

		background-color: #f2f7f3;

        padding-left: 15px;

        padding-right: 15px;

	}

    .index .section1 .bgwhite .caselist .newsnei .titnei .titnei_time{

        width: 100%;

        padding-left: 0;

        padding-right: 0;

    }

    .index .section1 .bgwhite .caselist .newsnei .titnei .titnei_time span{

        display: block;

        margin-right: 0;

        line-height: 24px;

        float: none;

        text-align: center;

    }

	.index .section1 .bgwhiteh .caselist .newsnei .newsnein .newguding h1 {

	    padding: 20px 0 20px;

	    font-size: 22px;

	}

    .index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess {

        padding: 0px 0px 0px 0px;

        margin-top: 40px;

    }

	.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess form .form_fl {

	    width: 100%;

	}

	.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess form .form_fl:nth-child(1) {

	    margin-right: 0;

	}

	.index .section1 .bgwhite .caselist .newsnei .newsnein .contact_mess form button {

	    width: 140px;

	    height: 50px;

	}

	.bgw_title{

	    padding: 20px 0;

	}

	.bgw_title h1{

	    font-size: 32px;

	}

	.bgw_title .bgw_nav{

	    padding: 20px 0 0;

	}

	.bgw_title .bgw_nav li{

	    padding: 5px 30px 5px 10px;

	}

	.bgw_left, .bgw_right{

	    padding-bottom: 20px;

	    margin-bottom: 20px;

	}

	.bgw_fl{

	    padding: 20px 10px;

	}

	.bgw_fl h1{

	    font-size: 22px;

	    margin-left: 0px;

	    margin-bottom: 20px;

	}

	.bgw_fl h5{

	    font-size: 14px;

	}

	.bgw_fl p{

	    padding-top: 20px;

	}

	.bgw_fl .bgwul{

	    padding: 20px 0 0;

	}

	.bgw_fr{

	    padding: 20px 0;

	}

	.bgw_fr img{

	    float: none;

	    margin-right: 0px;

	}

	.bgw_right .bgw_fr{

	    padding-top: 20px;

	}

	.bgw_right .bgw_fr img{

	    margin-left: 0px;

	}



	.contact1 {

	    padding: 26px 15px 36px;

	}

	.contact1 .contact_title h1 {

		float: none;

	}

	.contact1 .contact_title .phone {

	    height: 30px;

	    float: none;

        padding-left: 40px;

	}

	.contact1 .contact_title img {

	    margin-right: 10px;

	    height: 30px;

	}

	.contact1 .contact_title span {

	    font-size: 18px;

	    line-height: 30px;

	}

	.contact1 .contact_title {

	    padding-bottom: 20px;

	}

	.contact_loc {

    padding: 20px 0 14px 65px;

    border: 0px;

    }

    .contact_loc:hover{

        border:0px;

    }

    .contact_loc {

    margin-bottom: 0px;

    }

	.contact_loc .imgdiv{

	    width: 46px;

	    height: 46px;

	}

	.contact_loc .h4{

	    margin-bottom: 10px;

	}

    .contact1 .contact_title h1 {

        font-size: 32px;

    }

	.contact_mess{

	    padding: 20px 0 0;

	}

	.contact_mess .gx_kshzimg{

	    font-size: 22px;

	    margin-bottom: 6px;

	}

	.contact_mess form input{

	    padding: 15px 0;

	    font-size: 14px;

	}

	.contact_mess form textarea{

	    padding-top: 15px;

	    font-size: 14px;

	}

	.contact_mess form span img{

	    bottom: 5px;

	    width: 114px;

	}

	.contact_mess form .form_fl{

	    padding-right: 0px;

	}

	.contact_mess form button{

	    width: 120px;

	    height: 40px;

	    font-size: 14px;

	}

	.map .map_img{

	    height: 360px;

	}

	.map_txt{

	    top: 145px;

	    left: 50px;

	    padding-top: 20px;

	}

	.map_txt:after{

	    height: 2px;

	}

	.map_txt h1{

	    font-size: 18px;

	    margin-bottom: 20px;

	}

	.map_txt p{

	    font-size: 16px;

	    margin-bottom: 20px;

	}

	.map_txt button{

	    width: 80px;

	    height: 40px;

	    font-size: 12px;

	}

	.map_center{

	    display: none;

	}

	.contact .contact_title{

	    padding-bottom: 20px;

	}

	.contact .contact_title h1{

	    font-size: 24px;

	    margin-right: 10px;

	}

	.contact .contact_title .phone{

	    height: 30px;

	}

	.contact .contact_title img{

	    height: 30px;

	    margin-right: 10px;

	}

	.contact .contact_title span{

	    font-size: 12px;

	    line-height: 30px;

	}











.index .se5 .main-container .news .con{

    padding-bottom: 20px;

}

.broadside{

    width: 25px;

    background-color: rgba(0,0,0,0);

}

.txtdiv {

    padding: 0px 15px 0px;

    height: 22px;

    overflow: hidden;

    line-height: 22px;

    margin-top: 14px;

}

.caseph .caphtitle{

    padding-left: 12px;

}

.casex .logodiv .lod_con img{

    margin-bottom: 10px;

}

.casex .logodiv .lod_con h5{

    font-size: 14px;

}

.case_info .ci_con{

    height: auto;

}





.caseph .cm_box{

    width: 100%;

}

.padnav{

    padding-right: 15px;

    padding-left: 20px;

}

.broadside .navbtn{

    display: none;

}

.messdiv .zandiv {

    border-top: 1px dashed #e0e0e0; padding-top: 8px;border-radius:0;

}
.g_padding3 .more a { font-size:0; width: 40px; height: 40px; background:url("../images/2022022601.png") no-repeat center center; background-size: cover}
.g_padding3 .more {background:none;width: 40px; height: 40px;font-size:0; margin-top: 20px;}


.about_top{

    padding: 0 15px;

}

.about_top .at_title{

    padding: 20px 0;

}

.about_top .at_title h6,

.about_top .at_title h5{

    font-size:22px; 

}

.about_top .at_title h1{

    font-size: 24px;

}

.about_top .at_middle h6{

    padding: 0 0 20px;

    font-size: 14px;

}

.about_top .at_middle p{

    width: 100%;

    font-size: 14px;

}

.about_top .at_bottom{

    padding: 20px 0;

}

.about_top .at_bottom .ab_con h5{

    font-size: 14px;

    margin-bottom: 20px;

}

.about_top .at_bottom .ab_con .ab_num{

    font-size: 28px;

    margin-bottom: 20px;

}

.about_top .at_bottom .ab_con p{

    font-size: 12px;

}

.about_middle .am_top{

    padding: 20px 15px;

}

.about_middle .am_top h1, .about_middle .am_bottom h1{

    margin-bottom: 20px;

}

.about_middle .am_top p, .about_middle .am_bottom p{

    font-size: 14px;

    line-height: 28px;

}

.about_middle .am_middle .am_fl,

.about_middle .am_middle .am_fr{

    width: 100%;

}

.about_middle .am_bottom{

    padding: 20px 15px;

}

.about_middle .am_bottom .amb_txt{

    margin-top: 10px;

}

.section_about .sa_top{

    padding: 20px 15px;

}

.section_about .sa_top .sa_fl,.section_about .sa_top .sa_fr{

    width: 100%;

}

.section_about .sa_top .sa_fl{

    margin-bottom: 10px;

}

.section_about .sa_top .sa_fr p{

    font-size: 14px;

}

.section_about .sa_ab{

    display: none;

}

.case_info .ci_con .ci_left .po{

    display: none;

}

.ci_con .ci_left a{

    float: left;

}

.ci_con .ci_right {

    margin-right: 0px;

}

.index .section5 .main-container .news .shift{

    padding-bottom: 36px;

}

.index .section5 .main-container .news .shift li h5:last-of-type, .index .section5 .main-container .news .con .text h4{

    height: auto;

}

.index .section5 .main-container .news .shift li, .index .section5 .main-container .news .con .text{

    height: auto;

}

.buildfr .buildchange .buildprev  .icon-zuoyoujiantou0{

    margin-left: 0;

}

.index .section6 .main-container .content {

    padding-bottom: 36px;

}

.section7 .po a {

    margin-left: 6px;

}

.section7 .contact .iconfont {

    margin-left: 6px;

}

.bgwph h4 {

    line-height: 56px;

    font-size: 24px;

}

.bgwph .more a {

    font-size: 14px;

    line-height: 56px;

}

.buildfr .buildcon strong, .buildfr .buildcon h2 {

    margin-bottom: 22px;

}

.bgwph {

    height: 56px;

    padding: 0 15px;

}

.buildfr .buildcon strong a {

    font-size: 24px;

}

.buildfr .buildcon strong, .buildfr .buildcon h2{

    font-size: 18px;

}

#burger-menu .nav_close{

    width: 22px;

}



.mCSB_inside>.mCSB_container {

    margin-right: 0px !important;

}

.enjoy nav li {

    padding: 0 0px;

}

.burger-menu-share-wrap li{

    margin: 0 15px;

}

.phone_nav {

    padding: 36px 0px 0 0px;

}

.xialaph h4 img {

    width: 14px;

}

.dana1 .enj_con{

    float: none;

}

.enjoy_title {

    overflow: inherit;

}

.enjoy_title h1 {

    font-size: 24px;

}

.enjoy_title .enj_con h2 {

    font-size: 18px;

}

.enjoy_title .enj_con h2 span {

    font-size: 20px;

}

.enjoy_title .enj_con p {

    font-size: 14px;

    line-height: 22px;

}

.enjoy .enjoynav li a {

    font-size: 14px;

    line-height: 22px;

}

.enjoy .enjoynav li {

    padding-left: 12px;

    padding-right: 12px;

}

.enjoy .enjoynav{

    margin-left: -12px;

    margin-right: -12px;

}

.enjoy .enjoynav {

    padding: 26px 0;

}

.cd_top .cd_title a .arrow {

    display: inline-block;

    width: 26px;

    height: 26px;

    line-height: 18px;

}

.index.newlist .section5 .main-container .news  .padnews .shift{

    padding-left: 15px;

    padding-right: 15px;

}

.index.newlist .section5 .main-container .news  .padnews .con{

    padding-left: 0px;

    padding-right: 0px;

    margin: 0;

}

.index.newlist .section5 .main-container .news .padnews .con .item {

    margin: 0 0px;

}

.index.newlist .section5 .main-container .news  .padnews .con{

    padding-left: 15px;

    padding-right: 15px;

}

.index .section5 .main-container, .index .section6 .main-container {

    padding-right: 15px;

    padding-left: 15px;

}

.black_topbh{

    display: none;

}

.caseanli .txtdiv{

    height: auto;

}

.cm_con:nth-child(odd) {

    margin-right: 14px;

}

.cm_con {

    width: calc(50% - 7px);

}

.main-container{

    max-width: 100%;

}

.about_middle .am_bottom .amb_txt{

    margin-left: 0;

    margin-right: 0;

}

.about_middle .am_bottom .atxt_con{

    padding-left: 0;

    padding-right: 0;

}

.index .section2 .main-container .bgred{

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 36px;

}

.likebn{

    display: none;

}

.caseph nav ul {

    margin: 0 -13px;

}

.contact_mess form button {

    margin-top: 32px;

}

.con_himg {

    width: 98px;

}

.index.newlist .section5 .main-container .news .newpadtitle ul li a {

    font-size: 14px;

}

.lead_con {

    padding: 0px 15px 0px;

}

.lc_changel {

    left: 0px;

}

.lc_changer {

    right: 0px;

}

.lc_changel, .lc_changer {

    width: 36px;

    height: 116px;

}

.lc_changel img, .lc_changer img {

    width: 22px;

}

.lead_con .lc_slick {

    padding: 0 42px 0px;

    margin-bottom: 36px;

}

.lead_con .lc_slick .slick-prev {

    width: 26px;

    height: 23px;

}

.lead_con .lc_slick .slick-next {

    width: 26px;

    height: 23px;

}

.lead_con .lc_slick .lc_small {

    margin: 0 0px;

}

.lead_con .lc_title {

    padding: 36px 0;

}

.type:after{

    display: none;

}

.type h6{

    display: none;

}

.newservice .bgray {

        padding: 26px 15px 22px 15px;

    }

.bry .brybox {

        padding-left: 15px;

        padding-right: 15px;

        padding-bottom: 22px;

        padding-top: 26px;

    }

    .type {

    margin-bottom: 0px;

    padding-top: 0px;

    }

    .index .section5 .main-container .news .shift li h5:last-of-type, .index .section5 .main-container .news .con .text h4{

        line-height: 24px;

    }

    .index.newlist .section5 .main-container .news .padnews .shift li{

        max-height: inherit;

    }

    .g_padding3 {

    padding-left: 15px;

    padding-right: 15px;

    }

    .caseanli .caphtitle h4 {

    font-size: 24px;

    line-height: 24px;

    }

    .caseanli .caphtitle {

    padding-top: 36px;

    padding-bottom: 36px;

    }

    .caseanli .txtdiv h5 {

    font-size: 18px;

    margin-bottom: 6px;

    }

    .caseanli .txtdiv {

    padding: 20px 15px 26px 15px;

    }

    .caseanli .cm_con .txtdiv {

    margin-top: 0;

    }

    .caseanli .txtdiv p {

    line-height: 24px;

    max-height: 44px;

    height: auto;

    }

    .g_detailsbox h5 {

    font-size: 30px;

    margin-top: 20px;

    }

    .g_detailsbox span {

    font-size: 28px;

    }

    .g_detailsbox p {

    font-size: 18px;

    line-height: 26px;

    }

    .g_advatit h5 {

    font-size: 46px;

    margin-top: 36px;

    }

    .g_advatit span {

    font-size: 32px;

    margin-top: 46px;

    }

    .g_advap p {

    font-size: 18px;

    line-height: 32px;

    }

    .g_advap {

    margin: 56px auto 0;

    }

    .g_advailast {

    margin-top: 20px;

    }

    .g_harlitmr {

    width: 266px;

    }

    .g_padding1 {

    padding-left: 36px;

    padding-right: 36px;

    }

    .g_harlast .slick-next {

    right: -26px;

    }

    .g_harlast .slick-prev {

    left: -26px;

    }

    .g_methodr {

    width: 250px;

    }

    .g_methodr {

    margin-top: 14px;

    }

    .g_methodrimg2b1 {

    left: 25px;

    top: 171px;

    }

    .g_methodrimg2b1,.g_methodrimg2b2 {

    width: 32px;

    }

    .g_methodrimg2b2 {

    bottom: 189px;

    right: 122px;

    }

    .g_methlast span {

    font-size: 22px;

    margin-bottom: 24px;

    }

    .g_methlast {

    margin-top: 16px;

    }

    .g_methodrimg2 {

    left: 19px;

    top: 19px;

    width: calc(100% - 38px);

    height: calc(100% - 38px);

    }

    .caseanli .caph_con {

    padding: 0 0px;

    }

    .g_advaitm{

        width: 50%;

        margin-bottom: 26px;

    }

    .g_padding1 {

    padding-left: 15px;

    padding-right: 15px;

    }

    /*.g_advaitm .g_advaitma {

    width: 160px;

    }

    .g_advaitmb {

    width: 142px;

    }

    .g_advaitmc {

    width: 150px;

    }

    .g_advaitmd {

    width: 136px;

    }

    .g_advaitme {

    width: 66px;

    }*/

    /*.g_advaitmb2, .g_advaitmb3, .g_advaitmb4, .g_advaitmb5 {

    width: 50px;

    }*/

    /*.g_advaitmdasp {

    width: 30px;

    }*/

    /*.g_advaitmdaspioc {

    right: 38px;

    }*/

    /*.g_advaitme span {

    width: 26px;

    bottom: 31px;

    }*/

    /*.g_advaitmiocbox{

        height: auto;

    }*/

    /*.g_advaitmiocbox >span {

    position: relative;

    top: 0;

    transform: translateY(0%);

    }*/

    .g_advaitm h5 {

    margin-top: 14px;

    font-size: 14px;

    }

    .g_harlitml h1 {

    font-size: 24px;

    line-height: 36px;

    }

    .g_harlitml p {

    font-size: 14px;

    line-height: 22px;

    }

    .g_harlitmlnav span {

    font-size: 12px;

    }

    .g_harlitmlp {

    margin-top: 8px;

    }

    .g_harlitmlnav {

    margin-top: 10px;

    }

    .g_methodltit span {

    font-size: 18px;

    }

    .g_methodltit h5 {

    font-size: 24px;

    }

    .g_methlast span {

    font-size: 14px;

    margin-bottom: 12px;

    }

    .g_methlast span {

    padding-left: 4px;

    padding-right: 4px;

    }

    .g_advatit h5 {

    font-size: 24px;

    margin-top: 16px;

    }

    .g_advatit span {

    font-size: 18px;

    margin-top: 26px;

    }

    .g_advap p {

    font-size: 14px;

    line-height: 22px;

    }

    .g_advap {

    margin: 14px auto 0;

    }

    .g_detailsp {

    margin-top: 16px;

    }

    .g_detailsbox {

    padding-top: 36px;

    padding-bottom: 36px;

    }

    .g_methlast{

    margin-left: -8px;

    margin-right: -8px;

    }

    .g_adva {

    padding-bottom: 14px;

    }

    .caseanli .cm_con {

    margin-bottom: 0px;

    }

    .g_anbtnbox span {

    font-size: 18px;

    }

    .g_anbtnbox .zandiv {

    width: 18px;

    margin-top: 2px;

    margin-left: 12px;

    }

    .g_anbtnbox {

    margin-top: 26px;

    margin-bottom: 26px;

    }

    .g_hrbtnbox {

    margin-top: 26px;

    }

    .g_pbtn,.g_xbtn {

    width: 25px;

    }

    .g_advaitmg{

    display: block;

    }

    .g_hardboxb .g_harlitml h1 {

    font-size: 24px;

    }

    .g_hardboxb .g_harlitmlnav span {

    line-height: 22px;

    }

    .g_hardboxb .g_harlitmr {

    width: 256px;

    margin: 14px auto 0;

    }

    .g_hardboxb {

    padding-bottom: 0px;

    }

    .g_desigitm h5 {

    font-size: 18px;

    }

    .g_desigitm span {

    font-size: 12px;

    margin-top: 14px;

    }

    .g_design {

    margin-top: 26px;

    }

    .g_ncasetit span {

    font-size: 24px;

    }

    .g_ncasetit h5 {

    font-size: 24px;

    margin-top: 14px;

    }

    .g_ncascenr h5 {

    font-size: 18px;

    line-height: 24px;

    }

    .g_ncascenr p {

    font-size: 14px;

    }

    .g_ncasebox {

    margin-top: 26px;

    }

    .g_ncascenlast {

    margin-top: 14px;

    }

    .g_padding4 {

    padding-left: 15px;

    padding-right: 15px;

    }

    .g_ncascenl {

    width: 376px;

    }

    .g_ncascenbtn {

    margin-top: 36px;

    }

    .g_methodb {

    margin-top: 36px;

    }

    .g_methodb .g_methodltit {

    margin-top: 0px;

    }

    .g_methodb .g_methodltit h5 {

    margin-top: 16px;

    }

    .g_methodb p {

    font-size: 14px;

    line-height: 24px;

    }

    .g_methodb .g_methodlp {

    width: 100%;

    }

    .g_methodlp {

    margin-top: 14px;

    }

    .g_methodb .g_methodr {

    width: 100%;

    }

    .g_baioct {

    width: 41px;

    }

    .g_baiocs {

    width: 6px;

    }

    .g_baiocs2 {

    left: 31%;

    transform: translate(0%,30%) rotate(22deg);

    }

    .g_methodb .g_methodr {

    margin: 38px auto 0;

    }

    .g_ncascen {

    margin-top: 8px;

    }

    .serdetails{

        margin-top: 0px;

    }

    .serdetails  .g_harlitml h1 {

        font-size: 24px;

        line-height: 36px;

    }

    .advantage .adtitle {

        padding: 26px 0 0px;

    }

    .advantage .adtitle h5 {

        font-size: 18px;

        margin-bottom: 5px;

    }

    .advantage .adtitle h1 {

        font-size: 24px;

    }

    .adv_box {

        width: 100%;

    }

    .adv_box:nth-child(2n+1) {

        margin-right: 0;

    }
    .serdetails .move2 {

        width: 80px;

        height: 80px;

    }

    .serdetails .move1 {

        width: 45px;

        height: 45px;

    }

    .product_box .pro_txt p {

        font-size: 16px;

        text-align: center;

    }

    .product_box .pro_img {

    margin-bottom: 26px;

    }



    .product_slick {

        padding: 36px 56px 26px 56px;

    }

    .serdetails .caphtitle h4 {

        font-size: 24px;

        line-height: 24px;

    }

    .serdetails .g_adva {

    padding-bottom: 16px;

    padding-top: 36px;

    }

    .serdetails .caphtitle {

        padding-top: 36px;

        padding-bottom: 36px;

    }

    .serdetails .txtdiv h5 {

        font-size: 18px;

        margin-bottom: 6px;

    }

    .serdetails .messdiv {

        margin-top: 16px;

    }

    .serdetails .caph_con {

        padding: 0 0px;

    }

    .serdetails .cm_con {

        margin-bottom: 8px;

    }

    .cartoonbgb .g_methodrimg2b1 {

    top: 197px;

    }

    .cartoonbgb .g_methodrimg2b2 {

    bottom: 233px;

    right: 100px;

    }

    .phhead .caselogo img {

    width: 98px;

    }

    .phhead {

    height: 56px;

    }

    .phhead .phsearch a span {

    font-size: 26px;

    }

    .phhead .phon_btnb .navbtn {

    width: 26px;

    height: 26px;

    }

    .phhead .phon_btnb .navbtn span {

    width: 26px;

    }

    .phhead .phon_btnb .navbtn span::before, .phhead .phon_btnb .navbtn span::after {

    width: 26px;

    }

    .phhead .phon_btnb .navbtn span::before {

    top: -10px;

    }

    .phhead .phon_btnb .navbtn span::after {

    top: 10px;

    }

    .map .wrap {

    padding-top: 56px;

    }

    .cdetails .ci_con{

        padding-left: 15px;

        padding-right: 15px;

    }

    .case_info .caseback a.fl, .case_info .caseback a.fr {

    font-size: 14px;

    }

    .case_info .caseback .fanhui {

    width: 56px;

    height: 56px;

    font-size: 16px;

    line-height: 56px;

    }

    .index .section4 li a:before{

        display: none;

    }

    .index .section4 li a:after{

        display: none;

    }

    footer {

    padding-top: 26px;

    padding-bottom: 26px;

    padding-left: 15px;

    padding-right: 15px;

    }

    .product_slick .slick-prev{

        left: 0;

        width: 42px;

        height: 82px;

    }

    .product_slick .slick-next{

        right: 0;

        width: 42px;

        height: 82px;

    }

    .product_box {

    padding-left: 0px;

    padding-right: 0px;

    }

    .serdetails .g_hardbox{

        padding-top: 0;

    }

    .adv_box {

    padding: 0px 15px 26px;

    }

    .serdetails .advantage {

    padding: 0 15px 36px 15px;

    }

    .adv_box{

        margin-top: 16px;

    }

    .lead_top {

    margin-top: 56px;

    }

    .cdetailsc .cd_top {

    margin-top: 56px;

    }

    .enjoy .wrap {

    padding-top: 56px;

    }

    .indexsy footer p {

    margin-top: 0;

    }

    .index .video video{

        display: none;

    }

    .g_senphonbox {

    width: 560px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 15px;

    padding-bottom: 15px;

    }

    .g_senphonboxtit p {

    font-size: 14px;

    }

    .g_senphonbox {

    width: 90%;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 20px;

    padding-bottom: 20px;

    }

    .g_senphonbinpl input {

    height: 36px;

    line-height: 36px;

    }

    .g_sybtnyss {

    font-size: 14px;

    line-height: 34px;

    height: 36px;

    }

    .g_senphonbinpr {

    width: 127px;

    float: none;

    margin-top: 20px;

    }

    .g_senphonboxtb p {

    font-size: 14px;
    width: 100%;
    line-height: 18px;
    }

    .g_senphonboxtbn span {

    width: calc(50% - 7px);

    }

    .g_senphonboxtbn {

    margin-top: 14px;

    }

    .g_senphonbinpl{

        width: 100%;

        float: none;

        height: 36px;

    }

    .g_senphonboxtb {

    margin-top: 16px;

    }

    .g_senphonbinp {

    margin-top: 8px;

    }

    .g_senphonboxtit span {

    transform: translateY(-124%);

    }

    .g_senphonboxtit {

    padding-top: 15px;

    }

    .g_jsalxotvwx .g_cseonboxr{

        float: none;

    }

    .g_jsalxotvwx .g_cseonboxl{

        float: none;

        width: 100%;

    }

    .g_cseon{

        width: 90%;

    }

    .g_cseonboxlip span{

        float: none;

    }

    .g_cseonboxlip{

        text-align: center;

    }

    .g_cseonboxlip span{

        display: inline-block;

    }

    .g_cseonboxl h3{

        text-align: center;

    }

    .g_cseonboxl h5{

        text-align: center;

    }

    .g_cseonboxlbtn{

        display: inline-block;

    }

    .g_cseonbn{

        text-align: center;

    }

    .g_cseonboxr{

        margin: 26px auto 0;

        float: none;

    }

    .g_cseonboxlip span {

    font-size: 14px;

    padding-left: 4px;

    padding-right: 4px;

    }

    .g_cseonboxlip{

        margin-left: 0;

        margin-right: 0;

    }

    .g_cseonboxl h3 {

    font-size: 26px;

    margin-top: 20px;

    }

    .g_cseonboxl h5 {

    font-size: 18px;

    margin-top: 14px;

    }

    .g_cseonboxlbtn {

    margin-top: 18px;

    }

    .g_cseonboxr {

    width: 106px;

    }

    .g_cseonboxr h5 {

    font-size: 16px;

    margin-top: 14px;

    }

    .g_cseonboxrerm2 {

    width: 22px;

    height: 22px;

    }

    .g_cseonbox {

    padding-top: 32px;

    padding-bottom: 21px;

    padding-left: 20px;

    padding-right: 20px;

    }

    .g_cseonboxgb {

    width: 18px;

    right: 10px;

    top: 8px;

    }

    .g_cseon {

    padding: 12px;

    }

    .g_footys .g_advaitmiocbox {

    height: 126px;

    }

    .case_txt .tag span {

    font-size: 14px;

    line-height: 28px;

    }

    .case_txt .tag ul li a {

    height: 28px;

    line-height: 28px;

    padding: 0 10px;

    font-size: 14px;

    margin: 0 6px;

    }
    .index .section4 li a .logodiv .lod_con img {
    width: 126px;
    }
    .g_senav{
        display: none;
    }
    .sectionk .tu_img {
    width: 76px;
}
.sectionk .neirongbox_hexin {
    padding: 18px 0 24px;
}
.morehpnk {
    margin: 36px auto 0;
}
.morehp {
    width: 146px;
    height: 46px;
}
.morehp .more_span1 {
    font-size: 14px;
    line-height: 46px;
}
.morehp .more_span2 i {
    line-height: 46px;
}

/* 0607 */
.cdetails.g_footys.cdetailsc .section.section7+.g_formbox.casefo.g_afgbj{
    padding: 0 0px 36px;
}

.g_spamk{
    display: none !important;
}
/* 767end */
}
@media (min-width: 767px){

    .g_footys .ci_conbox {

         margin-right: 0px; 

        float: none;

        display: inline-block;

    }

    .g_footys .main-container{

        max-width: inherit;

        margin-right: 0;

    }

    .g_footys .ci_con{

        text-align: center;

    }
    .txtdiv h3{
        font-size: 16px !important;
    }
   

   
}
/*767w*/
@media (max-width: 560px){
    .main-container ul li:nth-child(9) {
    display: block;
    }
    .index .section4 li

    {

        width: 100%;

        float: none;

        display: block;

    }
    .cm_con:nth-child(odd){

        margin-right: 0;

    }

    .cm_con{

        width: 100%;

        margin-bottom: 0;

    }

    .enjoy_box {

    width: 100%;

    }

    .caph_con{

        padding-left: 15px;

        padding-right: 15px;

    }

    .enjoy_box {

    margin-bottom: 0px;

    }

    .enjoy_con{

        padding-bottom: 36px;

    }

    .caseanli .cm_con{

        padding-bottom: 0;

    }

}

@media (max-width: 480px)

{
    .lead_top .lt_txt .lt_tel span{
        display: block;
    }
    footer .focon_fl {

        width: 100%;

        height: 186px;

    }





    .index .section1 .bgwhite .left,

    .index .section1 .bgwhite .middle,

    .index .section1 .bgwhite .right

    {

        padding-right: 10px;

        padding-left: 10px;

    }

    .index .section1 .bgwhite .middle .caseslick

    {

        height: auto;

        padding: 0;



        background: none;

    }

    .bgwhite .middle img

    {

        width: 100%;

    }

    .index .section1 .bgwhite .caselist li h4{

        font-size: 14px;

    }

    .index .section1 .bgwhite .caselist li .lik {

        padding: 15% 10%;

    }

    .index .section1 .bgwhite .caselist li.li2 .lik {

        padding: 15% 20%;

    }

    .index .section1 .bgwhite .caselist li a {

        padding: 20px 20px 25px;

    }

    .caseanli .txtdiv h5 {

    font-size: 18px;

    }
    .cm_con{

        width: 100%;

    }

     .g_desigitm{

        width: 100%;

    }

    .g_ncbtnlast{

        padding-left: 36px;

        padding-right: 36px;

    }

    .g_ncbtnlast .slick-next {

    width: 36px;

    }

    .g_ncbtnlast .slick-prev {

    width: 36px;

    }

    .g_ncascenl{

        width: 100%;

    }

    .g_ncbtnlast .slick-next::after {

    width: 26px;

    height: 26px;

    }

    .g_ncbtnlast .slick-prev::after {

    width: 26px;

    height: 26px;

    }

    .g_ncbtnitmimgbji::after {

    width: 22px;

    height: 22px;

    }

}

@media (max-width: 480px){
    .contact1 .contact_title span a{
    display: block;
    }
    .serdetails .txtdiv h5 {

    font-size: 18px;

    }

    .cm_con{

        width: 100%;

    }

    .product_slick {

    width: 100%;

    }

    .g_cseonboxlbtn span {

    width: 102px;

	}

	.g_cseonbox {

    padding-left: 15px;

    padding-right: 15px;

	}

}



/* macro新增解决方案 *************************************************************************************************************************************/
/* 案例2020.4.25 */
@media screen and (max-width: 1440px) {
    .mc_cban_l {
        width: 40%;
    }

    .mc_cban_r {
        width: 60%;
    }

    .mc_cban_r {
        padding-left: 40px;
    }

    .mc_cban_txt h2 {
        font-size: 60px;
        line-height: 80px;
        height: 160px;
    }

    .mc_cban_bg {
        height: 740px;
    }

    .mc_cban_txt {
        margin-bottom: 50px;
    }

    .mc_cc1s1 {
        padding-top: 100px;
        padding-bottom: 120px;
    }

    .mc_cc1s2 {
        padding-bottom: 160px;
    }

    .mc_ctitle {
        margin-bottom: 80px;
    }

    .mc_cc1s4 {
        padding: 110px 0;
    }

    .mc_cd1t_title span {
        font-size: 60px;
    }

    .mc_cd1t_title {
        margin-bottom: 60px;
    }

    .mc_cd1t_content {
        padding: 60px 100px;
        background: #fff;
        box-shadow: 0 3px 56px 4px rgba(0, 0, 0, .09);
    }

    .mc_cd1s1_list {
        margin: 0 -30px;
    }

    .mc_cd1s1_li {
        padding: 0 30px;
    }

    .mc_cd1s1 {
        padding-top: 230px;
    }

    .mc_cd1s1 {
        padding-bottom: 30px;
    }

    .mc_cd1s2_list {
        margin: 0 -20px;
    }

    .mc_cd1s2_li {
        padding: 0 20px;
    }

    .mc_cd1s2 {
        padding-bottom: 120px;
    }

    .mc_cc1s1li_title {
        margin-bottom: 40px;
    }

}

@media screen and (max-width: 1366px) {
    .mc_contcase {
        padding-left: 175px;
        padding-right: 120px;
    }
	.gx_jcen {top:150px;}
}

@media screen and (max-width: 1200px) {
    .mc_contcase {
        padding: 0 60px;
    }

    .mc_cd1_main {
        padding: 0 60px;
    }
    .mc_cban_bg {
        height: 650px;
    }

    .mc_cban_container {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }

    .mc_cban_txt h2 {
        font-size: 48px;
        line-height: 60px;
        height: 120px;
    }

    .mc_cd1_box {
        padding-top: 100px;
    }

    /* 新增 */
    .mc_cc1s1 .mc_cc1s1_li {
        width: 33.333333%;
    }
    .mc_cc1s1_li .mc_cc1s1_lisbox{
        border-bottom: 0 !important;
    }
    .mc_cc1s1_li:nth-last-child(1) .mc_cc1s1_lisbox,
    .mc_cc1s1_li:nth-last-child(2) .mc_cc1s1_lisbox,
    .mc_cc1s1_li:nth-last-child(3) .mc_cc1s1_lisbox {
        border-bottom: 1px solid rgba(255, 255, 255, .5) !important;
    }

}

@media screen and (max-width: 990px) {
    .mc_cban_l {
        width: 100%;
    }

    .mc_cban_r {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .mc_cban_rimgbox {
        width: 400px;
        margin: 0 auto;
    }

    .mc_cban_txt {
        margin-bottom: 30px;
    }

    .mc_cban_txt h2 {
        font-size: 40px;
        line-height: 50px;
        height: 100px;
    }

    .mc_c_more {
        width: 160px;
        height: 40px;
        line-height: 40px;
        transition: all .36s;
        cursor: pointer;
    }

    .mc_cban_txt p {
        font-size: 18px;
        line-height: 24px;
        height: auto;
        max-height: 72px;
    }

    .mc_cc1s1 {
        padding: 50px 0;
    }

    .mc_ctitle {
        font-size: 36px;
    }

    .mc_ctitle {
        margin-bottom: 40px;
    }

    .mc_cc1s1li_title {
        margin-bottom: 20px;
    }

    .mc_cc1s1_li {
        padding: 0 10px;
    }

    .mc_cc1s1_list {
        margin: 0 -10px;
    }

    .mc_cc1s2 {
        padding: 50px 0;
    }

    .mc_cc1s2_txt {
        padding: 0 30px;
    }

    .mc_cc1s2_txt h4 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .mc_cc1s2_txt p {
        line-height: 24px;
        max-height: 120px;
    }

    .mc_cc1s2_lisbox {
        height: 246px;
    }

    .mc_cc1s2_li:not(:last-child) {
        margin-bottom: 50px;
    }

    .mc_cc1s3 {
        padding: 50px 0 20px;
    }

    .mc_cc1s4 {
        padding: 50px 0 10px;
    }

    .mc_cc1s4 .gx_neitm {
        padding: 0 20px;
    }

    .mc_cc1s4 .gx_neitm {
        margin-bottom: 40px;
    }

    .mc_cd1_box {
        padding-top: 50px;
    }

    .mc_cd1t_title span {
        font-size: 40px;
    }

    .mc_cd1t_title {
        margin-bottom: 40px;
    }

    .mc_cd1t_content {
        max-width: calc(100% - 100px);
        padding: 50px 40px;
        overflow: hidden;
    }

    .mc_cd1t_content h3 {
        font-size: 32px;
    }

    .mc_cd1s1_listbox {
        padding: 0 20px;
    }

    .mc_cd1s1_list {
        margin: 0 -10px;
    }

    .mc_cd1s1_li {
        padding: 0 10px;
    }

    .mc_cd1s1li_top {
        padding: 20px;
    }

    .mc_cd1s1li_bot {
        padding: 20px;
    }

    .mc_cd1s1_li:nth-child(odd) .mc_cd1s1_libox {
        margin-top: -100px;
    }

    .mc_cd1s1_li {
        margin-bottom: 40px;
    }

    .mc_cd1s1_libox::before {
        height: 300px;
        box-shadow: 0 13px 20px 4px rgba(0, 0, 0, .14);
    }

    .mc_cd1s1li_txt h3 {
        font-size: 24px;
    }

    .mc_cd1s1 {
        padding-top: 160px;
    }

    .mc_cd1s2 {
        padding: 50px 0;
    }

    .mc_cd1s2_title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .mc_cd1s2_lisbox {
        padding: 30px 20px 30px;
        border-bottom-right-radius: 20px;
        box-shadow: 0 3px 24px 4px rgba(0, 0, 0, .06);
    }

    .mc_cd1s2_imgbox {
        margin-bottom: 15px;
    }

    .mc_cd1s2_txt h4 {
        font-size: 24px;
    }

    .mc_cd1s2_txt {
        margin-bottom: 20px;
    }

    .mc_cd1s2_li {
        padding: 0 10px;
    }

    .mc_cd1s2_list {
        margin: 0 -10px;
    }
}

@media screen and (max-width: 767px) {
    .mc_contcase {
        padding: 0 15px;
    }

    .mc_cd1_main {
        padding: 0 15px;
    }

    .mc_case1 {
        margin-top: 55px;
    }

    .mc_cban_txt h2 {
        font-size: 32px;
        line-height: 40px;
        height: auto;
        margin-bottom: 15px;
    }

    .mc_cban_bg {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
        z-index: -1;
    }

    .mc_cban_bg img {
        position: absolute;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .mc_cban_container {
        position: relative;
        transform: none;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .mc_case_banner {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .mc_cc1s1 {
        padding: 30px 0;
    }

    .mc_ctitle {
        font-size: 24px;
    }

    .mc_cc1s1_li {
        width: 50%;
    }
    .mc_cc1s1_li:nth-last-child(3) .mc_cc1s1_lisbox{
        border-bottom: 0 !important;
    }
    .mc_cc1s1_li:nth-last-child(1) .mc_cc1s1_lisbox,
    .mc_cc1s1_li:nth-last-child(2) .mc_cc1s1_lisbox {
        border-bottom: 1px solid rgba(255, 255, 255, .5) !important;
    }

    .mc_cc1s1li_title {
        margin-bottom: 10px;
    }

    .mc_cc1s1_lisbox {
        padding: 20px 0 40px;
    }

    .mc_cc1s2_l {
        width: 100%;
        text-align: center;
    }

    .mc_cc1s2_r {
        width: 100%;
    }

    .mc_cc1s2_lisbox {
        height: auto;
    }

    .mc_cc1s2_img {
        position: static;
        transform: none;
    }

    .mc_cc1s2_txt {
        position: static;
        transform: none;
        padding: 20px 15px;
    }

    .mc_cc1s2_txt h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .mc_cc1s2_txt p {
        max-height: none;
    }

    .mc_cc1s2 {
        padding: 30px 0;
    }

    .mc_cc1s2_li:not(:last-child) {
        margin-bottom: 30px;
    }

    .mc_cc1s3 {
        padding: 30px 0 10px;
    }

    .mc_cc1s3 .mc_cc1s3_lisbox {
        width: 100%;
    }

    .mc_ctitle {
        margin-bottom: 30px;
    }

    .caseanli .txtdiv h3 {
        font-size: 13px; margin-bottom: 4px;
    }

    .mc_cc1s4 .gx_neitm {
        width: 100%;
    }

    .mc_cc1s3 .caph_con {
        padding: 0 !important;
    }

    .mc_cc1s4_list {
        margin: 0 -10px;
    }

    .mc_cc1s4_p {
        margin-bottom: 15px;
    }

    .mc_cc1s4 {
        padding: 30px 0 5px;
    }

    .mc_cc1s4 .gx_neitm {
        margin-bottom: 30px;
    }

    .mc_cd1t_title span {
        font-size: 32px;
        padding-bottom: 10px;
    }

    .mc_cd1t_title {
        margin-bottom: 30px;
    }

    .mc_cd1t_content {
        max-width: 100%;
        padding: 20px 15px;
        overflow: hidden;
        box-shadow: none;
    }

    .mc_cd1t_content h3 {
        font-size: 24px;
        letter-spacing: 1px;
    }

    .mc_cd1t_imgbox {
        margin-bottom: 20px;
    }

    .mc_cd1_container {
        margin: 0;
        padding: 0;
    }

    .mc_cd1s1_li:nth-child(odd) .mc_cd1s1_libox {
        margin: 0;
    }

    .mc_cd1s1 {
        padding-top: 30px;
    }

    .mc_cd1s1_li {
        width: 100%;
    }

    .mc_cd1s1li_top {
        padding: 20px 15px;
    }

    .mc_cd1s1li_bot {
        padding: 15px;
    }

    .mc_cd1s1li_txt h3 {
        font-size: 18px;
        line-height: 24px;
        height: 24px;
        margin-bottom: 10px;
    }

    .mc_cd1s1li_txt {
        margin-bottom: 15px;
    }

    .mc_cd1s1li_tag {
        padding: 4px 4px;
        margin: 0 3px;
        font-size: 12px;
        border-radius: 3px;
    }

    .mc_cd1s1li_tagbox {
        height: 20px;
    }

    .mc_cd1s1li_tagbox {
        margin-bottom: 30px;
    }

    .mc_cd1s1_li {
        margin-bottom: 30px;
    }

    .mc_cd1s2 {
        padding: 30px 0 5px;
    }

    .mc_cd1s2_title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .mc_cd1s2_li {
        width: 100%;
        margin-bottom: 25px;
    }

    .mc_cd1s2_lisbox {
        box-shadow: 0 3px 15px 4px rgba(0, 0, 0, .06);
    }

    .mc_cd1s2_txt h4 {
        font-size: 20px;
        line-height: 30px;
        height: 30px;
    }

    .mc_cc1s1 .mc_cc1s1_li {
        width: 50%;
    }
    .mc_c_qrbox{
        width: 120px;
    }
}




/* 案例2020.5.28 */
@media screen and (max-width: 1440px) {
    .mc_xcxc_lisbox{
        padding: 30px 40px 45px 45px;
    }
    .mc_xcx .mc_cd1s2_lisbox{
        padding: 45px 30px 40px;
    }
    .mc_xcx .mc_cd1s2_txt h4{
        font-size: 24px;
    }

    .mc_xcx .mc_cd1s2_li{
        padding: 0 10px;
    }
    .mc_xcx .g_fwlist {
        margin: 0;
    }
    .mc_xwc_list{
        width: 950px;
    }

    .mc_xwc_li{
        padding: 0 20px;
    }
    .mc_xwc_imgbox::before{
        width: 128px;
        margin-top: -5px;
    }
    .mc_xcx .g_zprotit{
        font-size: 20px;
    }
    .mc_xcx_wc{
        padding-bottom: 100px;
    }

    .mc2_video .g_pimgtop {
        margin-top: 150px;
    }
    .mc2_dzsw .g_pimgtop {
        margin-top: 150px;
    }
    .mc2_video .g_technol{
        margin-top: 100px;
        padding-bottom: 30px;
    }
    .mc2_video .g_soboxm{
        padding-top: 40px;
    }
    .mc2_video_case .b_box_con{
        margin-bottom: 50px;
    }
    .mc_xcxc_title{
        font-size: 22px;
    }
}

@media screen and (max-width: 1366px) {
    .caseanli .wrap nav li{
        padding: 0 30px;
    }
}

@media screen and (max-width: 1200px) {
    .mc_xcx .g_zprotit{
        font-size: 18px;
    }
    
}

@media screen and (max-width: 991px) {
    .custmor_platform .g_fwlist{
        width: 100%;
    }
    .mc_xcx .mc_cd1s2_txt h4{
        font-size: 18px;
    }
    .mc_xcx .mc_cd1s2_lisbox {
        padding: 30px 20px 30px;
    }
    .mc_xcx .mc_cd1s2_li{
        width: 33.333333%;
    }
    .mc_xcx .our_featueres{
        margin-top: 36px;
    }
    .mc_xcx .mc_cd1s2_txt h4{
        line-height: 30px;
        height: 30px;
    }
    .mc_xcx .mc_cd1s2_txt p{
        font-size: 14px;
        line-height: 24px;
        height: 72px;
    }
    .mc_xcxc_li{
        padding: 0 10px;
    }
    .mc_xcxc_list{
        margin: 0 -10px;
    }
    .mc_xcxc_lisbox{
        padding: 20px 20px;
    }
    .mc_xcxc_li{
        width: 50%;
        margin-bottom: 30px;
    }
    .mc_xcxc_imgbox{
        width: 46px;
    }
    .mc_xcxc_title{
        font-size: 18px;
        margin: 10px 0 5px;
    }
    .mc_xcxc_lisbox .mc_xcxc_lt{
        height: 46px;
    }
    .mc_xcxc_word{
        line-height: 24px;
        height: 48px;
    }
    .mc_xcx_choose{
        padding-bottom: 30px;
    }
    .mc_xcase_hd{
        margin-bottom: 30px;
    }
    .mc_xcx .b_box_con.con_cc{
        min-height: auto;
    }
    .mc_xwc_list {
        width: 648px;
    }
    .mc_xwc_imgbox::before{
        width: 82px;
        margin-top: -12px;
    }
    .mc_xcx_wc{
        padding-bottom: 40px;
    }
    .mc_xwc_li{
        padding: 0 10px;
    }
    .g_zprobtit .mc_xwc_subtitle{
        font-size: 18px;
    }
    .mc_xwc_imgbox {
        width: 85px;
        margin-bottom: 20px;
    }
    .mc_xwcli_title{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .mc_xcxc_lisbox{
        box-shadow: 0 3px 15px 3px rgba(0, 0, 0, .07);
    }
    .mc2_video .g_zbanplf{
        width: 100%;
    }
    .mc2_video_case .b_box_con{
        margin-bottom: 30px;
    }
    .mc2_video_case{
        padding-bottom: 0 !important;
    }
    .mc2_video_case .home_blog_box p{
        height: 66px;
    }
    .mc_xcx .our_featueres{
        margin-bottom: 30px;
    }
    .mc2_video .g_zproblem{
        padding-bottom: 30px;
    }
    .mc2_dzsw .our_featueres{
        margin-bottom: 0;
    }
    .mc_xcxc_li:nth-child(3n+1) {
        clear: none;
    }
    .mc_xcxc_li:nth-child(2n+1) {
        clear: none;
    }
    .mc2_video .g_technol {
        background: #044974 !important;
    }
    .mc2_video .g_technol{
        margin-top: 0;
    }
    .mc2_video_case .home_blog_box p{
        line-height: 22px;
    }
    .mc_xcx .g_tecioc {
        width: 54px;
    }
}

@media (max-width: 768px){
    .mc_xcx .home_blog_box p {
        max-height: 66px;
    }
    .mc_xcx_case{
        padding-bottom: 0 !important;
    }
    .mc_xwc_list{
        width: 100%;
    }
    .buildfr .buildcon h2 a{
        line-height: 1.5;
    }
}

@media (max-width: 480px){
    .mc_xcx .mc_cd1s2_li{
        width: 100%;
        margin: 10px 0;
    }
    .mc_xcx .mc_cd1s2_txt p{
        height: 48px;
    }
    .mc_xcx .mc_cd1s2_txt h4 {
        font-size: 18px;
    }
    .mc_xcx .mc_cd1s2_more{
        font-size: 16px;
    }
    .g_zprobtit span{
        font-size: 18px;
    }
    .mc_xcxc_li{
        padding: 0 6px;
        margin-bottom: 12px;
    }
    .mc_xcxc_lisbox {
        box-shadow: 0 3px 10px 0px rgba(0, 0, 0, .1);
    }
    .mc_xcxc_imgbox{
        width: 40px;
    }
    .mc_xcxc_lisbox .mc_xcxc_lt {
        width: 8px;
        height: 36px;
    }
    .mc_xcxc_lisbox{
        padding: 20px 15px;
    }
    .mc_xcxc_word {
        line-height: 22px;
        height: 110px;
    }
    .g_zprobtit .mc_xwc_subtitle{
        font-size: 14px;
        line-height: 20px;
    }
    .mc_xwc_title{
        margin-bottom: 15px;
    }
    .mc_xcx .g_zprobom{
        margin-left: 0;
    }
    .mc_xwc_li{
        width: 50%;
    }
    .mc_xwc_li:not(:first-child){
        display: none;
    }
    .mc_xwc_li.slick-slide{
        display: block !important;
    }
    .mc_xwc_imgbox::before{
        display: none;
    }
    .g_zprobtit{
        margin-bottom: 25px;
    }
    .mc_xwc_imgbox{
        margin-bottom: 15px;
    }
    .mc_xcx_fn .g_tectiter h5{
        font-size: 18px;
    }
    .w_indexafltop{
        font-size: 18px;
    }
    .mc_xcase_li{
        width: 100%;
    }
    .mc_xcxc_title{
        font-size: 16px;
        line-height: 24px;
        max-height: 48px;
    }
    .mc_xcxc_lisbox{
        min-height: 254px;
    }
    .mc_xcase_li .b_box_con.con_cc {
        box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    }
    .mc2_video .g_zproblem{
        padding-bottom: 0;
    }
    .mc2_dzsw .mc_xcxc_lisbox {
        min-height: 210px;
    }
    .mc_xcx .our_featueres{
        margin-bottom: 10px;
    }
    .mc2_video .g_technol{
        margin-top: 30px;
    }
    .mc2_video .g_technol{
        overflow: hidden;
        padding-bottom: 25px !important;
    }

    .mc_xcase_hd{
        margin-bottom: 20px;
    }
    .mc_xwc_list .slick-dots{
        bottom: -5px;
    }

    .mc_xcx .slick-dots li.slick-active{
        background: #531f81;
        border-color: #531f81;
    }
    .mc_xcx .slick-dots li{
        border-color: #531f81;
    }
    .mc2_video .slick-dots li.slick-active{
        background: #044a75;
        border-color: #044a75;
    }
    .mc2_video .slick-dots li{
        border-color: #044a75;
    }
    
}


/* 2021 5.27 start*/
@media screen and (max-width: 1680px) {
    .mc3_main {
        padding: 60px 110px 150px 105px;
    }
    .mc3_solution .mc_cd1s1_listbox{
        padding: 0 50px;
    }
    .mc3_solution .mc_cd1s1_li{
        padding: 0 40px;
    }
    .mc3_solution .mc_cd1s1_list {
        margin: 0 -40px;
    }

}
@media screen and (max-width: 1440px) {
    .mc3_main {
        padding: 60px 110px 100px 80px;
    }
    .mc3_solution .mc_cd1s1_li{
        padding: 0 30px;
    }
    .mc3_solution .mc_cd1s1_list {
        margin: 0 -30px;
    }
    .mc3_solution .mc_cd1s1li_bot {
        padding: 30px 30px 30px;
        background: #fff;
    }
    .mc3_solution .mc_cd1s1li_tagbox{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 1366px) {
    .mc3_main {
        padding: 60px 110px 100px 60px;
    }
    .mc3_szyxl_li{
        padding: 12px;
        line-height: 24px;
    }
    .mc3_szyz_titlebox h3{
        font-size: 22px;
    }
    .mc3_szyz_titlebox{
        margin-bottom: 25px;
    }
    .mc3_szyz_s1_txtbox {
        margin-bottom: 30px;
    }
    .mc3_szyz_temp1 h4{
        font-size: 18px;
    }
    .mc3_szyx_center{
        padding: 0 40px;
    }

    .mc3_szyz_temp1{
        padding: 30px 30px 35px;
    }
    .mc3_szyx_section{
        padding-bottom: 40px;
    }
    .mc3_szyxr_s1_txtbox h3{
        font-size: 18px;
        line-height: 24px;
    }
    .mc3_title18{
        font-size: 16px;
        line-height: 24px;
    }
    .mc3_szyxr_content p{
        padding: 5px 0;
    }
    .mc3_szyxr_content {
        padding: 15px 25px;
    }
    .mc3_ban_txtbox h2{
        font-size: 48px;
        line-height: 1.2;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }
    .mc3_ban_txtbox p{
        font-size: 18px;
    }
    .mc3_solution .mc_cd1s1_li{
        padding: 0 20px;
    }
    .mc3_solution .mc_cd1s1_list {
        margin: 0 -20px;
    }
    .g_fwnav5 .mc_nav_xl{
        right: -145px;
    }

}

@media screen and (max-width: 1200px) {
    .mc3_main {
        padding: 50px 45px 50px;
    }
    .mc3_szyx .wrap{
        padding: 0;
    }
    .mc3_szyx_left{
        display: none;
    }
    .mc3_szyx_center{
        padding: 0 40px 0 0;
        width: calc(100% - 260px);
    }
    .mc3_szyxr_s4.isfixed .mc3_szyxr_s1_container {
        position: fixed;
        top: 100px;
    }
    .mc3_banner{
        z-index: 1;
    }
    .mc3_szyx .header{
        display: none !important;
    }

    .mc3_szyx {
        padding-top: 90px;
    }
    .mc3_ban_container{
        top: 50%;
    }
    .mc3_ban_imgbox{
        height: 500px;
    }
    .mc3_szyz_temp5_playbtn{
        width: 48px;
    }
    .mc3_solution .mc_cd1s1_li{
        width: 50%;
    }
}

@media screen and (max-width: 990px) {
    .mc3_solution .mc_cd1s1_li:nth-child(3n+2) .mc_cd1s1_libox{
        margin-top: 0;
    }
    .mc3_solution .mc_cd1s1_li:nth-child(odd) .mc_cd1s1_libox{
        margin-top: -100px;
    }
    .mc3_solution .mc_cd1s1_li:nth-child(even) .mc_cd1s1_libox{
        margin-top: 0;
    }
    .mc3_solution .mc_cd1s1li_bot{
        padding: 20px;
    }
    .mc3_solution .mc_cd1s1li_top{
        padding: 20px;
    }
    .mc3_foot .padph{
        display: none;
    }
    .mc3_solution_page .padph{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .mc3_szyx{
        padding-top: 56px;
    }
    .mc3_ban_imgbox{
        height: 300px;
    }
    .mc3_ban_txtbox h2{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .mc3_main {
        padding: 30px 15px;
    }
    .mc3_szyx_center{
        width: 100%;
        padding-right: 0;
    }
    .mc3_szyz_titlebox{
        margin-bottom: 15px;
    }
    .mc3_szyx_section p{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .mc3_szyz_temp1 {
        padding: 20px 15px;
    }
    .mc3_szyz_s1_txtbox {
        margin-bottom: 20px;
    }
    .mc3_szyz_temp1 h4{
        margin-bottom: 10px;
    }
    /* .mc3_szyx_section{
        padding-bottom: 30px;
    } */
    .mc3_szyx_right{
        width: 100%;
    }
    .mc3_szyxr_s1_container{
        width: 100%;
    }
    .mc3_szyxr_s4.isfixed .mc3_szyxr_s1_container{
        position: static;
    }
    .mc3_szyxr_s4.isbottom .mc3_szyxr_s1_container {
        opacity: 1;
    }
    .mc3_szyxr_s1_container{
        padding: 20px 15px;
    }
    .mc3_szyxr_s1_txtbox h3{
        padding-top: 15px;
    }
    .mc3_szyxr_s2_txtbox {
        padding: 20px 15px;
    }
    .mc3_szyxr_content {
        padding: 15px;
    }
    .mc3_solution .mc_cd1s1_li{
        width: 100%;
    }
    .mc3_solution .mc_cd1s1_listbox{
        padding: 0 15px;
    }
    .mc3_solution .mc_cd1s1_li .mc_cd1s1_libox{
        margin-top: 0 !important;
    }
    .mc3_solution .mc_cd1s1li_bot{
        padding: 15px;
    }
    .mc3_solution .mc_cd1s1li_top{
        padding: 20px 15px;
    } 
    .mc3_solution_page .broadside{
        display: none !important;
    }
    .mc_cd1s1_imgbox{
        width: 100%;
    }
}
/* 2021 5.27 end*/