﻿.main_visual{ width:100%;min-height:480px; position:relative;overflow:hidden; 
 background-image: url(http://www.baosteel.com/group/2016indeximages/jxbg.jpg);-webkit-background-size: cover;background-size: cover;background-position: 50% 28%;}
.main_visual h4{ text-align:center; font-size:40px; margin-top:3%; margin-bottom:-99px; z-index:99; color:#fff; position:relative;}
.main_visual h4 i{ display:inline-block; width:80px; height:14px; border-top:#fff 1px solid; margin:0 10px;}

.main_image {width:100%;   margin:15px auto; position:relative; z-index:0}
.main_image img{width:100%; }
.main_image ul {width:9999px; overflow:hidden; position:absolute; top:0; left:0; color:#fff;}
.main_image li {float:left; width:100%; padding-top:100px; position:relative;}
.main_image li .con{ max-width:980px; overflow:hidden; margin:auto; margin-top:2%; }
.main_image li .con dl{ float:left; width:21%; padding-left:2%}
.main_image li .con dl dt{ width:40%;  margin:auto; overflow:hidden;}
.main_image li .con dl dt img{ width:100%}
.main_image li .con dl dd{ text-align:center; font-size:30px; margin-top:15px;}
.main_image li .con dl dd em{ display:block;font-size:12px; margin-top:10px;}
.flicking_con { display:none}
.main_visual #btn_prev{ display:block; width:35px; height:85px; position:absolute; top:50%; left:50%; margin-left:-480px; margin-top:-43px; background:url(../2016indeximages/icon.png) no-repeat -85px -3px;}
.main_visual #btn_next{ display:block; width:35px; height:85px; position:absolute; top:50%; right:50%; margin-right:-480px;margin-top:-43px;background:url(../2016indeximages/icon.png) no-repeat -124px -3px;}