/* 新闻 */
.news{ background: #fcfcfc; height: auto; margin-top: 12px;}

/* 公告 */
.notice { height: auto; z-index: 999; margin-bottom: 12px; border-bottom: 1px dashed #ddd;}
.notice_c { position: relative; height: auto;}
.notice_c .toutiao-img { position: absolute; left: 0px; top: 0px; margin-top: -1px; width: 3.5%; height: auto;}
.notice_c .toutiao-img img { width: 100%; height: 100%;}

.notice_cr { width: 96%; height: 55px; position: relative; margin: 0 0 0 3.5%;}
.notice_cr .bd { width: 99%;}
.notice_cr .bd .tempWrap { width: 100% !important; }
.notice_cr .bd ul { overflow: hidden; zoom: 1;}
.notice_cr .bd ul li { margin-right: 20px; float: left; height: 55px; line-height: 55px; text-align: left; 
	_display: inline; width: auto !important; font-size: 14px; padding: 0 0 0 10px;
	background: url(../img/ysDdp_ico.png) no-repeat left center;}

.news .news_f { width: 36%; float:left; height: 292px; margin-right: 10px; overflow: hidden;}

.slideBox { width: 100%; overflow: hidden; position: relative;}
.slideBox .hd { height: 20px; overflow: hidden; position: absolute; right: 5px; bottom: 2px; z-index: 1;}
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li { float: left; width: 15px; height: 15px; line-height: 15px; text-align: center; color: #fff;
 	cursor: pointer; font-size: 14px; margin-right: 2px; background: #474747;}
.slideBox .hd ul li.on { background: #c70009; color: #fff;}
.slideBox .bd { position: relative; height: 100%; z-index: 0;}
.slideBox .bd li { zoom: 1; vertical-align: middle; position: relative;}
.slideBox .bd .bg  { background: #000; opacity: 0.8; position: absolute; line-height: 30px; width: 100%; 
	bottom: 0px; height: 30px; overflow: hidden; left: 0px; color:#fff; z-index: 1;}
.slideBox .bd .text { width: 75%; position: absolute; line-height: 30px; bottom: 0px; height: 30px; left: 0px;
	overflow: hidden; z-index: 2;}
.slideBox .bd .text a  { padding-left: 8px; display: block; color: #FFF; font-size: 14px; white-space: nowrap; 
	text-overflow: ellipsis; overflow: hidden;}
.slideBox .bd .pic img { width: 100%; height: 292px; display: block;}

.news .news_c{ float: left; width: 36%; border: 1px solid #e0e0e0; margin-right: 10px; height: 290px;
	overflow: hidden;}
.slide_l { width: 100%; background: url(../img/hbg10.jpg) repeat-x; height: 30px; line-height: 30px; 
	font-size: 14px;}
.slide_l li { float: left; width: 20%; height: 30px; border-right: #e0e0e0 1px solid;
	line-height: 30px; text-align: center;}
.slide_l li.on a { background:url(../img/hbg1.jpg) repeat-x #fff; color: #c70009; display: block;
	text-decoration: none; font-weight: bold;}
.slide_l span.ym_gr { display: block; float: right; margin: 0 10px 0 0;}
.slide_l span.ym_gr a { padding: 0 3px; color: #6c442a;}
.bq_list li.on a { background:url(../img/hbg11.jpg) repeat-x #fff; color: #fff; height: 35px;}
.list_n { padding: 8px;}
.list_n li { background: url('../img/sc_04.png') no-repeat left center; padding-left: 14px;
	line-height: 30px; border-bottom: 1px dashed #ccc; font-size: 14px;}
.list_n li p { width: 72%; float: left; overflow: hidden; text-overflow: ellipsis; color: #999;
	white-space: nowrap;}
.list_n li p a { color: #666;}
.list_n li span { display: block; float: right; padding-right: 8px;}
.list_n li:hover a { color: #de0100;}

/* 第一条新闻 */
.top_tle { margin-bottom: 5px;}
.top_tle h2{ font-size: 14px; margin-bottom: 10px; font-weight: bold; text-align: center;}
.top_tle h2 a{ color: #de0100;}
.top_tle h4 { padding-left: 3px;}
.top_tle p{ line-height: 21px; color: #666; text-indent: 2em; display: -webkit-box; -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; height: 63px; font-weight: normal;}
.top_tle span{ padding-left: 10px; float: left; z-index: 1;}
.top_tle span a{ color: #de0100; display: block;}

.news_r { float: right; width: 26%; border: 1px solid #e0e0e0; border-top: none; height: 291px; overflow: hidden; 
	margin-bottom: 10px;}

/* 第一条新闻 */
.top_tle_p { margin-bottom: 6px;}
.top_tle_p h2{ font-size: 14px; margin-bottom: 10px; font-weight: bold;}
.top_tle_p h2 a{ color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.top_tle_p .msg1 { float: left; width: 126px; border: 1px solid #ccc; padding: 2px; height: 91px;}
.top_tle_p .msg1  a { width: 100%; position: relative; display: block; height: 91px;}
.top_tle_p .msg1  a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.top_tle_p .msg{ float: left; width: 138px; border: 1px solid #ccc; padding: 2px; height: 98px;}
.top_tle_p .msg a { width: 100%; position: relative; display: block; height: 98px;}
.top_tle_p .msg a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.top_tle_p h4{ padding-left: 3px;}
.top_tle_p p{ line-height: 21px; color: #666; text-indent: 2em; display: -webkit-box; -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; height: 63px; font-weight: normal;}
.top_tle_p span{ padding-left: 10px; float: left; z-index: 1;}
.top_tle_p span a{ color: #CC0000; display: block;}

.top_t1 h4 { float: right; width: 66%;}
.top_t2 h4 { float: right; width: 54.5%;}

/* 短标题 */
.title{ background: url('../img/t_bg.jpg') no-repeat; width: 100%;}
.title h1{ float: left; font-size: 14px; text-align: center; height: 30px; line-height: 30px; width: 90px;}
.title h1 a{ color: #fff; font-weight: bold;}
.more{ float: right; padding: 5px 10px 0 0; height: 25px; line-height: 25px;}
.more a{ color: #CC0000;}

.word { padding: 8px;}
.list_g li{ float: left; background: url('../img/sc_04.png') no-repeat left center; padding-left: 15px;
	border-bottom: 1px dashed #ccc; line-height: 28px; color: #999; width: 96%;}
.list_g li a{ color: #666; font-size: 14px; display: block; overflow: hidden; text-overflow: ellipsis;
	white-space: nowrap;}
.list_g li a:hover{ color: #de0100;}

.list_line li { border: none; line-height: 26px;}

/* 公开信息 */
.gongkai { float: left; width: 72.9%; border: solid 1px #e0e0e0; margin: 10px 0 0 0; height: 578px; overflow: hidden;}
.new_top { border-bottom: 1px dashed #e0e0e0;}
.gk_top { background:url(../img/tt_bg.png) repeat-x; height: 30px; width: 100%; border-bottom: solid 1px #e0e0e0;}
.gk_top span { height: 30px; float: left; background:url(../img/t_b_bg.png) no-repeat; width: 20%;
	line-height: 31px; font-size: 15px; color: #fff; font-weight: bold; padding: 0 0 0 18px; display: block;}

.gk_list { width: 58%; margin: 10px 10px 0 10px;}
.gk_list .hd { border: 1px solid #e0e0e0; border-bottom: none;}
.ml_list { width: 38%; margin: 10px 10px 0 0;}
.ml_top { background:url(../img/font_bg02.jpg) no-repeat 8px center; height: 29px; width: 100%; 
	border: solid 1px #e0e0e0;}
.ml_top span { float: left; width: 30%; line-height: 30px; font-size: 14px; color: #c70009; font-weight: bold; 
	padding: 0 0 0 25px; display: block;}
.bq_top { background: none;}
.bq_top span { width: 102px; height: 35px; color: #fff; padding: 0; background:url(../img/hbg11.jpg) no-repeat; 
	text-align: center;}

/* 简介 */
.jj_r { height: 579px;}
.word_jj { padding: 8px;}
.word_jj img { width: 100%; height: 198px;}
.word_jj p { text-indent: 2em; font-size: 14px; line-height: 24px; border-bottom: dashed 1px #e0e0e0; overflow : hidden;
	padding-bottom: 8px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 11; height: 260px;
	-webkit-box-orient: vertical;}
.word_jj ul { margin-top: 14px;}
.word_jj li { float: left; width: 23%; background: url(../img/jj_bg.png) no-repeat left center; padding: 0 0 0 20px;
	font-size: 14px; margin: 0 0 8px 10px;}
.word_jj li a:hover { color: #c70009; text-decoration: none;}

/* gg */
.gg_pic img { width: 100%; height: auto; margin-bottom: 10px;}

/* 领导 */
.leader { border: 1px solid #e0e0e0; height: 222px; overflow: hidden;}
.l_tt { width: 3.5%;}
.l_list { width: 96%;}
.leader .bd .tempWrap { margin-left: 5px; width: 99.6% !important;}
.l_list li { float: left; width: 135px; height: auto; margin: 5px 0 5px 10px; text-align: center;}
.l_list li em { width: 100%; position: relative; display: block; height: 166px;}
.l_list li em img { position: absolute; top: 0; left: 0; width: 100%; height: 166px; display: block;}
.l_list li h3 { font-size: 16px; line-height: 24px;}
.l_list li p { font-size: 14px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.pro_in { margin-top: 10px;}
.pro_l { width: 35.9%; margin-right: 10px; border: 1px solid #e0e0e0; height: 426px; overflow: hidden;}
.pro_l_list { padding: 8px;}
.pro_l_list li { margin-top: 6px;}
.pro_l_list li a { display: block; overflow: hidden; color: #000;}
.pro_l_list li a img { display: block; float: left; width: 30%; height: 70px; }
.pro_l_list li a p { float: left; line-height: 18px; width: 65%; font-family: 微软雅黑; margin-left: 8px; 
	line-height: 30px; height: 30px; overflow: hidden; color: #555; white-space: nowrap; text-overflow: ellipsis;}
.pro_l_list li a p span.name { font-weight: bold; color: #000; } 
.pro_c { width: 35.9%; margin-right: 10px; border: 1px solid #e0e0e0; height: 426px; overflow: hidden;}
.no_border { border-left: none; border-top: none; border-right: none;}
.pp_list { padding: 12px 8px 0 8px; list-style: none;}
.pp_list li { float: left; width: 49%; padding: 2px;}
.pp_list li img { width: 100%; height: 87px;}
.pro_r { height: 426px;}
.hy_list { padding: 8px; background: url(../img/timg.png) no-repeat right bottom;}
.hy_list li { background: url(../img/ysDdp_ico.png) no-repeat left center; padding-left: 10px; font-size: 14px; 
	line-height: 24px;}
.hy_list li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* 品牌推荐 */
.recommend { border: 1px solid #e0e0e0;}
.re_list { padding: 8px 8px 0 8px;}
.re_list li { float: left; width: 15.8%; margin-left: 9px; margin-bottom: 8px;}
.re_list li a { width: 100%; position: relative; padding: 20% 0; display: block;}
.re_list li a img { position: absolute; top: 0; left: 0; width: 100%; height: 99%; display: block;}

@media screen and (max-width: 768px) {
    .g-header {width:100%;height: 70px;}
    .g-header .m-box {
    
     height: 60px;
     }
    .m-info{display:none;}
    .notice_c .toutiao-img{ width: 8%;}
    .notice_cr{ width: 92%; height: 42px; margin: 0 0 0 8%;}
    .notice_cr .bd ul li{ margin-right: 1.2em; height: 42px; line-height: 42px;}

    .gk_top span { width: 40%;}
    .new_top { margin: 0.5em 0;}

    .news .news_f { width: 98%; float: none; height: auto; margin: 0 auto;}
    .slideBox .bd .pic { width: 100%; position: relative; padding: 35% 0; display: block;}
    .slideBox .bd .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 99%; display: block;}

    .news .news_c{ float: none; width: 98%; margin: 0.5em auto; height: auto;}
    .top_tle h2 a{ color: #de0100; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 
    	display: block;}
    .list li p { width: 70%;}

    .news_r { float: none; width: 98%; height: auto; margin: 0.5em auto;}

    .gongkai { float: none; width: 98%; height: auto; margin: 0.5em auto;}
    .gk_list { float: none; width: 98%; height: auto; margin: 0.5em auto;}
    .slide_l { width: 98%; margin: 0 auto;}
    .ml_list { float: none; width: 98%; margin: 0 auto;}
    .ml_top { width: 98%; margin: 0 auto;}
    .all_wid { width: 100%;}

    .jj_r { height: auto;}

    .l_tt { width: 10%;}
    .l_list { width: 88%;}
    .l_list li { width: 40%;}

    .pro_l { width: 98%; margin: 0 0 0 0.3em; height: auto;}
    .pro_c { width: 98%; margin: 0.5em 0 0.5em 0.3em; height: auto;}
    .pp_list { padding: 0; list-style: none;}
    .pp_list li { float: left; width: 48.5%; padding: 0.18em;}
    .pro_r { height: auto; clear: both;}

    .gg_pic img { margin-bottom: 0;}

    /* 品牌推荐 */
    .recommend { width: 98%; height: auto; margin: 0.5em auto;}
    .re_list { padding: 8px 8px 0 8px;}
    .re_list li { float: left; width: 32%; margin: 0 0.3em 0.3em 0.1em;}
    .re_list li:nth-child(3n) { margin-right: 0;}

    .pp_list li:nth-child(2n), .hy_list li:nth-child(2n) { display: none;}

    .top_tle_p .msg1, .top_tle_p .msg { width: 28%;}
    .top_t2 h4 { width: 66%;}
}
@media screen and (max-width: 768px) and (min-width: 424px){
    .l_tt { width: 6%;}
    .l_list { width: 92%;}
    .l_list li { width: 21%;}
}
@media screen and (max-width: 375px) and (min-width: 320px){
    .l_tt { width: 12%;}
    .l_list { width: 86%;}
    .l_list li { width: 44%;}
}