﻿/*
* name: responsive
* version: v2.1.1
* update: 添加pad竖屏状态Padp
* data: 2017-06-13
*/

/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    content: 'Pc';
}

.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); }

@media only screen and (max-width: 1920px) {
    /* rem+vw+calc, 同时设置px兼容 */
    html{font-size:100px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));}
}

@media only screen and (max-width: 1800px) {
   
    /* 产品与服务 */
    .pro_service01 .content .right img{height:400px;}
    .pro_service .item .infor .con{top:190px}











}









@media only screen and (max-width: 1640px) {
    /* 导航 */
    .header .h_tools{margin-left:.7rem;}
    .header .inav_wrapper .nav_li{padding:0 .25rem;}
}

/* FHD缩放125% */
@media only screen and (max-width: 1540px) {
    html{font-size:90px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));}
    /*1540（FHD缩放125%） 网站样式*/

    .wrap{width:90.1%;}
    .mwrap{width:93.75%;}


    /* 公共字号 */
    .tit84{font-size:.76rem;}
    .tit64{font-size:.58rem;}
    .tit42{font-size:.4rem;}
    .tit36{font-size:.32rem;}



    /* 首页 */
    .ipart01,.ipart02{margin-top:.9rem;}

    /* 产品与服务 */
    .pro_service .item .infor .big_tit{font-size:.5rem;}
    .pro_service .item .infor .tit{font-size:.35rem;}
    .pro_service .item .infor .con{top:145px}
    .pro_service01 .content .right img{height:370px;}
    .pro_service02 .content .left .l_bott{height:630px;}
    .pro_service02 .content .right .item .common_box{height:570px;}












}


/* 1440（2K） */
@media only screen and (max-width: 1440px) {
    /*1440（2K） 网站样式*/
    html{font-size:80px;}


    /* 导航 */
    .header .inav_wrapper .nav_li{padding:0 .15rem;}
    .header .h_tools{margin-left:.2rem;}

    /* 底部 */
    .footer .footer_top .list .f_pic{margin-left:.4rem;}


    /* 右侧导航 */
    .right_nav .item .nav_btn:hover span{-webkit-transform:translate(0, -0.5rem); -ms-transform:translate(0, -0.5rem); transform:translate(0, -0.5rem); }

    /* 公共字号 */
    .tit84{font-size:.68rem;}
    .tit64{font-size:.5rem;}


    /* 解决方案 */
    .solution02 .content li{height:420px;}

    /* 产品与服务 */
    .pro_service .item .infor .con{top:135px}
    .pro_service01 .content .right img{height:350px;}
    .pro_service03 .content .left{width:50%;}


    /* 品牌出海 */
    .brand .tit62{font-size:.56rem;}
    .brand01 .bott .words_box>div{width:22%;}
    .brand03 .content .center .cont{width:100%;}
    .brand03 .content li:nth-child(2){height:38%;}
    .brand03 .content .center .cont .box .icon{width:.8rem; height:.8rem;}

    /* 产品服务详细 */
    .pro_service_detail01 .item .info_ .tit span{vertical-align:middle;}



}


/* 1366（普通14寸） */
@media only screen and (max-width: 1366px) {
    
    /*1366（普通14寸） 网站样式*/

    /* 产品与服务 */
    .pro_service02 .content .left .l_top{height:490px;}
    .pro_service02 .content .left .l_bott{height:556px;}
    .pro_service02 .content .right .item .common_box{height:523px;}


    /* 品牌出海 */
    .brand01 .bott .words_box{padding-top:0;}
    .brand01 .bott .words_box .item .top .icon img{height:.7rem;}
    .brand01 .bott .words_box>div{width:23%;}
    .brand01 .bott .words_box .right{margin-right:0;}
    /* .brand01 .bott .cen_img{left:25%;} */
    .brand01 .bott .words_box .item .con{margin-top:.1rem;}
    .brand01 .bott .words_box .left .item:first-child{margin-bottom:.3rem;}
    .brand01 .bott .words_box .right .item:first-child{margin-bottom:.3rem;}

   

}


