@import url("common.css");
.position {  position: absolute; top: 150px; /*background:#f5f9f9;*/ padding: 15px 0 15px 30px; margin: 0; }
.position em { top: 20px;}
/*首屏*/
.ch_ban { background-color: #fff; border-radius: 10px; padding: 30px 30px 20px 30px; margin-top: 60px; }
.ch_ban .ban_l,.lm_article { width: 780px; }
.ban_new { width: 300px; }
.lb_tu { display: block; width: 300px; height: 210px; overflow: hidden; position: relative; border-radius: 10px; }
.lb_tu p { width: 275px; height: 36px; line-height: 36px; position: absolute; bottom: 0; background-color: rgba(0,0,0,0.5); padding: 0 15px; color: #fff; }
.lb_tu img { width: 100%; min-height: 210px; }
.list_ms { padding-right: 280px; height: 160px; position: relative; }
.list_ms1 { padding-right: 0; height: 140px; }
.ms_img { right: 0; top: 0; position: absolute; width: 240px; height: 156px; overflow: hidden; border-radius: 10px; }
.ms_img img { width: 100%; min-height: 156px;}
.list_tui .lb_4 { width: 350px; margin-top: 11px; }
.list_tui .lb_4:nth-child(2n) { margin-left: 30px; }
.list_tui .lb_4 .lb_lm { color: #999; margin-right: 4px; font-size: 12px; }
.list_tui .lb_4 .lb_lm:hover { color: #36ad9e; }
.list_tui .lb_4:hover a { margin-left: 2px; }
.lm_itme .lb_2 { margin-bottom: 10px; font-size: 0.9rem;}
.ch_ban .pic_lb1:nth-child(2n) { float:none; margin-left: 10px;}
/*热门排序*/
.ban_r,.r_hot { width: 320px; }
.r_hot .hot_lb1 { margin-top: 10px; margin-bottom: 0; }
.r_hot .hot_lb1:hover { padding-left: 45px; }
.r_hot .pic_lb1 { margin-bottom: 30px; }
.ban_bt { width: 325px; height: 48px; position: relative; padding-left: 45px; line-height: 48px; font-size: 18px; }
.ban_bt em { position: absolute; left: 15px; top: 0; font-size: 20px; }
.ch_bt1 { background: url(../images/ch_bt1.png) no-repeat; }
.ch_bt2 { background: url(../images/ch_bt2.png) no-repeat; }
.ban_r .ch_bt3 { width: 320px; height: 48px; background: url(../images/ch_bt3.png) no-repeat; }
/*二级导航*/
.ch_nav { padding: 30px; background-color: #fff; border-radius: 10px; }
.ch_nav .nav_li { text-align: center; width: 106px; background-color: #f5f9f9; border-radius: 10px; display: block; padding: 20px 0; height: 74px; float: left; margin: 0 0 0 23px; }
.ch_nav .nav_li:first-child { margin-left: 0; }
.ch_nav .nav_li em { width: 44px; height: 44px; overflow: hidden; border-radius: 10px; background-color: #36ad9e; display: block; font-size: 18px; color: #fff; line-height: 44px; font-weight: bold; margin: 0 auto 10px auto; }
.ch_nav .nav_li span { display: block; height: 20px; overflow: hidden; line-height: 20px; padding: 0 5px; }
.ch_nav .nav_li:hover { box-shadow: 0 10px 25px rgba(196,207,207,0.5); background-color: #fff; margin-top: -5px; }
.ch_nav .nav_li:nth-child(1) em { background-color: #36ad9e; }
.ch_nav .nav_li:nth-child(2) em { background-color: #e7805c; }
.ch_nav .nav_li:nth-child(3) em { background-color: #bfaf55; }
.ch_nav .nav_li:nth-child(4) em { background-color: #6498df; }
.ch_nav .nav_li:nth-child(5) em { background-color: #a758c1; }
.ch_nav .nav_li:nth-child(6) em { background-color: #d96a7f; }
.ch_nav .nav_li:nth-child(7) em { background-color: #64838d; }
.ch_nav .nav_li:nth-child(8) em { background-color: #71ad36; }
.ch_nav .nav_li:nth-child(9) em { background-color: #4595c3; }
/*栏目*/
.ch_con .pic_lb1 .lb_bt { font-size: 14px; font-weight: bold; } 
.ch_con .pic_lb1 p { font-size: 12px; color: #999; line-height: 24px; margin-top: 10px; }
.ch_con .pic_lb1 p a { margin-left: 10px; }
.lm { padding-bottom: 20px; }
.lm_itme { width: 370px; }
.title1 { line-height: 40px; }
.title1 em { top: 8px; }
.lm_itme .pic_lb1_te { padding-left: 0; }
.lm .hot_lb1 { position: relative; }
.lm .hot_lb1.on { padding-left: 125px; height: 48px; }
.lm .hot_lb1 .lb_img { width: 70px; height: 50px; display: block; position: absolute; display: none; left: 40px; top: 10px; border-radius: 4px; }
.lm .hot_lb1.on .lb_img { display: block; }
.lm .hot_lb1 .lb_img img { width: 100%; min-height: 52px; }
.lm_te .lm_article { position: relative; padding-top: 135px; }
.lm_te .lm_jx { width: 100%; position: absolute; top: 0; left: 0; }
.lm_jx li { width: 305px; padding-right:40px; margin-bottom: 10px; }
.lm_jx li:nth-child(2n) { float: right; }
.lm_jx .lb_5 { width: 320px; position: relative; padding-right: 50px; }
.lm_jx .lb_5:hover a { margin-left: 4px; }
.lm_jx .lb_5 time { position: absolute; right: 0; font-size: 12px; color: #999; }
.lm_jx .lb_4 { position: relative; }
.lm_jx .lb_4 time { position: absolute; right: 0; top: 0; font-size: 12px; color: #999; }
.lm_jx .lb_4:hover a { margin-left: 4px; }
.lm_jx .lb_4 .lb_em { background: #e7805c; }
.lm_te .title1 { line-height: 30px; }
.lm_te .title1 em { top: 3px; }
/*标签*/
.tag_title { line-height: 30px; height: 30px; }
.tag_title em { font-weight: normal; }
.ch_tag { background-color: #fff; border-radius: 10px; padding: 20px 30px 30px 30px; }
.tag_itme { height: 30px; line-height: 28px; margin-bottom: 10px; overflow: hidden; }
.tag_itme span { display: block; float: left; }
.tag_itme a { border: 1px solid #e1e1e1; display: block; float: left; margin-bottom: 10px; padding: 0 10px; margin-left: 10px; font-size:12px; }
.tag_itme .tag_bt { margin-left: 0; background-color: #36ad9e; color: #fff; border-color: #36ad9e; text-align: center; width: 90px; padding: 0; overflow: hidden; }
.tag_itme a:hover { background-color: #36ad9e; color: #fff; border-color: #36ad9e; }
.tag_rwap { height: 230px; overflow: hidden; }
.tag_rwap_te { height: auto; }
.tag_itme_te { height: auto; }
/* 楼梯 */
.rc_nav { width:68px; }
.rc_nav li { font-size: 12px;}
@media (max-width: 1500px) {
.rc_nav { margin-left: -670px; }
}
.contact_top{margin-top: 15px;}
.contact_top .nav_item span a{color: #ff6a06}
.nav_item::before{background: #f8a500;height: 2px;}
.nav_mobile{line-height: 25px;}

@media screen and (max-width: 768px) {
    body {
        min-width: 100%;
        font-size: 16px;
    }
    .logo img,.nav2,.contact_top,.sort_hot,.ar_louti,#downloadCards,.fink,.footer_nav{display: none;}
    /*手机导航 begin */
    #mobile-mask{position:relative;z-index:1;background:#FFF;overflow-x:hidden;overflow-y:hidden;}
    .offcanvas-visible #mobile-mask {-moz-transform:translateX(-275px);-webkit-transform:translateX(-275px);-ms-transform:translateX(-275px);-o-transform:translateX(-275px);transform:translateX(-275px);}
    #m-header .nav {display:block;}
    #m-header {background:#383838;display:none;height:100%;right:0;overflow-y:auto;position:relative;position:fixed;z-index:1;top:0;width:275px;border:0;}
    #m-header ul li{width:100%}
    #m-header ul li:hover,#m-header ul li.current {background:#383838}
    #m-header ul li a {line-height:49px;border-bottom:1px solid #404040;font-size:18px;color:#F2F2F2;font-weight:normal;display:block;position:relative;padding:0px 0 0 50px;text-align: left;}
    #m-header ul li a:hover,#m-header ul li.current a {color:#F2F2F2;}
    #m-header ul li ul {padding:0;z-index:1999;position:relative;width:100%;}
    #m-header ul li ul li a,#m-header ul li.current ul li a {background:#ff9600;border-bottom:1px solid #FFB133;color:#FFF;font-size:16px;line-height:40px;padding:5px 50px;text-align:left;display:block;}
    #m-header ul li ul li a:hover {background:#ff9600;color:#FFF;border-bottom:1px solid #ff9600;}
    #m-header ul li ul li a::before,#m-header ul li ul li a::after {background:none;height:0;padding:0}
    .offcanvas-visible #m-header{display: block}
    .nav_wrap{padding: 20px;}
    /* 手机导航面包ico begin */
    .m-toggle {position:relative;cursor:pointer;text-decoration:none;position:absolute;top:26px;right:13px;z-index:99;display:block;margin:-11px auto 0;cursor:pointer;}
    .m-toggle.active i::before,.m-toggle.active i::after {}
    .m-toggle:hover,.m-toggle:focus,.m-toggle:active {outline:none;border-bottom:none !important;}
    .m-toggle i {position:relative;top:-1px;display:-moz-inline-stack;width:24px;height:2px;display:inline-block;zoom:1;*display:inline;color:#fff;text-transform:uppercase;text-indent:-55px;transition:all .2s ease-out;}
    .m-toggle i::before,.m-toggle i::after {content:'';width:24px;height:2px;position:absolute;left:0;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
    .m-toggle i::before {top:-9px;}
    .m-toggle i::after {bottom:-9px;}
    .m-toggle.active i {background:transparent;}
    .m-toggle.active i::before {top:0;-webkit-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
    .m-toggle.active i::after {bottom:0;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
    .m-toggle i,.m-toggle i::before, .m-toggle i::after,.m-toggle.active i::before, .m-toggle.active i::after{background: #818181;}
    /*手机导航面包ico end */
    .header2{padding: 0.7rem 0.5rem;}
    /*.logo{padding: 0.5rem;}*/
    .logo a{width: 40px;height: 40px;background: url(/static/pc/images/logo.jpg) no-repeat;}
    .header2 .search{margin-left: 10px; left: 50px; float: left; width: 70%;top: 12px;}
    .header2 .search_f{width: 100%;height: 35px;}
    .search_f em{top: 6px;}
    .header2 .search_text{width: 57%; height: 35px; line-height: 35px;padding: 0 0 0 46px;}
    .search_btn{width: 25%; line-height: 35px;}
    .yj_10{border-radius: 20px;}
    .main{width: 100%;}
    /*.position{margin: 0.2rem 0;}*/
    .position code{margin: 0 0.1rem;}
    .con_l{width: 100%}
    .ar_con{width: auto;padding:0.5rem;}
    .ar_title{margin:0.5rem 0;}
    .ar_title h1{font-size: 1rem;}
    .ar_title_b{overflow: hidden;margin: 0.5rem 3% 0.2rem 3%;margin-top: 0.3rem;line-height: 1.5rem;height: auto;}
    .sub_title .c6{width: 40%;margin: 0.2rem 0;padding: 0 0 0 0.5rem;text-align: left;}
    .sub_title .sp2{text-align: right;width: 54%;}
    .sub_title .arc_button{text-align: center;padding-left: 0.3rem;margin: 0;}
    .con_article{font-size: 0.95rem;}
    .con_article p{line-height: 1.6rem;padding-bottom: 0.5rem;}
    .taglist {height: 60px;}
    /*list*/
    .ar_related, .ar_pic{padding: 0.5rem;}
    .list_hot .lb_3:nth-child(2n){float: none;}
    .list_hot .lb_3{margin: 0; font-size: 0.95rem;padding: 0 2%; width: 96%;}
    .bj_mt20{margin: 0.5rem 0 0 0;}
    .con_r{width: 100%;margin-top: 0.5rem;}
    .hot_sou{width: auto; padding: 0.5rem;}
    .hot_sou .lb_6 {padding: 0 0 0 0.8rem; margin: 0.1rem 0;}
    .footer1 .footer_b{text-align: center; line-height: 20px; padding: 1rem;height: 40px;}
    .footer_b .main{width: 100%;}

    .list_hot,.xg_class{display: none;}
    /*栏目介绍*/
    .bj_mt20 {margin: 0 0.5rem; }
    .list_bt em,.title1 em{left: 7px;}
    .con_l{padding: 0;min-height: auto;}
    .f24{font-size: 1rem;}
    .ms_rwap p{line-height: 1.6rem;font-size: 0.9rem;}
    .bj_mt40 {margin-top: 10px; }

    /*热门排序*/
    .con_r .r_rwap{padding: 0 0 10px 0;}
    .hot_lb1,.hot_lb2{padding-left: 25px;margin-bottom: 3px;font-size: 0.9rem;}
    .hot_number{left: 1px;}
    /*footer*/
    .footer_wrap {padding: 10px 0;}
    .footer_copy p {line-height: 18px; }

    .ch_ban .bj_mt30,.ban_r,.lm_te .lm_article .lm_jx,.lm_te .lm_article .lm_itme .fr,.lm_te .lm_article .fr{display: none;}
    .position {top: 65px; padding: 0 0 0 30px;/*background: none;*/}
    .position em {top: 5px; }
    .ch_ban {padding: 0; margin-top: 40px; }
    .ch_ban .ban_l{width: 100%;}
    .list_ms1 {height: auto;}
    /*下级栏目*/
    .lm {width: 100%; padding: 0; margin: 10px auto 0 auto; }
    .lm_itme ,.r_hot,.lm_article{width: 100%;}
    .lm_te .lm_article {padding-top: 0; }
    .lm_title {padding-bottom: 5px; }
    .lm_title h3{font-size: 0.95rem;padding-left: 33px;}
    .lm_title h3 em{left: 5px;width: 20px;height: 20px;line-height: 20px;top: 6px;}
    .lm_title .more {margin-right: 7px; }
    .bj_mt30 {margin-top: 5px; }
    .lb_6 {margin-top: 1px;font-size: 0.9rem;line-height: 27px;}
    .r_hot .hot_lb1 {margin-top: 1px;line-height: 27px;height: 27px;}
    .lm_te .lm_article,.lm_te .r_hot{padding-bottom:8px}
    .title2{font-size: 0.9rem;height: 35px;line-height: 35px;}

    /*channel*/
    .pic_lb1 {margin-bottom: 1px;height: auto; padding-left: 6.5rem;}
    .pic_lb1 .lb_img img {min-height: 3rem;max-height: 3.6rem;}
    .ch_con .pic_lb1 p {margin-top: 1px; }
    .lm_itme .lb_2 {margin-bottom: 1px; }
    .ban_bt {height: 40px; line-height: 40px;}
    .pic_lb1 .lb_bt,.ch_con .pic_lb1 p {line-height: 20px;}
    .ch_nav,.lm_nav1 {display: none;}
    .lm .lm_rwap .lm_article .fr{display: none;}
    .ch_bt1,.ch_bt2 {margin-left: 0.5rem;margin-top: 0.5rem;}
    .lm_itme .pic_lb1_te {margin-top: 2px;}
    .lm .hot_rwap .on a {line-height: 20px;}
    .pic_lb1 .lb_img {top: 0.2rem;height: 3.6rem;width: 6rem;}
    .rc_nav {margin: 0; right: 0.5rem; left: auto; background: #f8a500;opacity: 0.8;width: 2rem; height: 2rem;border-radius: 16px;}
	.rc_nav li.last .iconfont {font-size: 22px; }
	.rc_nav li.ts {display:none; }
	.rc_nav li.last {line-height: 2rem; padding: 0; margin: 0; color: #fff; border-radius:0; display: block;}
}