* { padding: 0px; margin: 0px; }
ul li, ul ol { list-style: none; }
i, b, em, strong { font-style: normal; }
body { font-family: 微软雅黑; }
img { display: block; }





.show { width: 1000px; margin: 0px auto; }
.dh ul li .layer .p1 { position: absolute; bottom: 5px; left: 10px; }
.dh ul li .layer .p2 { position: absolute; bottom: 5px; right: -200%; }
.dh ul li .layer .p2 b, .dh ul li .layer .p2 span { display: block; font-weight: bold; font-size: 20px; }
.dh ul li .layer .p1 b, .dh ul li .layer .p1 span { display: block; font-weight: bold; font-size: 14px; }
.szcontainer {}
.box {width: 607px;position: absolute;left: 50%;margin-left: -590px;}
.box .p { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.box .p img, .box .p .name { position: absolute; bottom: 0px; transition: all 1s ease 0s; }
.box .p1 img, .box .p2 img, .box .p3 img, .box .p4 img, .box .p5 img, .box .p6 img {top: 40px;left: 320px;opacity: 0;transition: opacity 0.2s linear 0s;}
.box .p1.show img, .box .p2.show img, .box .p3.show img, .box .p4.show img, .box .p5.show img, .p6.show img { opacity: 1; transform: translateX(0px); }
.nav {position: absolute;width: 80px;top: 80px;left: 50%;z-index: 2;margin-left: 601px;}
.nav li {position: relative;width: 190px;height: 83px;margin: 1px auto 6px;cursor: pointer;transition: all 0.6s linear 0s;background-size: cover;background-position: center;}
.nav li img { position: absolute; top: 0px; left: 0px; width: 129px; height: 129px; }
.nav li i { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 1; transition: opacity 0.6s linear 0s; }
.nav li.t1 i {background: url("../zb/2/1.jpg") center center no-repeat;background-size: cover;background-position: center;}
.nav li.t2 i {background: url("../zb/2/2.jpg") center center no-repeat;background-size: cover;background-position: center;}
.nav li.t3 i {background: url("../zb/2/3.jpg") center center no-repeat;background-size: cover;background-position: center;}
.nav li.t4 i {background: url("../zb/2/4.jpg") center center no-repeat;background-size: cover;background-position: center;}
.nav li.t5 i {background: url("../zb/2/5.jpg") center center no-repeat;background-size: cover;background-position: center;}
.nav li.t6 i { background: url("../zb/2/6.jpg") center center no-repeat; background-size: cover;background-position: center;}
.nav li em { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transition: opacity 0.6s linear 0s; }
.nav li.t1 em {background: url("../zb/2/1.jpg") center center no-repeat;background-size: cover;background-position: center;}
.nav li.t2 em {background: url("../zb/2/2.jpg") center center no-repeat;background-size: cover;background-position: center;}
.nav li.t3 em {background: url("../zb/2/3.jpg") center center no-repeat;background-size: cover;background-position: center;}
.nav li.t4 em {background: url("../zb/2/4.jpg") center center no-repeat;background-size: cover;background-position: center;}
.nav li.t5 em {background: url("../zb/2/5.jpg") center center no-repeat;background-size: cover;background-position: center;}
.nav li.t6 em { background: url("../zb/2/6.jpg") center center no-repeat; background-size: cover;background-position: center;}
.nav li.on {width: 230px;height: 122px;}
.nav li.on i { opacity: 0; background-size: cover;background-position: center;}
.nav li.on em { opacity: 1; background-size: cover;background-position: center;}