@import url(../css/index_article.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "utf-8";
html { _background-attachment: fixed;}
html{overflow-y:scroll;}
body{font-size:16px;background-color:#ffffff;}
html,body,p,dl,dt,dd,table,td,th,input,img,form,div,span,ul,ol,li,h1,h2,h3,h4,h5,h6,select,fieldset,input,button,sub,sup,textarea,pre,blockquote { margin: 0; padding: 0;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
iframe{border:0 none;}
td, th, div {word-break: break-all;word-wrap: break-word;}
img{vertical-align:top;}
ul,li,ol{list-style:none outside none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
strong{font-weight:800;}
caption, th {text-align: left;}
a{color: #333;text-decoration: none;font-size: 15px;}
a:hover {text-decoration: underline; cursor:pointer;color: #F54343;}
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
body{background: #f2f2f2;}
.fixed_bg {width: 100%;height: 100%;position: fixed;margin: auto;visibility: visible;z-index: -100;/* background: url(../images/index_bg.jpg) no-repeat top center; */}
.Sj_pic,.Weix_pic,.WeixSj{display:none;}

/* 头部 */
.main{width: 100%;margin: 0 auto;}
.header{float: left;height: 29px;background: #f7f7f7;width: 100%;overflow: hidden;display: none;}
.header p{float: left;line-height: 29px;height: 29px;color: #666;font-size: 12px;}

.rougao {float: right;}
.rougao a {height: 29px;line-height: 29px;float: left;color: #666666;font-size: 12px;border-radius: 20px;margin-left: 22px;}
.rougao a i{height: 25px;width: 28px;float: left;background: url(../images/ico.png)  -38px -172px no-repeat;margin-left: 5px;}
.rougao a:hover{color: #0797ca;}
.rougao .denglu{color: #1f9a74!important;}

/*投稿*/
.index_top .rougao {float: right;margin-top: 18px;}
.index_top .rougao a {height: 35px;line-height: 35px;float: left;color: #fff;font-size: 11px;background-color: #dfb863;border-radius: 4px;width: 113px;text-align: center;margin-left: 8px;}
.index_top .rougao a:hover{background-color: #0797ca;}
.index_top .rougao .jianyi{background-color: #58d4b1;}
.index_top .rougao .jianyi:hover{background-color: #0797ca;}


/* 头部 */
.search_box{float: right;width: 94%;margin: 0 3%;}
.search {background: #fff;float: left;border-radius: 10px;overflow: hidden;border: 1px solid #ccc;width: 100%;margin-top: 10px;}
.search em{float: left;width: 27px;height: 25px;background: url(../images/fdj.png) no-repeat;margin-left: 8px;margin-top: 11px;}
.search_text {width: 64%;line-height: 43px;height: 43px;border: 0;color: #cacaca;font-size: 15px;outline: none;}
.search_btn {width: 23%;line-height: 43px;cursor: pointer;background: #dfb863;padding: 0;float: right;font-size: 16px;color: #ffffff;border: 0;text-align: center;}
.search_hot {font-size: 12px;line-height: 30px;height: 30px;float: left;width: 100%;margin-top: 21px;display: flex;flex-wrap: wrap;justify-content: center;}
.search_hot a {background: #1c936f;padding: 0 14px;border-radius: 17px;opacity: 0.8;color: #fff;margin-left: 5px;height: 23px;line-height: 23px;font-size: 12px;}
.search_hot a:hover { opacity: 1;}

.index_top{width: 100%;float: left;background: #fff;padding: 10px 0;}
.l_logo{float: left;width: 100%;text-align: center;}
.l_logo a{display: inline-block;width: 165px;height: 50px;background: url(../images/logot.png) no-repeat;background-size: 100%;}
.l_logo a img{float: left;border: none;display: none;}


/*栏目导航*/
.subnav{width:100%;float: left;background: #0062cc;}
.subnav ul li:hover{background: #0062cc;}
.subnav ul li:hover a{color: #fff!important;}
.subnav ul{width: 100%;margin: 0 auto;}
.subnav ul li{float: left;height: 45px;line-height: 45px;text-align: center;overflow:hidden;width: 25%;}
.subnav ul li a{font-size: 16px;color: #fff;}
.subnav ul li.on{background: #0062cc;}


/*首页导航*/
.nav {float: left;width: 1200px;margin-top: 14px;margin-bottom: -1px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.nav a {height: 88px;width: 227px;line-height: 40px;display: inline-block;float: left;overflow: hidden;border-radius: 10px;text-align: center;background: #ffffff;}
.nav a img{display: inline-block;margin-top: 15px;}
.nav a b {float: right;width: 55%;text-align: center;height: 84px;line-height: 84px;color: #333;margin-right: 5%;font-size: 19px;font-weight: 400;}

.nav a i{width: 64px;height: 64px;float: left;margin-left: 24px;border-radius: 60px;}
.nav .dt1 i{background: url("../images/icodh.png") no-repeat 0px 5px;margin-top: 10px;background-color: #f56262;background-size: 100%;}
.nav .dt2 i{background: url("../images/icodh.png") no-repeat 1px -51px;margin-top: 10px;background-color: #8998ea;background-size: 100%;}
.nav .dt3 i{background: url("../images/icodh.png") no-repeat 0px -105px;background-color: #40b5b1;margin-top: 10px;background-size: 100%;}
.nav .dt4 i{background: url(../images/icodh.png) no-repeat -1px -161px;margin-top: 10px;background-color: #db9650;background-size: 100%;}
.nav .dt5 i{background: url("../images/icodh.png") no-repeat 12px -399px;}
.nav .dt6 i{background: url("../images/icodh.png") no-repeat -1px -263px;margin-top: 10px;background-color: #53acd5;background-size: 100%;}
.nav .dt7 i{background: url("../images/icodh.png") no-repeat 15px -595px;}

.nav .dt5{display:none}
.nav .dt7 {display:none}

/*面包屑*/
.sidebar {float: left;width: 100%;margin: 11px 0;font-size: 16px;line-height: 30px;color: #8a8a8a;}
.sidebar a {float: left;color: #8a8a8a;font-size: 16px;}
.sidebar span {float: left;color: #8a8a8a;font-size: 16px;}
.sidebar code {float: left;margin: 0 10px;color: #8a8a8a;}
.sidebar:before{content:"";background: url(../images/weizhi) no-repeat;float: left;width: 15px;height: 18px;margin-top: 8px;margin-right: 7px;}
/*channel*/
#main_ch{float: left;}
.list_box{float: left;width: 100%;background: #FFF;}
.ch_box{float: right;width: 94%;background: #fff;padding: 3%;border-radius: 10px;padding-bottom: 21px;margin-top: 10px;}
.ch_box .ch_box_head{float: left;width: 100%;height: 30px;font-size: 16px;margin-bottom: 15px;border-bottom: 2px solid #e6e6e6;}
.ch_box .ch_box_head h2{height: 30px;line-height: 30px;float: left;}
.ch_box .ch_box_head h2:before{content:"";background: url(../images/ico_list2.png) no-repeat;width: 28px;height: 30px;float: left;}

.ch_box .ch_box_head h2 a{float: left;font-size: 18px;color: #333;font-weight: 700;}
.ch_box .ch_box_head .more{float: right;color: #dfb863;height: 20px;line-height: 20px;padding: 0 4px;margin-top: 8px;font-size: 12px;}
.ch_box .left_pic{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ch_box .left_pic a{float: left;margin-bottom: 13px;width: 47%;text-align: center;}
.ch_box .left_pic a font{display: block;height: 24px;line-height: 24px;text-align: center;color: #2F2B2B;overflow: hidden;padding: 2px 4px;}
.ch_box .left_pic img{width: 100%;height: 107px;padding: 0;display: inline-block;border-radius: 10px;}

.ch_box .center{float: right;width: 100%;}
.ch_box .center .channelnew{float:left;margin-bottom:5px; width:100%}
.channelnew a{color: #333;font-weight: 700;}
.channelnew .New_p{float: left;width: 100%;line-height: 24px;color: #888;font-size: 14px;height: 48px;overflow: hidden;}
.channelnew .New_p a{color: #0062cc;font-weight: 400;font-size: 14px;}
.ch_box .center .cenbot{float:left;width:100%}
.ch_box .center .cenbot li{height: 33px;line-height: 33px;font-size: 14px;width: 100%;overflow: hidden;}
.ch_box .center .cenbot li span{float: right;font-size: 11px;color: #888;}
.ch_box .center .cenbot li a{float:left;margin-right:8px;color:#333;font-size: 15px;width: 78%;}
.ch_box .center .cenbot li code{color:#999;float:right}
.ch_box .center .cenbot li span a{font-weight:normal;color: #7A9C03;}
.ch_box .center .cenbot li a.more{float: right;margin-right: 0;font-size: 12px;color: #afafaf;}


.Content_ch_r {float: left;width: 94%;background: #fff;padding: 3%;border-radius: 10px;margin-top: 10px;}
.JintiTj {float: right;width: 100%;margin-top: 15px;}
.zhuanti {float: left;width: 100%;}
.zhuanti_title {padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 93%;border-radius: 8px;}
.zhuanti_title:after{content: "";background: url(../images/ico_list1.png) no-repeat;float: left;width: 20px;height: 20px;margin-top: 10px;margin-right: 2px;}

.zhuanti_ul {float: left;width: 100%;}
.zhuanti_ul li{float: left;width: 100%;line-height: 38px;height: 38px;overflow: hidden;}
.zhuanti_ul li a{float: left;color: #333;overflow: hidden;height: 38px;width: 200px;}
.zhuanti_ul li span{float: left;width: 17px;height: 17px;border-radius: 4px;line-height: 17px;text-align: center;font-style: normal;color: #FFFFFF;margin-top: 11px;background: #c9c9c9;margin-right: 5px;font-size: 12px;}
.zhuanti_ul li:nth-child(1) span{background: #e33e42;color:#fff;}
.zhuanti_ul li:nth-child(2) span{background: #ff8564;color:#fff;}
.zhuanti_ul li:nth-child(3) span{background: #e8b856;color:#fff;}

.lefth2_title {margin-bottom: 3px;padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 93%;border-radius: 8px;}
.lefth2_title span{color: #434647;height: 16px;}
.lefth2_title:after{content: "";float: left;height: 18px;background: #67ade0;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;}
.lefth2_ul {float: left;width: 100%;}
.lefth2_ul li {line-height: 40px;float: left;width: 100%;height: 40px;overflow: hidden;}
.lefth2_ul a {float: left;color: #333;width: 96%;}
.lefth2_ul code {float: left;height: 4px;width: 4px;background: #b3b2b2;color: #ffffff;margin-top: 19px;margin-right: 5px;border-radius: 50%;}


.Content_ch {overflow: hidden;width: 100%;border-radius: 6px;margin: 0 auto;}
.Content_ch_l {float: left;width: 94%;background: #fff;padding: 3%;border-radius: 10px;margin-top: 10px;}
.l_p_top {font-size: 14px;color: #969fa4;position: relative;width: 345px;overflow: hidden;}
.l_p_top h2 {height: 30px;overflow: hidden;    font-weight: 700;}
.l_p_top h2 a {font-size: 16px;line-height: 30px;color: #333;}
.l_p_top p {font-size: 14px;color: #666;line-height: 24px;text-indent: 2.4em;height: 45px;float: left;overflow: hidden;margin-top: 5px;margin-bottom: 5px;}
.ch_adtop {position: relative;zoom: 1; width: 345px;}

.l_p_bot_title {padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 95%;border-radius: 8px;margin-bottom: 18px;}
.l_p_bot_title span {padding-left: 4px;color: #292929;font-size: 16px;font-weight: 700;background: #fff;}
.l_p_bot_title span:before{content:"";float: left;height: 18px;background: #ff8564;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;}

.m_l_p_c1 {margin-top: 10px;}
.l_p_bot_art{float: left;width: 30%;}
.l_p_bot_img {float: left;width: 130px;height: 123px;position: relative;zoom: 1;overflow: hidden;margin-top: 14px;}
.bot_img_pic {display: block;overflow: hidden;}
.img_banner {text-align: center;width: 93%;line-height: 25px;color: #333;position: absolute;bottom: 12px;left: 0px;background-color: #ffffff;height: 20px;padding: 0 5px;border-top: 0;}
.img_banner span {font-size: 14px;}
.l_p_bot_ul {float: right;width: 60%;overflow: hidden;}
.l_p_bot_ul li{line-height: 30px;color: #f33e3e;margin-bottom: 4px;float: left;overflow: hidden;width: 100%;height: 30px;}
.l_p_bot_ul li a{color: #333333;font-weight: normal;}
.l_p_bot_ul li code{float: left;height: 3px;width: 3px;background: #c7c3c3;margin-top: 15px;margin-right: 4px;}


.Content_ch_c {float: left;width: 94%;background: #fff;padding: 3%;border-radius: 10px;margin-top: 10px;}
.ch_c_title {float: left;padding-bottom: 9px;border-bottom: 1px solid #F0F0F0;    margin-top: 12px;}
.ch_c_title_top {float: left;cursor: pointer;margin-bottom: 10px;width: 100%;overflow: hidden;height: 30px;text-align: center;line-height: 30px;}
.ch_c_title_top a {font-size: 16px;font-weight: 700;color: #333;width: 100%;float: left;overflow: hidden;}
.ch_c_title_ul {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ch_c_title_ul li {font-size: 16px;margin-right: 5px;display: inline-block;width: 47%;height: 33px;overflow: hidden;line-height: 33px;}
.ch_c_title_ul a {color: #333;}
.bot_img_pic img{width: 130px;height: 86px;border-radius: 10px;}
.testaaa2:nth-child(odd) {float: left;}

.ch_c_headlines {float: left;padding-bottom: 4px;border-bottom: 1px solid #dcdcdc;}
.ch_c_headlines_tl {float: left;cursor: pointer;margin-bottom: 8px;width: 100%;overflow: hidden;height: 28px;text-align: center;line-height: 28px;}
.ch_c_headlines_tl a {font-size: 16px;font-weight: 700;color: #333;}
.ch_c_headlines_ul {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ch_c_headlines_ul li {font-size: 16px;margin-right: 5px;display: inline-block;width: 47%;height: 33px;overflow: hidden;line-height: 33px;text-align: center;}
.ch_c_headlines_ul a {color: #334;}

/*今日推荐*/
.ch_c_new{float: left;margin-top: 15px;width: 100%;}
.ch_c_new ul{float: left;width: 100%;}
.ch_c_new .m_title{font-size: 16px;margin-bottom: 10px;font-weight: 700;color: #333;margin-top: 3px;    background: url(../images/index_bg.gif) no-repeat right center;}
.ch_c_new .m_title code{font-weight: 700;color: #333;float: left;background: url(../images/zan.png) no-repeat;width: 23px;height: 26px;margin-right: 5px;margin-top: -3px;}
.ch_c_new .m_title a{float: right;font-size: 12px;background: #fff;padding-left: 15px;margin-top: 4px;}
.ch_c_new ul li{float: left;height: 39px;line-height: 39px;width: 100%;}
.ch_c_new ul li a{float: left;color: #333;}
.ch_c_new ul li a:hover{color: #68C04A;}
.ch_c_new ul li code{float: right;font-family: "Microsoft YaHei";font-size: 12px;color: #9f9f9f;background: #f0f0f0;padding: 2px 10px;border-radius: 48px;height: 21px;line-height: 21px;}
.ch_c_new ul li code a {color: #999;font-size: 12px;}
.ch_c_new ul li i{float: left;height: 4px;width: 4px;background: #e8b856;margin-top: 18px;margin-right: 5px;border-radius: 50px;}

/*top_title*/
.chnav {overflow: hidden;width: 94%;float: left;background: #ffffff;padding: 3%;border-radius: 10px;}
.chnav a {float: right;cursor: pointer;font-size: 15px;height: auto;color: #696969;width: 25%;line-height: 27px;}
.chnav a:hover{color: #0062cc;}
.chnav a.hover:before{content:"";font-weight: 700;color: #333;float: left;background: url(../images/fenlei.png) no-repeat;width: 25px;height: 33px;margin-right: 5px;margin-top: -1px;}
.chnav a.hover{text-decoration: none;font-weight: 700;color: #333;font-size: 18px;margin: 0;float: left;padding: 0;width: 100%;}


.footer p:last-child a{display:flex;align-items: center;}
/*回到顶部*/
.backtop{width: 50px;height: 50px;position: fixed;bottom: 75px;right: 12px;border:1px solid #efefef;cursor: pointer;background-color: #fff;text-align: center;}
.backtop:hover{background:#efefef}
.backtop em{width: 21px;height: 20px;bottom: 120px;background: url(../images/top.png) no-repeat;cursor: pointer;background-color: #fff;display: inline-block;margin-top: 14px;}

/*底部*/
.fink_box{float:left;background: #fff;border-radius: 10px;padding: 3%;width: 94%;margin-top: 10px;}
.fink_box_tl{float: left;width: 100%;}
.fink_box_tl i{font-weight: 700;color: #333;float: left;background: url(../images/ico_2021.png) no-repeat -107px 0px;width: 27px;height: 25px;margin-right: 5px;}
.fink_box_tl em{float: left;line-height: 29px;font-weight: 700;font-size: 15px;font-style: inherit;}
.fink_box_tl:after{content:"";display: inline-block;background: #eeeeee;height: 3px;width: 220px;margin-left: 15px;}
.flink{width: 100%;float: left;}
.flink b{line-height:22px;font-weight: 400;float: left;color:#2ca6e0;display: none;}
.flink li{line-height: 22px;color: #b7b7b7;margin: 5px;display: inline-block;float: left;}
.flink li a{color: #888;font-size: 12px;}
.flink li:nth-child(2){display:none;}
.flink li a:hover{color:#2ca6e0}
/*footer*/
.footer{width: 100%;padding: 10px 0;background: #2b333e;float: left;margin-top: 10px;border-top: 1px solid #e2e2e2;}
.foot_box{width: 1000px;margin: auto;}
.footer p {float:left;width:100%;text-align: center;color: #d8dde0;font-size: 12px;line-height: 28px;display: flex;justify-content: center;flex-wrap: wrap;align-content: space-around;}
.footer p a:hover{text-decoration:none;}
.footer p span{height:30px;font-size:12px;color:#555;margin:0 auto;}
.footer p a{color: #d8dde0;font-size: 12px;padding: 0 5px;}
.footer p img{color: #d8dde0;display: inline-block;}
.footer p:last-child a{display:flex;align-items: center;}


/*动画*/
.bounce:hover{
    -webkit-animation:bounce 1s .2s ease both;
    -moz-animation:bounce 1s .2s ease both;}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px)}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
    40%{-moz-transform:translateY(-30px)}
    60%{-moz-transform:translateY(-15px)}
}
.bounceInUp{
    -webkit-animation:bounceInUp 1s .0s ease both;
    -moz-animation:bounceInUp 1s .0s ease both;
}
@-webkit-keyframes bounceInUp{
    0%{opacity:0;
        -webkit-transform:translateY(10px)}
    60%{opacity:1;
        -webkit-transform:translateY(-10px)}
    80%{-webkit-transform:translateY(10px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp{
    0%{opacity:0;
        -moz-transform:translateY(10px)}
    60%{opacity:1;
        -moz-transform:translateY(-10px)}
    80%{-moz-transform:translateY(10px)}
    100%{-moz-transform:translateY(0)}
}
}