﻿/*
* 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: 1441px) {
    /* 视频列表 */
    .video_center01 .right .info{margin-left:0;}
    .video_center02 .hd .paixu .con{width:28%;}
}

@media only screen and (max-width: 1340px) {
    /* 右侧导航 */
    .right_nav{display:none;}
}
@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 .mobile_key{ display: block; margin:0 20px;}
    .header .inav_wrapper{height: 0;overflow: hidden; width: 0;}
    .header .inav .h_nav_li{width: 100%;height: auto;}
    .header .inav_wrapper{position: relative;z-index: 200;}
    .header .inav .h_nav_li a{padding: 0;}
    .header .inav .h_nav_li{line-height: 50px;}
    .header .inav .lianjie_ul{text-align: center}
    .header .wrap{width:940px;}
    .header .tool_box{width:10%;}
    .header .logo{padding-left:0;}
    .header .tool_box{padding-right:0;}
    .header .header_top .link{padding:0;}
    .common-bread .print{display:none;}

    .channel_content .channel_main{width:690px;}

    /*新闻列表*/
    .news_list .list_box{padding:20px;}
    .news_list .list_main{width:85%;}

    /*招聘*/
    .job ._jcon{padding-left:50px;}

    /*联系我们*/
    .contact .contact_main .contact_list .con{height:200px;}

    /*产品列表*/
    .product_summary .tit{font-size:26px;}

    /*首页*/
    .header.index_header .header_main .wrap{padding:0 30px;}
    .index .pt2 .desc{width:90%;}

    .product_detail2 .detail_center .l{width:100%;}
    .product_detail2 .detail_center .r{width:90%;}
    .product_detail2 .detail_center .s{width:9%;}
    .product_detail2 .rect-375{padding-bottom:67.5%;}


    /* 登录弹窗 */
    .login_box .alert_box{height:600px;}
    /* 视频列表 */
    .video_center01 .right{padding:17px 20px;}
    .video_center01 .right .info{margin-left:2%;}
    .video_center02 .hd .paixu .con{width:30%;}
    .video_center01 .right .info{width:58%;}
    .video_center01 .right .info .con .fengeline{padding:0;}


}

@media only screen and (max-width: 1100px) {
    /* 视频列表 */
    .video_center02 .bd li .intro .con span{width:49.5%;}
    }


