@charset "utf-8";
/* CSS Document */

/*banner*/
.ibanner{ height:560px; position:relative; border-bottom:1px solid #ddd;}
.ibanner .bd{ position:relative; z-index:2;}
.ibanner .bd ul{ display:block;}
.ibanner .bd ul li{ display:block; position:relative;}
.ibanner .bd ul li a{ display:block; position:relative; height:560px;}
.ibanner .hd{ width:100%; overflow:hidden; position:absolute; left:0; bottom:24px; z-index:3;}
.ibanner .hd ul{ display:block; height:10px; text-align:center;}
.ibanner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:6px; height:6px; border:2px solid #fff; border-radius:50%; cursor:pointer; margin:0 8px; vertical-align:top;}
.ibanner .hd ul li.on{ background:#fff;}

.main{ width:auto; min-height:0;}

.ibox{ overflow:hidden; position:relative;}
.ibox .con{ width:1200px; overflow:hidden; margin:0 auto;}
.ibox h2{ display:block; text-align:center; overflow:hidden; padding:50px 0 0; position:relative;}
.ibox h2 span{ display:block; line-height:66px; color:#333; font-size:36px; position:relative; z-index:3;}
.ibox h2 em{ display:block; line-height:46px; color:#333; font-size:16px; font-weight:normal; text-transform:uppercase;}

.box1{ padding:0 0 100px;}
.box1 .slide{ position:relative; margin:54px 0 0;}
.box1 .slide .line{ width:100%; height:1px; background:#e4e4e4; position:absolute; left:0; top:90px; z-index:1;}
.box1 .slide .bd{ width:1200px; position:relative; z-index:2; margin:72px auto 0;}
.box1 .slide .bd ul{ display:block;}
.box1 .slide .bd ul li{ display:block; position:relative;}
.box1 .slide .bd ul li a{ display:block; position:relative;}
.box1 .slide .bd ul li a img{ display:block; width:1200px; height:532px;}
.box1 .slide .hd{ width:1200px; margin:0 auto; position:relative; z-index:2;}
.box1 .slide .hd ul{ display:block; width:1245px; overflow:hidden; margin:0 -22.5px;}
.box1 .slide .hd ul li{ display:block; width:83px; line-height:14px; color:#afafaf; font-size:14px; text-align:center; cursor:pointer; float:left;}
.box1 .slide .hd ul li img{ display:block; width:68px; height:58px; margin:0 auto -6px;}
.box1 .slide .hd ul li em{ display:block; width:8px; height:8px; padding:2px; border:1px solid transparent; border-radius:50px; margin:32px auto;}
.box1 .slide .hd ul li em i{ display:block; width:8px; height:8px; background:#e4e4e4; border-radius:50px; margin:0 auto;}
.box1 .slide .hd ul li.on{ color:#333;}
.box1 .slide .hd ul li.on em{ border-color:#333;}
.box1 .slide .hd ul li.on em i{ background:#333;}
.box1 .slide a.prev{ display:block; width:32px; height:48px; background:url(../images/icons/prev1.png) center no-repeat; position:absolute; left:50%; bottom:266px; margin:0 0 -24px -660px;}
.box1 .slide a.next{ display:block; width:32px; height:48px; background:url(../images/icons/next1.png) center no-repeat; position:absolute; right:50%; bottom:266px; margin:0 -660px -24px 0;}

.proGo{ background:url(../images/icons/product_bg.jpg) center no-repeat; background-size:cover; padding:64px 0 94px;}
.proGo .con{ width:1200px; overflow:hidden; margin:0 auto;}
.proGo h3{ display:block; line-height:140px; color:#fff; font-size:36px; font-weight:normal;}
.proGo .txt{ line-height:36px; color:#aaa; font-size:16px; overflow:hidden;}
.proGo a.more{ display:block; width:194px; line-height:42px; color:#333; font-size:14px; text-align:center; background:#fff; border-radius:21px; margin:68px 0 0;}
.proGo a.more:hover{ color:#fff; background:#000;}

.box2{ overflow:hidden; position:relative; padding:0 0 40px;}
.box2 .slide{ margin:36px 0 0; position:relative;}
.box2 .slide .bd{ width:1200px; position:relative; z-index:0; margin:0 auto;}
.box2 .slide .bd .tempWrap{ width:2100px; margin:0 -450px;}
.box2 .slide .bd ul{ display:block;}
.box2 .slide .bd ul li{ display:block; width:350px; position:relative; float:left;}
.box2 .slide .bd ul li a{ display:block; width:332px; margin:0 9px;}
.box2 .slide .bd ul li a img{ display:block; width:100%; height:250px;}
.box2 .slide .bd ul li a span{ display:block; line-height:36px; color:#333; font-size:14px; font-weight:bold; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:16px 0 0;}
.box2 .slide .bd ul li a:hover span{ text-decoration:underline;}
.box2 .slide p.btn{ display:block; width:120px; overflow:hidden; margin:34px auto;}
.box2 .slide a.prev{ display:block; width:46px; height:46px; background:url(../images/icons/prev2.png) center no-repeat; margin:0 7px; float:left;}
.box2 .slide a.next{ display:block; width:46px; height:46px; background:url(../images/icons/next2.png) center no-repeat; margin:0 7px; float:left;}








/**/