
/*pc端样式*/
@media (min-width: 992px) {
	/*副导航*/
	.subNav{margin-top: 8px;border-bottom: 1px solid #dddddd;}
	.subNav .container h3{height: 74px;line-height: 74px;color: #676767;font-size: 22px;font-weight: 100;margin: 0;}
	.subNav .container h3 .iconfont{display: none;}
	.subNav .container h3 span{color: #777777;font-size: 12px;}
	.subNav .nav .navActive a{background: #d8271c; color: #fff;}
	.subNav .nav{border: none;}
	.subNav .nav > li {height: 74px;line-height: 74px;margin-right: 17px;}
	.subNav .nav > li  a {padding: 5px 7px;border-radius: 4px;display: inline-block;border: none;color: #8b807f;font-weight: 500;line-height: 16px;font-size: 14px;font-family: "微软雅黑";}
	.subNav .nav > li  a:hover{border: none; background: #d8271c; color: #fff;}
	.subNav > .container .noContainer{width: auto;padding: 0;float: left;}
	.figcaption{height: 78px;margin-bottom: 15px;overflow:hidden;}
	.commTit{font-size: 22px;font-weight: 500;color: #6b6b6b;height: 125px;line-height: 125px;}
}
/*pad和wap端公用样式*/
@media (max-width: 991px) {
	.figcaption{margin-bottom: 15px;overflow:hidden;}
	.subNav .nav > li{float: initial;}
	.subNav{background: #da2431;}
	.subNav{color: #fff;}
	.subNav .nav > li a{color: #ffffff;border: none;}
	.subNav a:hover{border: none;}
	
	.subNav > .container{width: 100%;padding: 0;}
	.subNav{position: fixed;top: 81px;width: 100%;z-index: 999;}
	.subNav .container h3{height: 68px;line-height: 68px;font-size: 24px;font-weight: 100;margin: 0;cursor: pointer;}
	.subNav .container h3 span{font-size: 16px;}
	.subNav .container h3 .iconfont{float: right;}
	.subNav .container .iOpen .in{display: none;}
	.subNav .container .iClose .out{display: none;}
	.subNav .nav{display: none;}
	.subNav #newsTab li {border-top: 1px solid #c61320;}
	.subNav #newsTab li a{display: block;}
	.subNav #newsTab .navActive{background: #c61320;}
	.subNav .iHidden{display: block;}
	#newsContent .date p {color: #aaaaaa;}
	#newsContent .date span{color: #686868;}
	footer{background-color: #FFFFFF;}
	footer .container{background-color: #FFFFFF;}
	footer .company-web{margin-left: 0;}
	footer .content-wrap{margin-left: 0;}
	footer .content-wrap p{text-align: left;}

}

/*pad端独立样式*/
@media (min-width: 768px) and (max-width: 991px) {
	/*.off-canvas-nav-left .mainBody{padding-top: 149px;}*/
	.subNav{top: 81px;}
	section.mainBody{padding-top: 148px;}
	.subNav #newsTab li a{height: 68px;line-height: 68px;font-size: 20px;}
	.commTit{font-size: 26px;height: 74px;line-height: 74px;margin-top: 30px;}
}

/*手机端独立样式*/
@media (max-width: 767px) {
	.mainBody .subNav .container h3{height: 40px;line-height: 40px;font-size: 16px;}
	.mainBody .subNav .container h3 span{font-size: 12px;}
	.subNav{top: 57px;}
	section.mainBody{padding-top: 97px;}
	#newsContent .text .figcaption p {line-height: 18px;}
	#newsContent  .figcaption{margin-bottom: 10px;height: 54px;overflow:hidden;}
	.subNav #newsTab li a{height: 40px;line-height: 40px;font-size: 14px;}
	.commTit{font-size: 20px;height: 50px;line-height: 50px;margin-top: 22px;}
}
.mainBody{background: #ffffff;position: relative;}
.subBaseTit .container{color: #424242;}
.subBaseTit .container h3{height: 93px;line-height: 93px;font-size: 28px;margin: 0;padding-right: 18px;float: right;}
.subBaseTit .container h3 span{padding-left: 18px;font-size: 26px;}
.subBaseTit{position: relative;background: none;overflow:hidden;}
.subBaseTit img{position: absolute;left: 0;top: 0;z-index: 1;}
.subBaseTit h3{position: relative;z-index: 3;}



#newsContent .container {padding: 0;}
#newsContent .container .row {margin: 0;border-bottom: 1px solid #dfdfe1;margin-bottom: 5px;}
#newsContent .container .row .col-lg-5 {padding: 0 15px 0 0;margin-right: -15px;}
#newsContent .pic img {float: left;width: 320px;height: 180px;}
.figcaption p{margin: 0;}
.figcaption{position: relative;overflow:hidden;}
#newsContent .date span {font-size: 12px;;}
#newsContent .text h4 {margin-top: 0;color: #6b6b6b;}
#newsContent .text p {line-height: 26px;color: #8c8c8c;}
#newsContent .arrowBg {border-left:1px solid #d8d8d8;margin-top: 70px; width: 30px;height: 30px;background: url(../png/arrow_icon111.png);float: right;}
#newsContent .text p {width: 100%; }

#newsContent .noList {width: 100%;height: 100%;padding-top: 150px;}
#newsContent .noList .noList_bg { width: 86px;height: 99px;Background: url(../png/nolist.png) no-repeat;margin: 0 auto 30px;}
#newsContent .noList p {text-align: center;font-size: 16px;color: #a5a5a5;}
/*弹窗样式*/
.toolTipBox {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);position: fixed;left: 0;top: 0;display: none;z-index: 1040;}
.toolTipBox .boxAlert,.toolTipBox .boxConfirm {display: none; width: 320px;height: 160px;border-radius: 16px; background-color: white;position: absolute;left: 50%;margin-left: -160px;top: 50%;margin-top: -80px;text-align: center;}
.toolTipBox .boxAlert p,.toolTipBox .boxConfirm p  {color: #5c5c5c;line-height: 100px;font-size: 20px;color: #464646;}
.toolTipBox .boxAlert div,.toolTipBox .boxConfirm div {width: 100%; height: 60px;background-color: #ededed;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;}
.toolTipBox .boxAlert div span {font-size: 22px;line-height: 60px;cursor: pointer;}
.toolTipBox .weixinAlert {display: none; width: 160px;height: 190px;text-align: center;background-color: #fff;position: absolute;left: 50%;top: 50%;margin: -85px 0 0 -75px; padding: 10px 0;}
.toolTipBox .weixinAlert img {width:95%;}
.toolTipBox .boxConfirm div span {float: left;width: 50%; font-size: 22px;line-height: 60px;cursor: pointer;}
.toolTipBox .boxConfirm div span.ok {background-color: #f9f9f9;border-bottom-left-radius: 16px;}
.figcaption p{word-break: break-all;}
#newsContent .text h4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.commTit{text-align: center;margin-bottom: 0;}
@media only screen and (min-width: 320px) and (max-width: 768px) {
	#newsContent .date {border: none;float: left;}
	#newsContent .date p {float: left;font-size: 12px;padding: 15px 0 10px 0;margin: 0;}
	#newsContent .date span {font-size: 14px;float: left;margin: -1px 10px 0 0;}
	#newsContent .text h4 {color: #525252;font-size: 14px;}
	#newsContent .text p {font-size: 12px;}
	#newsContent .noList p {font-size: 12px;}
	/*弹窗样式*/
	.toolTipBox .boxAlert,.toolTipBox .boxConfirm {display: none; width: 240px;height: 110px;border-radius: 12px; background-color: white;position: absolute;left: 50%;margin-left: -120px;top: 50%;margin-top: -55px;text-align: center;}
	.toolTipBox .boxAlert p,.toolTipBox .boxConfirm p {color: #5c5c5c;line-height: 60px;font-size: 20px;color: #464646;}
	.toolTipBox .boxAlert div,.toolTipBox .boxConfirm div {width: 100%; height: 50px;background-color: #ededed;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
	.toolTipBox .boxAlert div span {font-size: 22px;line-height: 50px;}
	.toolTipBox .boxConfirm div span {float: left;width: 50%; font-size: 22px;line-height: 60px;}
	.toolTipBox .boxConfirm div span.ok {background-color: #f9f9f9;border-bottom-left-radius: 16px;}
	
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	#newsContent .date {border: none;float: left;}
	#newsContent .date p {margin-top: 30px;font-size: 18px;}
	#newsContent .date span {font-size: 24px;margin-right: 15px;margin-top: -6px;float: left;}
	#newsContent .text h4 {margin-top: 10px;color: #272727;font-size: 24px;}
	#newsContent .text .figcaption {font-size: 16px;margin-bottom: 15px;}
	.figcaption{height: 78px;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	#newsContent .date {border: none;float: left;}
	#newsContent .date p {margin-top: 30px;font-size: 18px;color: #aaaaaa;}
	#newsContent .date span {font-size: 24px;margin-right: 15px;margin-top: -6px;float: left;color: #686868;}
	#newsContent .text h4 {margin-top: 10px;color: #272727;font-size: 24px;}
	#newsContent .text p {font-size: 16px;}
}
@media only screen and (min-width: 1200px){
	#newsContent .container .row  {margin-top: 64px;}
	#newsContent .container .row:hover {box-shadow:5px 5px 50px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
	#newsContent .text {padding: 50px 5px 0 45px;}
	#newsContent .date {float:right;margin-top: 50px; width: 100px;height: 75px;border-right: 1px solid #d0d0d0;}
	#newsContent .date p {font-size: 24px;color: #3c3c3c;}
	#newsContent .date span {font-size: 12px;color: #9d9d9d;display: block;}
}

















































