body { min-width: 1080px }
.wrap2 { width: 100%; font-family: "SimSun", "\5B8B\4F53"; color: #000 }
.top .t1 { height: 336px; background: url(t1.jpg) no-repeat center 0 }
.top .t2 { height: 336px; background: url(t2.jpg) no-repeat center 0 }
.part-1 { height: 726px; background: url(part-1.png) no-repeat center 0; position: relative; }
.part-1 .big-pic { width: 428px; height: 540px; overflow: hidden; position: absolute; left: 50%; top: 121px; margin-left: -526px }
.part-1 .big-pic .info, .part-1 .big-pic b { width: 100%; height: 147px; position: absolute; left: 0; bottom: -1px }
.part-1 .big-pic b { background-color: #000; opacity: 0.8; filter: alpha(opacity=80); }
.part-1 .big-pic .info p { color: #fff; line-height: 24px; padding: 12px 25px }
.slide-1 { position: absolute; left: 50%; top: 210px; margin-left: -36px; overflow: hidden; }
.slide-1 .panle-box { background-color: #fff; width: 317px; padding: 14px; -webkit-box-shadow: 0 0 5px #b2b2b2; -moz-box-shadow: 0 0 5px #b2b2b2; box-shadow: 0 0 5px #b2b2b2; margin: 66px 0 0 183px }
.slide-1 .panle { position: relative; width: 317px; height: 219px; overflow: hidden; }
.slide-1 .panle ul { height: 219px; width: 10000px; position: absolute; }
.slide-1 .panle li { float: left; width: 317px; height: 219px; }
.slide-1 .trigger span { height: 35px; margin-top: 16px; display: block; cursor: pointer; -webkit-transition: background-position 0.25s linear; transition: background-position 0.25s linear; }
.slide-1 .trigger .s1 { background: url(s1.png) no-repeat 0 0; width: 335px }
.slide-1 .trigger .s2 { background: url(s2.png) no-repeat 0 0; width: 286px }
.slide-1 .trigger .s3 { background: url(s3.png) no-repeat 0 0; width: 532px }
.slide-1 .trigger .active { background-position: 0 -36px }
.part-2 { height: 1608px; background: url(part-2.jpg) no-repeat center 0; position: relative; }
.desc-box, .pic-box { width: 1080px; position: absolute; left: 50%; margin-left: -540px; top: 0px; position: relative; }
.desc-box div { font-size: 12px; color: #000; line-height: 30px; border-bottom: 1px dotted #000; width: 310px; position: absolute; left: 7px; }
.desc-box .item1 { top: 246px }
.desc-box .item2 { top: 246px; left: auto; right: 13px }
.desc-box .item3 { top: 484px }
.desc-box .item4 { top: 484px; left: auto; right: 13px }
.pic-box { top: 965px }
.pic-box ul { width: 1200px }
.pic-box li { width: 340px; height: 213px; float: left; overflow: hidden; position: relative; margin-right: 30px }
.pic-box b, .pic-box .info { width: 340px; height: 213px; position: absolute; left: 0; top: 0; opacity: 0; display: none\9; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.pic-box .info { -webkit-transform: translateY(50px); transform: translateY(50px); }
.pic-box b { background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.pic-box .info p { line-height: 18px; padding: 52px 50px 0; color: #fff }
.pic-box .active b { opacity: 0.5; filter: alpha(opacity=50); display: block\9; }
.pic-box .active .info { opacity: 1; display: block\9; -webkit-transform: translateY(0px); transform: translateY(0px); }
.btm-box { width: 100%; height: 386px; background: url(dot.png) repeat; position: absolute; left: 0; bottom: 0 }
.btm-box .inner { width: 1080px; margin: 0 auto; position: relative; }
.btm-box .pic { float: left; width: 504px; height: 386px; }
.btm-box .info { float: left; margin-left: 57px; display: inline; padding-top: 30px }
.btm-box .name { width: 181px; height: 63px; line-height: 64px; text-align: center; color: #fff; font-size: 18px; background: url(name.png) no-repeat }
.scroller { width: 502px; }
.scroller-bar { float: right; height: 258px; overflow: hidden; position: relative; width: 9px; }
.scroller-track { position: absolute; left: 4px; top: 0; width: 1px; background-color: #000; height: 100%; }
.scroller-hander { position: absolute; left: 0; top: 0; width: 9px; background-color: #000; cursor: pointer; }
.scroller-container { width: 450px; height: 248px; margin-top: 10px; overflow: hidden; float: left; position: relative; }
.scroller-content { position: absolute; width: 450px; overflow: hidden; }
.scroller-content p { line-height: 30px }
.part-3 { height: 1618px; background: url(part-3.jpg) no-repeat center 0; position: relative; }
.part-3 .desc-box { top: 11px; }
.part-3 .btm-box .pic { float: right; }
.part-3 .btm-box .info { float: left; margin-left: 38px }
.part-4 { height: 1608px; background: url(part-4.jpg) no-repeat center 0; position: relative; }
.part-5 { background: url(dot2.png) repeat; padding-bottom: 50px }
.part-5 .inner { width: 1080px; margin: 0 auto; background: url(part-5.png) no-repeat; }
.slide-2 { width: 100%; padding-top: 103px; position: relative; }
.slide-2 .panle { position: relative; width: 675px; height: 500px; float: left; overflow: hidden; }
.slide-2 .panle ul { height: 500px; width: 10000px; position: absolute; }
.slide-2 .panle li { float: left; width: 675px; height: 500px; }
.slide-2 .panle img { border: 3px solid #cf9c60 }
.slide-2 .panle .desc { margin-top: 16px; width: 100%; line-height: 24px; text-indent: 3em; position: relative; }
.slide-2 .panle .desc i { width: 20px; height: 15px; position: absolute; }
.slide-2 .panle .desc .mark-1 { background: url(mark-1.png) no-repeat; left: 0; top: 5px }
.slide-2 .panle .desc .mark-2 { background: url(mark-2.png) no-repeat; right: 0; bottom: 0 }
.slide-2 .trigger { width: 380px; float: right; }
.slide-2 .trigger li { float: left; margin-right: 15px; margin-bottom: 15px; cursor: pointer; background-color: #000 }
.slide-2 .trigger img { border: 3px solid #cf9c60; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.slide-2 .trigger .active img { opacity: 1; filter: alpha(opacity=100); }
.slide-2 .control a { width: 32px; height: 57px; position: absolute; top: 260px; opacity: 0.5; background: url(prev.png) no-repeat; left: 22px }
.slide-2 .control .next { background: url(next.png) no-repeat; left: 626px }
.review { width: 1080px; overflow: hidden; margin-top: 75px; }
.review ul { width: 1200px }
.review li { float: left; margin-right: 29px }
.zt-bottom { overflow: hidden; width: 1080px; margin: 60px auto 0; clear: both; zoom: 1; padding: 20px; background: #fff }
.zt-bottom .zt-comment { width: 655px; float: left }
.zt-bottom .zt-team { width: 280px; float: right }
.zt-bottom .zt-team-hd, .zt-bottom .zt-team-bd, .zt-bottom .zt-team-bt { width: 280px; background: url(zt-team1.png) no-repeat 0 0 }
.zt-bottom .zt-team-hd { height: 31px; }
.zt-bottom .zt-team-bd { padding: 10px 0; overflow: hidden; background-repeat: repeat-y; background-position: right 0 }
.zt-bottom .zt-team-bd p { font-size: 14px; padding-left: 75px; line-height: 30px; color: #555 }
.zt-bottom .zt-team-bt { height: 14px; background-position: -280px 0 }

/* pic-style */
.pic-style { position: relative; overflow: hidden; }
.pic-style .cover, .pic-style img { -webkit-transition: all 0.7s; transition: all 0.7s; }
.pic-style .cover { width: 100%; height: 100%; background: #fff; overflow: hidden; position: absolute; left: 0; top: 0; -webkit-transform: scale(1.12); transform: scale(1.12); }
.pic-style .cover b { width: 100%; height: 100%; position: absolute; background: #000 }
.pic-style .cover .b1 { width: 18px; left: 0; top: 0 }
.pic-style .cover .b2 { height: 18px; left: 0; top: 0 }
.pic-style .cover .b3 { width: 18px; right: 0; top: 0 }
.pic-style .cover .b4 { height: 18px; left: 0; bottom: 0 }
.pic-style:hover .cover { -webkit-transform: scale(1); transform: scale(1) }
.pic-style img { display: block; position: relative; }
.pic-style:hover img { opacity: 0.9; filter: alpha(opacity=90); -webkit-transform: scale(1.11); transform: scale(1.11); }