@media only screen and (max-width: 992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:740px; }
    /*padMode 992px 网站样式*/
    .header .search_main{width:62%;}
    .header .search_main input{width:65%;}
    .header .search_main button{left:73%;}
    .header .wrap{width:740px;}
    .header .logo{ width: 50%; }
    .channel_content{padding:30px 0;}
    .channel_content .channel_nav .tit,.channel_content .channel_nav ul{display:none;}
    .channel_content .channel_nav{width:100%; margin-bottom:50px;}
    .channel_content .channel_main{width:100%; margin-top:20px;}
    .common-channel-title{font-size:26px; padding-bottom:20px;}


    /*首页*/
    .index{padding:0;}
    .index .pt1 .item .date{width:15%;}
    .index .pt1 .item .label{width:10%;}
    .index .pt1 .item .tit{width:55%;}
    .index .pt4 .text_box{padding:10px;}
    .index .pt4 .text_box .t{font-size:16px;}
    .index .pt4 .text_box .d{font-size:14px; line-height:20px; height:40px;}
    .index .pt3 .con .item .desc{padding:20px 15px;}
    .header .tool_box{width:90px;}

    .exhibition .pt2 .item .btm .detail{border:none;}

    /* 视频列表 */
    .video_center01 .right{padding:10px 0;}
    .video_center01 .right .info .tit{margin-top:0px;}
    .video_center01 .right .info .con{margin-top:8px;}
    .video_center01 .right .info .con .fengeline{display:none;}
    .video_center01 .bott .item ul li{margin-bottom:8px;}
    .video_center01 .iban_dots{margin-top:0px;}
    .video_center02 .hd .paixu .con{width:35%;}
    .video_center02 .hd .paixu .select_wrap{width:20%;}
    .video_center01 .right .top{text-indent:10px;}
    .video_center02 .paging .page_arr:hover b{width:50%;}
    .video_center02 .paging{padding:24px 0;}
    .video_center01 .right .info .con span{display:inline-block; width:100%;}

}
/*
* 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 .search_main{width:98%;}
    .header .header_top{display:none;}
    .footer .footer2 img{display:block; margin:0 auto 10px;}
    .footer .footer2{padding:15px 0; line-height:1.2;}

    .header .wrap{padding-left:2%; padding-right:2%; width:auto; }
    .channel_content .channel_nav{margin-bottom:0;}

    /*新闻列表*/
    .news_list .list_main{width:100%;}
    .news_list .list_box{padding:10px;}
    .news_list .list_p{height:auto;}
    .news_list li{margin-bottom:15px;}
    .news_list .list_box:after{display:none;}

    /*招聘*/
    .job ._jcon{padding-left:30px;}

    /*联系我们*/
    .contact .contact_main .contact_list .con{height:auto;}

    /*问答列表*/
    .qa .qa_main li .qte{ width: 15%; }
    .qa .qa_main li .te{ width: 65%; }
    .qa .qa_main li .top:before{ right: 6%;}

    /*新闻详细*/
    .news_detail .news_detail_main .news_detail_top .detail_btn_box {float: none;}
    .news_detail .news_detail_main .page_info .b_text{width: 17.8%;}
    .news_detail .news_detail_main .page_info .news_tit{width: 54%;}
    .news_detail .news_detail_main .page_info .news_date{width: 25%;}
    .news_detail .news_detail_main .news_detail_top .detail_content ._title{font-size:20px;}
    .news_detail .news_detail_main .news_detail_top ._tools #switcher{margin-left:0px;}

    /*产品列表*/
    .product_list .product_class li{font-size:14px;}
    .product_summary .tit{font-size:20px;}

    /*产品详细*/
    .product_detail .tit{font-size:22px;}
    .product_detail .pic,.product_detail .operate{margin-top:10px;}
    .product_detail .operate .r{width:100%; margin-top:10px;}
    .product_detail .operate .r .common-btn{padding:0 10px;}
    .product_detail .detail_nav{padding:20px 10px;}
    .detail_nav_content .t{margin:15px 0;}
    .product_detail .detail_nav{margin:15px 0;}

    /*发展历程*/
    .develop .develop_con .develop_item .content .l,.develop .develop_con .develop_item .content .r{display:none;}
    .develop .develop_con .develop_item .content .mobile{display:block;}
    .develop .develop_con .develop_item .content .fix .line{left:0;}
    .develop .develop_con .develop_item .content .date:before{right:auto; left:-6px;}
    .develop .develop_con .develop_item .content .mobile .event>*{padding-left:5%;}
    .develop .develop_con .develop_item .top .year{font-size:32px;}
    .develop .develop_nav li{width:50%; height:auto; margin-bottom:15px;}
    .develop .develop_nav{margin-top:30px;}
    .develop .flag_desc .item{line-height:30px;}
    .develop .develop_nav li .flag{display:none;}

    /*首页*/
    .header .tool_box{width:80px;}
    .header.index_header .header_main .wrap{padding:0 2%;}
    .header .mobile_key{margin:0 5px;}
    .ibanner{height:auto; margin-top:80px;}
    .ibanner .list_box{height:auto;}
    .ibanner .owl-loaded .list_box .banner_img{position:static; width:100%; margin:0;}

    .index .pt1 .item .date{width:auto; margin-right:20px; line-height:34px;}
    .index .pt1 .item .label{width:auto; margin-right:20px;}
    .index .pt1 .item .tit{width:auto; padding-right:80px; padding-left:0;}

    .index .pt2{padding:30px 0;}
    .index .pt2 .tit,.index .pt3 .tit{font-size:20px; margin-bottom:20px;}
    .index .pt2 .desc,.index .pt3 .tit_d{font-size:14px; width:100%; margin-bottom:20px;}
    .index .pt2 .pic_list .con{margin-bottom:10px;}
    .index .pt2 .pic_list{margin-bottom:30px;}
    .index .pt2 a{margin-bottom:20px;}

    .index .pt3,.index .pt4{padding:30px 0;}
    .index .pt3 .con .span-4,.index .pt4 .span-4{width:100%; margin-bottom:20px;}

    .form_page form .job_form_row ._t,.form_page form .span-12 .job_form_row ._t{width:25%;}
    .form_page form .job_form_row ._input{width:70%;}
    .form_page form .job_form_row ._long{width:67%;}
    .form_page form .job_form_row ._short{width:60px;}
    .form_page form .job_form ._item{font-size:16px; margin:20px 1rem ;}
    .form_page form .job_form ._items ._t{font-size:18px;}

    .message-49681 .Form-P1 .Form-P1-Left,.message-49681 .Form-P1 .Form-P1-right{width:100%;}
    .service_main .pt1 .l{width:100%;}
    .product_detail2 .product-tab .btn-menu,.product_detail2 .product-tab #tabMenu{width:100%;}
    .product_detail2 .product-tab #tabMenu li a{font-size:14px; padding:5px;}

    .exhibition .pt2 .item .pic,.exhibition .pt2 .item .info{width:100%; margin-bottom:10px;}

    .job ._jt{font-size:12px;}
    body .message-49699 .dib.sear_f{width:180px;}
    body .message-49699 .sear{padding-left:20px;}
    body .message-49699 .submit{width:90px;}
    .header.fixed .search_main{background:#0e1271;}
    .common-bread{line-height:30px;}
    .channel_content{padding:15px 0;}
    .index{padding:0;}
    .ibanner .owl-dot{width:6px; height:6px; margin:0 3px;}

    .product_list2 .cont-3 .item{width:100%;}
    .product_list2 .span-6{width:100%; margin-right:0;}
    .product_list2 .cont .item .info .name{font-size:14px;}
    .product_list2 .span-3,.product_list2 .cont-2 .item{width:100%;}

        /* 登录弹窗 */
    .login_box .alert_box .logo{padding:6% 0 3%;}
    .login_box .top>ul>li{font-size:20px;}
    .login_box .alert_box{height:538px;}
    .login_box .alert_box{width:90%;}
    .login_box .bott .form_box{padding:0 20%;}
    .login_box .bott .item{margin-bottom:10px;}
    .login_box .alert_box{height:492px;}
    /* 视频列表 */
    .video_center01 .left{width:100%;}
    .video_center01 .right{width:100%;}
    .video_center01 .right{margin-top:30px;}
    .video_center01 .right .info{margin-top:20px;}
    .video_center01 .right .info .con .fengeline{display:inline-block;}
    .video_center01 .right .info .con{margin-top:12px;}
    .video_center02 .hd .fenlei .con a{margin-left:5px;}
    .video_center02 .hd .fenlei .tit{padding-left:10px;}
    .video_center02 .hd .fenlei .con a{font-size:14px;}
    .video_center02 .hd .paixu .con a{margin:0 10px;}
    .video_center02 .hd .paixu .con{width:47%;}
    .video_center02 .hd .paixu .select_wrap{width:35%;}
    .video_center02 .paging .page_arr{font-size:14px;}
    .video_center02 .paging .page_arr .iconfont{font-size:20px;}
    .video_center02 .paging .page_arr:hover b{width:30%;}
    .video_center02 .paging .page_c{font-size:20px;}
    .video_center02 .paging{line-height:20px; padding:10px 0 30px;}
    .video_center02 .bd li .intro .tit{padding:0 10%;}
    .video_center02 .hd .paixu{height:46px;}
    .video_center02 .hd .paixu .con{height:46px; line-height:46px;}
    .video_center01 .right .info .con span{display:initial; width:initial;}

}
@media only screen and (max-width: 480px) {
    /*mobileMode 480 网站样式*/
    
    .video_center02 .hd .fenlei .con a {font-size: 12px;}
}

@media only screen and (max-width: 380px) {
    /* 视频列表 */
    .video_center01 .right .info{margin-left:1%;}
    .video_center01 .right .info .con .fengeline{padding:0 5px;}
    .video_center02 .hd .paixu .con{width:50%;}
    .video_center02 .paging .page_arr b{margin:0 3px;}
    .video_center02 .paging .page_arr:hover b{width:20%;}
}
@media only screen and (max-width: 360px) {
    /* 视频列表 */
    .login_box .alert_box{top:50px;}
    .video_center02 .hd .fenlei .tit{top:0; line-height:48px; font-size:14px;}
    .video_center01 .right .pic{width:36%;}
    .video_center01 .right .info{margin-top:7px;}
    .video_center02 .hd .fenlei .con{padding-left:24%;}
    .video_center02 .hd .paixu .con{width:55%;}
    .video_center02 .hd .paixu .con a{font-size:14px;}
    .video_center02 .hd .paixu .select_wrap{width:40%;}
    .video_center02 .hd .paixu .inp_box{font-size:14px;}
    .video_center02 .bd li .intro .con span{width:48.9%;}
    .video_center02 .paging .page_arr b{display:none;}

}
