@import url(./index_article.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
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;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;line-height: 30px;}
td {line-height: 30px;}
fieldset, img {border: 0 none;}
address,caption,cite,code,dfn,em,th,var {font-style: normal;font-weight: normal}
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;}
a {color: #333;text-decoration: none;font-size: 15px;}
body,input,button,textarea,select {font-size: 12px;}
u {text-decoration: none;}
body {background: #f5f5f8;}
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; */}
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: #4d99f4;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*/
.header {margin: 0 auto;background: #fff;text-align: center;}
.header_box {width: 100%;margin: 0 auto;overflow: hidden;}
.logo {width: 187px;height: 36px;background: url("../img/logo.png") no-repeat;display: inline-block;margin-top: 17px;background-size: 100%;}
.kouhao {width: 147px;height: 39px;background: url("../img/kouhao.png") no-repeat;float: left;margin-top: 24px;margin-left: 9px;}
.header .nav {float: left;line-height: 108px;}
.header .nav a {float: left;margin-left: 36px;font-size: 16px;color: #333;}
.rougao {float: right;margin-top: 38px;display: none;}
.rougao a {font-size: 14px;width: 94px;color: #ffffff;text-align: center;float: left;background: #dfa963;height: 34px;line-height: 34px;border-radius: 4px;}
.rougao span {width: 100%;float: left;}
.rougao .jianyi {background: #69b5e9;margin-right: 15px;}
.rougao .jianyi i {background: url("../img/ico.png") -32px 0px no-repeat;display: none;}
.rougao i {display: inline-block;width: 37px;height: 36px;background: url("../img/ico.png") -69px 0px no-repeat;display: none;}
.search {background: #fff;float: left;border-radius: 10px;overflow: hidden;border: 1px solid #e5e5e5;margin: 3%;width: 94%;}
.search em {float: left;width: 26px;height: 25px;margin-left: 15px;margin-top: 8px;display: none;}
.search_text {width: 61%;padding: 0 3%;line-height: 40px;height: 40px;border: 0;color: #cacaca;font-size: 15px;outline: none;background: #ffff;}
.search_btn {width: 26%;line-height: 40px;cursor: pointer;background: #e39837;padding: 0;float: right;font-size: 16px;color: #ffffff;border: 0;text-align: center;}

.jb_nav {float: left;width: 100%;background: #308ece;}
.jb_nav_box {float: left;width: 100%;padding: 3% 0;}
.jb_nav_box a {float: left;color: #fff;width: 25%;font-size: 16px;line-height: 40px;text-align: center;}
.jb_nav_box a:nth-child(1) {/* background: #4da6e3; */}

.main_top{float: left;width: 94%;padding: 3%;background: #fff;border-radius: 15px;margin-top: 10px;}
.main_top a:hover{color:#ff3333;}
.main_top_left{float: left;width: 100%;}
.banner_list {width: 100%;position: relative;overflow: hidden;border-radius: 10px;}
.banner_list ul li {float: left;height: 206px;position: relative;}
.banner_list ul li img {width: 100%;height: 100%;}
.banner_list ul li p {background: rgba(0, 0, 0, 0.6);line-height: 30px;color: #fff;bottom: 0;position: absolute;width: 100%;padding: 0 10px;}
.banner_list .dots {position: absolute;bottom: 40px;right: 30px;}
.banner_list .dots .dot {width: 25px;height: 25px;background: #000000;background: rgba(0, 0, 0, 0.6);float: left;text-align: center;color: #fff;margin: 0 5px;line-height: 25px;border-radius: 50%;cursor:pointer;overflow: hidden;}
.banner_list .dots .dot.active {background: #20a53a;}
.main_top_left .title{font-size: 16px;line-height: 31px;margin-top:10px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;margin-bottom: 3px;}
.main_top_left .desc{font-size: 14px;color:#999;line-height: 24px;}

.main_top_mid{width: 100%;float: left;margin-top: 10px;}
.mtm_title{height: 42px;line-height: 42px;font-size: 15px;float: left;width: 94%;background: #f5f5f8;font-weight: 700;border-radius: 10px;color: #333;margin-bottom: 15px;padding: 0 3%;}
.mtm_title span{height: 20px;line-height: 20px;padding: 11px 1px;font-size: 16px;display: inline-block;color: #333;font-weight: 700;margin-top: -1px;}
.mtm_tw{margin-bottom: 11px;float: left;width: 100%;}
.mtm_tw .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;font-weight: 700;color: #404040;}
.mtm_tw .title:hover{color: #20a53a;}
.mtm_tw .title:before{content:"new";line-height: 22px;color: #ffffff;width: 41px;height: 22px;font-size: 12px;text-align: center;float: left;margin-top: 3px;margin-right: 7px;background: #308ece;border-radius: 4px;}
.mtm_tw .msg{width: 287px;float:left;margin-left:10px;}
.mtm_tw .desc{font-size: 15px;margin-top: 7px;color: #8f8f8f;line-height: 24px;height: 24px;overflow: hidden;}
.main_top_mid ul{float: left;width: 100%;}
.main_top_mid li{overflow: hidden;line-height: 30px;font-size:15px;margin: 7px 0 6px 0;}
.main_top_mid li a{width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;font-size: 15px;}
.main_top_mid li span{color:#999;font-size: 13px;float: right;}
.main_top_right{float: right;width: 301px;}
.main_top_right a{display: block;overflow: hidden}
.main_top_right img{width:100px;height:70px;float: left;background: red;}
.main_top_right .msg{width: 195px;float: right;}
.main_top_right .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_top_right .desc{font-size:14px;color:#999;margin-top:6px;}
.tw_list{width: 94%;float: left;padding: 3%;background: #fff;border-radius: 15px;margin-top: 10px;}
.tw_list_box{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 4px;float: left;}
.tw_item{border-radius: 10px;width: 47%;float: left;position: relative;overflow: hidden;margin-bottom: 15px;}
.tw_item p{position: absolute;width: 95%;background: rgba(0,0,0,0.6);bottom:0;color:#fff;line-height: 30px;padding:0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.tw_item img{width: 100%;float: left;}


/* 头部-右边 */
.jb_top_right{width: 100%;float: right;}
.jb_toppic{height: 42px;line-height: 42px;font-size: 16px;float: left;width: 100%;background: #f5f5f8;font-weight: 700;border-radius: 10px;color: #333;margin-bottom: 13px;}
.jb_toppic em{float: left;width: 8px;height: 20px;background: #e39837;margin-right: 4px;margin-left: 10px;margin-top: 11px;border-radius: 10px;}
.top_recm{float:left;width: 100%;}
.top_hot{float: left;width: 100%;}
.top_hot ul,.top_recm ul{float: left;width: 100%;}
.top_hot ul li,.top_recm ul li{line-height: 40px;float: left;width: 100%;overflow: hidden;height: 40px;}
.top_hot ul li,.top_recm ul li a{font-size: 15px;}
.top_recm ul li code {font-style: inherit;line-height: 16px;color: #fff;width: 17px;height: 17px;font-size: 13px;text-align: center;float: left;margin-top: 13px;margin-right: 10px;border-radius: 4px;background: #c5c5c5;}
.top_recm ul li:nth-child(1) code{background: #f77971;color: #fff;}
.top_recm ul li:nth-child(2) code{background: #e99844;}
.top_recm ul li:nth-child(3) code{background: #308ece;}

.content-right{width:300px;float:right;color:#333;font-size:16px;border: 1px #e5e5e5 solid;border-top: 0;}
.content-right .mtm_title span{padding-left: 15px;}
.box-csfw{clear:both;border-top:none;border-top: 1px #e5e5e5 solid;}
.box-csfw .tit{ height:16px; line-height:16px;  margin:0px 10px 5px; padding-left:10px; overflow:hidden; position:relative;border-bottom:1px #e5e5e5 dashed; padding-bottom:10px; padding-top:10px; }
.box-csfw .tit span{ position:absolute; top:12px; left:0; border-left-width:3px; border-left-style: solid; display:block; height:12px;}
.box-csfw  .smore{position: absolute;right: 0;bottom: 10px;display: block;overflow: hidden;height: 16px;padding-top: 5px;}
.box-csfw .smore a {font-size: 12px;line-height: 16px;display: block;width: 50px;height: 16px;color: #999;}
.box-csfw .red-bd{ border-color:#f65c5b;}
.box-csfw .blue-bd{ border-color:#31a9ee;}
.box-csfw ul{ clear:both; overflow:hidden; border-bottom: 4px #efefef solid;}
.box-csfw ul:last-child{ border-bottom:none;}
.box-csfw ul li{border-bottom:1px #e5e5e5 solid;position:relative;overflow:hidden;line-height: 41px;width: 149px;float: left;}
.box-csfw ul li span{background: #e5e5e5;display:block;height: 25px;float: left;width: 1px;margin-top: 8px;}
.box-csfw ul li:last-child{ border:none;}
.box-csfw ul li a{color: #444;float:left;position:relative;font-size: 15px;width: 93px;}
.box-csfw ul li i{display: inline-block;float: left;width: 18px;height: 18px;margin-top: 11px;margin-left: 20px;background: url(../img/logo.png) no-repeat;margin-right: 9px;}
.box-csfw  .gj{background-position: 0px -100px;}
.box-csfw  .lz{background-position: -17px -100px;margin-left: 17px;}
.box-csfw  .gz{background-position: -36px -99px;}
.box-csfw  .es{background-position: -54px -99px;}
.box-csfw  .jj{background-position: -72px -99px;}
.box-csfw  .fc{background-position: -90px -99px;}
.box-csfw  .jd{background-position: -0px -117px;}
.box-csfw  .js{background-position: -18px -117px;}
.box-csfw  .wz{background-position: -37px -117px;}
.box-csfw  .cp{background-position: -55px -118px;}
.box-csfw  .etc{background-position: -73px -118px;}


.main{width: 100%;margin: 0 auto;}
.shenghuo_list{float: left;width: 94%;background: #fff;margin-top: 10px;padding: 3%;border-radius: 15px;}
.shenghuo_list_title{float: left;height: 36px;line-height: 36px;width: 100%;border-bottom: 2px solid #d3d3d3;overflow: hidden;}
.shenghuo_list_title h2{float: left;background: #308ece;padding: 0 18px;}
.shenghuo_list_title h2 a{font-size: 17px;color: #fff;}
.shenghuo_list_lanmu{font-size: 16px;float: right;width: 70%;}
.shenghuo_list_lanmu a {float: left;margin-left: 20px;color: #555555;font-size: 14px;}

.shenghuo_list_left{width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;}
.shenghuo_list_left_li{width: 100%;float: left;margin-top: 10px;}
.shenghuo_list_left_li_title{width: 94%;height: 40px;background: #f5f5f8;float: left;line-height: 40px;font-size: 16px;margin-bottom: 15px;border-radius: 10px;padding: 0 3%;}
.shenghuo_list_left_li_title span{float: left;color: #222;font-weight: 700;padding-left: 5px;text-align: center;}
.shenghuo_list_left_li_title a{color: #666;float: right;font-size: 14px;}
.shenghuo_list_left_li ul{width: 100%;float: left;margin-top: 10px;}
.shenghuo_list_left_li ul li{width: 100%;float: left;font-size: 15px;height: 42px;line-height: 42px;}
.shenghuo_list_left_li ul li a:hover{color: #20a53a}
.shenghuo_list_left_li ul li em {font-size: 30px;background: #308ece;width: 4px;height: 4px;float: left;margin-top: 21px;margin-right: 9px;}
.shenghuo_list_left_li ul li a {float: left;color: #333;width: 60%;overflow: hidden;height: 30px;}
.shenghuo_list_left_li ul li span {float: right;font-size: 13px;color: #999999;}

.shenghuo_list_left_banner{width: 100%;float: left;margin-top: 5px;}
.shenghuo_list_left_banner .art{margin-left: 10px;width: 57%;float: left;}
.shenghuo_list_left_banner .art h2 {cursor: pointer;font-size: 16px;font-weight: 700;height: 25px;overflow: hidden;}
.shenghuo_list_left_banner .art h2:hover{color: #20a53a}
.shenghuo_list_left_banner .art p {float: left;line-height: 24px;color: #8f8f8f;height: 48px;font-size: 15px;overflow: hidden;margin-top: 5px;}
.shenghuo_list_left_banner .pic{margin-right: 10px;width: 120px;float: left;}
.shenghuo_list_left_banner .pic img{width: 100%;height: 80px;border-radius: 10px;}

.shenghuo_list_right{width: 94%;float: right;background: #f5f5f8;padding: 3%;border-radius: 10px;}
.shenghuo_list_right_title{height: 40px;line-height: 40px;float: left;width: 94%;background: #fff;padding: 0 3%;border-radius: 10px  10px 0  0;padding-top: 2px;}
.shenghuo_list_right_title span{float: left;font-size: 16px;color: #333;text-align: center;font-weight: 700;}
.shenghuo_list_right_title a{float: right;font-size: 14px;color: #308ece;}
.shenghuo_list_right_art{float: left;width: 100%;background: #fff;}
.shenghuo_list_right_art ul{width: 90%;float: left;padding: 5%;border-radius: 0 0 10px 10px;padding-top: 0;}
.shenghuo_list_right_art ul li{width: 100%;float: left;height: 42px;line-height: 42px;font-size: 15px;overflow: hidden;}
.shenghuo_list_right_art ul li :hover{color: #20a53a}
.shenghuo_list_right_art ul li:last-child{border-bottom: none;}
.shenghuo_list_right_art ul li em {font-style: inherit;line-height: 16px;color: #fff;width: 17px;height: 17px;font-size: 13px;text-align: center;float: left;margin-top: 13px;margin-right: 10px;border-radius: 4px;background: #c5c5c5;}
.shenghuo_list_right_art ul li:nth-child(1) em{background: #f77971;color: #fff;}
.shenghuo_list_right_art ul li:nth-child(2) em{background: #e99844;}
.shenghuo_list_right_art ul li:nth-child(3) em{background: #308ece;}

.shenghuo_list_right_art .art{float: left;font-size: 14px;color: #575757;}

.flink {background: #fff;border-radius: 12px;width: 94%;padding: 3%;margin: auto;overflow: hidden;float: left;margin-top: 10px;}
.flink ul {width: 1100px;margin: auto;}
.flink b {line-height: 28px;float: left;font-size: 18px;font-weight: 700;color: #333;}
.flink b:before {content: "";float: left;background: #308ece;width: 7px;height: 18px;margin-right: 5px;border-radius: 60px;margin-top: 5px;}
.flink b:after {content: "";display: inline-block;background: #eeeeee;height: 3px;width: 200px;margin-left: 15px;}
.flink li {line-height: 22px;color: #b7b7b7;margin: 6px;float: left;}
.flink li:nth-child(1) {color: #4586f1;}
.flink li a {color: #444;font-size: 14px;}
.flink li a:hover {color: #4586f1;}

/*footer*/
.footer {width: 94%;padding: 3%;background: #3c434c;float: left;margin-top: 10px;}
.foot_box {width: 1000px;margin: auto;}
.footer p {float: left;width: 100%;text-align: center;color: #d8dde0;line-height: 23px;}
.footer p a:hover {text-decoration: none;}
.footer p span {height: 30px;font-size: 12px;color: #555;margin: 0 auto;}
.footer p a {font-size: 12px;color: #d8dde0;padding: 0 5px;display: inline-block;}

}