/*
* 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); }
@media only screen and (max-width: 1400px) {
    .wrap, .mwrap { width:1200px; }
    .news_search .news-sele, .news_search .select-ui-choose{width:200px;}
    .news_search .search_ipt{width:160px;}
    .news_search{padding:42px 70px;}
    .service_intro .pt1 .l .con{height:386px; padding:35px;}
    .service_intro .pt1 .l .btm{margin-top:30px;}
    .service_intro .pt1 .l .btm .text_box .text{width:27%;}
    .index .pt3 .content a{padding-top:40px;}
    .index .pt3 .content .detail .desc{margin-bottom:20px;}
    .index .pt4 .l .en{font-size:50px; }
      .social_recruit .job_search{padding:25px 40px;}
    .social_recruit .job_search .sele{width:260px;}
    .index .pt3 .rect-44{padding-bottom:40.8%;}

}
/*
* padmode
*/
@media only screen and (max-width: 1400px) {
    .product_list .pt2 .part .info{padding:8% 4%;}
    .product_list .pt2 .part .info .top .en{font-size:14px;}
}
@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 网站样式*/
    .head .mobile_key{display:block;}
    .head .main_link{width:auto;}
    .head .inav{display:none;}

    .footer1 .channel_info,.footer1 .right{display:none;}
    .footer1 .left{width:100%;}
    .news_search{padding:42px 40px;}
    .news_search .news-btn,.news_search .news-sele, .news_search .select-ui-choose{width:150px;}
    .product_main .pt1 ul{width:100%;}
    .product_main .pt1 li .text{padding-top:10%;}
    .product_main .pt1 li .cover{top:0;}

    .product_list .pt1 .para_item{margin-left:30px; font-size:16px;}
    .product_list .pt1 .r_box .para_item{margin-right:30px}
