/*
* name: responsive
* version: v2.1.1
* update: 娣诲姞pad绔栧睆鐘舵€丳adp
* 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: 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:url(../img/blue.9.png) 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 {
	width: 96%;
}	
	
    .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; }


.propc {
	text-align:center;
	margin-top: 20px;
}
.propc img {
	width: 100%;
}


.item_txt3 {
	font-size: 14px;
	color:#FFF;
	margin-top: 15px;
	line-height: 32px;
	height: 200px;
	overflow:hidden;
}

.item_txt5 {
	font-size: 14px;
	color:#FFF;
	margin-top: 15px;
	line-height: 32px;
	height: 500px;
	overflow: visible;
}



}
@media only screen and (max-width: 480px) {
    /*mobileMode 480 缃戠珯鏍峰紡*/

}