/*
* 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: 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 网站样式*/
    .mobile_key{display:block; float:right; font-size:38px; line-height:50px;}
    .inav{display:none;}
    .head .head_r_box{width:100%; float:none; text-align:right; margin-bottom:10px;}
    .head .head_r_box li{float:none; display:inline-block; vertical-align:middle;}
    .head .logo{margin-top:0;}
    .footer .foot1{display:none;}
    .sec_nav .sec_nav_box{display:none;}

    /*pro_list*/
    .pro_list .pd{padding-left:10px; padding-right:10px;}
    .pro_list .pd .para_box .para1{padding:0; padding-right:5px;}
    .pro_list .pd .para_box .para2{padding:0; padding-right:5px;}
    .pro_list .pd .para_box .para3{padding:0;}
    .pro_list .pd .para_box .para {width:33%; box-sizing:border-box; text-align:center;}
    
    /*pro_360*/
    .pro_360 .p_box {margin-top:70px;}
    .pro_360 .p_xj_box .otherPro a img{margin-left:15px;}

    /*index*/
    .index .ipart2_bd .list_box{width:100%;}
    .index .ipart2_bd .list_text{padding: 3% 0 0 6%;}
    .index .ipart2_bd .list_ico{margin-left:0;}
    .ibanner .video{width:1px; height:1px; visibility:hidden;}

    .job_list .pt2 .pd .tit{white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
    .album_gallery .arr_prev{left:0!important;}
    .album_gallery .arr_next{right:50px!important;}

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

    .intro .pt1 .video_box{width:100%; margin-left:0;}

    /*pro_detail*/
    .pro_detail .pt1 .r_box{width:100%;}
    .pro_detail .pt1 .l_box{width:100%;margin-bottom:30px;}

    /*pro_360*/
    .pro_360 .p_box{padding-top:120px;}

    /*index*/
    .index .ipart2_bd ul{width:100%;}
    .index .ipart2_bd{margin-top:20px;}

        /*简历投递表单*/
    .Form-J1 .Form-J1-Left,
        .Form-J1 .Form-J1-right { width:100%; }
    .Form-J1 .Form-J1-li input,
        .Form-J1 .Form-J1-li select,
        .Form-J1 .Form-J1-li textarea { box-sizing:border-box; width:89%; }
    .Form-J1 .Form-J1-Btn button { padding:0; height:35px; line-height:35px; }
    .pro_360 .p_box .p_box_t{top:0;}
    body .content-47284 .Form-P1 .Form-P1-li:last-child .Validform_checktip {top:100%;}
    .job_list .pt2 .pd{padding:35px 15px;}
    .job_list .pt2 .pd .intro{overflow:hidden; height:182px;}

}

   
/*
* 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: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浏览器*/   }
    /*mobileMode 760 网站样式*/
    /*通用部分*/
    .pages{width:100%;}

    .head .logo{width:190px; font-size:0;}
    .mobile_key{font-size:26px; line-height:30px;}
    .head .head_r_box{margin-top:10px; margin-bottom:20px;}
    .footer .foot2{padding:15px 0; line-height:1.6;}
    .footer .foot2 .bq{margin-right:0;word-break: break-all;}
    .footer .foot2 .right{width:100%;}
    .head.nofix{position:static;}
    .banner_box{display:none;}
    .channel_content{padding:40px 0;}

    /*contact_us*/
    .contact_us .map_box .r_box{width:100%; position:static; margin-top:40px; height:auto;}
    .contact_us .map_box .r_box .pd{padding:50px 30px;}
    .contact_us .map_box .box1{margin-bottom:40px;}

    /*pro_list*/
    .pro_list .pd{padding-left:30px; padding-right:30px;}
    .pro_list .pd .para_box .para1{padding:0 15px; }
    .pro_list .pd .para_box .para2{padding:0 15px; }
    .pro_list .pd .para_box .para3{padding:0; padding-left:15px;}

    /*pro_detail*/
    .pro_detail .pt1 .r_box .paras_box .para1{padding-right:20px;}
    .pro_detail .pt1 .r_box .paras_box .para2{padding-left:20px; padding-right:20px;}
    .pro_detail .pt1 .r_box .paras_box .para3{padding-left:20px; }

    /*pro_360*/
    .pro_360{margin-top:0; background-color:#bfc0c2;}
    .pro_360 .p_box{padding:0; padding-top:160px;}
    .pro_360 .p_box .barrs{top:70%; font-size:18px; z-index:2;}
    .pro_360 .p_box .barrs i{display:none;}
    .pro_360 .p_box .p_box_t .t1{font-size:32px; line-height:1.5; margin-bottom:0; text-align:center;}
    .pro_360 .p_box .p_box_t .t2{font-size:24px; text-align:center;}
    .pro_360 .p_xj_box{padding:0;}
    .pro_360 .p_xijie{width:100%;}
    .pro_360 .p_xijie li{width:100%; margin:0; margin-bottom:5px;}
    .pro_360 .p_xj_box .otherPro{width:100%;}
    .pro_360 .p_back ._back{width:100%; margin:0;}

    /*index*/
    .index .pt1 li{margin-bottom:0px;}
    .index .pt2 .info{padding-left:4%; padding-right:4%; width:auto; margin-bottom:40px;}
    .index .ipart2_bd .list_text{padding:0;width:66%;margin-left:4%;}
    .index .pt3{padding:30px 0;}
    .index .pt4 .title{margin-top:25px; font-size:32px;}
    .index .pt5 .r_box{width:100%;}
    .index .pt5 .catlist{margin-bottom:20px; display:none;}
    .index .pt5 ._anniu{display:none;}
    .index .pt5 .l_box .title{margin-bottom:0;}
    .index .pt5 .l_box{width:100%; margin-bottom:0px;}
    .index .pt5{padding:30px 0;}
    .index .pt5 .r_box li{margin-bottom:40px;}
    .index .pt5 .r_box .tit{height:auto;}
    .index .pt5 .r_box .info{height:auto;}
    .index .pt6{background-size:cover;}
    .index .pt6 .tb_list li{margin-bottom:20px;}
    .index{padding-bottom:0; padding-top:0;}
    .ibanner{height:0; padding-bottom:65%;}
    .ibanner img{max-width:100%; margin-left:0; left:0; width:100%; height:100%;}
    .head{position:static;}
    .index .pt3 .top_box{height:auto;}
    .pro_360 .p_box .p_box_t{width:100%;}
    .index .pt6 .tb_list .img_box{width:100px; height:100px;}
    .index .pt6 .tb_list .img_box .img_icon{width:50px; height:50px; margin:10px auto 5px; background-size:100% 200%;}
    
    .contact_us .map_box{height:auto;}
    .contact_us .map_box #map-47243{height:300px!important;}
    /*简历投递*/
    body .content-47286 .Form-J1 .Form-J1-Left{width:100%; float:none;}
    body .content-47286 .Form-J1 .Form-J1-right{width:100%; float:none;}
    body .content-47286 .Form-J1 .Form-J1-li b{display:block; padding-left:160px;}
    body .content-47286 .Form-J1 .Form-J1-Btn button{width:25%;}
    body .content-47286 .Form-J1 .Form-J1-li b { display:none; }
    body .content-47286 .Form-J1 .Form-J1-li input._yzm { width:27%; }
    body .content-47286 .Form-J1 .Form-J1-li img { max-width:100px; }

    body .content-47284 .Form-P1 .Form-P1-Left{width:100%; float:none;}
    body .content-47284 .Form-P1 .Form-P1-right{width:100%; float:none;}
    body .content-47284 .Form-P1 .Form-P1-li b{display:block; padding-left:160px;}
    body .content-47284 .Form-P1 .Form-P1-Btn button{width:25%;}
    body .content-47284 .Form-P1 .Form-P1-li b { display:none; }
    body .content-47284 .Form-P1 .Form-P1-li input._yzm { width:27%; }
    body .content-47284 .Form-P1 .Form-P1-li img { max-width:100px; }

    .index .pt2 .title{font-size:32px;}
    .index .pt5 .l_box .title{font-size:32px;}
    .index .pt6 .title{font-size:32px;}
    .index .pt1 .text .tit{font-size:16px;}
    .index .pt1 .text .info{display:none;}
    .index .pt1 .text{left:0; top:30px; width:100%; text-align:center;}
    .index .pt2{padding-top:30px;}
    .index .pt4{padding:20px 0 30px; height:auto;}
    .index .pt4 .play{width:70px; height:70px; background-size:cover;}
    .index .pt6 .tb_list li:nth-child(2){display:none;}
    .index .pt6 .tb_list .img_box .name{font-size:14px;}
	.index .pt6 .tb_list a:hover .img_icon{background-position: 0 100%;}

    .index .pt2 .title{text-align:left; padding-left:4%;}
    .index .pt2 .info{ margin-left:0; margin-right:0; text-align:left;}
    .index .pt5 .r_box li:nth-child(2){display:none;}
    .index .pt5 .r_box li:nth-child(3){display:none;}

    /*相册箭头*/
    .album_gallery .arrs{ width: 20%!important; font-size: 2em!important;}
    .album_gallery .arr_next{ right:0;}
    .album_gallery .arr_prev{ left: 0!important;}

    .pro_360 .p_box .p_box_t{top:50px;}
    .album_gallery .arr_next{right:0!important;}

    body .content-47284 .Form-P1 .Form-P1-li .Validform_checktip{position:static;}
    .job_list .pt2 .pd .intro{height:auto;}

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

    /*pro_list*/
    .pro_list .pd{padding-left:10px; padding-right:10px;}
    .pro_list .pd .para_box .para1{padding:0 10px; }
    .pro_list .pd .para_box .para2{padding:0 10px; }
    .pro_list .pd .para_box .para3{padding:0; padding-left:10px;}
}