/*
* 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 网站样式*/
    body{min-width:inherit;}

    /* 2023-1009 */
    .header .channel{display:none}
    .header .search{display:none;}
    .header .mobile_key{display:inline-block; font-size:20px; line-height:26px; height:26px; color:#000; padding-top:22px; position:relative; z-index:2; cursor:pointer; padding-left:0.25rem;}
    .header:hover .mobile_key{color:#e75200;}

    /* 手机端 */
    .m_nav{display:block; position:fixed; right:-100%; top:0; background:#fff; background:rgba(255, 255, 255, 0.8); width:60%; height:100%; z-index:15; transition:right 0.5s ease;;}
    .m_nav .nav_bg{background:url(../img/black.6.png) center; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease; z-index:2;}
    .m_nav .content{position:relative; z-index:4; background:#fff; height:100%;}
    .m_nav .content .mnav_top{height:102px; background:#fff;}
    .m_nav .content .mnav_top .mnav_search{float:right; background:#ec5208; text-align:center; line-height:102px; width:56%; font-size:0;}
    .m_nav .content .mnav_top .mnav_search span{display:inline-block; vertical-align:middle; font-size:16px; font-weight:bold; color:#fff;}
    .m_nav .content .mnav_top .mnav_search i{display:inline-block; vertical-align:middle; width:31px; height:31px; background:url(../img/widgets_single_nav_14_mnav_search.png) no-repeat center; margin-left:37px; background-size:cover;}
    .m_nav .content .mnav_top .mnav_back{float:left; background:#fff; text-align:center; line-height:100px; width:44%; font-size:0;}
    .m_nav .content .mnav_top .mnav_back span{display:inline-block; vertical-align:middle; font-size:16px; font-weight:bold; color:#333f47;}
    .m_nav .content .mnav_top .mnav_back i{font-size:20px; font-weight:bold; color:#333f47; margin-right:25px;}
    .m_nav .content .mnav_center .m_language{text-align:right; padding:20px 0;}
    .m_nav .content .mnav_center .m_language a{display:inline-block; font-size:14px; color:#333f47; font-family:Arial; color:rgba(51,63,71,.5); position:relative; margin:0 20px;}
    .m_nav .content .mnav_center .m_language a.on{color:#333f47;}
    .m_nav .content .mnav_center .m_language a.on:after{content:''; width:96%; height:2px; background:#333f47; position:absolute; left:2%; bottom:-3px;} 
    .m_nav .content .mnav_bottom{overflow-y:auto; width:100%;}
    .m_nav .content .mnav_bottom .mnav_li{position:relative; margin:20px 0;}
    .m_nav .content .mnav_bottom .mnav_li {display:block; padding:0 45px; position:relative; font-size:19px; color:#333f47; font-weight:bold;}
    .m_nav .content .mnav_bottom .mnav_li i{display:block; width:20px; height:20px; background:url(../img/widgets_single_nav_14_mnav_jt.png) no-repeat; background-size:contain; position:absolute; right:45px; top:5px;}
    .m_nav .content .mnav_bottom .mnav_li i{-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}
    .m_nav .content .mnav_bottom .mnav_li dl{background:#f7f7f7; padding:20px 60px; display:none; margin:10px 0;}
    .m_nav .content .mnav_bottom .mnav_li dl dd a{display:block; font-size:15px; color:#525252; line-height:35px;}
    .m_nav .content .mnav_bottom .mnav_li.cur i{-webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0);}

    /* 导航推拉 */
    .m_nav.toshow{right:0;}
    .m_nav.toshow .nav_bg{opacity:1; visibility:visible;} 

    /* 底部 */
    .footer .f_top .left{display:none;}
    .footer .f_top .right{display:none;}
    .footer .f_top .center{width:100%;}
    .footer .f_top .center dl{margin-right:13%;}
    .foot_center dl{margin-left:18%;}

    /* 问答 */
    .knowledge_list01 .top_tit .cla a{margin-right:40px;}
    .knowledge_detail01 .quiz_box{height:157px; padding-top:20px;;}
    /* 首页 */
    .index01 .banner_con{height:620px}
    .index01 .recomm_box{padding:11px 0;}
    .index01 .common-artical-box{height:263px;}
    .index01 .common-artical-box .normal{margin-top:11px;}
    /* 2023-1009 end*/




}
@media only screen and (max-width: 992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:740px; }
    /*padMode 992px 网站样式*/
    .pic_list01 .content .item{margin-bottom: 30px; width:49%; margin-right:2%;}
    .pic_list01 .content .item:nth-child(3n){margin-right: 2%;}
    .pic_list01 .content .item:nth-child(even){margin-right: 0;}


    /* 2023-1009 */
    .footer .f_top .center dl{margin-right:10%;}
    .foot_center dl{margin-left:11%;}
    .xc-channel li{margin-right:5%;}
    /* 手册 */
    .manual_page .common-grid{width:100%;}
    .manual_page01 .left_nav{width:100%; margin:0; overflow:hidden; box-sizing:border-box; margin-bottom:30px;}
    .manual_page01 .left_nav .direction{height:auto; overflow:hidden;}
    .manual_page01 .common-grid .span-9{width:100%; margin:0; overflow:hidden;}

    .video_list .common-grid .span-3 { width: 47.5%; }
    /* .video_detial .common-grid .span-4{width:100%;} */
    .video_detial .index02 .lesson_item .detail{padding:10px;}
    .video_detial .index02 .lesson_item .detail .tit{font-size:14px; line-height:20px; margin-bottom:10px; height:40px;}
    .video_detial .index02 .lesson_item .detail .btm{font-size:13px;}
    .video_detial .index02 .lesson_item .detail .btm .focus{float:left;}
    .video_detial .index02 .video_item .play{font-size:25px;}

    /* 白皮书 */
    .white_paper_list01 .item .info .d{margin-bottom:20px;}

    /* 问答 */
    .knowledge_detail01 .quiz_box{height:124px; padding-top:10px;;}
    .knowledge_detail01 .quiz_box .tri_quiz .icon{font-size:24px;}
    .knowledge_detail01 .quiz_box .tri_quiz .t{font-size:14px; line-height:20px;}
    .knowledge_detail01 .quiz_box .tip{font-size:12px; line-height:18px;}

    /* 首页 */
    .index01 .common-grid .span-3{width:100%; margin:0 0 10px;}
    .index01 .common-grid .span-6{width:100%; margin:0 0 10px;}
    .index02 .video_item .play{font-size:25px;}
    /* 2023-1009 end*/





 

}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    body:after {
        content: 'Mobile';
    }
    body,input,textarea,button,select {font-size:13px;}
    .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 网站样式*/

    .pic_list01 .content .item{width:100%; margin-right:0;}
    .pic_list01 .content .item:nth-child(3n), .pic_list01 .content .item:nth-child(even){margin-right: 0;}
    .pic_list01 .content .item:last-child{margin-bottom: 0;}
    .pic_list01 .content .item .detail{display:block; position:static; background:none; padding:0; color:#333; box-shadow:none;}
    .pic_list01 .content .item .info{padding:20px;}
    .pic_list01 .content .item .info .t{font-size: 18px;}
    .pic_list01 .content .item .detail .desc{font-size: 14px;}
    .pic_list01 .content .item .detail{display: none !important;}


    /* 2023-1009 */
    .xc-channel{display:none;}
    .xc-banner .content .t2{font-size:20px;}
    /* 手机端导航 */
    .m_nav{width:78%;}
    .m_nav .content .mnav_top{height:60px;}
    .m_nav .content .mnav_top .mnav_search{line-height:60px;}
    .m_nav .content .mnav_top .mnav_search i{width:25px; height:25px; background-size:cover; margin-left:20px;;}
    .m_nav .content .mnav_top .mnav_back{line-height:60px;}
    .m_nav .content .mnav_bottom .mnav_li{margin:15px 0; padding-left:10px;}
    .m_nav .content .mnav_bottom .mnav_li a.mnav_a{padding:0 20px; font-size:17px; line-height:30px;}
    .m_nav .content .mnav_bottom .mnav_li  i{right:20px}
    .m_nav .content .mnav_bottom .mnav_li dl{padding:15px 20px; margin-left:20px;}
    .m_nav .content .mnav_center .m_language{padding:10px 0 15px;}
    .m_nav .content .mnav_center .m_language a{margin:0 8px;}
    .m_nav .content .mnav_center .m_language a:first-child{margin-left:0px;} 

    /* 底部 */
    .footer .f_top .wrap{padding:0 5%;}
    .footer .f_top .center dl{width:auto; padding-right:5%; margin-right:0;;}
    .footer .f_top .center{width:595px; white-space:nowrap;}
    .footer .f_top {overflow-x:auto;}
    .footer .f_top::-webkit-scrollbar {width:4px; height:4px;}
    .footer .f_top::-webkit-scrollbar-thumb {border-radius:0; background:#e75200;}
    .footer .f_top::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;}
    .foot_center dl{margin:0 5%;}
    .foot_center dt{display:block;}
    .foot_center dd{margin-left:0; margin-right:10px;;}
    .footer .f_top{padding:30px 0;}
    /* 手册 */
    .manual_page01 .right_content .pager .prev span, 
    .manual_page01 .right_content .pager .next span{width:200px;}
    .manual_page01 .right_content .content p span{width:100%!important; position:relative!important;}
    .video_list .index02 .lesson_item{height:auto;}
    /* 白皮书 */
    .white_paper_list .common-grid .span-6 {width:100%;  margin:0;}
    .white_paper_list01 .item .info{width:60%;}
    .white_paper_list01 .item .pic{width:34%;}

    /* 问答 */
    .knowledge_detail01 .common-grid .span-9{width:100%; margin:0;}
    .knowledge_detail01 .common-grid .span-3{width:100%; margin:0;}
    .knowledge_list01 .top_tit{padding-bottom:10px;}
    .knowledge_list01 .top_tit .search{width:100%; box-sizing:border-box; margin-top:10px;}
    .knowledge_list01 .top_tit .cla a{margin-right:25px; padding-bottom:2px;}

    /* 首页 */
    .index_page .index02 .lesson_item{height:auto; width:49%; margin-right:2%; margin-bottom:20px;;}
    .index_page .index02 .lesson_item:nth-child(2n){margin-right:0;}
    .index_page .index02 .lesson_item .detail .tit{font-size:14px; line-height:20px; margin-bottom:10px; height:40px;}
    .index_page .index02 .lesson_item .detail .btm{font-size:13px;}



    /* 2023-1009 end*/



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

    /* 2023-1009 */
    /* 首页 */
    .index_page .index03 .common-grid .span-3{width:100%; margin:0 0 20px;}
    .index_page .index03 .common-grid .span-6{width:100%;}
    .index03 .right_item .date2 .day{font-size:25px;}

    /* 2023-1009 end */
}