/* 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); }
/*
* 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{height: 88px;}
    .header .inav{display:none;}
    .header .h_top{padding:15px 0;z-index: 3;background:#fff;}
    .header .h_top ul{float:right;}
    .header .h_top .h_tool{margin-top:8px;}
    .header .h_top .h_tool.h_language{margin-top:6px;}
    .header .h_top .h_tool.h_search{margin-top:6px;}
    .header .h_bott{z-index:6;}
    .header .h_bott .h_logo{margin-top:-45px}

    .header.fixed{top:0;}
    .header.fixed .h_bott .h_logo{padding-top:0px;margin-top: -38px;}

        /*------------------手机端导航---------------------*/
    /*导航下拉*/
    .header .mobile_key{position:relative; cursor:pointer; transition:all 0.3s ease-in-out; z-index:10; display:block; width:20px; height:20px; float:right; margin-left:10px; margin-top:5px} 
    .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:#666; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out;}
    .header .mobile_key span{margin-top:-4px;}
    .header .mobile_key:before{content:''; margin-top:3px;}
    .header .mobile_key:after{content:''; margin-top:10px;}
    .menu-open .mobile_key:before{opacity:0; transition:0.2s ease 0.1s;}
    .menu-open .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 .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-overlay {transition:all 0.2s ease-out;background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;left:0;z-index: 2;top:0;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';visibility:hidden;}
    .bg-open .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}
    .bg-open1 .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}
    .menu-open .header-overlay{opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; visibility:visible;}

    .m_nav{position:fixed;left:0;top:62px;right:0;width:100%;background: #333;z-index:20;display:none;max-height:calc(100vh - 55px);max-height:calc(var(--vh, 1vh) * 100 - 45px);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 #666;}
    .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: #a9000e;}
    .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{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 #315d93; 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;}

    .header .h_top .h_tool a.no_link{display:none;}
    .header .h_top .h_tool a.a_link{display:block;}
    .header .h_top .h_tool a.a_link .sear_icon{display:inline-block; width:20px; height:20px; background:url(../img/mobile_sear.png) no-repeat center; background-size:cover;}
    .header .h_top .h_language{color:#666;}
    
    /*-------------------------------页面实现----------------------------------*/

    /*首页*/
    .index .pt1 .main ul li .num{font-size:27px;}
    .index .pt1 .main .left_box{width:47%;}
    .index .pt1 .main .item1 .pic, .index .pt1 .main .item5 .pic{width:38%;}


}
@media only screen and (max-width: 992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:740px; }
    /*padMode 992px 网站样式*/

    /* 头部 */
    header{height: 90px;}
    .header .logo{padding: 10px 0;}
    .header .h_tools{padding: 33px 0;}
    .m_nav{top: 87px;}


    .footer .foot_top .content{padding:20px 0;}
    .footer .foot_top .left{width:100%;}
    .footer .foot_top .right{width:100%;}
    .footer .foot_top .left .share{margin:20px 0;}

    /*-------------------------------页面实现----------------------------------*/

    /*首页*/
    .index .pt1 .main .left_box{width:auto; padding:20px 30px 70px;}
    .index .pt1 .main .pic{position:static; width:auto; padding:0 30px; margin-bottom:70px;}
    .index .pt1 .main{background:url(../img/ipt1_bg.jpg) no-repeat center; background-size:cover;}
    .index .pt1 .main:before{display:none;}
    .index .pt1 .main .ctrl{top:0; height:100%;}
    .index .pt1 .owl-nav{bottom:0; left:30px;}
    .index .pt1 .top ul{position:static; margin-top:30px;}
    .index .pt1 .top ul li{font-size:18px;}
    .index .pt1 p{color: #333;font-size: 14px;margin-top: 10px;line-height:1.75;}
    .index .pt1 .main .item1 .pic, .index .pt1 .main .item5 .pic{width:90%; margin:0;}
    .index .pt1 .main .pic img{width:auto;}
    .index .pt1 .main .item1 .pic, .index .pt1 .main .item5 .pic{margin-bottom:70px;}
    .index .pt1 .main .desc{min-height:0;}


    .index .ipt2{padding: 30px 0;}
    .index .ipt2 .infor .t{font-size: 22px;font-style: normal;margin-bottom:25px;font-weight: bold;}
    .index .ipt2 .infor .c{font-size: 14px;line-height: 1.75;margin: 20px 0px 40px;font-style: normal;}
    .index .ipt2 .infor .more{position:relative; padding-right:35px; display:inline-block;}
    .index .ipt2 .infor .more:hover a{color:#fff; color:rgba(255,255,255,0.7);}
    .index .ipt2 .infor .more span{display:inline-block; font-size:20px; font-weight:bold; line-height:40px; border-bottom:1px solid #fff; padding-right:15px;}
    .index .ipt2 .infor .more:after{content:''; width:21px; height:25px; background:url(../../../templates/HW/images/ipart03_sj.png) no-repeat center; position:absolute; right:0; top:13px;}


    /* 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: 288px;}
    .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;}


    /* 关于我们 */
    .about_us01 .content .left{width:100%;}
    .about_us01 .content .right {width:100%;}
    .about_us01 .content .right .rect-110{padding-bottom:65%;}
    .about_us01 .content .right .intro .box{padding:40px 30px;}

    /*产品列表*/
    .pro_list .product_list.row>.span-4 {width: calc((100% - 40px) / 3);margin-right: 20px;margin-left:0;}
    .pro_list .product_list.row>.span-4:nth-child(3n){margin-right:0;}

    /* 新闻列表 */
    .news_list01 .hd{margin-bottom:40px;}
    .news_list01 .hd .box .hd_tit{font-size:20px;}
    .news_list01 .hd .box .hd_btn{width:75px;}
    .news_list01 ul li{width:48%;margin-right: 4%!important;}
    .news_list01 ul li.three_li{margin-right:4%;}
    .news_list01 ul li:nth-child(2n){margin-right: 0!important;}
    .news_list01 ul .rect-528{padding-bottom:61%;}


    /* 新闻详细 */
    .news_detail01 .top_ .title{font-size:25px;}
    .news_detail01 .top_ .date{font-size:18px;}




}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    body:after {
        content: 'Mobile';
    }
    body,input,textarea,button,select {font-size: 14px;}
    .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{height: 70px;}
    .header .h_top{padding:10px 0;}
    .header .h_top .h_tool{margin-left:9px;padding-bottom:0;margin-top:3px;}
    .header .h_top .h_tool.h_language{margin-top:0px;}
    .header .h_top .h_tool.h_search{margin-top:2px;}
    .header .h_top .h_tool.h_contact{display:none;}
    .header .h_top .h_language{padding-right:0px; margin-top:-1px;}
    .header .h_top .h_language .icon{margin-top:-7px;}
    .header .h_top .h_language i{margin:0; font-size:12px;}
    .header .h_top .h_language .lan_down{top: 40px;left: auto;}
    .header .h_top .h_search{padding-right:0px; margin-top:-1px;}
    .header .h_top .h_search .icon{margin-top:-7px;}
    .header .h_bott .h_logo{width: 38%;margin-top: -38px;}
    .m_nav{top: 70px;}
    .header .mobile_key{margin-top:0;}
    .header .h_top .h_language .pc_txt{display:none;}
    .header .h_top .h_language .mobile_txt{display:inline-block; font-size:15px;}
    .header .h_top .h_language .icon{display:none;}   


    .footer .foot_top{display:none;}
    .footer .foot_bott .left{font-size:13px;}
    .footer .foot_bott .right{float:left; font-size:13px;}
    .footer .foot_bott{padding:15px 0;}

    .channel_content{padding:20px 0;}


    /*首页*/
    .ibanner{height:0; padding-bottom:62.5%;}
    .ibanner .item{height:0; padding-bottom:62.5%;}
    .ibanner .owl-item .item .banner_img>img{width:100%; position:static; margin-left:0;}
    .ibanner .item .ibanner_word{top:50px;}
    .ibanner .item .iban_entit{font-size:23px; line-height:23px;}
    .ibanner .item .iban_tit{font-size:20px; line-height:20px;}
    .ibanner .owl-carousel .owl-dot{width:15px; height:20px; background-size:cover; margin:0 7px;}
    .ibanner .owl-carousel .owl-dot.active{background-size:cover;}
    .ibanner .item .iban_con{display:none;}


    .index .index_en{font-size:30px;}
    .index .index_cn{font-size:20px;}
    .index .index_desc{font-size:15px;}
    .index .index_more{font-size:14px;}
    .index .pt1{padding:30px 0;background: #fff;}
    .index .pt1 .top ul li,.index .pt1 .top ul li{font-size:14px;}
    .index .pt1 .top ul li:hover a, .index .pt1 .top ul li.cur a{font-size:16px;}
    .index .pt1 .top ul{margin-top:15px;}
    .index .pt1 .main .ctrl{display:none;}
    .index .pt1 .main{padding-left:0; margin-top:15px;}
    .index .pt1 .main .left_box{padding:15px 2%;}
    .index .pt1 .main .en{font-size:30px;}
    .index .pt1 .main .cn{font-size:18px;}
    .index .pt1 .main .para{font-size:16px;}
    .index .pt1 .main ul li .num{font-size:26px;}


    .index .ipt3{padding:30px 0;}

    /* xc_banner */
    .xc_banner{height: 192px;}
    .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;}



    /* 关于我们 */
    .about_us01{padding:15px 0;}
    .about_us01 .content .left .box{padding:15px;}
    .about_us01 .content .left .box .con{height:auto; font-size:14px;}
    .about_us01 .content .left .box .en_tit{font-size:20px; line-height:20px;}
    .about_us01 .content .left .box .cn_tit{font-size:20px; line-height:25px; margin-bottom:10px;}
    .about_us01 .content .right .rect-110{padding-bottom:75%;}

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


    /*产品详情*/
    .pro_detail { padding-bottom: 80px; }
    .pro_detail { background: #f0f0f0; padding: 30px 0px 80px; }
    .pro_detail .detail_l {width: 100%;}
    .pro_detail .l_box {float: none;width: 100%;}
    .pro_detail .r_box{float:none;width:100%;}
    .pro_detail .r_box h1{font-size: 20px;color: #333;margin-bottom: 10px;margin-top: 20px;}
    .pro_detail .r_box .line{width:100%;height:1px;background: #151981;}
    .pro_detail .r_box .sub{font-size: 16px;font-weight:bold;color:#333;margin-top:10px;}
    .pro_detail .r_box .use{margin-top:30px;margin-bottom: 10px;}
    .pro_detail .r_box .use li{float: none;width: 100%;margin-bottom: 20px;}
    .pro_detail .r_box .use li h2{font-size:18px;color:#333;margin-bottom:10px;}
    .pro_detail .r_box .use li p{font-size:16px;color:#333;}
    .pro_detail .r_box .d_con{margin-top:30px;}
    .pro_detail .r_box .d_con p{font-size: 14px;line-height:1.75;}

    /* 新闻列表 */
    .news_list01 .hd{margin-bottom:20px;}
    .news_list01 .hd .box{padding:20px 10px;}
    .news_list01 .hd .box .hd_tit{display:none;}
    .news_list01 .hd .box .sele_wrap, 
    .news_list01 .hd .box .inp_box_wrap{width:90%; margin:0 auto 10px; float:none;}
    .news_list01 .hd .box .sele_wrap select, 
    .news_list01 .select-ui-choose-default, 
    .news_list01 .hd .box .inp_box{line-height:40px; height:40px;}
    .news_list01 .hd .box .hd_btn{font-size:14px; width:90%; float:none; margin-left:5%; line-height:40px; height:40px; border-radius:4px;}
    .news_list01 .hd .box .hd_btn .icon{display:none;}
    .news_list01 ul li{width:100%;margin-right: 0!important;margin-bottom:20px;}
    .news_list01 ul li .intro .box{padding:20px;}
    .news_list01 ul li .intro .box .tit{font-size:18px; line-height:24px; height:48px; margin-bottom:20px;}
    .news_list01 ul .rect-528{padding-bottom:0; height:auto;}
    .news_list01 ul li .intro .box .date{font-size:14px;}
    .news_list01 ul li.noimg .img .box{padding:20px;}
    .news_list01 ul li.noimg .img .box .t{font-size:18px; line-height:24px; height:48px;}
    .news_list01 ul li .intro .box .icon{display:none;}
    .news_list01 ul li .intro .box .con{margin-bottom:20px;}
    .news_list01 ul li .intro .box .date{position:static;}


    /* 新闻详细 */
    .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;}


    /* 联系我们 */
    .contact_us01 .content .map{height:230px; width:100%;}
    .contact_us01 .content .cover{width:100%; position:static;}
    .contact_us01 .content .cover .infor{padding:15px;}
    .contact_us01 .content .cover .infor .tit{font-size:20px; padding-bottom:15px; margin-bottom:15px;}
    .contact_us01 .content .cover .infor .con dt{margin-bottom:15px;}
    .contact_us01 .content .cover .infor .con{margin-bottom:15px;}
    .contact_us01 .content .cover .infor .img_box .item .txt{font-size:13px;}
    .contact_us01 .content .cover .infor .con dd{font-size:13px;}
    .contact_us02 ul li{margin-bottom:15px;}
    .contact_us02 ul li,.contact_us02 ul li.three_item{width:49%; margin-right:2%;}
    .contact_us02 ul li:nth-child(2n){margin-right:0;}
    .contact_us02{margin-top:15px;}
    .contact_us02 ul li .box .tit{font-size:16px;}
    .contact_us02 ul li .box .con{font-size:13px;}
    .contact_us02 ul li{min-height:160px;}
    #contact-map-49410{width:450px!important; height:230px!important;}

    /*案例*/
    .project .row>.span-4{width:99%;}

}


@media only screen and (max-width:480px){
    header {height: 52px; }
    .m_nav {top: 52px;} 
}


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

    .header .h_bott .h_logo{margin-top:-28px;}
}