@import url(index_article.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0 none;outline:0;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
strong{font-weight:800}
ol,ul,li{list-style:none outside none;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
strong{font-weight: 800;}
body{font-size: 12px;background: #f8f8f8;}
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;font-size: 15px;}
a:hover { color: #2ca6e0; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }

.header{float: left;width: 100%;background: #fff;}
.header_box{width: 100%;margin: auto;text-align: center;}
.fw100_logo{display: inline-block;width: 147px;height: 34px;margin-top: 13px;background: url('../../static/img/logo.png') no-repeat;background-size: 100%;}

.search_box{display: inline-block;width: 792px;}
.search {background: #fff;float: right;border-radius: 10px;overflow: hidden;border: 1px solid #08a5d8;width: 94%;margin: 3%;}
.search em{float: left;width: 26px;height: 25px;background: url(//static.ruiwen.com/img/index/ico_2021.png) -31px 0px no-repeat;;;;;;;;;;;margin-left: 13px;;;;;;;;;;;margin-top: 11px;}
.search_text {width: 60%;padding: 0 2%;line-height: 48px;height: 48px;border: 0;color: #cacaca;font-size: 17px;outline: none;}
.search_btn {width: 21%;line-height: 48px;cursor: pointer;background: #08a5d8;padding: 0;float: right;font-size: 16px;color: #ffffff;border: 0;text-align: center;font-size: 16px;}

.fw100_nav{background-color: #08a5d8;float: left;width: 100%;}
.fw100_center{width: 100%;margin: auto;}
.fw100_center ul{float:left;width: 100%;padding: 10px 0;}
.fw100_nav ul li{float: left;}
.fw100_nav ul li a{display: inline-block;color:#fff;width: 128px;height: 40px;line-height: 40px;font-size: 16px;text-align: center;}
.fw100_nav ul li .active,.fw100_nav ul li a:hover{background-color: #0a8fce;display: none;}
.fw100_login{float: right;margin-top: 12px;}
.fw100_login a{float: left;line-height: 26px;border-radius: 4px;color: #fff;background: #2dbfef;margin-left: 15px;padding: 0 11px;font-size: 12px;display: none;}
.fw100_login .jianyi{background: #e7a72f;}

/* end头部 */
.fw100_cont{width: 100%;margin: auto;}
.fw100_let_nav{color: #999;float: left;width: 94%;height: 30px;line-height: 30px;padding: 3%;}
.fw100_let_nav a{font-size: 14px;color: #999;}
.fw100_let_nav code{color: #999;padding: 0 5px;}
.fw100_chan_box{padding: 3%;background: #fff;border-radius: 10px;float: left;width: 94%;margin-top: 10px;}
.t_2{height:40px;line-height: 40px;margin-bottom: 15px;}
.t_2 h3{font-weight:600;float: left;}
.t_2 h3 a{font-size: 19px;}
.t_2 span {float: right;color: #999;}
.t_2 span a {float: right;color: #08a5d8;}
.fw100_chan_c{float: left;width: 100%;}
.chan_l{width: 100%;float: left;}

.img_box{width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;}
.img_box a{width: 100%;height: 90px;float: left;position: relative;margin-bottom: 15px;}
.img_box a img{width: 125px;height: 84px;border-radius: 10px;float: left;margin-right: 17px;}
.img_box a h5{line-height: 32px;height: 32px;font-size: 15px;font-weight: 700;float: left;width: 60%;color: #333;}
.img_box a p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;color: #999;width: 60%;line-height: 24px;}
.fw100_chan_ul{float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 14px;}
.fw100_chan_ul li{float: left;height: 42px;line-height: 42px;width: 100%;}
.fw100_chan_ul li em{float: left;width: 5px;height: 5px;line-height: 15px;text-align: center;background: #e1e1e1;margin-top: 19px;color: #fff;font-weight: 700;margin-right: 10px;border-radius: 10px;}
.fw100_chan_ul li a{float: left;}
.fw100_chan_ul li a:hover{color:#f00;text-decoration: underline;}
.fw100_chan_ul li span{float: right;color: #969696;margin-left: 20px;font-size: 13px;}


/* 栏目热门文章 */
.chan_r{float:right;width: 100%;}
.h_box5{width: 94%;padding: 3%;background: #f8f8f8;float: right;border-radius: 10px;}
.t_3 {font-size: 16px;padding: 8px 0;font-weight: bold;color: #333;line-height: 32px;}
.t_3 em{color: #ff685d;background: #ffffff;border-radius: 10px;height: 23px;width: 23px;font-size: 14px;float: left;text-align: center;line-height: 23px;margin-top: 5px;margin-right: 10px;font-weight: 700;}

.b_box4{float: left;width: 100%;}
.b_box4 li{height: 40px;overflow:hidden;padding-left: 26px;position: relative;float: left;width: 90%;line-height: 40px;}
.b_box4 li i{position: absolute;width: 17px;height: 15px;line-height: 15px;left: 0;top: 13px;text-align: center;background-color: #b9b9b9;color:white;font-family: inherit;font-style: initial;border-radius: 6px;}
.b_box4 li:nth-child(1) i{background: #08a5d8;}
.b_box4 li:nth-child(2) i{background: #08a5d8;}
.b_box4 li:nth-child(3) i{background: #08a5d8;}

/* 友情链接 */
.fink_box{float:left;background: #fff;border-radius: 12px;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: #08a5d8;width: 17px;height: 17px;margin-right: 5px;border-radius: 60px;margin-top: 4px;}
.fink_box_tl em{float: left;height: 26px;font-weight: 700;font-size: 18px;font-style: inherit;}
.fink_box_tl:after{content:"";display: inline-block;background: #eeeeee;height: 3px;width: 100%;}
.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: 10px 8px;display: inline-block;float: left;margin-bottom: 0px;}
.flink li a{color: #444;font-size: 14px;}
.flink li:nth-child(2){display:none;}
.flink li a:hover{color:#2ca6e0}

/* 页脚 */
.footer{margin-top: 10px;padding: 10px 0px;text-align: center;background-color: #333945;float: left;width: 100%;}
.footer p{line-height: 24px;color: #a7aab0;font-size: 12px;}
.footer a{color: #a7aab0;font-size: 12px;padding: 0 3px;}
}