.zaowu_title{width: 100%; text-align: center; margin: 70px 0 73px 0;}
.zao_1{width: 1340px; height: 800px; background: url(../Images/zaow/zaobg_1.png) no-repeat center; margin: 0 auto; margin-bottom: 137px;}
.zaowu1{position:relative;margin:82px auto auto 151px;width:692px; height: 670px;overflow: hidden; float: left;}
.zaowu1 .bd ul{float:left;width:100%;}
.zaowu1 .bd li{float:left;width:692px;}
.zaowu1 .bd li img.mar{width:692px; margin-bottom: 29px;}
.zaowu1 .hd{position:absolute;bottom:0;overflow:hidden;width:100%;text-align:left}
.zaowu1 .hd ul{display:inline-block}
.zaowu1 .hd li{display:inline-block;overflow:hidden;margin:0 6px;width:10px;height:10px;border-radius:50%;background:#282828;color:#282828; cursor: pointer;}
.zaowu1 .hd li.on{background:#FFD000;color:#FFD000}
.zao_right{float: left; margin-left: 134px; margin-top: 228px;}
.zao_2{width: 100%; background:#f4f4f4 url(../Images/zaow/zaobg_2.png) no-repeat center; height: 1180px;}
.zao_inner{width: 1340px; margin: 0 auto; position: relative;}
.zao_innner1{position: absolute; top: 240px; left: 94px;}
.zao_innner2{position: absolute; top: 134px; z-index: 1; left: 530px; animation:2s zao1 linear;-webkit-animation:2s zao1 linear; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
@-webkit-keyframes zao1{0%{left: 530px;}
100%{left: 510px;}
}
@keyframes zao1{0%{left: 530px;}
100%{left: 510px;}
}
.zao_innner3{position: absolute; top: 275px; left: 675px; animation:2s zao2 2s linear;-webkit-animation:2s zao2 2s linear; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
@-webkit-keyframes zao2{0%{left: 675px;}
100%{left: 655px;}
}
@keyframes zao2{0%{left: 675px;}
100%{left: 655px;}
}
.zao_3{width: 1330px; margin: 0 auto; overflow: hidden; margin-top: -396px;}
.zao_innner4{position:relative;margin:0;width:708px; height: 560px;overflow: hidden; float: left;}
.zao_innner4 .bd ul{float:left;width:100%;}
.zao_innner4 .bd li{float:left;width:708px;}
.zao_innner4 .bd li img{width:708px; height: 500px;}
.zao_innner4 .hd{position:absolute;bottom:0;overflow:hidden;width:100%;text-align:center;}
.zao_innner4 .hd ul{display:inline-block}
.zao_innner4 .hd li{display:inline-block;overflow:hidden;margin:0 6px;width:10px;height:10px;border-radius:50%;background:#282828;color:#282828; cursor: pointer;}
.zao_innner4 .hd li.on{background:#FFD000;color:#FFD000}
.zao_innner5{width:507px; height: 700px; margin-left: 98px;}
.zao_innner5 .bd li{float:left;width:507px;}
.zao_innner5 .bd li img{width:507px; height: 642px;}
.zao_4{width: 100%; height: 653px; background: url(../Images/zaow/zaobg_3.png) no-repeat center #fbfbfb; margin-top: 100px;}
.zao_innner6{width: 1268px; margin: 0 auto; margin-bottom: 115px;}
.zao_left{float: left; margin-top: 142px;}
.shipin{width: 618px; height: 406px; float: left; margin-left: 90px; margin-top: 71px;}
.zao_righ{float: right; margin-top: 105px;}
.zao_5{width: 1340px; margin: 0 auto; height: 456px; margin-top: 115px;}
.zaobo{float: left; width: 662px; height: 456px; overflow: hidden; cursor: pointer;}
.zaobo:hover .hover{animation:0.6s zao3 linear;-webkit-animation:0.6s zao3 linear; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
@-webkit-keyframes zao3{0%{opacity: 0; transform: scale(1);}
100%{opacity: 1; transform: scale(1.2);}
}
@keyframes zao3{0%{opacity: 0; transform: scale(1);}
100%{opacity: 1; transform: scale(1.2);}
}

.zaobo div.shadow{width: 662px; height: 456px;}
.hover{text-align: center; width: 662px; height: 456px;position: relative; left: 0; top: -456px;opacity: 0;}
.zaobo div.shadow{background: #000; opacity: 0.5; }
.zaobo div.hover img{top: -285px; position: relative;}
.ml{margin-left: 15px;}