@charset "UTF-8";
body { font-family: "Microsoft Yahei"; font-size: 14px; background: #fff; }

ul { padding: 0; list-style: none; }

dl, body, ul, dl dd { margin: 0; }

a { text-decoration: none; outline: none; color: #333; }
a:hover { text-decoration: none; }

img { border: 0; }

/*navi-head顶部导航下拉*/
.navi-head .block-con { overflow: hidden; }

/*底部版权*/
.footer { margin: 0 auto; padding: 14px 0; width: 1000px; line-height: 26px; font-family: Arial; text-align: center; }
.footer li { display: inline; }
.footer a:hover { text-decoration: underline; color: #c50019; }
.footer span, .footer .footer, .footer li, .footer a { font-size: 12px; color: #666; }

/*底部版权end*/
.wrapper-enter .enter-btn .btn-text, .wrapper-enter .enter-btn .btn-arrow, .sliderPage .page-arrow, .part1 .guide-box, .part1 .guide-box .guide-pic1, .part1 .guide-box .guide-pic1 .guide-info, .part1 .guide-box .guide-pic2, .part1 .guide-box .guide-pic2 .guide-info, .part1 .guide-box .guide-pic3, .part1 .guide-box .guide-pic3 .guide-info, .part1 .guide-box .guide-pic4, .part1 .guide-box .guide-pic4 .guide-info, .part1 .guide-box .guide-pic5, .part1 .guide-box .guide-pic5 .guide-info, .part-list .item-photo, .part-list .item-intro, .part-list .item-header, .part-list .item-pic1, .part-list .item-pic2, .part-list .item-secret, .part-back .back-info .back-title, .part-back .back-review .review-prev, .part-back .back-review .review-next, .part-back .back-team, .part-back .back-team .team-list span, .part-back .back-team .team-list .footer, .part-back .back-team .team-list .footer li, .footer .part-back .back-team .team-list li, .part-back .back-team .team-list .footer a, .footer .part-back .back-team .team-list a, .part-back .back-content .comment-title { background: url(../styles/images/part-icon1.png) no-repeat; _background: url(../styles/images/part-icon_8bit1.png) no-repeat; }

/*进入页*/
.wrapper-enter { position: absolute; top: 46px; width: 100%; height: 700px; background: url(../styles/images/part-bg.jpg) no-repeat center 0; z-index: 1001; }
.wrapper-enter .enter-banner { position: relative; margin: 0 auto; width: 1200px; height: 700px; }
.wrapper-enter .enter-btn { position: absolute; top: 504px; left: 840px; width: 57px; height: 57px; cursor: pointer; }
.wrapper-enter .enter-btn .btn-text { width: 57px; height: 57px; background-position: -1455px -2480px; _background-position: -1455px -2480px; }
.wrapper-enter .enter-btn .btn-arrow { position: absolute; top: 50%; left: 65px; width: 25px; height: 40px; margin-top: -20px; background-position: -1521px -2480px; _background-position: -1521px -2480px; -webkit-animation: 1s arrowMove 0s linear infinite alternate; -moz-animation: 1s arrowMove 0s linear infinite alternate; -ms-animation: 1s arrowMove 0s linear infinite alternate; -o-animation: 1s arrowMove 0s linear infinite alternate; animation: 1s arrowMove 0s linear infinite alternate; }

/*进入页end*/
/*wrapper*/
.wrapper { overflow: hidden; width: 100%; }

.sliderPage { position: relative; overflow: hidden; margin: 0 auto; width: 100%; height: 700px; }
.sliderPage .page-arrow { position: absolute; top: 50%; margin-top: -26px; width: 53px; height: 53px; cursor: pointer; z-index: 999; }

#btn_Return { left: 20px; background-position: -1455px -2583px; _background-position: -1455px -2583px; }

#btn_Next { right: 20px; background-position: -1455px -2646px; _background-position: -1455px -2646px; }

.partMain { width: 100%; height: 700px; overflow: hidden; z-index: 1; }

.doc { height: 700px; }

.part-list { float: left; overflow: hidden; width: 100%; height: 700px; background: url(../styles/images/part-bg2.jpg) repeat-x 0 0; }

.part-box { position: relative; margin: 0 auto; width: 1200px; height: 700px; }

/*part1*/
.part1 { background: url(../styles/images/part-bg.jpg) no-repeat center -710px; }
.part1 .guide-box { position: absolute; top: 50%; left: 50%; width: 749px; height: 193px; margin: -92px 0 0 -375px; background-position: 0 -1995px; _background-position: 0 -1995px; }
.part1 .guide-box .guide-pic1 { position: absolute; top: -122px; left: 258px; width: 266px; height: 420px; background-position: -759px -1995px; _background-position: -759px -1995px; cursor: pointer; z-index: 5; }
.part1 .guide-box .guide-pic1 .guide-info { position: absolute; top: 306px; left: 146px; width: 46px; height: 120px; background-position: -1964px -1995px; _background-position: -1964px -1995px; z-index: 2; }
.part1 .guide-box .guide-pic2 { position: absolute; top: -55px; left: 33px; width: 175px; height: 335px; background-position: -1512px -1995px; _background-position: -1512px -1995px; cursor: pointer; z-index: 2; }
.part1 .guide-box .guide-pic2 .guide-info { position: absolute; top: 242px; left: 10px; width: 47px; height: 134px; background-position: -2135px -1995px; _background-position: -2135px -1995px; z-index: 2; }
.part1 .guide-box .guide-pic3 { position: absolute; top: -97px; left: 115px; width: 234px; height: 385px; background-position: -1035px -1995px; _background-position: -1035px -1995px; cursor: pointer; z-index: 4; }
.part1 .guide-box .guide-pic3 .guide-info { position: absolute; top: -68px; left: 44px; width: 46px; height: 151px; background-position: -2020px -1995px; _background-position: -2020px -1995px; z-index: 2; }
.part1 .guide-box .guide-pic4 { position: absolute; top: -81px; left: 410px; width: 223px; height: 354px; background-position: -1279px -1995px; _background-position: -1279px -1995px; cursor: pointer; z-index: 3; }
.part1 .guide-box .guide-pic4 .guide-info { position: absolute; top: -98px; left: 150px; width: 49px; height: 132px; background-position: -2076px -1995px; _background-position: -2076px -1995px; z-index: 2; }
.part1 .guide-box .guide-pic5 { position: absolute; top: -65px; left: 562px; width: 164px; height: 338px; background-position: -1697px -1995px; _background-position: -1697px -1995px; cursor: pointer; z-index: 1; }
.part1 .guide-box .guide-pic5 .guide-info { position: absolute; top: 230px; left: 93px; width: 46px; height: 136px; background-position: -2192px -1995px; _background-position: -2192px -1995px; z-index: 2; }
.part1 .guide-text { position: absolute; top: 580px; left: 600px; width: 473px; }
.part1 .guide-text span, .part1 .guide-text .footer, .part1 .guide-text .footer li, .footer .part1 .guide-text li, .part1 .guide-text .footer a, .footer .part1 .guide-text a { display: inline-block; margin-bottom: 8px; padding: 2px 10px; font-family: "Microsoft Yahei"; font-size: 14px; background: #fff; color: #333; }

/*part1END*/
/*part2~part6公共样式*/
.part-list .item-photo { position: absolute; top: 0; left: 0; width: 430px; height: 700px; }
.part-list .item-info { position: absolute; top: 373px; left: 330px; z-index: 4; }
.part-list .item-info .info-text { margin-bottom: 10px; padding: 2px 10px; font-family: "Microsoft Yahei"; font-size: 14px; background: #000; color: #fff; }
.part-list .item-info .text-width { width: 130px; }
.part-list .item-intro { position: absolute; top: 486px; left: 66px; width: 461px; height: 189px; z-index: 4; }
.part-list .item-intro .intro-text { position: absolute; top: 28px; left: 116px; width: 336px; font-family: "Microsoft Yahei"; font-size: 14px; line-height: 1.8; text-indent: 2em; color: #333; height: 125px; overflow-y: auto; }
.part-list .item-intro .intro-text::-webkit-scrollbar { width: 5px; background: #c3c3c3; }
.part-list .item-intro .intro-text::-webkit-scrollbar-thumb { width: 5px; background-color: #c50019; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.part-list .item-intro .intro-text .text-more { color: #c50019; }
.part-list .item-header .header-text { position: absolute; top: 175px; left: 56px; width: 364px; font-family: "Microsoft Yahei"; font-size: 14px; line-height: 1.8; text-indent: 2em; color: #fff; }
.part-list .item-secret { position: absolute; bottom: 5px; left: 734px; width: 484px; height: 307px; background-position: 0 -2425px; _background-position: 0 -2425px; z-index: 2; }
.part-list .item-secret .secret-text { position: absolute; top: 126px; left: 105px; width: 270px; font-family: "Microsoft Yahei"; font-size: 14px; line-height: 1.7; text-indent: 2em; color: #333; }

/*part2~part6公共样式End*/
/*part2*/
.part2 .item-photo { background-position: -1760px 0; _background-position: -1760px 0; }
.part2 .item-intro { background-position: -1884px -710px; _background-position: -1884px -710px; }
.part2 .item-header { position: absolute; top: 0; left: 466px; width: 464px; height: 405px; background-position: -1896px -909px; _background-position: -1896px -909px; }
.part2 .item-pic1 { position: absolute; bottom: 5px; left: 547px; width: 266px; height: 279px; background-position: -1111px -1330px; _background-position: -1111px -1330px; }
.part2 .item-pic2 { position: absolute; top: 60px; left: 962px; width: 240px; height: 272px; background-position: -1148px -1624px; _background-position: -1148px -1624px; }
.part2 .item-secret .secret-text { width: 300px; }

/*part2END*/
/*part3*/
.part3 .item-photo { background-position: 0 0; _background-position: 0 0; }
.part3 .item-intro { background-position: 0 -710px; _background-position: 0 -710px; }
.part3 .item-header { position: absolute; top: 0; left: 474px; width: 464px; height: 403px; background-position: 0 -909px; _background-position: 0 -909px; }
.part3 .item-pic1 { position: absolute; bottom: 5px; left: 533px; width: 271px; height: 284px; background-position: 0 -1330px; _background-position: 0 -1330px; }
.part3 .item-pic2 { position: absolute; top: 8px; left: 950px; width: 258px; height: 361px; background-position: 0 -1624px; _background-position: 0 -1624px; }

/*part3END*/
/*part4*/
.part4 .item-photo { background-position: -440px 0; _background-position: -440px 0; }
.part4 .item-intro { background-position: -471px -710px; _background-position: -471px -710px; }
.part4 .item-header { position: absolute; top: 0; left: 466px; width: 464px; height: 405px; background-position: -474px -909px; _background-position: -474px -909px; }
.part4 .item-pic1 { position: absolute; bottom: 5px; left: 547px; width: 266px; height: 279px; background-position: -281px -1330px; _background-position: -281px -1330px; }
.part4 .item-pic2 { position: absolute; top: 50px; left: 950px; width: 257px; height: 322px; background-position: -268px -1624px; _background-position: -268px -1624px; }
.part4 .item-secret .secret-text { width: 294px; }

/*part4END*/
/*part5*/
.part5 .item-photo { background-position: -880px 0; _background-position: -880px 0; }
.part5 .item-intro { background-position: -942px -710px; _background-position: -942px -710px; }
.part5 .item-header { position: absolute; top: 0; left: 445px; width: 464px; height: 411px; background-position: -948px -909px; _background-position: -948px -909px; }
.part5 .item-header .header-text { position: absolute; top: 180px; left: 56px; }
.part5 .item-pic1 { position: absolute; bottom: 0px; left: 536px; width: 271px; height: 284px; background-position: -557px -1330px; _background-position: -557px -1330px; }
.part5 .item-pic2 { position: absolute; top: 34px; left: 900px; width: 321px; height: 254px; background-position: -535px -1624px; _background-position: -535px -1624px; }

/*part5END*/
/*part6*/
.part6 .item-photo { background-position: -1320px 0; _background-position: -1320px 0; }
.part6 .item-intro { background-position: -1413px -710px; _background-position: -1413px -710px; }
.part6 .item-header { position: absolute; top: 0; left: 466px; width: 464px; height: 411px; background-position: -1422px -909px; _background-position: -1422px -909px; }
.part6 .item-pic1 { position: absolute; bottom: 0px; left: 560px; width: 263px; height: 279px; background-position: -838px -1330px; _background-position: -838px -1330px; }
.part6 .item-pic2 { position: absolute; top: 65px; left: 944px; width: 272px; height: 285px; background-position: -866px -1624px; _background-position: -866px -1624px; }
.part6 .item-secret .secret-text { width: 300px; }

/*part6END*/
/*partBack*/
.part-back .back-info { float: left; width: 502px; }
.part-back .back-info .back-title { margin: 60px 0 40px 34px; width: 445px; height: 38px; background-position: -996px -2425px; _background-position: -996px -2425px; }
.part-back .back-review { position: relative; margin: 0 0 56px 20px; padding: 0 23px; width: 432px; height: 236px; }
.part-back .back-review .review-prev { position: absolute; top: 50%; left: 0; width: 23px; height: 45px; margin-top: -23px; background-position: -1455px -2425px; _background-position: -1455px -2425px; cursor: pointer; }
.part-back .back-review .review-next { position: absolute; top: 50%; right: 0; width: 23px; height: 45px; margin-top: -23px; background-position: -1488px -2425px; _background-position: -1488px -2425px; cursor: pointer; }
.part-back .review-box { overflow: hidden; width: 432px; height: 236px; }
.part-back .review-list { float: left; margin-right: 20px; width: 206px; height: 236px; }
.part-back .back-team { margin-left: 36px; width: 449px; height: 230px; background-position: -996px -2524px; _background-position: -996px -2524px; }
.part-back .back-team .team-box { overflow: hidden; padding: 85px 0 0 34px; }
.part-back .back-team .team-list { float: left; margin-bottom: 24px; width: 194px; height: 26px; line-height: 26px; font-family: "Microsoft Yahei"; font-size: 20px; color: #000; }
.part-back .back-team .team-list span, .part-back .back-team .team-list .footer, .part-back .back-team .team-list .footer li, .footer .part-back .back-team .team-list li, .part-back .back-team .team-list .footer a, .footer .part-back .back-team .team-list a { float: left; width: 79px; height: 26px; font-family: "Microsoft Yahei"; font-size: 16px; text-align: center; color: #fff; background-position: -1455px -2547px; _background-position: -1455px -2547px; }
.part-back .back-content { float: right; width: 644px; height: 590px; padding: 30px 0 0 40px; margin-top: 40px; background: url("../styles/images/part-bg.jpg") no-repeat 0 -1420px; }
.part-back .back-content .comment-title { width: 211px; height: 41px; background-position: -996px -2473px; _background-position: -996px -2473px; }
.part-back .back-comment { overflow: auto; width: 600px; height: 500px; margin-top: 10px; padding-right: 20px; }

/*partBackEND*/
@-webkit-keyframes arrowMove { 50% { left: 70px; } }
@-moz-keyframes arrowMove { 50% { left: 70px; } }
@-ms-keyframes arrowMove { 50% { left: 70px; } }
@-o-keyframes arrowMove { 50% { left: 70px; } }
@keyframes arrowMove { 50% { left: 70px; } }
/*share*/
.share-back { position: fixed; bottom: 8px; right: 10px; _position: absolute; _left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth-(parseInt(this.currentStyle.marginLeft,15)||15)-(parseInt(this.currentStyle.marginRight,15)||15))); _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,15)||15)-(parseInt(this.currentStyle.marginBottom,15)||15))); width: 67px; height: 124px; z-index: 4; }

.share_pic { width: 118px; height: 186px; background: url() 0 0 no-repeat; _background: url() 0 0 no-repeat; display: block; margin-bottom: 17px; margin-left: -36px; margin-top: -204px; }

.share-btn { width: 62px; height: 56px; margin-left: 5px; background-image: url(http://www.ci123.com/special/duihuaxiaofan/styles/images/share_bg1.png); _background-image: url(http://www.ci123.com/special/duihuaxiaofan/styles/images/share_bg1_8bit.png); background-position: 0 0px; background-repeat: no-repeat; background-color: #eeece4; display: block; z-index: 0; }

.share-block { position: absolute; left: -105px; bottom: 0; width: 100px; height: 200px; background-color: #fff; border: 1px solid #ddd; overflow: hidden; z-index: 1; }

.share-title { width: 90px; height: 26px; padding-left: 10px; line-height: 26px; font-size: 14px; color: #666666; background-color: #f6f6f6; border-bottom: 1px solid #ddd; display: block; }

.share-items { width: 90px; height: 170px; padding-top: 4px; margin-left: 10px; display: block; }

.back { width: 62px; height: 56px; margin-left: 5px; margin-top: 14px; background-image: url(http://www.ci123.com/special/duihuaxiaofan/styles/images/share_bg2.png); _background-image: url(http://www.ci123.com/special/duihuaxiaofan/styles/images/share_bg2_8bit.png); background-position: 0 0; background-repeat: no-repeat; background-color: #fdf2ec; display: block; }

.share-back a:link, .share-back a:visited { color: #8998cd; }

.share-back a:hover { color: #999; }

/*add css*/
.item-pic1 { z-index: 5; }

/*# sourceMappingURL=style.css.map */