html { height: 100% }
body { height: 100% ; background-color:#333; }
.detail_img { width: 100%; height: 100%; min-height:400px; overflow: hidden; position: relative }
.detail_img_top { position: absolute; top: 0; left: 0; width: 100%; height: 131px; z-index: 3 }
.detail_img_top:hover .detail_img_nav { display: block }
.detail_img_top:hover .detail_page { display: block }
.detail_img_nav { display: none; width: 100%; height: 53px; background: url(mainresourcecms201704img_pc_site2017042714455934787.png) repeat-x }
/*
.detail_img_top .nav { max-width: 1000px; margin: 0 auto }
.detail_img_top .nav li { width: 25%; float: left }
*/
.detail_img_top .nav { max-width: 750px; margin: 0 auto }
.detail_img_top .nav li { width: 25%; float: left }


.detail_img_top .nav li a { display: block; width: 120px; height: 53px; line-height: 53px; color: #fff; font-size: 18px; text-align: center; margin: 0 auto }
.detail_img_top .nav li a.active, .detail_img_top .nav li a:hover { background: #379eda }
.detail_page { display: none; height: 48px; width: 380px; margin: 30px auto 0 }
.detail_page a { display: block; float: left; height: 48px; line-height: 48px; color: #fff; font-size: 24px; background: url(mainresourcecms201704img_pc_site2017042714452691686.png) no-repeat }
.detail_page a.page_prev { width: 138px; padding-left: 52px; background-position: 18px 13px }
.detail_page a.page_next { width: 160px; padding-left: 30px; background-position: 152px -83px }
.detail_img_inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2 }
.img_swip { width: 100%; height: 100% }
.img_swip ul { height: 100% }
.detail_img_inner ul li { position:absolute; top:0; left:0; z-index:5;  width: 100%; height: 100%; background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-color:#333; }

.detail_img_info { width: 630px; height: 95px; position: absolute; bottom: 0; left: 50%; z-index: 4; margin-left: -315px; text-align: center; line-height: 38px }
.detail_img_info:hover ul { display: block }
.detail_img_info ul { display: block; width: 100%; height: 95px; background: url(mainresourcecms201704img_pc_site2017042714424254571.png) repeat-x }
.detail_img_info ul li {}
.detail_img_info h2 { color: #fff; padding-top: 10px; font-size: 18px }
.detail_img_info p span { color: #fff; font-size: 14px; padding: 0 12px }
.img_next_btn, .img_prev_btn { display: block; width: 80px; height: 90px; position: absolute; top: 50%; z-index:20; margin-top: -45px; text-indent: -9999px }
.img_prev_btn { background: url(mainresourcecms201704img_pc_site2017042711525293388.png) no-repeat center; left: 0 }
.img_next_btn { background: url(mainresourcecms201704img_pc_site2017042711525250120.png) no-repeat center; right: 0 }