html{ overflow-y:scroll; min-height:101%;}
html{ overflow:-moz-scrollbars-vertical;}
@media screen and (min-width:1199px){
.nav>ul>li{float:left;text-align:center;line-height:54px;padding: 0 20px;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{color:#555;font-size:17px;}
.nav >ul>li.a >a,.nav >ul>li> a:hover{color:#000;}
.nav li:hover> ul{display:block;}
.nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.nav ul li ul li a{display:block;width:100%;text-align:left;color:#999;font-size:14px;line-height:1.5;padding: 5px 0;margin-left: 20px;} 
.nav ul li ul li a:hover{text-decoration:none;color:#62BAE4;/*background:#F2F2F5;*/}

.nav ul li{position:relative;}      
.nav ul li .arrow{display:none}
.nav ul li ul{background-color:#fff;display:none;position:absolute;left:0;top: 57px;z-index:100;min-width: 90px;box-shadow: 1px 3px 8px rgba(0,0,0,0.3);padding: 5px 0;} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/

}


/* ==========================================================================
   一、平板横屏（≤ 1199px）：取消固定宽度，改为流式容器
   ========================================================================== */
@media screen and (max-width:1199px){
.nav{width: 100%;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;padding: 12px 0;}
.nav ul{white-space: nowrap;}
.nav ul li{display:inline-block;padding-right: 20px;}
.nav ul li a{;font-size:16px;}
.nav ul li ul li{display: none !important;}

.nav_slide{display:none;}
html,body{min-width:0;max-width:100%;overflow-x:hidden}
#elecom_nav,#elecom_headtop,#toptb,.footer,.copyright,.hdw,.wp_box{min-width:0}
.ct2.wp{padding-left:10px !important;padding-right:10px !important;}
.wp{width:100%;max-width:1120px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;padding-right:16px}
#wp .wp,#wp.wp{padding-left:0;padding-right:0}
#wp{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
#elecom_nav .l_box > .wp{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.navbar-header{float:none;margin:6px 0;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto}
.elecom_user{float:none;margin:6px 0 6px auto !important;-webkit-box-ordinal-group:3;-webkit-order:2;order:2;position: absolute;right: 0;top: 0}
.navigate{float:none;width:100%;min-width:0;max-width:100%;height:auto;margin-top:4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-webkit-box-ordinal-group:4;-webkit-order:3;order:3}
.navigate ul{display:-webkit-box;display:-webkit-flex;display:flex;float:none}
.navigate li{float:none;height:46px;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto}
.navigate li a{float:none;height:46px;line-height:46px;padding:0 15px;font-size:16px !important;white-space:nowrap}
.nav_slide .h_pop{min-width:110px}
.index_left{float:none;width:100%}
.index_right{float:none;width:100%;margin-top:16px;padding-bottom:0}
.side-article-list .hot_article_r{float:none !important;width:auto !important;height:auto !important;min-height:65px;margin-left: 80px;}
.side-article-list .hot_article_r .hot_article_r_b{position:static !important;height:auto;margin-top:4px}
.elecom_banner,.elecom_banner .bd,.elecom_banner .pic,.elecom_banner .pic li{width:100% !important;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.elecom_banner{height:318px !important}
.elecom_banner .bd,.elecom_banner .pic,.elecom_banner .pic li{height:100% !important}
.elecom_banner .pic img{display:block;width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}
.ui_2_ul_li{height:auto;min-height:132px;-webkit-box-sizing:border-box;box-sizing:border-box}
.ui_2_ul_li_imgouter{width:200px;height:112px;margin-right:16px}
.ui_2_ul_li_imgouter img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.ui_2_ul_li_imgouter > a{display:block !important;float:none !important;width:100% !important;height:100% !important}
.ui_2_ul_li_con{width:-webkit-calc(100% - 216px);width:calc(100% - 216px);height:auto;min-height:112px}
.ui_2_ul_li_con h3{margin-bottom:10px}
.elecom_banner,.tabBar,.tabBar .hd,.tabBar .bd,.tabBar .bd .conWrap,.tabBar .bd .conWrap .con,.tabBar2,.tabBar2 .hd,.tabBar2 .bd,.tabBar2 .bd .conWrap2,.tabBar2 .bd .conWrap2 .con,.area,.frame,.column,.block,.dxb_bc,.ui_list,.index_right,.index_right .right-item,.index_right .side-article-list,.list_new,.list_new .box,.list_new .removeline,.list_new ul{width:100% !important;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
/*.categoryBt,.detailName{margin-bottom:20px}
.categoryBt .tag_name{max-width:-webkit-calc(100% - 150px);max-width:calc(100% - 150px)}*/
.ct2 > div[style*="750px"],.ct2 > div[style*="float:left"]{float:none !important;width:100% !important;margin-bottom:0 !important}
.ct2 .mn{width:100% !important;max-width:100% !important}
.ct2 .sd{float:none !important;width:100% !important;margin-top:20px !important}
.mod_art_list{height:auto;min-height:132px}
.mod_art_list_pic{width:200px;height:127px}
.mod_art_list_pic img{width:200px;height:127px;min-height:0;-o-object-fit:cover;object-fit:cover}
.mod_art_list_content{margin-left:216px;height:auto;min-height:112px}
.pgs .pg{float:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding-bottom:6px}
.pgs .pg a,.pgs .pg strong,.pgs .pg label{margin-bottom:6px}
#wp > div[style*="810px"]{width:100% !important;padding:24px 20px 30px !important;margin-top:0 !important;-webkit-box-sizing:border-box;box-sizing:border-box}
.ct2 .Framebox{float:none !important;width:100% !important}
#pt{position: absolute;}
.h.hm.cl{padding-top: 20px !important;}
#pt > .z,#pt .z{float:none !important}
#article_content img{max-width:100%;height:auto !important}
.footer .footer-wrap{width:100%;max-width:1150px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px 16px 0}
.footer .footer-left-wrap{width:240px}
.footer .footer-right-wrap{padding-left:24px}
.copyright .mains .des{padding:0 16px;line-height:24px}
}
/* ==========================================================================
   二、平板竖屏（≤ 1023px）
   ========================================================================== */
@media screen and (max-width:1023px){
.wp{padding-left:14px;padding-right:14px}
.ui_2_ul_li_imgouter{width:170px;height:96px;margin-right:14px}
.ui_2_ul_li_con{width:-webkit-calc(100% - 184px);width:calc(100% - 184px);min-height:96px}
.ui_2_ul_li_con h3{font-size:16px;line-height:26px;margin-bottom:8px}
.ui_2_ul_li_con p{font-size:13px;line-height:22px;height:44px;overflow:hidden}
.mod_art_list_pic{width:170px;height:108px}
.mod_art_list_pic img{width:170px;height:108px}
.mod_art_list_content{margin-left:186px}
.list_title,.mod_art_list h3{font-size:16px;line-height:26px}
.list_title a,.mod_art_list h3 a{font-size:16px;line-height:26px}
.footer .footer-left-wrap{float:none;width:100%;background:none;padding-bottom:10px}
.footer .footer-right-wrap{float:none;width:100%;padding-left:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
#wp > div[style*="810px"]{padding:20px 16px 26px !important}
#flow_box,.viewthread_foot{display:none}
.pren .z,.pren .y{float:none !important;display:block;width:100%;max-width:100%;white-space:normal;line-height:24px;margin:0 0 8px 0;text-align:left}
}
/* ==========================================================================
   三、手机（≤ 767px）
   ========================================================================== */
@media screen and (max-width:767px){
.nav ul li a{;font-size:14px;}

body,input,button,select,textarea{font-size:14px;line-height:1.7}
.wp{padding-left:12px;padding-right:12px}
.navbar-header{max-width:200px;height:38px;margin:8px 0}
.navbar-header img{max-width:200px;max-height:38px}
.navigate li a{padding:0 12px;font-size:15px !important}
.elecom_banner .bd{position:relative}
.elecom_banner{height:200px !important}
.elecom_banner .pic .info1{height:38px;width:100% !important}
.elecom_banner .pic .info1 a{margin: 0;display:block;width:100% !important;height:38px;line-height:20px;padding:9px 84px 9px 12px;font-size:14px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}
.elecom_banner .num{right:12px;bottom:11px}
.elecom_banner .prev,.elecom_banner .next{display:none !important}
.index_right{margin-top:12px}
.ui_2_ul_li{padding:14px 0;min-height:0}
.ui_2_ul_li_imgouter{width:112px;height:76px;margin-right:12px}
.ui_2_ul_li_imgouter > a{display:block !important;float:none !important;width:100% !important;height:100% !important}
.ui_2_ul_li_con{width:-webkit-calc(100% - 124px);width:calc(100% - 124px);min-height:76px}
.ui_2_ul_li_con h3{font-size:15px;line-height:22px;margin-bottom:6px;max-height:44px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ui_2_ul_li_con p{display:none}
.ui_2_ul_li_con .ui_2_userinfo{font-size:12px;line-height:18px}
.ui_2_ul_li_con .ui_2_userinfo em{padding-left:16px;margin-right:8px}
.detailName{height:100px;margin-bottom:16px}

.categoryBt .second_nav_icon{width: 100%;left: -16%;top: 16px;}
.categoryBt .tag_name{width: 100%;left: 1.5% !important;top: 17px;font-size: 19px;}
.categoryBt .circle_icon{left: 25%;top: 5px;}
/*.categoryBt .second_nav_icon{left:24px;top:12px;width:56px;height:56px}
.categoryBt .circle_icon{left:24px;top:4px}
.categoryBt .tag_name{left:24px;top:12px;width:-webkit-calc(100% - 48px);width:calc(100% - 48px);height:56px;font-size:17px;line-height:56px}*/
.mod_art_list{min-height:0;padding:14px 0;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box}
.mod_art_list_pic{width:112px;height:76px;margin-right:12px;-webkit-box-sizing:border-box;box-sizing:border-box}
.mod_art_list_pic img{width:112px;height:76px;min-height:0}
.mod_art_list_content{margin-left:0;padding-left:124px;min-height:76px;-webkit-box-sizing:border-box;box-sizing:border-box}
.list_title,.mod_art_list h3,.mod_art_list h3.list_title{font-size:15px;line-height:22px;max-height:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.list_title a,.mod_art_list h3 a{font-size:15px;line-height:22px;font-weight:400}
.mod_art_list_simple{display:none}
.mod_art_list_info{margin:6px 0 0 0;height:auto;font-size:12px}
.column-link-box{position:static;text-align:left;margin-top:6px}
.right-item .right-Bt{margin:0;padding:14px 0 10px 0;line-height:normal;margin: 0 10px 0 10px;}
.right-item .right-Bt .fl_bt,.right-item .right-Bt .more{font-size:16px}
.side-article-list li{padding-left:0 !important;margin:10px 0;overflow:hidden}
.side-article-list .hot_article_l{float:left;width:65px;margin-right:10px;margin-left: 10px;}
.side-article-list .hot_article_r{margin-left:90px}
.hot-tags-list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
#wp > div[style*="810px"]{padding:16px 4px 22px !important}
h1.ph,.bm .h h1.ph{font-size:21px;line-height:1.5;padding:0;text-align:left;direction:ltr}
.viewthread_foot,#flow_box{display:none !important}
#article_content{font-size:16px;line-height:1.9}
#article_content p{margin-bottom:14px !important;text-indent:2em}
#article_content p:has(img){text-indent:0}
#pt .z{line-height:22px;font-size:12px}
.pren{font-size:13px}
.pgs{padding-top:16px}
.pgs .pg a,.pgs .pg strong,.pgs .pg label,.pgs .pg label input{font-size:13px;padding:0 7px}
.footer .footer-wrap{padding:20px 14px 0}
.footer .footer-left-wrap .footer-logo{margin-left:0;margin-bottom:18px}
.footer .footer-left-wrap .link-box a,.footer .footer-left-wrap .footer-mail{padding-left:0}
.footer .footer-left-wrap .link-box li a{padding:0 8px 0 0}
.footer .side-Bt{margin-bottom:12px;padding-bottom:4px;font-size:15px}
.footer .footer-right-wrap .partner-item .partner-item-list{padding:0 14px 10px 0}
.copyright{padding:16px 0}
.copyright .mains .des,.copyright .mains .des span{font-size:12px;line-height:22px;text-align:left}
}
/* ==========================================================================
   四、小屏手机（≤ 479px）
   ========================================================================== */
@media screen and (max-width:483px){
.categoryBt .second_nav_icon{left: -16.5%;}
.categoryBt .tag_name{left: 0% !important;}
}
@media screen and (max-width:479px){
.wp{padding-left:10px;padding-right:10px}
.navbar-header{max-width:160px;height:32px}
.navbar-header img{max-width:160px;max-height:32px}
.navigate li a{padding:0 10px;font-size:14px !important}
.ui_2_ul_li_imgouter{width:96px;height:66px}
.ui_2_ul_li_con{width:-webkit-calc(100% - 108px);width:calc(100% - 108px);min-height:66px}
.ui_2_ul_li_con h3{font-size:14px;line-height:20px;max-height:40px}
.ui_2_ul_li_con h3 a{font-size:14px;line-height:20px}
.mod_art_list_pic{width:96px;height:66px}
.mod_art_list_pic img{width:96px;height:66px}
.mod_art_list_content{padding-left:108px;min-height:66px}
.list_title,.mod_art_list h3,.list_title a,.mod_art_list h3 a{font-size:14px;line-height:20px;max-height:none}
.detailName{height:120px}
h1.ph,.bm .h h1.ph{font-size:19px}
#article_content{font-size:15px}

.categoryBt .second_nav_icon{width: 100%;left: -17%;top: 16px;}
.categoryBt .tag_name{width: 100%;left: -1.5% !important;top: 17px;font-size: 19px;}
.categoryBt .circle_icon{left: 25%;top: 5px;}
}
@media screen and (max-width:393px){
.categoryBt .second_nav_icon{left: -16.5%;}
.categoryBt .tag_name{left: 0% !important;}
}
@media screen and (max-width:360px){
.categoryBt .second_nav_icon{left: -16%;}
.categoryBt .tag_name{left: 1.5% !important;}
}
@media screen and (max-width:320px){
.categoryBt .second_nav_icon{left: -14%;}
.categoryBt .tag_name{left: 5% !important;}
}