@charset "UTF-8";

/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-10-27 10:04:32
 * @version $Id$
 */
.index-banner { width: 100%; overflow: hidden; position: relative; text-align: center; height: 577px; }
.slideBox { width: 100%; position:relative;padding-top:41.66%; height: 100%;  padding-top: 0;
}
.slideBox .hd {position: absolute;overflow: hidden;bottom: 25px;left: 50%;/* margin-left: -110px; */z-index: 999;transform: translateX(-50%);}
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 12px; width: 61px; height: 8px; text-align: center; cursor: pointer; z-index: 99; background-color: rgba(255, 255, 255, 0.5); filter: alpha(opacity=50); }
.slideBox .hd ul li.on { filter: alpha(opacity=100); opacity: 1; background-color: #fff }
.slideBox .bd { position: absolute;top:0;left:0;bottom:0;right:0; height: 100%; z-index: 0; width: 100%; margin: 0 auto; }
.slideBox .bd .tempWrap,.slideBox .bd .tempWrap ul{height: 100%;}
.slideBox .bd li {zoom: 1;vertical-align: middle;position: relative;width: 100%;height: 100%;/*background: url(../images/banner.jpg) no-repeat center;*/background-size: cover !important;}
.slideBox .bd li a { display: inline-block; width: 100%; height: 100%; }
.slideBox .bd li img{
    width:100%;
    height:100%;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */

/*.slideBox .prev, .slideBox .next { position: absolute; left: 50%; top: 205px; display: block; width: 30px; height: 60px; z-index: 999; margin-left: -400px; z-index: 999999;}
.slideBox .next { left: auto; right: 50%; margin-right: -409px;}
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }
*/


.i-box { padding: 20px 0; }
.i-title { padding: 10px 0; text-align: center; }
.i-box01 { }
.i-box01 ul { padding: 20px 0; }
.i-box01 ul li { text-align: center; width: 570px; float: left; margin-right: 60px; position: relative; }
.i-box01 ul li .pic { width: 570px; height: 265px; }
.i-box01 ul li .name { color: #333; font-size: 16px; padding: 20px 0; min-height: 50px; }
.i-more { color: #b2b2b2; padding: 3px 20px; border: 1px solid #b4b4b4 }
.i-box02 { }
.i-box02 ul { padding: 20px 0; }
.i-box02 ul li { text-align: center; width: 570px; float: left; margin-right: 60px; position: relative; }
.i-box02 ul li .o-pic { width: 570px; height: 318px; }
.i-box02 ul li .name { color: #f4182d; font-size: 24px; margin-bottom: 10px; }
.i-box02 ul li .tips { color: #333; font-size: 16px; margin-bottom: 5px; }
.i-box02 ul li .info-box { width: 370px; height: 207px; position: absolute; top: 50%; margin-top: -103px; left: 50%; margin-left: -185px; background: url(../images/bg.png) no-repeat center top; line-height: 32px; padding-top: 55px; }
.i-box03 { border: 1px solid #c0c0c0; padding: 20px; margin: 30px 0; }
.i-box03 .left { float: left; height: 277px;}
.i-box03 .right { float: left; text-align: center; width: 470px; }
.i-box04 { height: 520px; background-color: #fcfcfc; text-align: center; padding: 0; margin: 60px 0; }
.i-box04 .left { width: 50%; float: left; }
.i-box04 .right { width: 50%; float: left; }
.i-box04 .info-words { padding: 45px 0px; line-height: 32px; }
.i-box04 .o-pic{width: 600px; height: 330px;}