* { 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 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: 236px;left: 50%;z-index: 2;margin-left: 330px;}
.nav li { position: relative; width: 80px; height: 80px; margin: 1px auto 0px; cursor: pointer; transition: all 0.6s linear 0s; }
.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("../images/t1.png") center center no-repeat; }
.nav li.t2 i { background: url("../images/t2.png") center center no-repeat; }
.nav li.t3 i { background: url("../images/t3.png") center center no-repeat; }
.nav li.t4 i { background: url("../images/t4.png") center center no-repeat; }
.nav li.t5 i { background: url("../images/t5.png") center center no-repeat; }
.nav li.t6 i { background: url("../images/t6.png") center center no-repeat; }
.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("../images/t1_on.png") center center no-repeat; }
.nav li.t2 em { background: url("../images/t2_on.png") center center no-repeat; }
.nav li.t3 em { background: url("../images/t3_on.png") center center no-repeat; }
.nav li.t4 em { background: url("../images/t4_on.png") center center no-repeat; }
.nav li.t5 em { background: url("../images/t5_on.png") center center no-repeat; }
.nav li.t6 em { background: url("../images/t6_on.png") center center no-repeat; }
.nav li.on { width: 80px; height: 80px; }
.nav li.on i { opacity: 0; }
.nav li.on em { opacity: 1; }