/*左侧二级*/
.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; background: #fff; 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;}

/*右侧内容*/
.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;}
.hot{ width:100%; background:#FFF;}
.hot ul{ padding:10px 0;}
.hot ul li{ float:left; width:33%; border-right:#d6d6d6 dashed 1px; padding:20px 0px;}
.hot ul li .hot_img{ float:left; width:50%; text-align:center;height: 140px;}
.hot ul li .hot_text{ float:left; width:50%;padding-top: 20px;}
.hot ul li .hot_name{ font-size:18px; color:#494949; line-height:26px;margin-bottom: 8px}
.hot ul li .hot_more a{ color:#8b8b8b; font-size:12px;}
.hot ul .none{ border-right:none;}

.product{ width:100%;}
.product .no{ margin-right:0px !important;}
.pro_lie{ background:#fff; width:24%; float:left; margin:10px 0; margin-right:9px; height:265px;}
.lie_img{ text-align:center; padding:20px 0px;height: 250px;display: table-cell;text-align: center;vertical-align: middle;}
.lie_img img{max-height: 100%; max-width: 80%}
.lie_name{ height:50px;background:#18294c; width:100%; line-height:50px; }
.lie_zuo{ color:#fff;font-size:16px;text-align:center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.lie_zuo a,.lie_zuo a:hover{color: #fff;display: block;}
.lie_jt a{ background:url(../images/more.jpg) no-repeat center; display:block; float:right; width:30%; height:50px;}

.photo{ width: 100%; overflow: hidden; }
.photo .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.photo .swiper-slide {background-size: cover;background-position: center;}
.photo .gallery-top {height: 500px;width: 100%;}
.photo .gallery-thumbs {height:120px;box-sizing: border-box;padding: 2px 0 0;}
.photo .gallery-thumbs .swiper-slide {height: 100%; opacity: 1;}
.photo .gallery-thumbs .swiper-slide div{ width:99%; height:99%; border:1px solid #ccc; background-color: #000; opacity: 0.5;}
.photo .gallery-thumbs .swiper-slide-active {opacity: 1;}
.photo .gallery-thumbs .swiper-slide-active div{ opacity:0;}
.photo .swiper-button-prev,.photo .swiper-button-next{ background-color:#ccc; background-size:50% auto;}

.photo .swiper-button-next, .photo .swiper-container-rtl .swiper-button-prev{ right:0;}
.photo .swiper-button-prev{ left:0;}
.photo .p-block{ position:relative;}
.photo .pros{ width:100%; margin:0 auto; height:95px;}
.photo .p-block .swiper-button-prev,.photo .p-block .swiper-button-next{ background-color:#ccc; background-size:50% auto; bottom:0; top:0; margin: auto 0;}
.photo .p-block .gallery-top{ height:400px;}

.photo .binfo{}
.photo .binfo h4{ font-size: 3rem; font-weight: normal; line-height: 4rem;}
.photo .binfo span{ font-size: 1.8rem; color: #706d6d;}
.photo .binfo a{ color: #fff; background: #0c3bbd; padding: 2px 10px; display: inline-block; margin-top: 10px;}
.photo .binfo a:hover{ background: #e21f0b; color: #fff;}
.photo .bpinfo{ color: #383838; line-height:2.8rem;}
.photo .bpinfo a{ background: none; color: #383838; padding: 0; margin: 0;}
.photo .bpinfo p span{ display: inline-block; text-align: right; width: 110px; color: #383838;}




@media (max-width: 639px) { 
.photo .p-block .gallery-top{ height: 300px;}
.photo .pros{ height: 65px;}
.mian{ width:100%;}
.box_fl{ width:18%; display:none;}
.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{ 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;}

/*右侧内容*/
.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;}
.hot{ width:100%; background:#FFF;}
.hot ul{ padding:10px 0;}
.hot ul li{ float:left; width:33%; border-right:#d6d6d6 dashed 1px; padding:20px 0px;}
.hot ul li .hot_img{ float:left; width:100%; text-align:center;}
.hot ul li .hot_text{ float:left;padding-top: 20px; width:100%; text-align:center;}
.hot ul li .hot_name{ font-size:18px; color:#494949; line-height:45px;}
.hot ul li .hot_more a{ color:#8b8b8b; font-size:12px;}
.hot ul .none{ border-right:none;}

.product{ width:100%;}
.product .no{ margin-right:0px !important;}
.pro_lie{ background:#fff; width:42%; float:left; margin:10px; padding:10px 0px 0px; margin-right:12px; height: auto;}
.lie_img{ text-align:center; padding:0px; width:126px; height:100px;}
.lie_img img {
    max-height: 100%;
    max-width: 95%;
}
.lie_name{ height:40px; background:#0377c2; width:100%; line-height:40px; }
.lie_zuo{  color:#fff; font-size:16px; float:left;  text-indent: 0; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.lie_jt a{ background:url(../images/more.jpg) no-repeat center; display:block; float:right; width:30%; height:50px;}

.pageOp{ display:none;}

div.yahoo2 a {
	border-right: #ccdbe4 1px solid;
	padding-right:20px !important;
	background-position: 50% bottom;
	border-top: #ccdbe4 1px solid;
	padding-left:10px!important;
	padding-bottom: 2px;
	border-left: #ccdbe4 1px solid;
	color: #0061de;
	margin-right: 3px;
	padding-top: 2px;
	border-bottom: #ccdbe4 1px solid;
	text-decoration: none
}
div.yahoo2 span.current {
	padding-right:10px !important; padding-left:10px !important; font-weight: bold; padding-bottom: 2px; color: #000; margin-right: 3px; padding-top: 2px
}


}


@media (min-width: 640px) and (max-width:1023px ) {
		.photo .p-block .gallery-top{ height: 300px;}
	.photo .pros{ height: 65px;}
/*左侧二级*/
.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{ 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;}

/*右侧内容*/
.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;}
.hot{ width:100%; background:#FFF;}
.hot ul{ padding:10px 0;}
.hot ul li{ float:left; width:33%; border-right:#d6d6d6 dashed 1px; padding:20px 0px;}
.hot ul li .hot_img{ float:left; width:50%; text-align:center;}
.hot ul li .hot_text{ float:left;padding-top: 20px;}
.hot ul li .hot_name{ font-size:18px; color:#494949; line-height:45px;}
.hot ul li .hot_more a{ color:#8b8b8b; font-size:12px;}
.hot ul .none{ border-right:none;}

.product{ width:100%;}
.product .no{ margin-right:0px !important;}
.pro_lie{ background:#fff; width:46%; height:310px; float:left; margin:10px; padding:10px 0px 0px; margin-right:12px;}
.lie_img{ display: block; text-align:center; padding:15px 0px;width: 100%}
.lie_name{ height:50px; background:#0377c2; width:100%; line-height:50px; }
.lie_zuo{  color:#fff; font-size:16px; float:left;  text-indent: 0; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}

.lie_jt a{ background:url(../images/more.jpg) no-repeat center; display:block; float:right; width:30%; height:50px;}
	}

@media (min-width: 1024px) and (max-width:1199px ){
	.photo .p-block .gallery-top{ height: 300px;}
	.photo .pros{ height: 65px;}
/*左侧二级*/
.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: 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;}

/*右侧内容*/
.box_fl{ width:20%;}
.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;}
.hot{ width:100%; background:#FFF;}
.hot ul{ padding:10px 0;}
.hot ul li{ float:left; width:33%; border-right:#d6d6d6 dashed 1px; padding:20px 0px;}
.hot ul li .hot_img{ float:left; width:50%; text-align:center;}
.hot ul li .hot_text{ float:left;padding-top: 20px;}
.hot ul li .hot_name{ font-size:18px; color:#494949; line-height:45px;}
.hot ul li .hot_more a{ color:#8b8b8b; font-size:12px;}
.hot ul .none{ border-right:none;}

.product{ width:100%;}
.product .no{ margin-right:0px !important;}
.pro_lie{ background:#fff; width:30%; height:295px; float:left; margin:10px; margin-right:12px;}
.lie_img{ text-align:center; padding:32px 0px;}
.lie_name{ height:50px; background:#0377c2; width:100%; line-height:50px; }
.lie_zuo{  color:#fff; font-size:16px; float:left;  text-indent: 20px; width:70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}

.lie_jt a{ background:url(../images/more.jpg) no-repeat center; display:block; float:right; width:30%; height:50px;}
	
	
}

.navContent{ display:none;}

/*主要样式*/
.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;}