﻿/*
* 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;}
    .footer{position:relative; height:auto;}
    .channel_content{margin-bottom:0;}
    .footer1{display:none;}
    .header .top_head .bdsharebuttonbox {display:none;}
    .inav{display:none;}
    
    .widgets_video_banner_2{height:auto;}
    .widgets_video_banner_2 .item .responsive_img{display:block;}
    .widgets_video_banner_2 .text_box{display:none;}
    .widgets_video_banner_2 .item .video_cover{display:none;}
    .widgets_video_banner_2 .item a{position:static; margin-left:0; width:100%;}
    .widgets_video_banner_2 .owl-dots{width:100%; margin-left:0; left:0; text-align:center; bottom:50px;}
    .widgets_video_banner_2 .item{height:auto;}
    .index .pt1 .sec_box .video_box{margin-top:0;}
    .index .pt2 .owl-nav .owl-next{right:-40px;}
    .index .pt2 .owl-nav .owl-prev{left:-40px;}
    .index .pt2 .ipro_box .param .value{font-size:32px;}

    /*news_center*/
    .news_center .pt1 .con .img_box .mask{width:100%;}
    .news_center .pt2 .owl-nav .owl-next{right:-40px;}
    .news_center .pt2 .owl-nav .owl-prev{left:-40px;}
    
    .contact_us .pt1 .l_box{width:100%; width:50%; left:0; margin-left:0;}
    .contact_us .pt1 .l_box .pd{padding-left:5%;}
    .contact_us .pt2 .form{width:100%;}
    .contact_us .pt2 .form textarea{width:100%; padding:20px; box-sizing:border-box;}

    .pro_center .pt2 .owl-next{right:0;}
    .pro_center .pt2 .owl-prev{left:0;}
    .pro_center .pt3 .bor .mask .pd{padding:20px;}
    .pro_center .pt3 .bor .mask .param_box .param .p1{font-size:14px;}
    .pro_center .pt3 .bor .mask .param_box .param .p2{font-size:12px;}
     .contact_us .pt4{background-size:cover;}
    .pro_center .pt4 .desc{width:80%;}

    .pro_detail .pt1{background-size:cover;}

    .culture .item .con .t2{font-size:16px;}
    .culture .item .d{font-size:14px;}

    .network .net_box{margin-left: -490px;}

    .history .tab_c .ul_box .li_t .tit_right li.normal,
    .history .tab_c .ul_box .li_t .tit_right li.fixed{padding-left:20px;}
    .history .tab_c .ul_box .li_c .tab_linear{left:-19px;}

     /*营销网络*/
    .service .pt2 .item:hover .text_box{top:0;}
    .service .pt3 ul li{line-height:60px;}
    .service .pt3 ul li:not(:last-child){margin-bottom:13px;}
    .service .pt3 ul li:before{top:15px;}
    .service .pt3 ul li:after{top: 18px;}

    .join .pt2 .owl-prev{left:0;}
    .join .pt2 .owl-next{right:0;}

    .tec .img_list_box li{background:#f1f1f1;}
    .tec .img_list_box .text_box .pd{height:auto; border:none;}
    .tec .img_list_box .even .text_box .pd{border:none;}
    .tec .img_list_box .text_box .pd .t{font-size:22px;}

    .fangwei .search_box .ipt_box{width:30%;}

}
@media only screen and (max-width: 992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:740px; }
    /*padMode 992px 网站样式*/
    .index .pt2 .ipro_box .l_box{padding-left:0;}
    .index .pt2 .ipro_box .l_box .name{font-size:50px;}
    .index .pt3 .con .l_box{width:48%; }
    .index .pt3 .con .mid_box{width:48%;}
    .index .pt3 .con .r_box{width:100%; padding-top:20px;}
    .index .pt4 .links .opc_btn{width:200px;}

    /*news_center*/
    .news_center .pt1 .con{padding:30px;}
    .news_center .pt1 .con .img_box{width:50%;}
    .news_center .pt1 .con .list_con{width:48%;}
    .news_center .pt1 .con .img_box .mask .pd{padding:6px;}
    .news_center .pt2 .owl-nav .owl-next{right:0px;}
    .news_center .pt2 .owl-nav .owl-prev{left:0px;}
    .news_center .pt4 .left,.news_center .pt4 .right{width:100%;}
    .news_center .pt4 .left{margin-bottom:20px;}
    
    .contact_us .pt1 .l_box {width:60%;}
    .contact_us .pt1 .l_box .pd{padding-top:100px; padding-right:20px;}
    .contact_us .pt1 .l_box .tel_box .box1 .p2{text-indent:20px;}
    .contact_us .pt2 .yzm_box{width:100%; margin-bottom:20px;}
    .contact_us .pt2 .form .btns_list{width:100%;}
    .contact_us .pt2 .form .btns_list .sub{margin-right:40px; float:none;width:40%;}
    .contact_us .pt2 .form .btns_list .reset{float:none;width:40%;}
    .pro_center .pt2 .owl-carousel .owl-item .item{opacity:1; transform:scale(1);}

    .pro_detail .pt1 .img_list{position:static; width:100%; }
    .pro_detail .pt1 .img_list .img_box{width:30%; float:left; margin-right:3.3%; box-sizing:border-box;}
    .pro_detail .pt3 .text{width:90%;}
    .pro_detail .pt3 .text .t{font-size:28px;}

    .culture .item .con{width:80%; left:10%; margin-top:-125px;}
    .culture .item .con .info,.culture .item .center_con .center_info{margin:20px 50px;}
    .culture .item .con .t1,.culture .item .center_con .t1{font-size:30px;}
    .culture .item.odd .con{left:10%;}
    .culture .item .center_con{margin-top:-115px;}

    .network .net_box{margin-left: -370px;}

    .history .tab_c .ul_box .li_t .tit_right li.normal,
    .history .tab_c .ul_box .li_t .tit_right li.fixed{width:280px;margin-right:96px;padding-left:0;}
    .history .tab_c .ul_box .li_c .tab_linear{left:-32px;}

    /*营销网络*/
    .service .pt1 .text_box .tit{font-size:36px;}
    .service .pt1 .text_box .service_btn{font-size:20px;}
    .service .pt3 .tit{font-size:22px;}
    .service .pt2{margin:50px 0;}
    .service .pt2 .text_box{top:0;}
    .service .pt2 .item .icon{opacity:1;  visibility:visible;}
    .service .pt2 .text_box .con{margin:20px;}
    .service .pt2 .text_box .tit{margin:5px 0; font-size: 26px;}
    .service .pt2 .text_box .d{font-size:14px;}
    .service .pt3 ul li{padding:0 50px;}
    .service .pt3 ul li:before{left:15px;}
    .service .pt3 ul li:after{right:18px;}
    .service .pt3 .span-6{margin-bottom:20px;}

    /*关于我们*/
    .intro .pt1 .text_box .tit{font-size:40px;}
    .intro .pt1 .text_box .d{font-size:20px;}
    .intro .pt1 .text_box .num_box .num{font-size:40px;}
    .intro .pt2 .t{font-size:30px;}
    .intro .pt3 .left_box{width:100%;}
    .intro .pt3 .right_box{width:100%; position:static;}
    .intro .pt3 .left_box .tab li{margin-right:80px;}
    .intro .pt3 .left_box .tab_con .desc{width:500px;}
    .intro .pt3{padding:40px 0;}
    .intro .pt4 .text_box ul li .con{width:150px; height:150px;}
    .intro .pt4 .text_box ul li .icon{margin-top:25px;}
    .intro .pt4 .text_box{margin-top:-130px;}

    .join .pt1 .info{width:100%;}
    .join .pt3 .person{width:80%}
    .join .pt3 .text_box{text-align:right;}
    .join .pt1{height:auto; padding:50px 0; }
    .join .pt1 .text{position:relative; top:0;}
    .list_detail .show_box .center_box{padding:12% 5% 12%;}
    .list_detail .show_box .center_box .box_top .job_name_box,.list_detail .show_box .center_box .box_top .job_num_box,.list_detail .show_box .center_box .box_top .job_where{font-size:14px;}
    .list_detail .show_box .center_box .box_detail .detail_con{height:250px;}

    .tec .img_list_box .text_box .pd{padding:40px;}
    
    .fangwei .search_box{padding:30px 20px;}
    .fangwei .search_box .label{margin-bottom:10px;}
    .fangwei .search_box .ipt_box{width:100%; margin-bottom:10px;}
    .fangwei .search_box .btn_box{width:100%;}
    .fangwei .search_box .btn_box button{width:48%;}
    .fangwei .search_box .btn_box .submit{margin-right:2%;}

}
/*
* 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 网站样式*/
    .header .top_head{display:none;}
    .header {height:auto;}
    .header .head{height:auto;}
    .header .head .logo{padding:15px 0 0 0; margin-top:0; width:70%; font-size:0;}
    .header .head .lan_box{font-size:0; margin-right:5px; line-height:60px;}
    .mobile_key{margin-left:5px; line-height:60px;}
    .header .head .search_box{line-height:60px;}
    .channel_content{padding:30px 0;}
    .sec_banner{height:200px;}
    .sec_banner .text_box{top:25%;}
    .widgets_video_banner_2 .owl-dots{bottom:15px;}
    .widgets_video_banner_2 .owl-dots .owl-dot{width:20px; height:20px;}
    .index .pt1 .enter_box .img_box{width:100%; margin-bottom:20px;}
    .index .pt1 .enter_box .infor{width:100%;margin-top:-30px;}
    .index .pt1 .enter_box .infor:after{display:none;}
    .index .pt1 .enter_box .infor .tit{font-size:24px; margin-bottom:10px;margin-left: 30px;font-weight: bold;}
	.index .pt1 .enter_box .infor .desc {margin-left: 30px;}
    .index .pt1 .sec_box{padding-top:50px;margin-bottom: -45px;position: relative;float: none;}
    .index .pt1 .sec_box .l_box,.index .pt1 .sec_box .video_box{width:100%;}
    .index .pt1 .sec_box .l_box a{padding:0;}
    .index .pt1 .sec_box .l_box .t{font-size:18px;}
    .index .pt1 .sec_box .l_box{margin-bottom:20px;}
    .index .pt1{padding-bottom:30px;}
    .index .pt2 .title{font-size:28px; margin-bottom:10px;}
    .index .pt2{background-size:cover;}
    .index .pt2 .ipro_box .r_box{/*display:none;*/}
    .index .pt2 .ipro_box .param{/*display:none;*/}
    .index .pt2 .ipro_box .l_box{width:100%;}
    .index .pt2 .ipro_box .l_box .name{margin-bottom:10px; font-size:35px; text-align:center;}
    .index .pt2 .ipro_box .main_box{width:100%; margin-bottom:20px;}
    .index .pt2 .ipro_box .r_box{width:100%;position: absolute;float: left;z-index: 99999;}
	.index .pt2 .owl_link {text-align:center;display: none;}
	.index .pt2 .ipro_box .param .key {color: #ffffff;text-align: center;width: 100%;margin-top: 33%;}
    .index .pt2 .ipro_box .param .key{float:left;}
    .index .pt2 .ipro_box .param .value{font-size:24px;display: none;}
    .index .pt2 .owl-nav .owl-next{right:0;}
    .index .pt2 .owl-nav .owl-prev{left:0;}
    .index .pt2 .ipro_box .param{margin-bottom:10px;}
    .index .pt2 .owl_link li{width:100%;}
    .index .pt2 .owl_link li a:hover, .index .pt2 .owl_link li.cur a{background-size:cover;}
    .index .pt3 .cat_box em{margin:0 15px;}
    .index .pt3 .con .l_box,.index .pt3 .con .mid_box{width:100%; margin-right:0;}
    .index .pt3 .con .l_box{margin-bottom:10px;}
    .index .pt3 .con .l_box .pd{padding-bottom:80px;}
    .index .pt3{padding-bottom:50px;}
    .index .pt4{background-size:cover;}
    .index .pt3 .title,.index .pt4 .title{font-size:28px;}
    



    .sec_banner .text_box .catname{font-size:26px;}
    .sec_nav{display:none;}

    /*news_list*/
    .widgets_form_box_1 .form_box{padding:30px;}
    .news_list .list_box li{padding:30px 0;}
    .news_list .list_box .img_box{width:100%; margin-bottom:20px; margin-left:0;}
    /*about*/
    .about .info{width:100%;}

    /*news_center*/
    .news_center .pt1,.news_center .pt3{background-size:cover;}
    .news_center .pt1 .con .img_box{width:100%; margin-bottom:20px;}
    .news_center .pt1 .con .list_con{width:100%;}
    .news_center .tit_box .tit,.news_center .pt2 .title,.news_center .pt3 .l_box .title{font-size:26px;}
    .news_center .pt3 .l_box,.news_center .pt3 .r_box{width:100%;}
    .news_center .pt3 .l_box{margin-bottom:20px;}
    .news_center .pt3 .r_box .list .tit{text-indent:10px;}
    .news_center .pt3 .r_box .list .time{padding:0 10px;}
    .news_center .tit_box .more{margin-top:10px;}
    .news_center .pt2,.news_center .pt4{padding:30px 0;}

    .contact_us .pt2 .info{line-height:1.5;}
    .contact_us .pt2 .form_cb .span-4{margin-bottom:20px;}
    .contact_us .pt2 .form .btns_list button{width:30%;}
    .contact_us .pt2 .yzm_box .yzm{margin-right:5%;}
    .contact_us .pt2 .yzm_box .change{display:block; margin-left:37%;}
    .contact_us.channel_content{padding-top:30px;}
    .contact_us .pt1 .l_box{position:relative; width:100%;}
    .contact_us .pt1 .map_box{height:300px; overflow:hidden;}
    .contact_us .pt1 .l_box{height:auto;}
    .contact_us .pt1 .l_box .pd{padding-top:50px; padding-bottom:50px;}
    .contact_us .pt1 .l_box .pd .tit{font-size:28px; margin-bottom:10px;}
    

    .pro_center .pt1 .text_box{top:30px;}
    .pro_center .pt1 .text_box .tit{font-size:28px; margin-bottom:20px;}
    .pro_center .pt1 .text_box .info{width:100%; margin-bottom:20px;}
    .pro_center .pt1 .text_box .pro_link_box li{width:50%;}
    .pro_center .pt1 .text_box .pro_link_box li a{line-height:40px; margin-bottom:2px;}
    .pro_center .pt4 .desc{width:100%;}
    .pro_center .pt4 .t{font-size:28px;}
    .pro_center .pt4 .info{font-size:20px;}

    .pro_detail .pt1 .t{font-size:38px;}
    .pro_detail .pt1{padding-top:30px;}
    .pro_detail .pt1 .tool_box a{margin:0 5px;}
    .pro_detail .pt1 .pro_img{width:100%; min-height:0; margin-bottom:20px;}
    .pro_detail .pt2 .tar_con .target_box li{width:33.333%; padding:0; float:left; font-size:18px; }
    .pro_detail .pt2 .tar_con .target_wrap.fixed{top:60px;}
    .pro_detail .pt3 .text .pd{padding:30px 20px;}
    .pro_detail .pt3 .text .t{font-size:18px;}
	
	
	/* 产品综合 */
    .pro_center01 .content{padding:15px 0;}
    .pro_center01 .left .tit{font-size:20px;}
    .pro_center01 .right .tit_en{font-size:20px;}
    .pro_center01 .right .tit_cn{font-size:18px;}

    /* 产品列表 */
    .pro_list_02{padding:10px 0;}
    .pro_list_02 .pd .list .pro_bd .con_a{font-size:14px;}
    .pro_list_02.fixed{position:inherit; top:0px;}
    .pro_list_03 ul li .txt .box{padding:15px;}
    .pro_list_03 ul li .more .box{padding:0 15px;}
    .pro_list_03 ul li{margin-bottom:15px;}
    .pro_list_03{margin:20px 0;}

    /* 产品详细 */
    .pro_detail_02{padding:20px 0;}
    .pro_detail_02 .left{width:100%;}
    .pro_detail_02 .right{width:100%;margin-right: 0px;}
	
    
    .culture .item .con .t1, .culture .item .center_con .t1{font-size:18px;}
    .culture .item .con .t2{font-size:14px;}
    .culture .item .d{font-size:12px;}
    .culture .item .con .t2,.culture .item .d{margin-bottom:10px;}
    .culture .item .con,.culture .item .center_con{position:static; top:0; left:0; width:100%; margin:0;}
    .culture .item .con .info, .culture .item .center_con .center_info{margin:0; padding: 10px;}
    .culture .item{margin-bottom:20px;}


    .network .net_box{width: 100%;height: auto;position: static;margin-left: 0; margin-top:0;}
    .network .container{height: auto;}
    .network .container #map{height: 400px;}
    .network .container #map .BMap_mask{margin-top: -200px;margin-left: -200px;}
    .network .net_box .select_search{height: 38px;line-height: 38px;line-height: 38px; font-size:14px;}
    .network .net_box .select_g select{font-size:14px;}
    
    .history .title{font-size:28px; margin-bottom:30px;}
    .history .title:after{top:120%;}
    .history .tab_c .ul_box .ul_data li{padding-top:30px;}
    .history .tab_c .ul_box .li_t .tit_right li .tit, 
    .history .tab_c .ul_box .ul_data .mobile_show .tit{font-size:19px; margin-top:20px;}
    .history{padding-top:5%;}
    .history .tab_c .ul_box .li_t{display:none;}
    .history .tab_c .ul_box .li_c{width:100%;}
    .history .tab_c .ul_box .ul_data .mobile_show{display:block;}
    .history .tab_c .ul_box .ul_data{padding:0 10%;}
    .history .tab_c .ul_box .ul_data li .h4 .circle{display:none;}
    .history .tab_c .ul_box .ul_data li .h4:after, .history .tab_c .ul_box .ul_data li .h4:before{display:none;}
    .history .tab_h,
    .history .tab_t_h{display:none;}
    .history .tab_c .ul_box .ul_data .mobile_show{padding-top:0;padding-bottom:5%;}

    /*营销网络*/
    .service{padding:0;}
    .service .pt1{padding:50px 0; overflow:hidden; height:auto;}
    .service .pt1 .text_box{position:relative; margin-top:0;}
    .service .pt1 .text_box .tit{font-size:18px; padding:0 30px;}
    .service .pt1 .text_box .d{font-size:14px; margin-bottom:30px; max-height:none; padding:0;}
    .service .pt2 .item{margin-bottom:20px;}
    .service .pt1 .text_box .service_btn{width:150px; line-height:40px; font-size:14px;}
    .service .pt1 .text_box .btn_box .common_btn{margin:0 auto;}
    .service .pt2{margin:30px 0 10px;}
    .service .pt3{padding:30px 0;}
    .service .pt2 .text_box .tit{font-size:18px;}
    .service .pt3 .tit{margin:15px 0;}
    .service .pt2 .rect-6667:after{opacity:1; visibility:visible;}
    .service .pt2 .item .icon{width:50px; }
    
    /*关于我们*/
    .intro{padding:0;}
    .intro .pt1 .text_box{margin-top:-240px;}
    .intro .pt1 .text_box .num_box ul li{width:40%; margin:0 5% 20px;}
    .intro .pt1 .text_box .tit,.intro .pt2 .t,.intro .pt3 .tit{font-size:28px;}
    .intro .pt1 .text_box .num_box .num{font-size:30px;}
    .intro .pt1 .text_box .d{font-size:14px;}
    .intro .pt2{padding:30px 0;}
    .intro .pt2 .d{padding:0;}
    .intro .pt3{padding:30px 0;}
    .intro .pt3 .left_box .tab li{margin-right:20px;}
    .intro .pt3 .left_box .tab_con .tit{font-size:18px;}
    .intro .pt3 .left_box .tab_con{padding-right:0;}
    .intro .pt3 .left_box .tab_con .desc{width:auto;}
    .intro .pt3 .left_box .tab_con .date{font-size:24px;}
    .intro .pt4 .text_box ul li{width:50%; margin-bottom:20px;}
    .intro .pt4 .text_box{margin-top:-220px}
    .intro .pt4 .text_box .tit{font-size:18px;}
    .intro .pt4 .text_box ul li .text{font-size:14px;}

    .join .pt1 .title{font-size:28px; margin-bottom:10px;}
    .join .pt1 .info{margin-bottom:30px;}
    .join .pt1 .btn_box a{width:120px; margin: 0 10px; font-size:16px;}
    .join .pt2{padding:50px 0;}
    .join .pt3 .text_box{width:100%;}
    .join .pt3 .text_box .fc {margin-bottom:20px;}
    .join .pt3 .text_box .fc img{width:60%;}
    .join .pt3 .text_box .t1{font-size:20px;}
    .join .pt3 .person{width:100%;}
	.jobList_detail .show_box .center_box .box_top .job_name_box {width: 100%;margin-bottom: 10px;}
	.jobList_detail .show_box .center_box .box_top .job_num_box {width: 100%;margin-bottom: 10px;}
	.jobList_detail .show_box .center_box .box_top .job_where {width: 100%;}	

    .tec .img_list_box .img_box{width:100%}
    .tec .img_list_box .text_box{width:100%;}
    .tec .title{font-size:28px;}
    .culture_list_detail .t{font-size:20px;}
    .culture_list_detail .scroll_box{padding-right:0;}

    /*guajian*/
    body .content-49152 .Form-P1 .Form-P1-Left{width:100%;}
    body .content-49152 .Form-P1 .Form-P1-right{width:100%;}
    .content-49152 .Form-P1 .Form-P1-li .Validform_checktip{position:static;}
    
    .contact_us .pt1 .map_box #map-49118 >div{margin-left:0;}
    

}
@media only screen and (max-width: 320px) {
    /*mobileMode 480 网站样式*/
    .header .head .logo{width:67%;}
}
