.fl { float: left; }
.fr { float: right; }
.main { width: 1200px; margin: 0 auto; }
.bg_a { background: #3676e1;}
.bg{ background: #fff;}
.bg2{ background: #f8f8f8;}
.bian { border: solid 1px #dbe1de; }
.bianju, .bj_mt10 { margin-top: 10px; }
.y_ju, .bj_mt15 { margin-top: 15px;}
.bj_mt10 { margin-top: 10px;}
.bj_mt20 { margin-top: 20px;}
.bj_mt40 { margin-top: 40px;}
.bj_mt60 { margin-top: 60px;}
.y_ju2, .bj_mt30 { margin-top: 30px;}
.bj_pt10{ padding-top: 10px;}
.bj_pt15{ padding-top: 15px;}
.bj_pt30{ padding-top: 30px;}
.bj_pt60{ padding-top: 60px;}
.relative{ position:relative;}
.noshow{ display: none;}
em, i { font-style: normal; }
hr {opacity: .2;}
.iconfont { text-align: center;}
.hidden { overflow: hidden; }
.nobian{ border: 0; }
.ca { color: #3676e1;}
.cb { color: #fc8229;}
.more { font-size: 12px;}
.white, .cf { color: #fff; }
.gray, .c3{ color: #333;}
.gray2, .c6{ color: #666;}
.gray3, .c9{ color: #999;}
.gray4, .cc{ color: #ccc;}
.center{ text-align: center;}
.f30{ font-size: 30px;}
.f24{ font-size: 24px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}
.f15{ font-size: 15px;}
.f14{ font-size: 14px;}
.f13{ font-size: 13px;}
.f12{ font-size: 12px;}
.nobold{ font-weight: normal;}
.line10{ height: 10px; background: #f8f8f8; width: 100%; margin: 40px 0;}
.block{ display: block;}

body { margin: 0px; padding: 0px; font-family: "微软雅黑", "宋体", Arial; font-size: 14px; color: #333; }
img { border: 0; display: block;}
a { text-decoration: none; color: #333; cursor: pointer; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
a:hover { color: #3676e1; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; text-decoration: underline;}
.ts {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.ts:hover {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}

/*列表*/
.lb_2 {line-height: 30px; margin-bottom: 5px;  }
.lb_2 time { margin-right: 10px;}
.lb_3 { width: 380px; height: 120px; position: relative;}
.lb_3 .lb_img { width: 110px; height: 90px; }
.lb_3 .lb_img img { width: 100%; min-height: 90px; }
.lb_3 .lb_nr { width: 226px; }
.lb_3 .lb_nr p { margin:6px 0; height: 40px; line-height: 20px; }
.lb_3 a {width: 350px; height: 90px;bottom: 0px; display: block;  background: #f8f8f8; padding: 15px; position: absolute;	 }
.lb_3 a:hover { box-shadow: 0 5px 10px #e1e1e1; background: #fff; bottom: 5px; }
.lb_3 a:before{ content:"";  display: block; position: absolute; width: 0px; height: 2px; background: #3676e1; top: 0px; left: 175px;transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
.lb_3 a:hover:before {width: 380px; left: 0; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.lb_4 {width: 270px;}
.lb_4 .lb_img { height: 180px; overflow: hidden;  }
.lb_4 .lb_img img { width: 100%; min-height: 180px;  }
.lb_4 p { height: 66px; line-height: 22px; margin: 10px 0; }
.lb_4 .lb_lm { padding: 5px 10px; border-radius: 4px; }
.lb_4 .lb_lm:hover {background: #fc7717; color: #fff;}
.lb_6 {padding-left: 30px; position: relative; line-height: 30px; margin-bottom: 5px;}
.lb_6:before { content:""; display: block; position: absolute; left: 0; font-size: 14px; color: #fff; font-weight: bold; background: #ccc; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 12px; border-radius: 10px; top: 10px;}
.lb_6:nth-child(1):before {content:"1"; background: #fc8229;}
.lb_6:nth-child(2):before {content:"2"; background: #edbc1c;}
.lb_6:nth-child(3):before {content:"3"; background: #3676e1;}
.lb_6:nth-child(4):before {content:"4";}
.lb_6:nth-child(5):before {content:"5";}
.lb_6:nth-child(6):before {content:"6";}
.lb_6:nth-child(7):before {content:"7";}
.lb_6:nth-child(8):before {content:"8";}
.lb_6:nth-child(9):before {content:"9";}
.lb_6:nth-child(10):before {content:"10";}
.lb_6:nth-child(11):before {content:"11";}
.lb_6:nth-child(12):before {content:"12";}
.lb_7 { border-bottom: 1px solid #e8ebef; padding-bottom: 10px; }
.lb_7 .lb_bt { position: relative; padding-right: 60px; }
.lb_7 p { height: 44px; line-height: 22px; margin: 10px 0; }
.lb_7 time { position: absolute; right: 0; top: 0;  }
.con_l { width: 870px; border-radius: 0 0 10px 10px; }
.con_r { width: 300px; }

/*精选图文推荐*/
.ban_jx { height: 190px;  }
.con_ban .head_1 { border-bottom: 1px solid #e8ebef; padding-bottom:10px; }
.ban_jx .jx_nr ul { padding: 20px 0!important; height: 100px; overflow: hidden}
.ban_jx .hd { position: relative; }
.ban_jx .hd ul { position: absolute; right: 0; top: 7px; }
.ban_jx .hd li { width: 16px; height: 16px; color: #949494; background: #e8ebef; border-radius: 10px; float: left; margin-left: 5px; font-size: 12px; cursor: pointer; text-align: center; line-height: 16px; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
.ban_jx .hd li.on { width: 30px; background: #3676e1; color: #fff; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.ban_jx .lb_3 { margin:0 10px; }

/*标题*/
.icon_head { position: relative;}
.head_1 h4 { height: 30px; line-height: 30px; }
.head_1 h4 span { color: #d0d7e8; font-size: 12px; margin-left: 10px; font-style:italic; }
.head_1 em { margin-right: 10px; }
.head_1_te { position: relative; padding-left: 20px; }
.head_1_te:before{ content:""; display: block; position: absolute; width: 10px; height: 10px; border-radius: 10px; background: #3676e1; left: 0px; top: 10px; } { position: relative; }
.head_2 { line-height: 40px; height: 40px; position: relative; padding-left: 30px;padding-right: 10px; }
.head_2:before{ content:""; display: block; position: absolute; width: 10px; height: 10px; border-radius: 10px; background: #3676e1; left: 10px; top: 15px; }

/*超出隐藏*/
.chao { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chao2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.chao3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

/*栏目*/
.lm {overflow: hidden; height: 534px; margin-bottom: 20px; }
.lm_head {height: 50px; line-height: 50px; padding-bottom: 10px; border-bottom: 3px solid #e8ebef;}
.lm_head .head { margin-right: 20px; max-width: 230px; }
.lm_head .lm_bt { margin: 0 10px; }
.lm_tw { padding: 20px; width: 270px; height: 410px;  }
.lm_tw .bd {overflow: hidden; height: 346px;}
.lm_tw .bd li { float: left; }
.lm_tw .hd { border-top: 1px solid #d9e0ec; width: 270px; padding-top: 25px; }
.lm_tw .hd li { width: 10px; height: 10px; background:#d9e0ec; border-radius: 10px; float: left; margin-right: 10px; }
.lm_tw .hd li.on { width: 20px; }
.lm_c { width: 540px; margin-left: 30px; }
.lm_c .lb_2 { float: left; width: 48%; margin-right: 2%\0/; *margin-right: 2%; }
.lm_c .lb_2:nth-child(2n){ float: right; }
.lm_r { width: 290px; }

/*热门排行*/
.r_hot {  width: 260px; padding:20px; border-radius: 10px; }
.r_hot .head_1 h4 { padding: 10px;}
.hot_nr { position: relative; }
.hot_nr:before{ content:""; display: block; position: absolute; height: 370px; background: #e8e8e8; width: 1px; left: 7px; top: 10px;}
.hot_nr .lb_6 { padding: 3px 0; line-height: 30px; display: block; }
.hot_nr .lb_6:hover { text-decoration: none; }
.hot_nr .lb_6 span { padding-left: 30px; }
.hot_nr .lb_6 span.on { color: #3676e1; }
.hot_nr .lb_6 p { line-height: 24px; height: 48px; padding-left: 30px; }
.lb_4 .lb_nr { width: 120px;}
.hot_nr:before { height: 434px; }

/*相关推荐*/
.ls_jx {  padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; }
.ls_jx .lb_3 { margin: 20px 0 0 20px; width: 420px; }
.ls_jx .lb_3:first-child,.ls_jx .lb_3:first-child+div+div { margin-left: 0; }
.ls_jx .lb_3 a { width: 390px; }
.ls_jx .lb_3 .lb_nr {width: 260px;}

.ls_list { padding:20px 0; }
.ls_list_ul { padding: 30px 0; }
.ls_list_li { border-bottom: 1px dashed #e1e1e1; height: 120px; padding-bottom: 20px; margin-bottom: 20px;}
.ls_list_li .li_l { width: 180px; height: 120px; overflow: hidden;  }
.ls_list_li .li_l a { display: block; }
.ls_list_li .li_l img { width: 100%; display: block; border-radius: 10px; }
.ls_list_li .li_r { width: 670px; line-height: 24px;}
.list_li .li_r { width: auto; }
.ls_list b,.ls_list div { font-weight: normal; }
.ls_list_li .li_nr { width: 100%; }
.ls_list_li .li_r p { height: 48px; }
.list_li .li_r h3 { position: relative; }
.ls_list_li .li_r .iconfont { font-size: 28px; position: absolute; left: 0; top: 2px; }
.ls_list_li .div_b { line-height: 20px;}
.ls_list_li .div_b em { margin-right: 4px;}
.ls_list_li time { display: inline; width: auto; box-shadow: 0 0 0 #fff; background: none; position: static; }
.ls_list_li .div_b span { margin: 0 20px;}
.ls_list_li .div_b .sort {padding: 2px 10px; color: #aacf15; background: #f7f7f7; }
.ls_list_li:hover { padding-left: 10px; box-sizing: border }
.ls_list_li:hover .bt_a { color: #3676e1;}
.ls_list_li:hover .sort { color: #fff; background: #aacf15;}

/*鼠标经过图片特效*/
.photo { display: block; overflow: hidden; border-radius: 3px;}
.photo img { transition: all 0.3s ease-out; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);/* filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; */}
.photo:hover img { width: 100%;  transition: transform 0.3s; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); /* filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; */ }

/*翻页*/
.pnum { padding: 20px 0 40px 0; width: 100%; display: flex;  justify-content: center;  line-height: 34px; }
.pnum a{ min-width: 34px; margin: 0 5px; font-size: 14px; padding: 0 6px; height: 34px; text-align: center; line-height: 34px; box-sizing: border-box; display: block; float: left;background: #f7f8f8; border-radius: 10px;  }
.pnum a.sed { background: #3676e1; color: #fff; border: 1px solid #3676e1;  }
.pnum a:hover { background: #3676e1; color: #fff;  }
.pnum .pageinfo { margin-left: 10px; color: #999; }
/*面包屑*/
.position { line-height: 50px; height: 50px; padding: 10px 0; overflow: hidden; }
.position .iconfont { margin-right: 10px; }
.con_top h2 { margin-right: 30px;max-width: 50%; }
/*面包屑*/

.three_list li {
    float: left;
}
.three_list li.clear_both{
    float: none;
    clear: both;
}
.three_list li a {
    width: auto !important;
    padding-right: 20px !important;
    height: 30px;
    line-height: 30px;
}