/*    .product_list .pt2 .part .info .top .no{font-size:30px;margin-right:10px;}
    .product_list .pt2 .part .info .top .cn{font-size:20px; }*/


    .service_intro .pt1 .l{width:100%; margin-bottom:30px;}
    .service_intro .pt1 .r{width:100%;}

    .service_net .pt2 .l{width:30%; margin:0;}
    .service_net .pt2 .r{width:70%;}
    .intro .tab_wrap li .info .cn{font-size:25px;}
    .intro .tab_wrap li .info{padding:25px;}

    .index .pt3 .content .detail .tit{margin-bottom: 0;}
    .index .pt3 .content .detail .desc{margin-bottom:10px;}
    .index .pt3 .content a{padding-top:20px;}
    .index .pt3 .content .detail .cn{font-size:28px; }
    .index .pt3 .content .pic{bottom:5%;}
    .index .pt4 .l .en{font-size:40px;}
    .contact_us .info_box{width:45%;}
    .contact_us .map_address{width:54%;}

    .contact_us .map_address{width:54%;}
    .contact_us .info_box{padding: 0;}
  
    .social_recruit .job_search .from_title{margin-right:10px; }
    .social_recruit .job_search .sele,.social_recruit .job_search .ipt{width:200px; margin-right:10px;}
    .mm-opened .head .header_main{z-index:3;}



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

    .news_search{padding:42px 20px;}
    .news_search .news-btn,.news_search .news-sele, .news_search .select-ui-choose{width:150px;}
    .news_search .news-sele, .news_search .select-ui-choose{margin-right:10px;}
    .product_main .pt1 li .cover a{margin:10px auto; font-size:16px; }
    .product_main .pt1 li .text .tit{font-size:20px; margin-bottom:10px;}

    .product_detail .pt1 .l{width:100%;}
    .product_detail .pt1 .r{width:100%; margin-top:30px;}

    .service_net .pt2 .l{width:100%;}
    .service_net .pt2 .r{width:100%;}
    .service_net .pt2{margin-top:0;}

    .index .pt2 .t2{font-size:30px;}
    .index .pt2 .desc{font-size:15px; }
    .index .pt_tit{font-size:32px; }
    .index .pt3 .content .left{width:100%;margin-bottom: 2%;}
    .index .pt3 .content .right{width:100%;}
    .index .pt3 .content a{padding-top:10%;}
    .index .pt4 .l{width:100%;}
    .index .pt4 .r{width:100%; margin-top:30px;}

    .contact_us .map_address{width: 100%; height: 489px;margin-bottom:30px; position:static;}
    .contact_us .info_box{padding: 0;}
    .contact_us .info_box{width:100%;}
    .social_recruit .job_search .sele, .social_recruit .job_search .ipt{width:100%; margin-bottom:10px;}

    .intro .tab_wrap li .info .en{font-size:18px;}
    .intro .tab_wrap li .info .cn{font-size:21px;}
    .product_main .rect-130{padding-bottom:180%; }
    .job_detail_bg .job_detail_win{width:780px; margin-left:-390px; }
    .xc_banner .slogan{display:none;}


}
/*
* 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 网站样式*/
    .head{height:100px;}
    .head .header_main .logo{width:120px;}
    .head .header_main{height:60px;}
    .header_top{padding:10px 0;}
    .channel_content{padding:30px 0;}
    .head .mobile_key{margin:0 5px; font-size:16px;}
    .head .main_link .search{font-size:18px; padding:0 5px;}
    .head .main_link{padding:5px 0;}
    .head .header_main .logo{bottom:-10px;}

    /*.xc_banner{display:none;}*/

    .news_search .news-sele, .news_search .select-ui-choose{width:48%; margin:0 0 10px; font-size:14px; }
    .news_search .news-sele#mon{margin-left:3%;}
    .news_search .search_ipt{width:43%; margin:0 0 10px; font-size:14px; padding:0 2%; float:none;}
    .news_search .news-btn{float:none; width:48%; margin-left:2%;}
    .news_search .search_tit{margin-bottom:10px;}
    .news_search{padding:20px; margin-bottom:20px;}
    .news_list .news_list01 ._img{float:none; width:100%;}
    .news_list .news_list01 ._img .rect-75 {padding:0; height:auto; margin-bottom:20px;}
    .news_list .news_list01 ._title{font-size:18px; font-weight:bold;}
    .news_list .news_list01 ._text{font-size:14px;}
    .news_list .news_list01 li a{padding-bottom:20px; margin-bottom:20px;}
    .product_main{padding:0;}
    .product_main .pt1{padding:30px 0;}
    .product_main .pt1 li{width:100%; margin:20px 0;}
    .product_main .rect-130 img{width:100%;}

    .product_detail .pt1 .link a{margin-bottom:10px;}
    .product_detail .pt1 .tit{font-size:20px; }
    .product_detail .pt2 .pt_tit{font-size:26px;}

    .service_intro .pt1 .l .con{height:auto;}
    .service_intro .pt1 .l .btm .text_box .text{position:static; width:auto; text-align:left; margin:20px 0;}

    .intro .tab_wrap li{width:100%; margin: 0 0 20px;}



    .intro .content .en1,.intro .content .en2{font-size:22px; line-height:1.3;}
    .intro .content{padding:30px 20px;}
    .intro .content .cn{font-size:20px;}
    .intro .content{margin-top:0;}
    .ibanner{height:auto;}
    .ibanner .item{height:auto;}
    .ibanner .owl-carousel .video_item .mobile_img{display:block;}
    .ibanner .owl-carousel .owl-item img{position:static; margin:0; width:100%; height:auto;}
    .ibanner .owl-carousel .owl-prev, .ibanner .owl-carousel .owl-next{font-size:30px; margin-top:-30px;}
    .index{padding:0;}
    .index .pt1{padding:30px 0 13px;}
    .index .pt2 .t2{font-size:24px; }
    .index .pt2{padding-top:40px}
    .index .pt_tit{font-size:24px; padding:40px 0 20px;}
    .index .pt3 .content a{padding-top:5%;}
    .index .pt3 .content .detail .cn{font-size:20px; }
    .index .pt3 .content .detail .en{font-size:16px;}
    .index .pt3 .content .detail .desc{font-size:14px; }
    .index .pt3{padding-bottom:40px;}
    .index .pt4{padding:40px 0;}
    .index .pt4 .l .en{font-size:26px; }
    .index .pt4 .l .cn{font-size:24px; }
    .index .pt4 .l .desc{margin:10px 0 30px;}
    .index .pt4 .l .info{padding:0;}
    .index .pt4 .r .pic .dots .item.cur .detail{display:none;}
    .index .pt5 .info{padding:0;}
    .index .pt5 .t{font-size:20px; margin:10px 0;}
    .index .pt5 .desc{margin-bottom:15px;}

    .contact_us .map_address{width: 100%;height:300px; margin: 0 0 30px;float: none; overflow:hidden;}
    .contact_us .map_address>div{height:300px !important;}
    .contact_us .info_box{padding: 0;}
    .contact_us .company_info .des{height:auto;}
    .intro .pt1{margin-bottom:30px;}
    .product_detail .pt2 .fea .fea_t{margin-right:0; margin-bottom:10px;}
    .album_ordinary .slide_c p.t{bottom:120px;}
    .index .pt3 .content .t_info{padding-top:25px; padding-left:25px;}
    body .send-48480 .form-p1 .form-p1-left, body .send-48480 .form-p1 .form-p1-right{width:100%;}
    .social_recruit .job_search{padding:25px;}

    .product_list .pt2 .part .pt_tit{font-size:22px; line-height:60px; padding-top:20px;}
    .product_list .pt2 .part .info .top .cn{font-size:20px;}
    .product_list .pt2 .part .info .top .en{font-size:14px;}

    .index .pt1 .info{padding:0 7px;}
    .head .main_link .order{line-height:30px; padding:0 12px; font-size:15px;}
    .index .pt2 .more{line-height:40px; width:138px;}

    .index .pt2 .desc{padding:0 15px;}
    .index .pt4 .fix{padding:0 20px;}
    .index .pt4 .l a{line-height:40px; width:150px;}
    .footer .footer1{padding:25px 0;}
    .footer2{line-height:25px; padding:10px;}
    .footer2 .r{float:left;}
    .footer1 .logo{margin-bottom:20px;}

    .intro .pt1 img{width:1000px; height:auto; margin-left:-500px; }
    .intro .pt1{height:190px;}

    .intro .tab_wrap li{padding-bottom:0;}
    .intro .tab_wrap li .info .cn,.intro .tab_wrap li .info .en{font-size:20px;}
    .intro .tab_wrap li .info{padding:16px;}
    .intro .tab_wrap li .info .flag{position:absolute; bottom:20px; right:20px;}
    .intro .tab_wrap{padding:0 20px;}
    /*.channel_content{padding-top:0;}*/

    .product_main .rect-130{padding:0; height:auto;}
    .product_main .rect-130:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background: repeat;}
    .product_main .pt1 li .text{position:relative; z-index:2;}
    .product_main .pt1 li .cover{position:relative; z-index:2; padding:20px 0 40px; background:none;}
    .product_main .rect-130 img{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
    .product_main .pt1 li .text .desc{height:auto}

    .product_list .pt1 .product_search.pl_3 .pd2 .para_item{width:80%;}
    .product_list .pt1 .product_search.pl_5 .pd2 .para_item{width:80%;}
    .product_detail .pt1{padding:0 0 30px;}
    .product_detail .pt1 .link a{width:45%; margin-right:2%;}
    .product_detail .pt1 .top .no{font-size:35px; }
    .product_detail .pt1 .l{width:92%; padding:0 4%;}
    .product_detail .pt1 .top .cn{font-size:20px; }
    .product_detail .pt1 .tool .share{margin-right:20px; }
    .product_detail .pt1 .top{margin-bottom:20px;}
    .product_detail .pt2 .part{margin-top:30px;}
    /*.product_detail .xc_banner,.product_list .xc_banner{display:block;}*/
    .xc_banner .slogan{display:none;}
    .xc_banner .sec a{margin-right:20px;}
    .xc_banner .root{font-size:22px; margin-bottom:15px; }
    .xc_banner{padding:35px 0 25px;}
    .xc_banner .wrap{padding:0 5%;}
    .service_net .wrap{padding:0 5%;}
    .service_net .pt2 .l .item{margin:0 auto 20px; width:100%;}
    .case_list .pt1 a{font-size:16px; width:30%; margin:0;}

    .social_recruit .pd .title{margin-bottom:15px; font-size:20px;}
    .social_recruit .pd .short_line{margin:10px 0;}
    .social_recruit .pd{min-height:0;}
    .social_recruit .pd{padding:30px;}
    .job_detail_bg .job_detail_win{width:90%; margin:0; top:10%; left:5%; height:80%; overflow-y:auto; }
    .job_detail .job_tit{font-size:20px; }
    .job_detail_bg .btn_close{top:15px; transform: scale(0.6); right: 15px;}
    .job_detail{padding:10px 25px 40px;}
    .job_detail .det_mailto_box{margin-left:0;}
    .job_detail .det_rec .tit{width:25%;}
    .job_detail .det_rec .desc{width:74%;}
    .job_detail .txt_con{height:auto;}
    .product_detail .pt1 .tool{font-size:12px; }

    .intro .content .desc .right{width:100%; margin-bottom: 20px; margin-left: 0;}







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

}