/*
* PadMode
*/
@media only screen and (max-width: 1240px) {
    html{font-size:80px;}
    body:after {
        content: 'Pad';
    }
    body{ user-select: none;-webkit-user-select: none;}
    /* html { overflow-x:hidden;} */
    body,input,textarea,button,select { font-size:.16rem;}
    .PcPush{display: none;}
    .UnpcPush{display: block;}
    .wrap, .mwrap { width:940px; }
    /*padMode 1240px 网站样式*/


    /* 头部 */
    .inav_wrapper{display:none;}
    .header .menu{display:block;}
    /* 底部 */
    .footer_top .list .f_pic{display:none;}

    /* 公共部分 */
    .commonBtn_box a{font-size:14px;}

    .channel_content{padding:.5rem 0;}

    /* 手机端导航 */
    .header .m_nav{height:100%; position:fixed; right:-100%; top:0; width:70%; z-index:99;  box-sizing:border-box; display:block; transition:.5s ease;}
    .header .m_nav .m_tools{position:relative; border-bottom:1px solid #e1dfdd; padding-bottom:40px; z-index:3;}
    .header .m_nav .m_tools .m_close{width:20px; height:20px; background:url(../image/close.svg) no-repeat center; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%); margin-top:-10px; cursor:pointer;}
    .header .m_nav .m_bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); transition:.5s ease; opacity:0; visibility:hidden;}
    .header .m_nav .m_container{background:linear-gradient(0deg, #F3F4F4 0%, #F3F4F4 100%), #F6FAFE !important; padding:.2rem 4%; position:absolute; height:100%; width:100%; z-index:2;  box-sizing:border-box; transition:.5s ease;}
    .header .m_nav .content{height:100%; }
    .header .m_nav .mnav_top{margin-right:-15px; padding-right:15px; max-height:calc(100% - 100px); overflow-y:auto; box-sizing:border-box;}
    .header .m_nav .mnav_top .mnav_li .li_box{position:relative; border-bottom:1px solid #CFCFCF;}
    .header .m_nav .mnav_top .mnav_li .li_box>a{font-size:15px; line-height:1.5; padding:1em 0; display:inline-block; vertical-align:middle; max-width:calc(100% - 40px);}
    .header .m_nav .mnav_top .mnav_li .li_box .jh{position:absolute; right:5px; top:50%; transform:translateY(-50%); width:14px; height:14px; cursor:pointer;}
    .header .m_nav .mnav_top .mnav_li .li_box .jh::after,
    .header .m_nav .mnav_top .mnav_li .li_box .jh::before{content:""; position:absolute; background:#999; transition:all .36s;}
    .header .m_nav .mnav_top .mnav_li .li_box .jh::before{left:0; top:50%; transform:translateY(-50%); width:100%; height:1px;}
    .header .m_nav .mnav_top .mnav_li .li_box .jh::after{left:50%; top:0; transform:translateX(-50%); width:1px; height:100%;}
    .header .m_nav .mnav_top .mnav_li.noSec .li_box .jh{display:none;}
    .header .m_nav .mnav_top .mnav_li.active .li_box .jh::after{transform:translateX(-50%) rotate(90deg);}
    /* 二级 */
    .header .m_nav .mnav_top .m_secNav{padding:0 .15rem; display:none;}
    .header .m_nav .mnav_top .m_secNav .m_sec_li .li_box2{padding:0 .15rem; position:relative; border-bottom:1px solid #CFCFCF;}
    .header .m_nav .mnav_top .m_secNav .m_sec_li .li_box2>a{font-size:14px; line-height:1.5; padding:1em 0; display:inline-block; vertical-align:middle; max-width:calc(100% - 40px);}
    /* 有三级的话有箭头 */
    .header .m_nav .mnav_top .mnav_li .li_box2 .jh{position:absolute; right:5px; top:50%; transform:translateY(-50%); width:14px; height:14px; cursor:pointer;}
    .header .m_nav .mnav_top .mnav_li .li_box2 .jh::after,
    .header .m_nav .mnav_top .mnav_li .li_box2 .jh::before{content:""; position:absolute; background:#999; transition:all .36s;}
    .header .m_nav .mnav_top .mnav_li .li_box2 .jh::before{left:0; top:50%; transform:translateY(-50%); width:100%; height:1px;}
    .header .m_nav .mnav_top .mnav_li .li_box2 .jh::after{left:50%; top:0; transform:translateX(-50%); width:1px; height:100%;}
    .header .m_nav .mnav_top .m_sec_li.active .li_box2 .jh::after{transform:translateX(-50%) rotate(90deg);}
    /* 三级 */
    .header .m_nav .mnav_top .m_thrul{padding:0 .15rem; display:none;}
    .header .m_nav .mnav_top .m_thrul .m_thr_li{padding:0 .15rem; position:relative; border-bottom:1px solid #CFCFCF;}
    .header .m_nav .mnav_top .m_thrul .m_thr_li a{font-size:13px; line-height:1.5; padding:1em 0; display:block;}

    /* 搜索 */
    .header .m_nav .mnav_sear{width:100%; overflow:hidden; margin-top:.3rem; box-sizing:border-box;}
    .header .m_nav .mnav_sear .form_box{position:relative; z-index:1; width:100%;}
    .header .m_nav .mnav_sear .form_box .m_sear_inp{padding-left:.2rem; padding-right:50px; width:99%; height:.5rem; border:1px solid #CFCFCF; color:#666; background:none; box-sizing:border-box;}
    .header .m_nav .mnav_sear .form_box .sear_btns{position:absolute; right:.2rem; top:50%; transform:translateY(-50%); z-index:5; margin:0; color:#999; font-size:16px; line-height:1; background:none; border:0; padding:0;}

    /* 手机端导航展开 */
    .header .m_nav.show{right:0;}
    .header .m_nav.show .m_bg{opacity:1; visibility:visible;}
 
    /* 底部 */
    .footer .footer_top{padding:.4rem 0 .3rem;}
    .footer .footer_top .list ul{margin-bottom:.2rem;}
    .footer .footer_top .list li{font-size:16px; margin:0 .1rem;}
    .footer .footer_top .f_share .iconfont{width:.4rem; height:.4rem; font-size:.2rem;}

    /* 公共字号 */
    .tit84{font-size:.6rem;}
    .tit64{font-size:.46rem;}
    .tit42{font-size:.36rem;}
    .tit36{font-size:.28rem;}


    /* 解决方案 */
    .solution02 .content li{height:350px; top:130px;}
    .solution02 .content li .box{padding:40px 40px 20px 30px;}
    .solution02 .content li .words_box .intro{margin-bottom:10px;}
    .solution02 .content li .words_box .t{margin-bottom:10px;}
  
    /* 新闻列表 */
    .news_list01 .bd{width:70%;}
    .news_list02 li .words .infor .tit{margin-bottom:18px;}
    .news_list02 li a:after{width:100px; height:100px; margin-left:-50px;;}
    .news_list01 .hd .item{font-size:21px; line-height:30px;}

    /* 案例 */
    .case01 .content .hd{display:block; margin-bottom:.4rem;}
    .case01 .content .hd .item{margin-bottom:.1rem; width:140px;}
    .case01 .content .bd .li_{width:32%; margin-right:2%;}
    .case01 .content .bd .li_:nth-child(3n){margin-right:0;}


    /* 首页 */
    .ibanner .swiper-slide .words_box .infor{/*width:50%;*/ margin-top:.3rem;}
    .ipart01,.ipart02{margin-top:.7rem;}
    .ipart01 .bott .cont{width:80%; margin-top:.3rem;;}
    .ipart01 .bott .cont .cover .btns_box{margin-top:.2rem;}
    .ipart01 .bott .cont .cover .btns_box a{padding:0 .1rem;}
    .ipart02 .swiper-slide{width:6.8rem!important; height:1.1rem;}
    .ipart03 .cover .left .link_box a{margin-left:.4rem;}
    .ipart04{padding:.7rem 0;}
    .ipart04 .content .commonBtn_box{margin-top:0;}
    .ipart05{padding:1.2rem 0 .8rem;}
    .ipart05 .cover .con{margin-top:.3rem;}
    .ipart05 .cover .logo_box{margin-top:.7rem; padding-top:.3rem;}
    .ipart05 .cover .logo_box .img img{max-height:.3rem;}
    .ipart06{margin:.7rem 0;}
    .ipart06 .bott{margin-top:.5rem;}
    .ipart06 .bott li .words{padding:.2rem .15rem .2rem;}
    .ipart06 .bott li .words .intro .tit{font-size:.2rem; line-height:.28rem; height:.56rem;}

    /* 产品与服务 */
    .pro_service01 .content .left{width:52%;}
    .pro_service01 .content .right{width:30%; margin-top:.5rem;}
    .pro_service01 .content .right img{height:240px;}
    .pro_service02 .content .left .l_top{height:440px;}
    .pro_service02 .content .left .l_bott{height:440px;}
    .pro_service02 .content .right .item .common_box{height:440px;}
    .pro_service02 .content .common_box{padding:.6rem .6rem .3rem;}
    .pro_service .item .infor .icon img{height:80px;}

    /* 关于我们 */
    .about_us_ban .video_box{height:auto;}
    .about_us02 .content .left .con{margin-top:.5rem;}
    .about_us03 .content .right li{padding:.3rem;}
    .about_us03 .content .right li .info_ .tit{width:5rem;}
    


    /* 品牌出海 */
    .brand .tit62{font-size:.48rem;}
    .brand01 .bott{margin-top:.4rem; padding-bottom:0;}
    .brand01 .bott .words_box .left .item:first-child{transform:none;}
    .brand01 .bott .cen_img{width:38%; left:50%; top:50%; transform:translate(-50%,-50%);}
    .brand01 .bott .words_box .right{margin-top:0;}
    /* .brand01 .bott .words_box .right .item:first-child{margin-bottom:.3rem;} */
    .brand01 .bott .words_box>div{width:25%;}
    .brand01 .bott .words_box .item .top .t{font-size:.26rem;}
    .brand02,.brand05{margin-top:.7rem;}
    .brand02 .swiper-slide{width:5rem!important; height:0.9rem;}
    .brand03 .bg .scroll{bottom:6vh; width:.8rem; height:.8rem;}
    .brand03 .bg .scroll::after{font-size:.2rem;}
    .brand03 .content{padding:0;}
    .brand03 .content li:nth-child(2){height:34%;}
    .brand04{margin-top:.5rem;}
    .brand04 .content{margin-top:.4rem;}
    .brand04 .content li{height:4rem;}
    .brand04 .content li .box{padding:.3rem .5rem;}
    .brand05 .cover{top:25%;}
    .brand06{padding:.7rem 0;}
    .brand06 .content{margin-top:.4rem;}

}
@media only screen and (max-width: 1024px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:750px; }
    /*padMode 992px 网站样式*/


    /* 头部 */
    .header .h_tools{display:none;}

    /* 下层banner */
    .xc_banner{height:3.5rem; margin-top:60px;}

    /* 公共字号 */
    .tit84{font-size:.52rem;}
    .tit64{font-size:.4rem;}
    .tit42{font-size:.32rem;}
    .tit36{font-size:.26rem;}


    /* 解决方案 */
    .solu_banner.xc_banner{height:6rem;}
    .solu_banner.xc_banner>img{width:14rem; margin-left:-7rem;;}
    .solution01 .infor .scroll_icon{display:none;}
    .solution03 .content{margin-top:.3rem;}
    .solution03 .content li{width:48%; margin-right:4%; margin-bottom:20px;}
    .solution03 .content li:nth-child(4n){margin-right:4%;}
    .solution03 .content li:nth-child(2n){margin-right:0%;}
    .solution03 .content li .words{padding:.15rem 0;}


    /* 新闻列表 */
    .news_list01 .bd{width:86%;}
    .news_list02 li{width:49%; margin-right:2%;}
    .news_list02 li:nth-child(2n){margin-right:0;}

    /* 新闻详细 */
    .news_detail01 .left{width:100%;}
    .news_detail01 .left .box{padding:50px;}
    .news_detail01 .right{width:100%; margin-top:20px;;}

    /* 案例 */
    .case01 .content .hd .item{width:130px; height:40px; line-height:40px; margin-bottom:5px;;}
    .case01 .content .bd .li_{width:49%; margin-right:2%;}
    .case01 .content .bd .li_:nth-child(3n){margin-right:2%;}
    .case01 .content .bd .li_:nth-child(2n){margin-right:0;}



    /* 首页 */
    .ibanner .swiper-slide .words_box .logo_box img{max-height:.3rem;}
    .ipart01 .bott .cont{width:90%;}
    .ipart01 .bott .cont .cover{bottom:5%;}
    .ipart02 .swiper-slide{height:.8rem; width:5.2rem!important;}
    .ipart03 .cover .right{width:1.4rem; height:1.4rem;}
    .ipart03 .cover .left{width:70%;}
    .ipart03 .cover .left .link_box a{margin-left:.2rem;}
    .ipart03 .content .logo img{height:.2rem;}
    .ipart05{padding-bottom:.5rem;}
    .ipart05 .cover .logo_box{margin-top:.5rem; flex-wrap:wrap;}
    .ipart05 .cover .logo_box .img img{max-height:.25rem;}


    /* 产品与服务 */
    .pro_service .item .infor .big_tit{font-size:.3rem;}
    .pro_service .item .infor .tit{font-size:.3rem;}
    .pro_service .item .infor .con{top:120px}
    .pro_service .item .infor .icon img{height:80px;}
    .pro_service .item:hover .infor .big_tit{font-size:.24rem;}
    .pro_service .item:hover .infor .tit{font-size:.24rem;}
    .pro_service01 .content .right{display:none;}
    .pro_service01 .content .left{width:100%;}
    .pro_service01 .content:after{display:none;}
    .pro_service02 .content .left .l_top{height:410px;}
    .pro_service02 .content .left .l_top .ser_arrow{bottom:20px;}
    .pro_service02 .content .left .l_bott{height:410px;}
    .pro_service02 .content .right .item .common_box{height:410px;}
    .pro_service02 .content .right .ser_arrow{bottom:30px;}
    .pro_service03 .content{height:430px;}
    .pro_service03 .content .ser_arrow{bottom:30px;}
    .pro_service .pro_service01 .list {position:static;} 

    /* 联系我们 */
    .contact_us01 .content .map_box{width:100%; position:static; height:300px;}
    .contact_us01 .content .right{width:100%; float:none;}
    .contact_us01 .content .right .box{padding:3%;}
  
    /* 关于我们 */
    .about_us_ban{height:calc(80vh - 60px);}
    .about_us_ban .video_box{width:100%;}
    .about_us_ban .intro .list li{text-align:center;}
    .about_us_ban .intro .list li span{display:block; margin-bottom:5px;}
    .about_us01 .content .right li{width:25%;}
    .about_us03 .content .right li .info_ .tit{width:2rem;}


    /* 品牌出海 */
    .brand .tit62{font-size:.4rem;}
    .brand03{height:auto; overflow:hidden;}
    .brand03 .bg{position:relative; margin-bottom:.3rem; padding:.6rem 0 .4rem; text-align:center;}
    .brand03 .bg .infor{margin-top:0; margin-bottom:2rem;}
    .brand03 .bg .scroll{position:relative; left:auto; transform:none; display:inline-block; bottom:auto;}
    .brand03 .content li{height:2rem;}
    .brand03 .content li:nth-child(2){height:auto; margin:.3rem 0;}
    .brand03 .content .center .cont .box .intro .c{max-height:none;}
    .brand03 .content .center .cont .jt{margin:1.2rem .1rem 0;}
    .brand03 .content .center .cont .box{padding:0;}
    .brand05 .cover{top:20%;}
    .brand03 .content .center .cont .box .intro .t{font-size:.24rem;}

    /* 产品服务详细 */
    .pro_service_detail01 .item .info_ .pic{display:none;}
    .pro_service_detail01 .item .info_ .tit{margin-bottom:.15rem;}



}

@media only screen and (max-width: 820px) {
    
    img[data-src]{opacity: 1;}
    .wrap, .mwrap { padding-left:4%; padding-right:4%; width:auto; }
    .mwrap .wrap { padding-left:0; padding-right:0; }

    /*移动端防恶意复制信息*/
    * {
        -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
        -webkit-user-select:none; /*webkit浏览器*/   
        -khtml-user-select:none; /*早期浏览器*/   
        -moz-user-select:none;/*火狐*/   
        -ms-user-select:none; /*IE10*/   
        user-select:none; 
    }
    input { -webkit-user-select:auto; /*webkit浏览器*/   }
    textarea { -webkit-user-select:auto; /*webkit浏览器*/   }

    /* 底部 */
    .footer .footer_top{padding:.2rem 0;}
    .footer .footer_top .f_share{display:none;}
    .footer .footer_top .list ul{margin-bottom:0; font-size:0;}
    .footer .footer_top .list li{font-size:13px;}

    /* 公共字号 */
    .tit84{font-size:.4rem;}
    .tit64{font-size:.34rem;}
    .tit42{font-size:.28rem;}
    .tit36{font-size:20px;}
    .tit20{font-size:.18rem;}

    .xc_nav{display:none;}
    .channel_content{padding:30px 0;}

    /* 快捷链接 */
    .quick_link{padding:.3rem 0;}
    .quick_link .right{margin-right:.3rem;}
    .quick_link .left .title{margin-bottom:15px;}
    .quick_link .left li{display:block; margin-right:0; margin-bottom:10px;}
    .quick_link .left .title{font-size:.2rem;}
    .quick_link .left li .line{font-size:.18rem;}

    /* 解决方案 */
    .solu_banner.xc_banner .info{width:46%;}
    .solu_banner.xc_banner .info .tit{font-size:.3rem;}
    .solution02{padding:.3rem 0;}
    .solution02 .content li{position:static; height:auto; margin-bottom:.3rem;}
    .solution02 .content li .box{display:block;}
    .solution02 .content li .img{width:100%;}
    .solution02 .content li .words_box{width:100%; margin-top:.1rem;}
    .solution03{padding:.3rem 0;}

    /* 新闻列表 */
    .news_list01 .hd{margin-bottom:0px;}
    .news_list01 .hd .item{font-size:.2rem; line-height:25px; padding:0 .2rem;}
    .news_list01 .bd .top_btn{border:none}
    .news_list01 .bd .top_sel{width:22%;}
    .news_list01 .bd .top_sel>span{padding:0 .3rem 0 .2rem;}
    .news_list01 .bd .top_sel .sel_down{padding:0 .3rem 0 .2rem;}
    .news_list01 .bd .inp_box{width:56%;}
    .news_list02{margin-top:.2rem;}
    .news_list02 li .words .infor .tit{font-size:.17rem; line-height:25px; height:50px;}
    .news_list02 li .words .infor .con{font-size:14px; line-height:25px; height:50px; padding-top:20px;}
    
 
    /* 新闻详细 */
    .news_detail.channel_content{padding-top:.55rem;}
    .news_detail01 .left .box{padding:.3rem .2rem;}
    .news_detail01 .left .box .news_tit{font-size:.2rem; line-height:30px; margin-bottom:15px;}
    .news_detail01 .left .box .news_tools{font-size:.15rem; margin-bottom:15px;;}
    .news_detail01 .right .go_back{display:none;}
    .news_detail01 .right .news_change{padding:.25rem;}
    .news_detail01 .right .news_change ._t{font-size:19px; margin-bottom:10px;}
    .news_detail01 .right .news_change ._time{margin-bottom:10px;}


    /* 首页 */
    .ipart01, .ipart02{margin-top:.5rem;}
    .ipart01 .bott .cont{width:100%;}
    .ipart01 .bott .cont .cover{left:.7rem; right:.7rem; width:auto;}
    .ipart01 .bott .cont .swiper-button-next,
    .ipart01 .bott .cont .swiper-button-prev{width:.5rem; height:.5rem; transform:translateX(-.1rem) translateY(-50%);}
    .ipart01 .bott .cont .swiper-button-prev{transform:translateX(.1rem) rotate(180deg) translateY(50%);}
    .ipart01 .bott .name_box .item{font-size:.16rem; margin-right:.3rem;}
    .ipart02 .swiper-slide{height:.6rem; width:3.9rem!important;}
    .ipart03 .bg{height:3.5rem;}
    .ipart03 .bg video{height:100%; object-fit:cover;}
    .ipart04{padding:.5rem 0;}
    .ipart04 .content li .words .name{font-size:.2rem;}
    .ipart05{padding-bottom:.3rem;}
    .ipart05 .cover .logo_box{justify-content:center; margin-top:.3rem; padding-top:.1rem;}
    .ipart05 .cover .logo_box .img{width:25%; margin-bottom:.15rem; text-align:center;}
    .ipart05 .cover .logo_box .img:nth-child(3){margin-right:1%;}
    .ipart06{margin:.5rem 0;}
    .commonRight .layer-btn{width:.6rem; height:.6rem;}


    /* 产品与服务 */
    .pro_service01 .content{padding:.3rem;}
    .pro_service .item .type{padding-top:.15rem;}
    .pro_service .item .infor .big_tit{font-size:22px; padding-top:.2rem;;}
    .pro_service .item .infor .tit{font-size:20px; margin-bottom:.2rem;}
    .pro_service .item .infor .con{position:static; opacity:1; margin-bottom:.3rem;}
    .pro_service .item .infor .icon{display:none;}
    .pro_service .item:hover .infor .big_tit{font-size:22px; margin-bottom:.2rem;}
    .pro_service .item:hover .infor .tit{font-size:20px; margin-bottom:.2rem;}
    .pro_service .item:hover .infor .con{opacity:1;}
    .pro_service .pro_service01 .infor .tit{margin-bottom:.2rem;}
    .pro_service01 .content{height:auto;}
    .pro_service02 .content .common_box{padding:.3rem;}
    .pro_service02 .content .left{width:100%;}
    .pro_service02 .content .left .l_top{height:auto;}
    .pro_service02 .content .left .l_top .ser_arrow{left:inherit; right:.6rem; bottom:30px;}
    .pro_service02 .content .left .l_bott{display:none;}
    .pro_service02 .content .right{width:100%;}
    .pro_service02 .content .right .item .common_box{height:auto;}
    .pro_service03 .content{height:auto; padding:.3rem;}
    .pro_service03 .content .left{position:static;}
    .pro_service03 .content .left .ser_arrow{left:inherit; right:.6rem; bottom:30px;}

    /* 关于我们 */
    .about_us01,.about_us02,.about_us03{padding-top:.5rem;}
    .about_us01 .content,
    .about_us02 .content,
    .about_us03 .content{padding-bottom:.5rem;}
    .about_us01 .content .left,
    .about_us02 .content .left,
    .about_us03 .content .left{width:100%; position:static; margin-bottom:.2rem;}
    .about_us01 .content .left .con{margin-top:.1rem;}
    .about_us01 .content .right,
    .about_us02 .content .right,
    .about_us03 .content .right{width:100%;}
    .about_us03 .content .right li .info_ .tit{width:calc(100% - 2.15rem);}
    .about_us_ban .intro .list{justify-content:center;}
    .about_us_ban .intro .list li{padding:0 .1rem;}

    /* 案例详细 */
    .case_detail02 .infor {display:block;}
    .case_detail02 .infor .tit{width:100%; margin-bottom:.1rem;}


    /* 品牌出海 */
    .brand .tit62{font-size:.32rem;}
    .brand01 .bott .cen_img{position:relative; left:auto; top:auto; transform:none; width:100%; text-align:center; margin-bottom:.2rem;}
    .brand01 .bott .words_box>div{width:49%;}
    .brand01 .bott .words_box .right .top{flex-direction:inherit;}
    .brand01 .bott .words_box .right .item .con{text-align:left;}
    .brand01 .bott .words_box .item .top .t{width:calc(100% - 1.1rem);}
    .brand02, .brand03,.brand04,.brand05{margin-top:.4rem;}
    .brand02 .swiper-slide{width:3.4rem!important; height:.6rem;}
    .brand03 .content li .item{width:24%; margin-right:1%; display:inline-block;}
    .brand03 .content li .top, .brand03 .content li .bott{width:100%; overflow-x:auto; display:block; white-space:nowrap;}
    .brand03 .content .center .cont .jt{display:none;}
    .brand03 .content .center .cont .box{margin-right:.3rem;}
    .brand04 .content li{position:static; height:auto; margin-bottom:.2rem;}
    .brand04 .content li .box{position:static;;}
    .brand03 .content .center .cont .box .intro .t{font-size:.2rem;}
    .brand01 .bott .words_box .item .top .t{font-size:.22rem; padding:.1rem 0;}
    .brand01 .bott .words_box .item .top .icon img{height:.5rem;}
    .brand04 .content{margin-top:.3rem;}
    .brand06 .content li .words .name{font-size:.2rem;}
}

@media only screen and (max-width: 750px) {
    /* 首页 */
    .ibanner .swiper-slide .words_box .infor{width:100%;}
    .ipart06 .bott li{width:100%; margin-bottom:.2rem;}
    .ipart06 .bott li .words .intro .tit{font-size:.18rem; margin-bottom:.1rem;}
    .ipart06 .bott li .words .more_btn span{font-size:14px;}
    .ipart06 .bott li .words .intro .con{display:none;}
    .ipart06 .bott li .words .more_btn{position:static;}
    .ipart03 .bg video{display:none;}
    .ipart03 .bg img{display:block; width:100%; height:100%; object-fit:cover;}
    .ipart06{margin-bottom:.3rem;}

    /* 产品服务详细 */
    .pro_service_detail01 .item{display:block; padding:.3rem 0;}
    .pro_service_detail01 .item .info_{width:100%; padding:0; box-sizing:border-box;}
    .pro_service_detail01 .item .img_{width:100%; margin-top:10px;}








}


/*
* MobileMode
*/
@media only screen and (max-width: 580px) {
    /*mobileMode 580 网站样式*/
    body,input,textarea,button,select {font-size:12px;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    body:after {
        content: 'Mobile';
    }
    .channel_content{min-height:45vh;}
    .commonBtn_box a{font-size:13px;}
    
    /* 底部 */
    .footer .footer_top{display:none;}
    
    
    /* 导航 */
    .header{background:#fff;}
    .header .h_logo a img{height:28px;}
    .header .menu{height:auto;}
    .header .menu .icon{display:none;}
    .header .menu span{display:block; width:.8rem; height:28px; line-height:28px; text-align:center; font-size:13px; color:#171a20; background:rgba(0,0,0,.05); backdrop-filter:blur(16px); border-radius:5px;}


    /* 右侧导航 */
    .right_nav .service{font-size:12px;}
    .right_nav .popup .title{font-size:12px;}

    /* 下层banner */
    .xc_banner{height:3rem; margin-top:57px;}
    .xc_banner .crumbs .box>*{font-size:12px;}

    /* 公共字号 */
    .tit84{font-size:.32rem;}
    .tit64{font-size:22px;}
    .tit42{font-size:20px;}
    .tit36{font-size:18px;}
    .tit20{font-size:15px; line-height:24px;}
    .con16{font-size:12px; line-height:24px;}

    /* 快捷链接 */
    .quick_link .content{flex-direction:column; align-items:flex-start;}
    .quick_link .left .title{margin-bottom:10px;}
    .quick_link .content .right{margin-top:10px;}

    /* 分页 */
    .page a, .page span{line-height:30px; height:30px; padding:0 5px;}

    /* 解决方案 */
    .solu_banner.xc_banner .info{width:100%;}
    .solu_banner.xc_banner .img_{display:none;}
    .solu_banner.xc_banner{height:auto;}
    .solu_banner.xc_banner>img{width:100%; height:auto; position:static; margin-left:0;}
    .solu_banner.xc_banner .info .commonBtn_box{margin-top:.3rem;}
    .solu_banner.xc_banner .info .con{display:none;}
    .solution01{height:auto; padding:.3rem 0;}
    .solution01 .content li{width:30%; margin-right:5%; padding-top:.3rem;}
    .solution01 .content li:nth-child(3n){margin-right:0%;}
    .solution01 .content li .logo{padding-bottom:7px;}
    .solution01 .content li .logo img{height:16px;}
    .solution01 .content li .text{padding-top:7px;}
    .solution03 .content{margin-top:.2rem;}

    /* 新闻列表 */
    .xc_banner{height:260px;}
    .news_list01 .bd{background:none;}
    .news_list01 .bd .top_sel{width:100%; padding:10px 0; margin-bottom:0.15rem; border:none; background:#f6f6f6; margin-bottom:10px;}
    .news_list01 .bd .top_sel>span{padding:0 0.2rem;}
    .news_list01 .bd .top_sel:after{display:none;}
    .news_list01 .bd .inp_box{width:100%; background:#f6f6f6;}
    .news_list02 li{width:100%; margin-right:0;}
    .news_list02 li a:after{display:none;}

    /* 案例 */
    .case01 .infor .info .tit{float:none; padding-right:0; border-right:none; width:100%; margin-right:0;;}
    .case01 .infor .info .con{float:none; width:100%;}
    .case01 .infor .info .tit{font-size:20px; line-height:25px;}
    .case01 .infor .info .con{font-size:14px;}
    .case01 .content{margin-top:.3rem;}
    .case01 .content .hd {font-size:0;}
    .case01 .content .hd .item{width:45%; margin:0 2.5% 5px; box-sizing:border-box; font-size:14px;;}
    .case01 .content .hd{margin-bottom:.2rem;}
    .case01 .content .bd .li_{width:100%; margin-right:0; margin-bottom:20px;;}
    .case01 .content .bd .li_:last-child{margin-bottom:0;}
    .case01 .content .bd .li_ .words .intro .t{font-size:18px; margin-bottom:5px;}
    .case01 .content .bd .li_ .words .intro .c{font-size:14px; line-height:25px; height:auto;}
    .case01 .content .bd .li_ .words .intro .sign{height:auto;}
    .case01 .content .bd .li_ .words .intro .c{margin-bottom:8px;}
    .case01 .content .bd .li_ .words{padding-bottom:.1rem;}
    .case01 .content .bd ul{margin-bottom:.3rem;}


    /* 首页 */
    .ibanner{margin-top:57px; height:6rem;}
    .ibanner .swiper-slide .img_box{position:relative;} 
    .ibanner .swiper-slide .img_box::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4);}
    .ibanner .swiper-container .swiper-pagination{text-align:left; padding-left:4%;}
    .ibanner .kjjqr{width:120px; background-size:cover;}
    .ipart01, .ipart02{margin-top:.4rem;}
    .ipart01 .top .commonRight{display:none;}
    .ipart01 .top .infor{width:100%; max-width:none;}
    .ipart01 .bott .name_box{white-space:nowrap; overflow-x:auto;}
    .ipart01 .bott .name_box .item{padding-bottom:.1rem;}
    .ipart01 .bott .cont .swiper-button-next, .ipart01 .bott .cont .swiper-button-prev{display:none;}
    .ipart01 .bott .cont .swiper-slide{background:#f8561c;}
    .ipart01 .bott .cont .cover{position:static; width:100%; padding:.2rem 4%; box-sizing:border-box; }
    .ipart01 .bott .cont .cover .btns_box a:first-child{border-color:#fff;}
    .ipart01 .bott .cont .cover .btns_box a{min-width:1.2rem;}
    .ipart03{margin-top:.3rem;}
    .ipart03 .bg{height:4rem;}
    .ipart03 .cover .content{display:block;}
    .ipart03 .cover .left{width:100%;}
    .ipart03 .cover .left .link_box{margin-top:.2rem;}
    .ipart03 .cover .left .link_box .tips{margin-right:.2rem;}
    .ipart03 .cover .left .link_box a{margin-left:0; margin-right:.2rem;}
    .ipart03 .cover .right{display:none;}
    .ipart04{padding:.4rem 0;}
    .ipart04 .content li .words .name{font-size:.18rem;}
    .ipart06{margin-top:.4rem;}
    .ipart05{padding:.8rem 0 .2rem;}
    .ipart05 .cover .con{margin-top:.2rem;}
    .ipart05 .cover .logo_box .img{width:33%; margin-right:0;}
    .ipart05 .cover .logo_box .img:last-child{display:none;}
    .ipart06 .top .commonRight{display:none;}
    .ipart06 .top .infor{width:100%; max-width:none;}
    .ipart06 .bott{margin-top:.3rem;}

    /* 产品与服务 */
    .pro_service .item .infor .big_tit{font-size:18px;}
    .pro_service02 .content .common_box{padding-right:.8rem;}
    .pro_service02 .content .left .l_top .ser_arrow,
    .pro_service02 .content .right .ser_arrow{right:.3rem;}
    .pro_service03 .content .left{width:80%;}
    .pro_service03 .content{background-position: left -100px center;}
    .pro_service .item .infor .big_tit{margin-bottom:.1rem;}
    .pro_service .item:hover .infor .big_tit{margin-bottom:.1rem;}

    /* 联系我们 */
    .contact_us01 .content .right .box dd .icon{width:40px; height:40px;}
    .contact_us01 .content .right .box dd{padding-bottom:.2rem;}
    .contact_us01 .content .right .box .title{padding-bottom:.2rem; margin-bottom:.2rem;;}
    .contact_us01 .content .right .box .zixun{margin-top:.15rem;}
    #Map-600543{margin-left:-250px; margin-top:-100px;;}

    /* 关于我们 */
    .about_us_ban{height:auto;}
    .about_us_ban .video_box{position:static;}
    .about_us_ban .intro{bottom:inherit; top:50%; transform:translateY(-50%);}
    .about_us_ban .play_box {display:none}
    .about_us_ban .intro .list{display:none;}
    .about_us_ban .intro .con{margin:.1rem 0; display:none; padding-right:0; padding-bottom:0; border:none;}
    .about_us04 .content .img img{transform:translateY(0);}
    .about_us04 .content .img{height:auto;}
    .about_us04 .content .info{top:50%; transform:translate(-50%,-50%);}
    .about_us01, .about_us02, .about_us03{padding-top:.3rem;}
    .about_us01 .content .right li{width:33.333%;}
    .about_us01 .content, .about_us02 .content, .about_us03 .content{padding-bottom:.3rem;}
    .about_us02 .content .left .con,
    .about_us02 .content .left .txt{margin-top:.2rem;}
    .about_us03 .content .left .con{margin-top:.1rem;}
    .about_us03 .content .right li .info_{margin-top:.1rem;}
    .about_us03 .content .right li .info_ .icon{display:none;}
    .about_us03 .content .right li .info_ .pic{display:none;}
    .about_us03 .content .right li .info_ .tit{padding:0; width:100%;}
    .about_us03 .content .right li{position:relative; top:0!important}
    .about_us04{padding-bottom:.3rem;}
    .about_us04 .content .info .tit{margin-top:.1rem;}

    /* 案例详细 */
    .case_detail01 .infor{padding-bottom:.2rem; margin-bottom:.2rem;}
    .case_detail01 .infor .title .link{width:.5rem; height:.5rem;}
    .case_detail01 .infor .title .link span{width:.5rem; height:.5rem;}
    .case_detail01 .content .hd{margin-bottom:.2rem;}
    .case_detail02{padding:.3rem 0;}
    .case_detail02 .infor{padding-bottom:.2rem;}
    .case_detail02 .content{margin-top:.3rem;}


    /* 品牌出海 */
    .brand .tit62{font-size:.26rem;}
    .brand01 .common_infor .tit span{padding-right:0; margin-right:0;;}
    .brand01 .bott .words_box>div{width:100%;}
    .brand01 .bott .words_box .left{margin-bottom:.1rem;}
    .brand01 .bott .words_box .left .item:first-child{margin-bottom:.1rem;}
    .brand01 .bott .words_box .right .item:first-child{margin-bottom:.1rem;}
    .brand01 .bott .words_box .item .top .t{padding:.05rem 0;}
    .brand01 .bott .words_box .item .con{margin-top:.05rem;}
    .brand01 .bott .words_box{display:block;}
    .brand02 .swiper-slide{width:2.2rem!important; height:.4rem;}
    .brand03 .content li{height:1.5rem;}
    .brand03 .content .center .cont{display:block;}
    .brand03 .content .center .cont .box{margin-right:0; width:100%; margin-bottom:.2rem;}
    .brand03 .content .center .cont .box:last-child{margin-bottom:0;}
    .brand04 .content li .box{display:block;}
    .brand04 .content li .img{width:100%;}
    .brand04 .content li .words_box{width:100%; margin-top:.1rem;}
    .brand03 .content li .item{width:33%;}
    .brand03 .content .center .cont .box .icon{width:.6rem; height:.6rem;}
    .brand05 .cover .infor{width:100%;}
    .brand05 .bg img{height:3.5rem; object-fit:cover;}
    .brand05 .cover{color:#fff;}
    .brand03 .bg .scroll{height:.6rem; width:.6rem; margin-left:0;}
    .brand03 .bg{padding-top:.5rem;}
    .brand06 .content li .words .name{font-size:.18rem;}

    .case_detail02 .content{justify-content:center;}
    .case_detail02 .content a{margin:0 20px;}










}
@media only screen and (max-width: 480px){

    /* 产品服务详细 */
    .pro_service_detail01 .item .info_ .tit span{vertical-align:-3px; margin-right:.13rem;}
}