@charset "utf-8";
/* CSS Document */
/* 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: 1570px) {
  .wrap, .mwrap { width:1200px; }
}

/*
* 笔记本下
*/
@media only screen and (max-width: 1366px) {

    .f_top{padding:35px 0;}
    .f_top .left li{margin-right:35px;}
    .f_cen{padding:30px 0;}

    .f_top .right{width:30%;}
    .f_top .right .inp_wrap{line-height:70px; height:70px;}
    .f_top .right .inp_wrap .inp{line-height:70px; height:70px;}
    .f_top .right .inp_wrap .btns{line-height:55px; height:55px; top:7px;}
    .f_top .right .inp_wrap .btns .icon{width:55px; height:55px; background-size:cover;}

    /* 首页 */
    .ibanner .owl-carousel .owl-item .img_{width:1600px; margin-left:-800px;}
    .ibanner .item{height: 703px;}
    .ibanner{height: 703px;}


    /* xc_banner */
    .xc_banner{position:relative; overflow:hidden; height:384px;}
    .xc_banner img {position:absolute;width:1500px;left:50%;margin-left:-750px;max-width:none;}
    .xc_banner .content .tit{font-size:35px;}

    .channel_content{padding:50px 0;}



}

/*
* PadMode
*/
@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 .mobile_key{display:block; font-size:20px; color:#555; cursor:pointer; margin-left:30px;}
    .pageHeader:hover .header .mobile_key{color:#555;}
    .pageHeader.fixed .header .mobile_key{color:#555;}
    .header .inav{display:none;}

    /*------------------手机端下拉---------------------*/
    .m_nav{position:fixed;left:0;top: 95px;right:0;width:100%;background:#5e5e5e;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 #747373;}
    .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:#414141;}
    .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 #747373; 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_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_navli02>a:after,
    .m_nav .mNav_bott .m_navli02>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_navli02>a:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
    .m_nav .mNav_bott .m_navli02>a:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
    .m_nav .mNav_bott .m_navli02.active{background:#414141;}
    .m_nav .mNav_bott .m_navli02.active>a:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#fff;}
    .m_nav .mNav_bott .m_navli02.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_navli02.active>a{/*border-bottom:solid 1px #58a3e7;*/ font-weight:bold;}

    .m_nav .mNav_bott .m_navli .m_thrNav{display:none;}
    .m_nav .mNav_bott .m_navli .m_thrNav .li-title{width:100%; padding:8px 25px; border-top:solid 1px #747373; padding-top:18px; box-sizing:border-box; color:#fff; font-size:13px; position:relative;} 
    .m_nav .mNav_bott .m_navli .m_thrNav .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_thrNav .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_thrNav ul{font-size:0; padding-bottom:18px;}
    .m_nav .mNav_bott .m_navli .m_thrNav li{font-size:14px;}
    .m_nav .mNav_bott .m_navli .m_thrNav li>a{padding-left:30px; line-height:28px; display:block; position:relative; color:#fff;}
    .m_nav .mNav_bott .m_navli .m_thrNav li>a:hover{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 .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 .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}
    .bg-open1 .header .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}
    .menu-open .header .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}

    .header .mobile_key{position:relative;cursor:pointer;transition:all 0.3s ease-in-out;z-index:10;display:block;width:20px;height:20px;padding: 45px 0;} 
    .header .mobile_key span,
    .header .mobile_key:before,
    .header .mobile_key:after {position:absolute; top:50%; left:50%; width:17px; height:2px; margin-left:-10px; background:#fff; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out;}
    .header .mobile_key span{margin-top:-8px;}
    .header .mobile_key:before{content:''; margin-top:-1px;}
    .header .mobile_key:after{content:''; margin-top:6px;}
    .menu-open.header .mobile_key:before{opacity:0; transition:0.2s ease 0.1s;}
    .menu-open.header .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 .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;}

    .pageHeader.fixed .mobile_key span,
    .pageHeader.fixed .mobile_key:before,
    .pageHeader.fixed .mobile_key:after{background:#666}
    .pageHeader:hover .mobile_key span,
    .pageHeader:hover .mobile_key:before,
    .pageHeader:hover .mobile_key:after{background:#666}
    .header.menu-open .mobile_key span,
    .header.menu-open .mobile_key:before,
    .header.menu-open .mobile_key:after{background:#666}


    /*首页*/
    .ibanner .item,.ibanner{height:571px;}
    .ibanner .owl-carousel .owl-item .img_{width:1300px; margin-left:-650px;}
    .ibanner .ban_word .box{margin-top:170px;}

    .ipart01 .con .prev_arr{top:110%; left:0;}

    /* 底部 */
    .f_cen .list li{margin-left:25px;}
    .f_top .left{margin-top:5px;}
    .f_top .right .inp_wrap{height:66px; line-height:66px;}
    .f_top .right .inp_wrap .inp{height:66px; line-height:66px;}
    .f_top .right .inp_wrap .btns{width:50px; height:50px; top:8px;}
    .f_top .right .inp_wrap .btns .icon{width:50px; height:50px; background-size:cover;}
    .f_cen{padding:30px 0;}


    /* 关于我们 */
    .about_us01 .infor .tit{font-size:30px; line-height:30px;}

    /* 联系我们 */
    .business01 .left .box{padding:30px 20px;}
    .business01 .left .box .form .inp_box{padding:15px 0;}
    .business01 .left .box .infor .tit{font-size:30px;}
    .business01 .left .box .form .inp_box{width:100%;}
    .business01 .right .box{padding:30px 0;}
    .business01 .right .box .infor .tit{font-size:30px;}


}
@media only screen and (max-width: 992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:740px; }
    /*padMode 992px 网站样式*/
    .f_top{padding:30px 0;}
    .f_top .left{width:100%;}
    .f_top .right{width:50%; margin-top:10px; float:left;}
    .f_top .right .inp_wrap{height:50px; line-height:50px;}
    .f_top .right .inp_wrap .inp{height:50px; line-height:50px;}
    .f_top .right .inp_wrap .btns{width:40px; height:40px; top:5px;}
    .f_top .right .inp_wrap .btns .icon{width:40px; height:40px; background-size:cover;}
    .f_cen{padding:20px 0;}
    .f_cen .list li{margin-left:7px; font-size:13px;}
    .f_cen .img_{margin-top:10px;}
    .f_cen .img_ img{width:80%;}
    .f_bott{padding:15px 0}


    
    /* xc_nav */
    .xc_nav{line-height:60px; height:60px;}
    .xc_nav .left ul li{padding:0 15px;}

    /* xc_banner */
    .xc_banner{position:relative; overflow:hidden; height:307px;}
    .xc_banner img {position:absolute;width:1200px;left:50%;margin-left:-600px;max-width:none;}
    .xc_banner .content{bottom:60px;}
    .xc_banner .banner_mouse{bottom:0;}
    .xc_banner .content .tit{font-size:30px;}


    /*首页*/
    .ipart .top_ .left{float:none; width:100%;}
    .ipart .top_ .right{float:none; width:100%;margin-top: 30px;}




    /* 关于我们 */
    .about_us01 .infor{width:100%;}

    /* 荣誉资质*/
    .honor01 ul .li_ .txt{font-size:14px;}

    /* 新闻列表 */
    .news_banner{border-top-right-radius:100px;}
    .news_banner .content{padding:50px 0;}
    .news_banner .content .intro .box .tit{font-size:20px; margin:10px 0; line-height:30px; height:60px;}
    .news_banner .content .intro .box{padding:20px;}
    .news_nav.active .search_content{width:670px;}
    .news_list01 ul li .left .tit{font-size:22px;}
    .news_list01 ul li .left .con{margin-bottom:10px;}
    .news_list01 ul li .left .txt{height:auto;}
    .news_list01 ul li .left .txt .icon{display:none;}
    .news_list01 ul li .right{width:25%;}
    .news_list01 ul li:hover .left .txt .date{opacity:1; visibility:visible;}

    /* 联系我们 */
    .business01 .left{width:50%;}
    .business02{height:350px;}
    
}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    body:after {
        content: 'Mobile';
    }
    body,input,textarea,button,select {font-size:14px; font-weight:normal;}
    .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*/
    .pageHeader,.header{}
    .header .logo{width:55%; margin:15px 0;}
    .header .h_tools .h_search{display:none;}
    .header .h_tools .h_language>a{padding:0; font-size:14px;}
    .header .h_tools .h_language{padding:25px 0;}
    .header .h_tools{line-height:60px;}


    .f_top,
    .f_cen{display:none;}
    .f_bott .left{width:100%; text-align:center}
    .f_bott .right{width:100%; text-align:center; margin-top:5px;}
    .f_bott .left a{margin:0 5px;}

    .channel_content{padding: 20px 0 60px;}



    /* xc_banner */
    .xc_banner{height:205px;}
    .xc_banner img{width:800px; margin-left:-400px;}
    .xc_banner .content{bottom:40px;}
    .xc_banner .content .tit{font-size:18px;}
    .xc_banner .banner_mouse{right:10px;}
    
    /* xc_nav */
    .xc_nav {display:none;}



    /* 首页 */
    .ipart .infor .tit1{font-size:26px;}
    .ipart .infor .tit2{font-size:14px;}

    .common-btn{font-size:14px;}
    .ibanner{height:0; padding-bottom:62.5%;}
    .ibanner .item{height:0; padding-bottom:62.5%;}
    .ibanner .cover{display:none;}
    .ibanner .owl-carousel .item.i_video .img_{display:block;}  
    .ibanner .ban_word{display:none;}
    .ibanner .owl-carousel .item video{display:none;}
    .ibanner .owl-carousel .item .img_{position:static; left:0; margin-left:0; width:100%;}
    .ibanner .cursor{display:none!important;}

    .ipart01{padding:30px 0 80px;}
    .ipart01 .con .slide_box{width:100%;}
    .ipart01 .con .slide_box .l_box{padding-top:10px;}
    .ipart01 .con .slide_box .l_box .num{margin-bottom:5px;}
    .ipart01 .tabt_pd{padding-right:0;}
    .ipart01 .tabt_pd .next_arr{display:none;}

    .ipart02 {padding: 60px 0;}
    .ipart03 {padding: 40px 0; }
    .ipart04 {padding: 40px 0; }


    /* 关于我们 */
    .about_us01{padding:20px 0;}
    .about_us01 .infor .tit{font-size:20px; line-height:24px; margin-bottom:5px;}
    .about_us01 .infor .con{font-size:17px; line-height:23px; margin-bottom:10px;}


    /* 荣誉资质*/
    .honor01 ul .li_{width:49%; margin-right:2%; margin-bottom:20px;}
    .honor01 ul .li_:nth-child(2n){margin-right:0;}
    .honor01 ul .li_ .img{padding:0;}

    /*案例*/
    .project .left{float: none; width: 100%;}
    .project .right{float:none;width: 100%;}
    .project h2{margin: 20px 0;}


    /*新闻列表*/
    .news_list01 ul li a{padding:20px 0;}
    .news_list01 ul li .left{width:58%;}
    .news_list01 ul li .left .tit{margin-top:0; font-size:16px; margin-bottom:7px;}
    .news_list01 ul li .left .con{margin-bottom:5px;}
    .news_list01 ul li .left .txt .date{font-size:13px;}
    .news_list01 ul li .right{width:40%;}

    /* 新闻详细 */
    .xc_banner .content .con a{width:30px;height:30px;line-height:30px;font-size:12px;}
    .news_detail01 .top_{margin-bottom:20px;}
    .news_detail01 .top_ .title{font-size:20px; margin-bottom:20px;}
    .news_detail01 .top_ .date{font-size:14px; margin-bottom:20px;}
    .news_detail01 .bott_ .bott_l{display:none;}
    .news_detail01 .bott_ .bott_r{width:100%; font-size:14px;}
    .news_detail02{padding:20px 0 0; background-size:cover;}
    .news_detail02 .tit{font-size:20px; margin-bottom:20px;}
    .news_detail02 .content .item{padding:20px; margin-bottom:20px;}
    .news_detail02 .content .item .t{font-size:18px; margin-bottom:10px; line-height:25px; height:50px;}
    .news_detail02 .content .item .date{margin-bottom: 10px;}


    /*产品列表*/
    .pro_list .product_list.row>.span-4 {width:48%;margin: 1%!important;}



    /*产品详情*/
    .pro_detail .detail_l, .pro_detail .detail_r {width: 100%;}
    .pro_detail .pro_title { font-size: 24px; }

    /* 联系我们 */
    .business01 .left{width:100%;}
    .business01 .left .inner{position:static;}
    .business01 .left .box{padding:20px;}
    .business01 .left .box .infor .tit{font-size:20px;}
    .business01 .left .box .infor .con{font-size:14px; margin-bottom:20px;}
    .business01 .left .box .form .inp_box label{font-size:14px;}
    .business01 .right{width:100%;}
    .business01 .right .box{padding:20px 0;}
    .business01 .right .box .infor .tit{font-size:20px;}
    .business01 .right .box .infor .con{font-size:14px; margin-bottom:20px;}
    .business01 .right .box ul li{margin-bottom:8px;}
    .business01 .right .box ul li span{font-size:14px;}

}
@media only screen and (max-width: 480px) {
    /*mobileMode 480 网站样式*/

    .header .logo {width: 40%;margin: 10px 0; }

    .header .mobile_key{padding: 30px 0;}
    .m_nav {top: 60px;}


    .ipart01 .con .slide_box .l_box .name{font-size: 14px;letter-spacing: 1px;}
    .ipart01 .con .slide_box .l_box .num{display: none;}
    /*产品详情*/
    .pro_detail .l_box {padding: 10px; }
    .pro_detail .pro_text .demo .list .l1{float: none;width: 100%;padding: 10px 10px 0;color: #af0000;}
    .pro_detail .pro_text .demo .list .l2{float: none;width: 100%;padding: 0 10px 10px;}

    /*产品列表*/
    .pro_list .product_list.row>.span-4 {width:100%;margin-right:0!important;margin-left:0!important;margin-bottom: 20px!important;}


}