.indexNavMain{position: unset;}

.container{padding-top: 110px;display: flow-root;}

.page-header{ width: 1200px; margin: 0 auto;}
.page-header .entry-title{ text-align: center; color: #333;}
.page-header .entry-date{ width: 90%; text-align: right;}
.page-header .entry-date time{ font-size: 14px; line-height: 38px; color: #666;}
.page-header .entry-date .entry-new{display: inline-block; padding: 3px 7px; color: #fff; font-weight: 700; font-size: 10px; background-color: #e28484; border-radius: 5px; transition: background-color .2s;}

.details2{ width: 1200px; margin: 0 auto;}
.details2 .navGtaion{ width: 100%; height: 54px; line-height: 54px;}
.details2 .navGtaion ul{ width: 100%; height: 54px;}
.details2 .navGtaion ul li{ float: left; font-size: 14px; color: #999; line-height: 54px; font-size: 14px;}
.details2 .navGtaion ul li a{ font-size: 16px; color: #999;}

.details2Layer1{ width: 100%; height: 440px; background: #fff;}
/*.details2Layer1 .left{ width: 305px; float: left; margin: 27px 0 0 0;}*/
.details2Layer1 .left{ width: 360px; float: left; margin: 27px 0 0 0;}
.details2Layer1 .left .icon{ padding: 10px; overflow: hidden; width: 100%; height:305px; border: 1px solid #eeeeee; position: relative; box-sizing: border-box;}
.details2Layer1 .left .icon img{ display: block;  width: 100%; height: 100%;}
.details2Layer1 .left .icon ul{ width: 100%; height: 100%;}
.details2Layer1 .left .icon ul li{ width: 100%; height: 100%;display:none}
.details2Layer1 .left .icon ul li:first-child{ display:block}
.details2Layer1 .left .nr{ width: 100%; height: 52px; padding: 0 32px; position: relative; box-sizing: border-box; overflow: hidden; margin-top: 15px;}
.details2Layer1 .left .nr .bd{ width: 100%;}
.details2Layer1 .left .nr .bd ul{ overflow: auto;}
.details2Layer1 .left .nr .bd ul li{ width: 52px; height: 52px; position: relative; cursor: pointer; border: 1px solid #eee; margin-right: 10px;}
.details2Layer1 .left .nr .bd ul li img{ display: block; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); width: 32px; height: 39px;}
.details2Layer1 .left .nr .prev{ width: 22px; height: 45px;  position: absolute; left: 0; top: 50%; transform: translateY(-50%); cursor: pointer; border-radius:0 7px 7px 0; background: url(../images/arrow2_03.png) center center no-repeat rgba(0,0,0,0.7); background-size:50% auto ;}
.details2Layer1 .left .nr .next{ width: 22px; height: 45px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; border-radius:7px 0 0 7px; background: url(../images/arrow2_05.png) center center no-repeat rgba(0,0,0,0.7); background-size:50% auto ;}

/*.details2Layer1 .center{ float: left; width: 505px; margin-left: 40px; padding-top: 30px;}*/
.details2Layer1 .center{ float: left; width: 705px; margin-left: 40px; padding-top: 30px;}
.details2Layer1 .center .tit{ font-size: 20px; color: #333; font-weight: bold; line-height: 20px; padding-bottom: 15px;}
.details2Layer1 .center .tit2 img{ display: block; float: left;}
.details2Layer1 .center .tit2 .time{ float: left; margin-left:30px; padding-left: 20px; background: url(../images/details_09.jpg) left center no-repeat; height: 34px; line-height: 34px; color: #fff; font-size: 16px;}
.details2Layer1 .center .tit2 a{ float: right; display: inline-block; font-size: 14px; color: #fff; padding-right: 14px; margin-right: 10px; background: url(../images/details_12.jpg) right center no-repeat; height: 34px; line-height: 34px;}
.details2Layer1 .center .main{ background: #f7f7f7; margin-bottom: 15px;}
.details2Layer1 .center .main .mainLayer{ width: 100%; overflow: hidden;}
.details2Layer1 .center .main .mainLayer .mainLeft{ float: left; width: 100px; height: 38px; text-align: left; text-indent: 10px; line-height: 38px; font-size: 14px; color: #999;}
.details2Layer1 .center .main .mainLayer .mainRight{ float: left; width: calc(100% - 100px); display: flex;}
.details2Layer1 .center .main .mainLayer .mainRight p{ font-size: 12px; line-height: 38px; color: #666;}
.details2Layer1 .center .main .mainLayer .mainRight.strikethrough p{ font-size: 12px; line-height: 38px; color: #666; text-decoration: line-through;}
.details2Layer1 .center .main .mainLayer .mainRight h2{ line-height:38px; font-size: 18px; color: #000}
.details2Layer1 .center .main .mainLayer .mainRight h3{ line-height: 38px; font-size: 14px; color: #666;}
.details2Layer1 .center .main .mainLayer .mainRight h4{ line-height: 28px; overflow: hidden; font-size: 14px; color: #666}
.details2Layer1 .center .main .mainLayer .mainRight h4 span{vertical-align: middle; width: 34px; margin-right: 5px; text-align: center; border-radius:0 5px 0 5px ;  height: 15px;  display: inline-block; line-height: 15px; font-size: 12px;}
.details2Layer1 .center .main .mainLayer .mainRight h4 a{  color: #1b7dec; text-decoration: underline;}
.details2Layer1 .center .mainTable{ width: 100%;}
.details2Layer1 .center .mainTable table{ width: 100%; margin-bottom: 15px;border-collapse: collapse;}
.details2Layer1 .center .mainTable table th{ width: 20%; font-weight: normal; font-size: 16px; height: 40px;border: 2px solid #ccc;}
.details2Layer1 .center .mainTable table td{ text-align: center; height: 40px; font-size: 14px;border: 2px solid #ccc;}
.details2Layer1 .center .mainTable table.table_th_1{ width: 20% }
.details2Layer1 .center .mainTable table.table_th_2{ width: 40% }
.details2Layer1 .center .mainTable table.table_th_3{ width: 60% }
.details2Layer1 .center .mainTable table.table_th_4{ width: 80% }
.details2Layer1 .center .mainInfo{ width: 100%; padding: 10px; font-size: 16px;}
.details2Layer1 .center .mainInfo p{ margin-bottom: 15px;line-height: 20px;}

.details2Layer1 .center .enter{ padding-top: 20px; width: 100%; border-top:1px dashed #e5e5e5; overflow: hidden;}
.details2Layer1 .center .enter .num{ width: 95px; height: 53px; border:1px solid #f2f2f2; overflow: hidden; border-radius:5px; position: relative; background: #f7f7f7; float: left; margin-left: 10px;}
.details2Layer1 .center .enter .num span{ width: 62px; height: 100%; display: block; line-height: 51px; font-size: 20px; text-align: center}
.details2Layer1 .center .enter .num ul{ width: 30px; border-left:1px solid #F2F2F2; background: #fff; height: 100%; position: absolute; right: 0; top: 0;}
.details2Layer1 .center .enter .num ul li{ width: 100%; height: 50%; border-bottom: 1px solid #F2F2F2; box-sizing: border-box;line-height: 25px; text-align: center;font-weight: bold; color: #666; cursor: pointer; font-size: 18px;}
.details2Layer1 .center .enter .num ul li:last-child{ border: 0;  }
.details2Layer1 .center .enter button{border: none; outline: none; background: none; float: left; width: 148px; height: 53px; border: 1px solid #5ea1ef; box-sizing: border-box; text-align: center; line-height: 51px; font-size: 20px; color:#5ea1ef; margin-left: 20px; border-radius:8px; cursor: pointer;}

.details2Layer1 .center .enter dl{ padding-top: 18px; overflow: hidden; display: block; width: 100%;}
.details2Layer1 .center .enter dl dd{ float: left; margin-left: 12px; padding-left: 13px; background: url(../images/details_27.jpg) left center no-repeat; color: #a0a0a0;}
.details2Layer1 .center .enter dl dd:first-child{ background: none; padding: 0;}
.details2Layer1 .right{ float: right; width: 255px; height: 100%; border-left:1px solid #eee; box-sizing:border-box; padding: 0 30px; box-sizing: border-box;}
.details2Layer1 .right .tit{ text-align: center; line-height: 65px; font-size: 16px; color: #333;}
.details2Layer1 .right ul{ width: 100%;}
.details2Layer1 .right ul li{ width: 100%; border: 1px solid #eee; margin-bottom: 25px;}
.details2Layer1 .right ul li .icon{ width: 100%; height: 170px; border-bottom: 1px solid #eee; position: relative;}
.details2Layer1 .right ul li .icon img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 132px; width: auto;}
.details2Layer1 .right ul li .text{ width: 100%; padding: 12px 7px; box-sizing: border-box; background: #f7f7f7;}
.details2Layer1 .right ul li .text h2{ font-size: 14px; color: #333; padding-bottom: 12px;}
.details2Layer1 .right ul li .text p{ font-size: 14px; color: #FF0000}

@media(max-width: 1280px){

.page-header{ width: 100%;}
.page-header .entry-date { width: 100%;}

.details2Layer1{ width: 100%; height: auto;}
.details2{ width: 100%;}
.details2Layer1 .left{ width: 100%; padding: 10px; box-sizing: border-box; height: auto;}
.details2Layer1 .left .icon{ width: 100%; height: auto;}
.details2Layer1 .left .nr .bd ul li{ margin-right: 6px;}
.details2Layer1 .center{ width: 100%; margin: 0; padding: 0 10px; box-sizing: border-box;}
.details2Layer1 .right{ display: none;}

}