/*
* 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); }
/*
* PadMode
*/
@media only screen and (max-width: 1380px) {
    .header_bott .nav_wrap{margin:0 120px;}
    .index_slider .ibanner .text_box{left:120px;}
    .index_slider:after{left:120px;}
    .header .header_bott{margin-left:120px;}
    .h_lan{width:120px;}


}
@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_bott .h_tools .h_search{display:none;}
    .header_bott .mobile_key{display:block; font-size:26px; color:#000; cursor:pointer;}
    .header:hover .header_bott .mobile_key{color:#000;}
    .header.fixed .header_bott .mobile_key{color:#000;}
    .header_bott .inav{display:none;}

    .header{height:90px;}
    .header .header_bott{margin-left:0;}
    .header .h_lan .tab{line-height:90px;}
    .header .header_bott .inav_wrapper .inav .nav_li>a{line-height:90px;}
    .header .header_bott .logo{margin-top:10px;}
    .header .header_bott .h_tools{margin-top:25px;}
    .header .header_bott .nav_wrap{width:1200px; margin:0 auto;}
    .header .header_bott .inav .nav_li .xiala_nav .left{width:75%;}
    .header.fixed .header_bott .header_wrap,.header .header_bott .header_wrap {width:940px; margin:0 auto;}

    /*------------------手机端下拉---------------------*/
    .m_nav{display:block; position:fixed; left:0; bottom:100%; width:100%; height:100%; background:#F3F4F4; z-index:20; transition:all 0.5s ease;}
    .m_nav.show{bottom:0;}
    .m_nav .m_wrap{padding:0 5%;}
    .m_nav .mNav_top{padding:10px 0; background:#fff; position:relative;}
    .m_nav .mNav_top .m_search{position:relative; width:80%; float:left;}
    .m_nav .mNav_top .m_search i{font-size:26px; color:#e56524; line-height:1; margin:0; position:absolute; left:0; top:50%; margin-top:-13px; font-weight:bold;}
    .m_nav .mNav_top .m_search input{background:#fff; border:none; height:40px; line-height:40px; text-indent:35px;width:100%;}
    .m_nav .mNav_top .m_close{width:20%; float:right; cursor:pointer; text-align:right; font-size:22px; color:#e56524;}
    .m_nav .mNav_top .m_close .icon{width:18px; height:19px; background:url(../img/m_close.png) no-repeat center; position:absolute; top:50%; margin-top:-9px; right:5%;}
    .m_nav .mNav_bott{padding:3% 5%;}
    .m_nav .mNav_bott .m_navli{position:relative;}
    .m_nav .mNav_bott .m_navli>a{padding:8px 50px 8px 0; font-size:17px; color:#000; display:inline-block; width:70%;}
    .m_nav .mNav_bott .m_navli:hover>a{color:#e56524;}
    .m_nav .mNav_bott .m_navli .m_jt{display:block; height:30px; width:30px; position:absolute; top:6px; right:0; bottom:0; background-color:#fff; border-radius:50%; cursor:pointer; transition:background-color .25s,transform .25s;}
    .m_nav .mNav_bott .m_navli .m_jt:before{content:''; width:10px; height:5px; background:url(../img/jt_down.png) no-repeat center;position:absolute; left:50%; margin-left:-5px; top:50%; margin-top:-2px;}
    .m_nav .mNav_bott .m_navli.cur .m_jt{background:#e56524;}
    .m_nav .mNav_bott .m_navli.cur .m_jt:before{background:url(../img/jt_up.png) no-repeat center;}
    .m_nav .mNav_bott .m_navli .m_secNav{display:none;}
    .m_nav .mNav_bott .m_navli .m_secNav ul{font-size:0;}
    .m_nav .mNav_bott .m_navli .m_secNav li{font-size:14px;}
    .m_nav .mNav_bott .m_navli .m_secNav li:not(:last-child) {border-bottom: 1px solid rgba(0,0,0,.1);}
    .m_nav .mNav_bott .m_navli .m_secNav li a{padding:12px 0; line-height:20px; display:block; position:relative;}
    .m_nav .mNav_bott .m_navli .m_secNav li a:hover{color:#e56524;}
    .m_nav .mNav_bott .m_navli .m_secNav li a.cur{color:#e56524;}
    .m_nav .mNav_program{padding:3% 5%;}
    .m_nav .mNav_program ul{border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
    .m_nav .mNav_program ul li{font-size:16px; width:25%; padding-left:5%; float:left; line-height:50px;}
    .m_nav .mNav_tools {padding:3% 5%;}
    .m_nav .mNav_tools .item{float:left; width:50%;}
    .m_nav .mNav_tools .item a{display:block;}
    .m_nav .mNav_tools .item .icon{display:inline-block; width:35px; height:35px; background:url(../img/m_tool.png) no-repeat; vertical-align:middle;}
    .m_nav .mNav_tools .item_lan .icon{background-position:0 0;}
    .m_nav .mNav_tools .item_son .icon{background-position:-35px 0;}
    .m_nav .mNav_tools .item_lan span{display:inline-block; font-size:14px; color:#225797; font-weight:bold; font-family:Arial; text-transform:uppercase; vertical-align:middle; margin-left:10px;}
    .m_nav .mNav_tools .item_son span{display:inline-block; font-size:15px; color:#225797; font-weight:bold; vertical-align:middle; margin-left:10px;}
    /*------------------手机端下拉 end-----------------*/

    .footer1{display:none;}
    .index_slider .ibanner .text_box{left:50%; margin-left:-470px;}
    .index_slider{margin-right:0; margin-top:90px;}
    .common-tit .t{font-size:34px;}
    .index_slider .ibanner .text_box .en{font-size:46px;}
    .index_slider .ibanner .text_box .cn{font-size:26px;}
    .index .pt1 .left .pro_desc{height:150px; padding:25px;}
    .index .pt1 .right .ctrl{left:15px; bottom:15px;}
    .index .pt1 .right .ctrl .current{font-size:24px;}
    .index .pt1 .right .con{padding:25px 0 0 25px;}
    .index .pt2 .bigData .num{font-size:85px;}
    .index .pt3 .t1{font-size:24px;}
    .index .pt3 .right .r .con .t1{font-size:20px;}
    .index .pt3 .con{padding:30px 25px;}

    /*荣誉*/
    .honor .right_con{width:64%;}

    /*发展历程*/
    .develop .pt1 .item .box{margin:30px 50px 0;}
    .develop .pt2{padding-top:30px;}
    .develop .pt2 .resource-type-wrap .panel span{font-size:30px;}

    /* 公司介绍 */
    .intro .company_pt.pt2 .en{padding-top: 30px;}
    .intro .company_pt .tit{font-size:32px;}
    
    /*制造能力*/
    .power .pt1 .box{top: 20px;}
    .power .pt1 .box .t{padding-bottom: 0;}
    .power .pt1 .pt_l .item{margin-bottom: 10px;}
    .power .title .p{width:100%;}

    /*企业文化*/
    .culture .pt2{padding:60px 0; background-size:cover;}
    .culture .pt2 .content .intro .box{padding:40px 30px;}
    .culture .pt2 .content .intro .box .c{margin-top:5px;}
    .culture .pt2 .content .left_bott .left_bott_l .intro .box .ico{width:70px; height:70px; background-size:contain;}

    /*人才理念*/
    .talent .pt1 .r .en{font-size:55px;}
    .talent .pt1 .r .cn{font-size:28px; margin-bottom:20px;}
    .talent .pt1 .r .box li{line-height:38px;}
    .talent .pt1 .r .box li:before{top:16px;}







}
@media only screen and (max-width: 992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:740px; }
    /*padMode 992px 网站样式*/
    .header.fixed .header_bott .header_wrap,.header .header_bott .header_wrap {width:740px;}
    .common-tit .d{width:auto;}
    .index_slider .ibanner .text_box{left:50%; margin-left:-370px;}
    .index .pt1 .right,.index .pt1 .left{width:100%;}
    .index .pt1 .rect-264{height:auto; padding-bottom:0;}
    .index .pt1 .right .con{position:static;}
    .index .pt1 .right .ctrl{position:static; margin:0 15px 15px;}
    .index .pt1 .right .con .classify div{display:inline-block; *display:inline; *zoom:1; margin-right:20px;}
    .index .pt1 .right:after{width:auto; right:0;}
    .index .pt1 .left .pro_desc{height:135px;}

    .index .pt2{padding-bottom:50px;}
    .index .pt2 .bigData .num{font-size:62px;}
    .index .pt2 .bigData .item{margin-bottom:30px;}
    .index .pt3 .left, .index .pt3 .right{width:100%;}
    .index .pt3 .left{margin-bottom:30px;}

    /*荣誉*/
    .honor .left_con{width:250px;}
    .honor .right_con{width:60%;}

    /*发展历程*/
    .develop .pt1 .owl-carousel{width:80%; margin:0 auto;}
    .develop .pt2 .resource-type-wrap .panel span{font-size:24px; margin-bottom:10px;}

    /* 公司介绍 */
    .intro .company_pt .pt_r,
    .intro .company_pt .pt_l{width: 100%;}
    .intro .company_pt.pt2 .pt_l{height: auto;padding-bottom: 57%;}
    .intro .company_pt.pt2 .pt_l .pt2_full{width: 100%;height: 100%;}
    .intro .company_pt{margin-bottom: 5%;}

    /*制造能力*/
    .power .pt1 .pt_l{width: 100%;}
    .power .pt1 .pt_r{width: 100%;}

    /*企业文化*/
    .culture .pt1 .right{width:100%;}
    .culture .pt1 .left{display:none;}
    .culture .pt2 .content .intro .box{padding:30px;}
    .culture .pt2 .common-cn{font-size:26px;}
    .culture .pt3 .left{width:100%;}
    .culture .pt3 .right{width:100%;}
    .culture .pt2 .info{padding:0 25px;}
    .culture .pt2 .info{height:300px;}

    /*人才理念*/
    .talent .pt1 .l{width:100%;}
    .talent .pt1 .r{width:100%;}
    .talent .pt1 .r .box{padding-left:0; margin-top:30px;}


}
/*
* 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; }
    .header.fixed .header_bott .header_wrap,.header .header_bott .header_wrap { 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 .h_lan{width:100px; font-size:12px;}

    .channel_content{padding:30px 0;}
    .common-page{margin-top:30px;}
    .header .header_bott .logo{margin-top: 20px;}

    .index_slider .ibanner .text_box{left:2%;}
    .index_slider .ibanner .text_box .en{font-size:24px;}
    .index_slider .ibanner .text_box .cn{font-size:20px;}
    .index_slider .ibanner .text_box{padding-left:20px; border-width:2px; margin-left:0;}
    .index_slider .banner_btn i{width:50px;}
    .index_slider .banner_btn{font-size:16px; line-height:80px; display:none;}
    .index_slider .owl-carousel .owl-nav{right:2%; bottom:50px;}
    .index_slider .owl-carousel .owl-dots .owl-dot{width:5px;}
    .index_slider:after{display:none;}
    .index_slider .banner_process{bottom:120px; right:2%;}
    .common-tit{padding:25px 0 20px;}
    .common-tit .t{font-size:22px; line-height:50px;}
    .index .pt1 .left .i_con{margin-bottom:20px;}
    .index .pt1 .left .pro_desc{background-size:contain;}
    .index .pt1 .right .con .tit{font-size:20px;}
    .index .pt1 .left .pro_desc .en{font-size:22px;}
    .index .pt1 .left .pro_desc{font-size:18px;}
    .index .pt2 .bigData .num{font-size:42px;}
    .index .pt2 .bigData .item{margin-bottom:10px;}
    .index .pt2{padding-bottom:20px;}
    .index .pt3 .t1{font-size:18px;}
    .index .pt3 .con{padding:20px;}
    .index .pt3 .right .r .con .t1{font-size:16px;}
    .index .pt3{margin-bottom:30px;}
    .index .pt4 .content .right{margin-left:0; float:none; overflow:hidden;}
    .index .pt4 .content .right .item{float:left; padding:30px 0; width:49%; text-align:center;}
    .index .pt4 .content .right .item1{margin-right:2%;}
    .index .pt4 .content .icon{margin:0 auto;}
    .index .pt4 .content .left{width:auto; height:auto;}
    .index .pt4 .content .left .icon{margin-left:0}
    .index .pt4 .content .left .t{font-size:18px;}
    .index .pt4 .flag{display:none;}
    .index .pt4 .wrap{padding-bottom:30px;}

    /*荣誉*/
    .honor .left_con,.honor .right_con,.honor .right_con .img_box{ width: 100%; }
    .honor .right_con:after,.honor .right_con li.odd:after{ display: none; }
    .honor .right_con{ margin-top: 25px; }
    .honor .right_con .img_box{ margin-bottom: 5px; background-color: #f2f9fe; }
    
    /*发展历程*/
    .develop .pt1 .tit{font-size:22px; margin-bottom:10px;}
    .develop .pt1 .desc{font-size:14px;}
    .develop .pt2 .resource-type-wrap .panel{width:98%; margin-bottom:30px;}
    .develop .pt2 .resource-type-wrap .panel.leftBox_resource:after{display:none;}
    .develop .pt2 .resource-type-wrap,.resource-type-wrap .panel.leftBox_resource .inner:after{background:none;}
    .develop .pt2 .resource-type-wrap .panel .inner{width:auto;}
    .develop .pt2 .resource-type-wrap .panel.leftBox_resource .inner_box p{text-align:left;}
    .develop .pt2 .resource-type-wrap .panel.leftBox_resource span{float:none;}
    .develop .pt1 .owl-carousel .owl-nav>div{left:-30px;}
    .develop .pt1 .owl-carousel .owl-nav .owl-next{right:-30px;}
    .develop .pt2 .resource-type-wrap .panel{margin:0 0 15px; width:100%;}
    .develop .pt2 .resource-type-wrap .panel .inner{margin-left:0;}
    .develop .pt2 .resource-type-wrap .panel .inner:after{display:none;}

     /* 公司介绍 */
     
    .intro{padding-bottom:0;}
    .intro .company_pt .en{font-size: 23px;}
    .intro .company_pt .tit{font-size: 18px;margin-bottom: 10px;}
    .intro .company_pt.pt2 .en{padding-top: 10px;}
    .intro .company_pt .item{padding-bottom: 15px;}
    .intro .pt3 .wrap1300 .t{font-size: 18px;top: 20%;}
    .intro .pt3 .wrap1300 .t2{font-size: 23px;}
    .intro .pt3 .wrap1300 .p{width: 90%;margin: 0 auto;}
    .intro .pt3 .wrap .t{font-size:24px;}
    .intro .pt3 .wrap .t2{font-size:22px;}

    /*制造能力*/
    .power .pt1 .box .t{font-size: 20px;}
    .power .pt1{margin-bottom: 4%;}
    .power .title .t{font-size:20px;}

    /*企业文化*/
    .culture .pt1 .content{margin-top:20px;}
    .culture .pt1 .content .t{float:none; font-size:18px; margin-bottom:10px;}
    .culture .pt1{margin-bottom:30px;}
    .culture .pt2 .common-cn{font-size:18px;}
    .culture .pt2 .content .rect-1390{padding-bottom:60%;}
    .culture .pt2{padding:25px 0;}
    .culture .pt2 .infor .tit{font-size:20px; margin-bottom:15px;}
    .culture .pt2 .content .intro .box{padding:20px;}
    .culture .pt2 .content .intro .box .c{font-size:14px; line-height:24px; height:72px;}
    .culture .pt2 .content .left{width:100%;}
    .culture .pt2 .content .left_top .intro .box{padding-right:5%;}
    .culture .pt2 .content .left_bott .left_bott_l{width:100%; margin-bottom:20px;}
    .culture .pt2 .content .left_bott .left_bott_r{width:100%;}
    .culture .pt2 .content .right{width:100%; margin-top:20px;}
    .culture .pt2 .content .left_bott .left_bott_l .intro .box .ico{width:50px; height:50px;}
    .culture .pt2 .content .rect-34{height:auto; padding-bottom:0;}
    .culture .pt2 .content .rect-34 img{max-width:none; width:auto;}
    .culture .pt2 .content .rect-34 .intro{position:relative; z-index:1;}
    .culture .pt3 .right .info{text-align:left;}
    .culture .pt3 .right .info{padding:40px 30px 60px 30px;}
    .culture .pt3 .right .info .desc:after{bottom:-20px;}
    .culture .pt2 .info{height:auto; padding:20px 0;}
    .culture .pt2 .t{font-size:20px;}
    .culture .pt2 .info,.culture .pt2 .full-row{border:none;}

    /*人才理念*/
    .talent .pt1 .r .en{font-size:30px;}
    .talent .pt1 .r .cn{font-size:20px;}


    .intro .pt3 .wrap .t{margin-top: 30px;}


}
@media only screen and (max-width: 480px) {
    /*mobileMode 480 网站样式*/
    /*制造能力*/
    .power .pt1 .rect-50{padding-bottom: 80%;}
    .power .pt1 .box .p{font-size: 12px;line-height: 20px;}
    .power .pt1 .box{left: 15px;right: 15px;}

}