/*
* 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); }
/*1440*/
@media only screen and (max-width:1440px){
    /*右侧导航*/
    .proRight_nav .content{top:100px;}
    /*产品分类下拉*/
    .xl_fenlei li{width:12%; margin:0 4%;}
    .xl_fenlei li .txt{font-size:20px;}



}
/*1366*/
@media only screen and (max-width:1366px){
    /*右侧导航*/
    /*.proRight_nav{display:none;}*/
    /*产品列表*/
    .pro_list02 .hd .content .list li{width:11%; padding-left:2%;}
    /*20190927*/
    .ibanner .dots_btn{bottom:170px;}
    /* 发展历程 */
    .history01 .content .right li .cover .box{padding:15px 40px;}
    .history01 .content .left .box .tit{font-size:45px;}
    .ipart{margin-top: 538px;}

}


/*
* PadMode
*/

@media only screen and (max-width: 1440px) {
    /* 专题 */
    .ztxf_main {background:url(../img/zt/ztxf_pt1_bg1.jpg) no-repeat 0 -240px;}
    .ztxf_pt1{padding:80px 0 0;}
    .ztxf_pt4 .img1{top:32px;}
    .ztxf_pt4 .infor{padding-top:60px;}
}
@media only screen and (max-width: 1240px) {

    body:after {
        content: 'Pad';
    }
    body{ user-select: none;-webkit-user-select: none;}
    html { overflow-x:hidden;}
    body,input,textarea,button,select { font-size:14px;}
    .PcPush{display: none;}
    .UnpcPush{display: block;}
    .wrap, .mwrap { width:940px; }
    /*padMode 1240px 网站样式*/

    /*公共样式*/
    .header_top .son_company li{width:33%;}
    .header_bott .h_tools{width:23%;}
    .header_bott .h_tools .h_language>a i{vertical-align:0;}
    .header_bott .h_tools .h_search{right:25%;}
    .header_bott .mobile_key{display:block; font-size:20px; color:#555; cursor:pointer;}
    .header:hover .header_bott .mobile_key{color:#555;}
    .header.fixed .header_bott .mobile_key{color:#555;}
    .header_bott .inav{display:none;}
    .header_bott .lan_down .lan_content .sl{padding-left:30px;}
    .header_bott .lan_down .lan_content .sl .map{display:none;}
    .header_bott .lan_down{display: none!important;}

    .xc_nav{display:none;}
    .xc_banner .infor .con{font-size:30px;}
    .m_sencondNav{display:block;}
    /*footer*/
    .footer_top dl.dl06 .tel{font-size:19px;}
    .footer_bott .right{float:left;}
    /*20191112*/
    /*------------------手机端下拉---------------------*/
    .m_nav{position:fixed; left:0; top:107px; right:0; width:100%; background:#00a1e9; z-index:20; display:none; max-height:calc(100vh - 55px); max-height:calc(var(--vh, 1vh) * 100 - 55px); overflow-y:auto;} 
    .m_nav .m_wrap{padding:0 5%;}
    .m_nav .mNav_bott .m_navli{position:relative; transition:all 0.3s ease-out; border-bottom:solid 1px #58a3e7;}
    .m_nav .mNav_bott .m_navli:last-child{border-bottom:none;}
    .m_nav .mNav_bott .m_navli>a{display:block; padding:15px 35px 15px 15px; font-size:14px; position:relative; overflow:hidden; color:#fff;}
    .m_nav .mNav_bott .m_navli>a:hover{color:#fff;}
    .m_nav .mNav_bott .m_navli>a:after,
    .m_nav .mNav_bott .m_navli>a:before{content:''; background:#fff; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
    .m_nav .mNav_bott .m_navli>a:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
    .m_nav .mNav_bott .m_navli>a:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
    .m_nav .mNav_bott .m_navli.active{background:#2a7ecc;}
    .m_nav .mNav_bott .m_navli.active>a:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#fff;}
    .m_nav .mNav_bott .m_navli.active>a:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#fff;}
    .m_nav .mNav_bott .m_navli.active>a{/*border-bottom:solid 1px #58a3e7;*/ font-weight:bold;}
    .m_nav .mNav_bott .m_navli .m_secNav{display:none;}
    .m_nav .mNav_bott .m_navli .m_secNav .li-title{width:100%; padding:8px 25px; border-top:solid 1px #58a3e7; padding-top:18px; box-sizing:border-box; color:#fff; font-size:13px; position:relative;} 
    .m_nav .mNav_bott .m_navli .m_secNav .li-title a{padding:5px 0 5px 25px; display:block; position:relative; font-size:14px; line-height:1.25; transition:all 0.3s ease-out;} 
    .m_nav .mNav_bott .m_navli .m_secNav .li-title a:after{content:''; width:15px; height:15px; background:url(../img/m_anniu1.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-7px; background-size:cover;}
    .m_nav .mNav_bott .m_navli .m_secNav ul{font-size:0; padding-bottom:18px;}
    .m_nav .mNav_bott .m_navli .m_secNav li{font-size:14px;}
    .m_nav .mNav_bott .m_navli.m_navli02 .m_secNav ul{overflow:hidden;}
    .m_nav .mNav_bott .m_navli.m_navli02 .m_secNav li{width:50%; float:left;}
    .m_nav .mNav_bott .m_navli .m_secNav li>a{padding:8px 25px; line-height:28px; display:block; position:relative; color:#fff;}
    .m_nav .mNav_bott .m_navli .m_secNav li>a:hover{color:#fff;}
    .m_nav .mNav_bott .m_navli .m_secNav li>a.cur{color:#fff;}

    /*无连接的话去掉加号*/
    .m_nav .mNav_bott .m_navli.nav_link>a:after,
    .m_nav .mNav_bott .m_navli.nav_link>a:before{display:none;}
    .m_nav .mNav_bott .m_navli.nav_link.active>a:before,
    .m_nav .mNav_bott .m_navli.nav_link.active>a:before{display:none;}
    .m_nav .mNav_bott .m_navli.nav_link a:after{content:''; display:block; width:16px; height:16px; background:url(../img/link_ico.png) no-repeat center; position:absolute; top:0; bottom:0; right:15px;}

    /*------------------手机端下拉 end-----------------*/
    /*手机端语言下拉*/
    .header_bott .h_tools{width:40%;}
    .header_bott .h_tools .h_language.mobile_language{float:right; padding-right:10px;}
    .header_bott .h_tools .h_language.mobile_language>a{line-height:25px;}
    .header_bott .h_tools .h_language.mobile_language span{font-size:16px;}
    .header_bott .h_tools .h_language.mobile_language i{display:none;}
    .header_bott .h_tools .h_language.mobile_language>a{font-size:0;}
    .header_bott .h_tools .h_language.mobile_language>a i:first-child{display:none;}
    .header_bott .mLan_down{position:absolute; left:0; top:100%; width:100%; display:none;}
    .header_bott .mLan_down ul{background:#f6f6f6;}
    .header_bott .mLan_down li{transition:all 0.3s ease-out; border-bottom:solid 1px #e4e4e4;} 
    .header_bott .mLan_down a{display:block; padding:15px; font-size:13px; position:relative; color:#666; overflow:hidden;}
    .header_bott .mLan_down a:after{content:''; background:url(../img/mLan_anniu1.png) no-repeat center; width:15px; height:15px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto; background-size:cover;}
    /*手机端搜索下拉*/
    .header_bott .h_tools .h_search.nolink{display:none;}
    .header_bott .h_tools .h_search.a_link{display:block; padding-right:10px;}
    .header_bott .h_tools .h_search.a_link .icon{width:20px; height:20px; background:url(../img/mobile_sear.png) no-repeat center; background-size:cover; display:inline-block; vertical-align:-5px;}
    .header_bott .mSearch{background:#3687d1; padding:15px 10px; position:absolute; width:100%; left:0; top:100%; box-sizing:border-box; display:none;}
    .header_bott .mSearch .search-inner .search-input input{width:100%; height:38px; font-size:13px;border-radius:38px; border:none; padding:10px 17px; box-sizing:border-box;}
    .header_bott .mSearch .search-inner .search-btn button{position:absolute; top:0; bottom:0; right:16px; margin:auto; width:27px; height:27px; background-color:transparent; border:none; border-radius:50%; padding:0;}
    /*导航下拉*/
    .header_bott .mobile_key{position:relative; cursor:pointer; transition:all 0.3s ease-in-out; z-index:10; display:block; width:20px; height:20px;} 
    .header_bott .mobile_key span,
    .header_bott .mobile_key:before,
    .header_bott .mobile_key:after {position:absolute; top:50%; left:50%; width:17px; height:2px; margin-left:-10px; background:#666; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out;}
    .header_bott .mobile_key span{margin-top:-4px;}
    .header_bott .mobile_key:before{content:''; margin-top:3px;}
    .header_bott .mobile_key:after{content:''; margin-top:10px;}
    .menu-open .header_bott .mobile_key:before{opacity:0; transition:0.2s ease 0.1s;}
    .menu-open .header_bott .mobile_key:after{margin-top:2px !important; -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}
    .menu-open .header_bott .mobile_key span{margin-top:2px !important; -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}

    /*下拉黑色背景*/
    .header_bott .header-overlay {transition:all 0.2s ease-out; background:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:fixed; left:0; z-index:-1; top:0; opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; visibility:hidden;}
    .bg-open .header_bott .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}
    .bg-open1 .header_bott .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}
    .menu-open .header_bott .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}
    .header_bott .h_tools .h_language.mobile_language{display:block;}
    .header_bott .h_tools .h_language.pc_language{display:none;}



    /*****************20191112**********************/


    

}
@media only screen and (max-width:1028px) {
    .ibanner .owl-carousel .owl-item img{width:1200px; margin-left:-600px;}
      }
@media only screen and (max-width:992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:740px; }
    /*padMode 992px 网站样式*/

    /*公共样式*/
    /*footer*/
    .footer_top{padding:40px 0 20px;}
    .footer_top dl{width:16%;}
    .footer_top dl dt{font-size:16px; margin-bottom:10px;}
    .footer_top dl.dl06{display:none;}
    /*公共样式 end*/





}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    body:after {
        content: 'Mobile';
    }
    body,input,textarea,button,select {font-size:16px;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    img[data-src]{opacity: 1;}
    .wrap, .mwrap { padding-left:2%; padding-right:2%; 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浏览器*/   }
    /*mobileMode 760 网站样式*/

    /*公共样式*/
    .header_top{display:none;}
    .header_bott{padding:15px 0 10px;}
    .header_bott .logo{width:110px; height:auto; margin-right:0;}
    .header_bott .inav_wrapper{width:0;}
    .header.fixed .header_bott{box-shadow:none; position:relative;}
    .search-alert{display:none;}
    .xc_banner{height:224px;}
    .xc_banner>img{width:1000px; margin-left:-500px;}
    .xc_banner .cover{position:absolute; width:100%; height:100%; background-image:linear-gradient(rgba(255,255,255,0.1),rgba(0,0,0,0.3));}
    .xc_banner .infor {bottom:30px; display:none;}
    .xc_banner .infor .tit{font-size:16px;}
    .xc_banner .infor .con{font-size:18px;}
    .channel_content{padding:15px 0;}
    .footer{display:none;}
    .xc_banner .xc_crumbs{display:block}

    /*------------------手机端底部---------------------*/
    .ibanner{display:none;}
    .ipart{display:none;}
    /*.m_footer{padding:34px 5%; display:none; background:#ebedef;}
    .m_footer{display:block; border-top:1px solid #d7d7d7; background:#fff; position:relative;}
    .m_footer .m_fLogo{margin-bottom:20px; width:40%;}
    .m_footer .m_company{font-size:16px; color:#535353; line-height:30px;}
    .m_footer .m_company .beian{display:block;}
    .m_footer .m_fBott{font-size:14px; color:#535353; margin-top:15px;}
    .m_footer .m_fBott a{display:inline-block;}
    .m_footer .m_fBott em{display:inline-block; margin:0 5px;}
    .m_footer .m_share{margin-top:15px;}
    .m_footer .m_share .share_box{display:inline-block; vertical-align:middle;}
    .m_footer .m_share .share_box a{display:inline-block; padding:0; margin:0 5px; font-size:18px; width:35px; height:35px; line-height:35px; background:#e0e4eb; color:#01a2ea; border-radius:50%; text-align:center;}
    .m_footer .m_share .share_box a:first-child{margin-left:0;}
    .m_footer .m_share .share_box a i{margin:0; vertical-align:middle;}
    .m_footer .m_share .share_box a:hover{background:#43b6ea; color:#fff;}*/

    .m_footer{display:block; background:#e7e8ea; text-align:center;}
    .m_footer .m_link{text-align:center; border-bottom:1px solid #dbdcde; padding-top:14px;}
    .m_footer .m_link.active{background:#d5d9df;}
    .m_footer .m_link .tab{color:#666666; font-size:18px; line-height:1; padding:18px 48px 18px 0; display:inline-block; *display:inline; *zoom:1; position:relative;}
    .m_footer .m_link .tab:after,
    .m_footer .m_link .tab:before{content:''; background:#b3b3b3; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
    .m_footer .m_link .tab:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
    .m_footer .m_link .tab:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
    .m_footer .m_link .tab.active:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#b3b3b3;}
    .m_footer .m_link .tab.active:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#b3b3b3;}
    .m_footer .m_link .tab_con{display:none; line-height:40px; border-top:1px solid #ced0d4; padding:10px 0; font-size:14px;}
    .m_footer .m_link .tab_con ul{overflow:hidden; padding:0 40px;}
    .m_footer .m_link .tab_con ul li{float:left; width:50%; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent:25px;}
    .m_footer .m_friend{padding:20px 8%; font-size:13px;}
    .m_footer .m_copyright{padding-bottom:20px; color:#9f9f9f; font-size:12px;}

    /*公共样式 end*/


    

    /*404页面*/
    .false01 .content{width:100%; position:static; margin-left:0; margin-top:0;}
    .false01 .text .txt1{font-size:20px;}
    .false01 .content .box{width:100%;}
    .false01 .text{padding:20px;}


    /* 2021-0322 */
    .header_bott .bmz{top:0px; z-index:5}
    .header_bott .bmz a{display:block; width:90%;}

    /* 2022-0510 */
    .news_detail02 .news_det_bott .keywords{display:inline-block;}
    .news_detail02 .news_det_bott .content .share{position:static; display:inline-block; margin-left: 10px; vertical-align:-7px;}

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

 .brand_story02 li .cover .box .list .cell a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
 .about_center01 .infor .list li .number{font-size:20px;}
 /*20191128*/
 .solu_detail01 .content .box .bott_ .intro_box{padding:10px 20px}
 .solu_detail01 .content .box .bott_ .intro_box .more{margin-top:5px}




}


@media only screen and (max-width:360px) {
    .know02 .list li .li_box .t{font-size:12px;}
    .know02 .list li .li_box .number .num{font-size:25px;}
    .know02 .list li .li_box .icon{width:50px; height:50px;}
    .brandBox_detail .box .tit{margin-top:0;}
}

@media only screen and (max-width:320px) {
    /*mobileMode 480 网站样式*/
    .m_ibanner .owl-carousel .owl-item.prev_item{right:-70px; transform:scale(0.7);}
    .m_ibanner .owl-carousel .owl-item.next_item{left:-70px; transform:scale(0.7);}
    .m_ipt03 .content li .li_box .left .t{font-size:15px;}
    .m_ipt03 .content li .li_box .right{width:44%;}
    .m_ipt04 .left .intro .box{padding:10px;}
    .m_ipt04 .left .intro .box .t{font-size:14px;}
    .m_ipt04 .left .intro .box .c{margin-top:5px;}
    .m_ipt04 .right .cover{bottom:10px;}
    .m_ipt04 .right .cover .box{padding:0 10px;}
    .m_ipt04 .right .cover .box .c{font-size:16px;}



.pro_detail02 .bd .selection2 .content .tab{max-width:none}

}