/*左侧二级*/
.mian{ width:100%;}
.span_1{ width:100%;}
.span_1 .box_top{ background:url(../images/shutiao.jpg) no-repeat left; color:#2b2b2b; font-size:24px; padding-left:18px;}
.span_1 ul{ padding:10px 0;  text-indent: 0;}
.span_2{ margin-top:13px;}
.span_2 .span_2top{ color:#14171c; font-size:24px; border-bottom:2px solid #0e7bc0;} 
.span_2 ul{ background:#fff; font-size:12px; text-indent:12px;}
.span_2 ul li{ color:#14171c; line-height:34px;}

/*主要样式*/
.subNavBox{ width:100%;margin-top: 10px}
.subNav{ color:#FFF; width:auto; height:40px; line-height:40px; margin-bottom:5px; padding:0px 18px; background:#18294c; font-size:14px;}
.currentDd{color:#277fc2}
.navContent{ display:none; width:100%; background:#FFF;}
.navContent li{ background:#FFF;}
.navContent li a{display:block;text-align:center;font-size:14px;line-height:28px;color:#333}
.navContent li a:hover{color:#fff;}

/*右侧内容*/
.box_fl{ width:18%;}
.box_fr{ width:79%; margin-bottom:50px; float:right;}
.crumbs{ width:100%; height:30px; line-height:30px; margin-top: 5px; color:#5f5e5e; }
.cru_left{  font-size:18px;}
.cru_right{ font-size:14px;}
.product_box{ width:100%; border-top:#0377c2 solid 2px; background:#fff;}

/*右侧内容*/

.crumbs{ width:100%; height:30px; line-height:30px; margin-top: 5px; color:#5f5e5e; }
.cru_left{  font-size:18px;}
.cru_right{ font-size:14px;}
.product_box{ width:100%; border-top:#0377c2 solid 2px; background:#fff;}
.con_pic{ margin-top:10px;}
.con_pic ul{ margin:0 25px;}
.con_pic ul li{ float:left; width:285px; text-align:center; position: relative;  border:#eaeaea; margin:0px 7px 13px;}
.con_pic ul li .imgbox img{   vertical-align: middle; width:376px;height:230px;}
.con_pic ul li a.name{width:285px; position: absolute;height:52px;line-height:52px;left:0px;bottom:0px;display: block;text-align: center;  background: url(../images/picName.png);font-size: 16px;  color: #fff; overflow:hidden;}
.con_pic  ul li .mask {display: none;content: ""; background:url(../images/gcal_hover.png) no-repeat; position: absolute;left:0px;top:0px;right:0px;bottom:0px;}
.con_pic ul li:hover .mask {display: block;}
.con_pic ul li:hover  a.name {display: none;}





@media (max-width: 639px) { 

/*左侧二级*/
.mian{ width:100%;}
.span_1{ width:100%;}
.span_1 .box_top{ background:url(../images/shutiao.jpg) no-repeat left; color:#2b2b2b; font-size:24px; padding-left:18px;}
.span_1 ul{ margin-top:10px; background: #fff; text-indent: 20px;}
.span_2{ margin-top:13px;}
.span_2 .span_2top{  background:url(../images/shutiao.jpg) no-repeat left; color:#14171c; font-size:24px; border-bottom:2px solid #0e7bc0;padding-left:18px;} 
.span_2 ul{ background:#fff; font-size:12px; text-indent:12px;}
.span_2 ul li{ color:#14171c; line-height:34px;}

/*右侧内容*/
.box_fl{ width:18%; display:none;}
.box_fr{ width:100%; margin-bottom:50px; float:right;}
.crumbs{ width:100%; height:30px; line-height:30px; margin-top: 5px; color:#5f5e5e; }
.cru_left{  font-size:18px;}
.cru_right{ font-size:14px; display:none;}
.product_box{ width:100%; border-top:#0377c2 solid 2px; background:#fff;}
.con_pic{ margin-top:10px;}
.con_pic ul{ margin:0 15px;}
.con_pic ul li{ float:left; width:285px; text-align:center; position: relative;  border:#eaeaea; margin:0px 7px 13px;}
.con_pic ul li .imgbox img{   vertical-align: middle; width:376px;height:230px;}
.con_pic ul li a.name{width:285px; position: absolute;height:52px;line-height:52px;left:0px;bottom:0px;display: block;text-align: center;  background: url(../images/picName.png);font-size: 16px;  color: #fff; overflow:hidden;}
.con_pic  ul li .mask {display: none;content: ""; background:url(../images/gcal_hover.png) no-repeat; position: absolute;left:0px;top:0px;right:0px;bottom:0px;}
.con_pic ul li:hover .mask {display: block;}
.con_pic ul li:hover  a.name {display: none;}

}


@media (min-width: 640px) and (max-width:1023px ) {



/*右侧内容*/
/*右侧内容*/
.box_fl{ width:18%; display:none;}
.box_fr{ width:100%; margin-bottom:50px; float:right;}
.crumbs{ width:100%; height:30px; line-height:30px; margin-top: 5px; color:#5f5e5e; }
.cru_left{  font-size:18px;}
.cru_right{ font-size:14px;}
.product_box{ width:100%; border-top:#0377c2 solid 2px; background:#fff;}
.con_pic{ margin-top:10px;}
.con_pic ul{ margin:0 15px;}
.con_pic ul li{ float:left; width:285px; text-align:center; position: relative;  border:#eaeaea; margin:0px 5px 13px;}
.con_pic ul li .imgbox img{   vertical-align: middle; width:376px;height:230px;}
.con_pic ul li a.name{width:285px; position: absolute;height:52px;line-height:52px;left:0px;bottom:0px;display: block;text-align: center;  background: url(../images/picName.png);font-size: 16px;  color: #fff; overflow:hidden;}
.con_pic  ul li .mask {display: none;content: ""; background:url(../images/gcal_hover.png) no-repeat; position: absolute;left:0px;top:0px;right:0px;bottom:0px;}
.con_pic ul li:hover .mask {display: block;}
.con_pic ul li:hover  a.name {display: none;}

	}

@media (min-width: 1024px) and (max-width:1200px ){

/*左侧二级*/
.mian{ width:100%;}
.span_1{ width:100%;}
.span_1 .box_top{ background:url(../images/shutiao.jpg) no-repeat left; color:#2b2b2b; font-size:24px; padding-left:18px;}
.span_1 ul{ margin-top:10px; background: #fff; text-indent: 20px;}
.span_2{ margin-top:13px;}
.span_2 .span_2top{  background:url(../images/shutiao.jpg) no-repeat left; color:#14171c; font-size:24px; border-bottom:2px solid #0e7bc0;padding-left:18px;} 
.span_2 ul{ background:#fff; font-size:12px; text-indent:12px;}
.span_2 ul li{ color:#14171c; line-height:34px;}

/*右侧内容*/
.box_fl{ width:18%;}
.box_fr{ width:79%; margin-bottom:50px; float:right;}
.crumbs{ width:100%; height:30px; line-height:30px; margin-top: 5px; color:#5f5e5e; }
.cru_left{  font-size:18px;}
.cru_right{ font-size:14px;}
.product_box{ width:100%; border-top:#0377c2 solid 2px;}
.con_pic{ margin-top:10px;}
.con_pic ul{ margin:0 88px;}
.con_pic ul li{ float:left; width:285px; text-align:center; position: relative;  border:#eaeaea; margin:0px 7px 13px;}
.con_pic ul li .imgbox img{   vertical-align: middle; width:376px;height:230px;}
.con_pic ul li a.name{width:285px; position: absolute;height:52px;line-height:52px;left:0px;bottom:0px;display: block;text-align: center;  background: url(../images/picName.png);font-size: 16px;  color: #fff; overflow:hidden;}
.con_pic  ul li .mask {display: none;content: ""; background:url(../images/gcal_hover.png) no-repeat; position: absolute;left:0px;top:0px;right:0px;bottom:0px;}
.con_pic ul li:hover .mask {display: block;}
.con_pic ul li:hover  a.name {display: none;}

	
	}