*{margin:0; padding:0; list-style:none; }
.focusBox { position: relative; width:100%; height:400px; overflow: hidden; }
.focusBox .pic img {height:400px; display: block;margin: 0 auto;text-align: center;}
.focusBox .pic .img{background: url("../img/index_banner.png") no-repeat center;height: 400px;}
.focusBox .pic .img1{background: url("../img/index_banner1.png") no-repeat center;height: 400px;}
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
.focusBox .hd li{height:400px;float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

.focusBox .prev,
.focusBox .next { width:45px; height:99px; position:absolute; top:91px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .prev { background:url(../img/pre.png) no-repeat;left:2%;top: 170px; }
.focusBox .next { background:url(../img/next.png) no-repeat;left:96%;top:170px;}
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }


.box{width:1000px;margin: auto;}
.box .title{padding-top: 65px;text-align: center;font-size: 30px;line-height: 30px;color: #000000;}
.box .content{margin-top: 47px;font-size: 14px;line-height: 26px;color: #646464;margin-bottom: 55px;}
.box .title1{margin-top: 130px;font-size: 30px;line-height: 30px;color: #000000;}
.box .content1{font-size: 14px;line-height: 30px;color: #646464;margin-top: 65px;}
.box .title2{text-align: center;font-size: 30px;line-height: 30px;font-weight: bold;padding-top: 100px;margin-bottom: 90px;}
.box .title3{text-align: center;font-size: 30px;line-height: 30px;font-weight: bold;color: #000000;margin-top: 53px;margin-bottom: 34px;}

.box .process{float: left}
.box .process .icon{margin-left: 34px;}
.box .process .word{font-size: 24px;font-weight: bold;line-height: 24px;}
.box .process .word img{margin-left: 20px;}

.box .left{background: url("../img/index_brand1.png") no-repeat;width:480px;height:541px;float: left}
.box .left .img{margin-top: 420px;margin-left: 145px;width:186px;height:48px;background: url("../img/index_brand_1.png")}
.box .left .img:hover{background: url("../img/index_brand_11.png")}
.box .right{background: url("../img/index_brand2.png") no-repeat;width:480px;height:541px;float: left;margin-left: 40px;}
.box .right .img1{margin-top: 420px;margin-left: 145px;width:186px;height:48px;background: url("../img/index_brand_2.png")}
.box .right .img1:hover{background: url("../img/index_brand_22.png")}