@charset "utf-8";
/**
 * fullPage 1.4.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 * Power by levenry
 * Copyright (C) 2013 Power by levenry
 */
html, body { margin: 0; padding: 0; }
body { font: 16px/1.8 "Microsoft Yahei", verdana; }
#superContainer { height: 100%; position: relative; }
.section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#fullPage-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
#fullPage-nav.right { right: 17px; }
#fullPage-nav.left { left: 17px; }
.fullPage-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
.fullPage-slidesNav.bottom { bottom: 17px; }
.fullPage-slidesNav.top { top: 17px; }
#fullPage-nav ul, .fullPage-slidesNav ul { margin: 0; padding: 0; }
#fullPage-nav li, .fullPage-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fullPage-slidesNav li { display: inline-block; }
#fullPage-nav li a, .fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fullPage-nav li .active span, .fullPage-slidesNav .active span { background: #333; }
#fullPage-nav span, .fullPage-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; }
.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px; }
.fullPage-tooltip.right { right: 20px; }
.fullPage-tooltip.left { left: 20px; }


/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px; }
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle; }
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url("../images/dot.png") 5px 5px no-repeat; }
#fullPage-nav li .active { background-position: 0 bottom; }
#fullPage-nav span { display: none; }
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px/21px "Microsoft Yahei"; color: #FFFFFF; }
.section { position: relative; overflow: hidden; }
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section .bg img { display: block; width: 100%; height: 100%; }

/* 小屏幕样式（开始）*/
@media (min-width:0px) and (max-width:1440px) {
.page1_logo { cursor: pointer; position: absolute; left: 1%; top: -70px; width: 224px; height: 70px; transition: all 1s; z-index: 9999; }

.bg1{ width:100%; height:100%;background:url(../images/1/1440.jpg) top center no-repeat;}
.page1_bg1 { position: absolute; width:929px; height: 190px;left: 35.3%; top: -50%;  -webkit-transform: scale(0.7, 0.7); transform: scale(0.7,0.7); background: url("../images/1/page1_bg1.png") no-repeat center top; opacity: 0; transition: all 1s; background-size: auto 100%; z-index: 1; }
.page1_bg2 { width: 470px; height: 370px; top: 22.8%; left: -50%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7,0.7); background: url("../images/1/center_pic_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;position: absolute; z-index: 10; opacity: 0; }
.page1_bg3 { position: absolute; width: 729px; height:178px; top: 31%; right:-50%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7,0.7); background: url("../images/1/center_text_1.png") no-repeat center top; opacity: 0; transition: all 1s; background-size: auto 100%; z-index: 2; }
.page1_bg4{ width: 1000px; height: 172px; left:16%; bottom:-50%; -webkit-transform: scale(1.7, 1.7); transform: scale(1.7,1.7); background: url("../images/1/bottom_text_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;position: absolute; z-index: 1;}

.bg2{ width:100%; height:100%;background:url(../images/2/1440.jpg) top center no-repeat;}
.page2_bt { width: 331px; height: 215px; top:70%; left:2%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/2/part_1_bt.png") no-repeat center center; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 3; opacity: 0; }
.page2_bg1 { position: absolute; z-index: 1; width: 349px; height: 227px; left:41.5%; bottom: -50%; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); background: url("../images/2/part_1_text_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page2_bg1s { position: absolute; z-index: 1; width: 439px; height: 227px; left:63%; bottom: -50%; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); background: url("../images/2/part_1_text_2.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page2_bg2 { position: absolute; z-index: 1; width: 240px; height: 240px; right:-50%; top:16.5%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/2/part_1_pic_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page2_bg3 { position: absolute; z-index: 1; width: 240px; height: 240px; right:-50%; top:16.5%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/2/part_1_pic_2.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page2_bg4 { position: absolute; z-index: 1; width: 246px; height: 90px;left:50%; top: -50%; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); background: url("../images/2/part_1_title_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page2_bg5 { position: absolute; z-index: 1; width: 246px; height: 90px;left:77%; top: -50%; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); background: url("../images/2/part_1_title_2.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }

.bg3{ width:100%; height:100%;background:url(../images/3/1440.jpg) top center no-repeat;}
.page3_bt { width: 400px; height: 217px; left:0%; top:4%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/3/part_2_bt.png") no-repeat center top; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 2; opacity: 0; }
.page3_bg1 { width: 379px; height: 45px; left:45%; top: -39%; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); background: url("../images/3/part_2_text_2.png") no-repeat center top; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 1; opacity: 1; }
.page3_bg2 { width: 822px; height: 352px; left:39.3%; bottom: -50%; -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); background: url("../images/3/part_2_text_3.png") no-repeat center bottom; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 2; opacity: 1; }
.page3_bg3 { position: absolute; z-index: 1; width: 334px; height: 452px; right: -50%; top:48.9%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/3/part_2_ya.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page3_bg4 { width: 519px; height: 439px; top: 31%; left:15.5%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/3/part_2_text_1.png") no-repeat center center; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 3; opacity: 0; }
.page3_bg5 { width: 225px; height: 199px; top: 29%; left: -7.7%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/3/part_2_pic_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;position: absolute; z-index: 10; opacity: 0; }
.page3_bg6 { width: 225px; height: 199px; top: 40.8%; left: -17.7%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/3/part_2_pic_2.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;position: absolute; z-index: 10; opacity: 0; }
.page3_bg7 { width: 225px; height: 199px; top: 52.9%; left: -7.7%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/3/part_2_pic_3.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;position: absolute; z-index: 10; opacity: 0; }
.page3_bg8 { width: 225px; height: 199px; top: 64.2%; left: -17.7%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/3/part_2_pic_4.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;position: absolute; z-index: 10; opacity: 0; }

.page4_bt {width: 401px; height: 217px;  left: 0%; top:4%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/4/part_3_bt.png") no-repeat center top; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 12; opacity: 0;}
.page4_bg1 {width:240px; height:900px; top:0%; left:-50%; background:url("../images/4/bg4_1_06.jpg") no-repeat center top; background-size: auto 100%; transition: all 1s; position:absolute; z-index:10; opacity:0;}
.page4_bg2 {width:240px; height: 900px; top: 0%; left: -50%; background: url("../images/4/bg4_1_05.jpg") no-repeat center top;background-size: auto 100%;  transition: all 1s;position: absolute; z-index: 10; opacity: 0;}
.page4_bg3 {width:240px; height: 900px; top: 0%; left: -50%; background: url("../images/4/bg4_1_04.jpg") no-repeat center top;background-size: auto 100%;  transition: all 1s;position: absolute; z-index: 10; opacity: 0;}
.page4_bg4 {width:240px; height: 900px; top: 0%; left: -50%; background: url("../images/4/bg4_1_03.jpg") no-repeat center top;background-size: auto 100%;  transition: all 1s;position: absolute; z-index: 10; opacity: 0;}
.page4_bg5 {width:240px; height: 900px; top: 0%; left: -50%; background: url("../images/4/bg4_1_02.jpg") no-repeat center top;background-size: auto 100%;  transition: all 1s;position: absolute; z-index: 10; opacity: 0;}
.page4_bg6 {width:240px; height: 900px; top: 0%; left:-50%; background: url("../images/4/bg4_1_01.jpg") no-repeat center top;background-size: auto 100%;  transition: all 1s;position: absolute; z-index: 10; opacity: 0;}
.page4_bg7 {position: absolute; z-index: 13; width: 627px; height: 555px; right: -50%; top:37%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/4/part_3_quan.png") no-repeat center top; background-size: auto 100%; transition: all 1s;}
.page4_bg8 {width:239px; height:267px; top: 40%; left:-50%;-webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); background:url("../images/4/part_3_text_1.png") no-repeat center bottom; transition: all 1s;position:absolute; z-index: 14; opacity: 0;}
.page4_bg9 {position: absolute; z-index: 14; width: 918px; height:138px;  right: -100%; top:48.4%; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); background: url("../images/4/part_3_text_2.png") no-repeat center top; background-size: auto 100%; transition: all 1s;}
.page4_bg {width: 100%; height: 100%; top: 0%; left:0%; background:url("../images/4/bg4.png") repeat-x;  transition: all 1s; position: absolute; z-index: 11; opacity: 0; }

.page5_bt { width: 402px; height: 216px; left: 0%; top:4%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/5/part_4_bt.png") no-repeat center top; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 12; opacity: 0; }
.page5_bg1 {width:783px; height:577px; top:-17.5%; left:-50%; background:url("../images/5/bg5_1_01.jpg") no-repeat center top; transition: all 1s; position:absolute; z-index:10; opacity:0;}
.page5_bg2 {width:783px; height:523px; top:55%; left:-50%; background:url("../images/5/bg5_1_03.jpg") no-repeat center top; transition: all 1s; position:absolute; z-index:10; opacity:0;}
.page5_bg3 {position: absolute; z-index: 10; width: 1137px; height:1080px;  right: -100%; top:0%; background: url("../images/5/bg5_1_02.jpg") no-repeat center top; background-size: auto 100%; transition: all 1s;}
.page5_bg {width: 100%; height: 100%; top: 0%; left:0%;  background:url("../images/5/bg5.png") repeat-x;  transition: all 1s; position: absolute; z-index: 11; opacity: 0; }
.page5_bg4 { width: 593px; height: 678px;left: 3.2%; top:20.4%; -webkit-transform: scale(0.4, 0.4); transform: scale(0.4, 0.4); background: url("../images/5/part_4_text_bt.png") no-repeat center top; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 12; opacity: 0; }
.page5_bg5 { width: 320px; height: 369px; left:38.1%; top: -50%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/5/part_4_text_1.png") no-repeat center top; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 13; opacity: 1; }
.page5_bg6 { width: 320px; height: 369px; left:48.3%; bottom: -50%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/5/part_4_text_4.png") no-repeat center bottom; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 14; opacity: 1; }
.page5_bg7 { width: 320px; height: 369px; left:58.1%; top: -50%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/5/part_4_text_2.png") no-repeat center top; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 13; opacity: 1; }
.page5_bg8 { width: 320px; height: 369px; left:68.2%; bottom: -50%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/5/part_4_text_5.png") no-repeat center bottom; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 14; opacity: 1; }
.page5_bg9 { width: 320px; height: 369px; left:78.2%; top: -50%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/5/part_4_text_3.png") no-repeat center top; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 13; opacity: 1; }

.page6_bg {width:100%; height:100%; top:0%; left:0%; background:url("../images/6/1440.jpg") no-repeat center top; transition: all 1s; position:absolute; z-index:10; opacity:0;}
.page6_bt { width: 405px; height: 217px; left: 0%; top:4%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/6/part_5_bt.png") no-repeat center top; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 12; opacity: 0; }
.page6_bg1 {  width: 559px; height: 107px; left:58.5%; top: -50%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/6/part_5_text_1.png") no-repeat center top; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 13; opacity: 1; }
.page6_bg2 {position: absolute; z-index: 14; width: 559px; height:138px;  right: -100%; top:37%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background-size: auto 100%; transition: all 1s;}
.page6_bg3 { width: 559px; height: 78px; left:58.5%; bottom: -50%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); background: url("../images/6/part_5_text_3.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 15; opacity: 1; }
.page6_bg4 { width: 200px; height: 200px; left:41%; top: 28.2%; background: url("../images/6/part_5_logo.png") no-repeat center top;-webkit-transform: scale(0.4, 0.4); transform: scale(0.4, 0.4); background-size: auto 90%; transition: all 1s; position: absolute; z-index: 12; opacity: 0; }

/* CSS3过度及动画 */

.active .page1_bg1 { left: 15.5%; top: 4%; opacity: 1; transition-delay: 0.5s;  -webkit-transform: scale(0.7, 0.7); transform: scale(0.7,0.7);}
.active .page1_bg2 { top: 22.8%; left: 13%; opacity: 1; transition-delay: 1s;  -webkit-transform: scale(0.7, 0.7); transform: scale(0.7,0.7);}
.active .page1_bg3 { top: 31%; right:7.5%; opacity: 1; transition-delay: 1s;   -webkit-transform: scale(0.7, 0.7); transform: scale(0.7,0.7);}
.active .page1_bg4 { left:16%; bottom:9.5%; opacity: 1;  -webkit-transform: scale(1.7, 1.7); transform: scale(1.7,1.7); transition-delay: 1.5s; }

.active .page2_bt { top:70%; left:2%; opacity: 1; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); transition-delay: 1.5s; }
.active .page2_bg1 { left:41.5%; bottom:13%; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); transition-delay: 1s; }
.active .page2_bg1s { left:63%; bottom:13%; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); transition-delay: 1.5s; }
.active .page2_bg2 { right:31.3%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); transition-delay: 0.5s; }
.active .page2_bg3 { right:4%; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); transition-delay: 1s; }
.active .page2_bg4 { left:50%; top:8.2%; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); transition-delay: 1s; }
.active .page2_bg5 { left:77%; top:8.2%; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); transition-delay: 1.5s; }

.active .page3_bt {  left:0%; top:4%; opacity: 1; transition-delay: 1.0s;  -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}
.active .page3_bg1 {left:45%; top: 29%; opacity: 1; transition-delay: 1s; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
.active .page3_bg2 {left:39.3%; bottom: 13%; opacity: 1; transition-delay: 1s; -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }
.active .page3_bg3 { right:0%; top:48.9%; transition-delay: 0.5s; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }/*牙齿*/
.active .page3_bg4 { top: 31%; left:15.5%; opacity: 1; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); transition-delay: 2.5s; }
.active .page3_bg5 { top: 29%; left: 7.7%; opacity: 1; transition-delay: 1.5s; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}
.active .page3_bg6 { top: 40.8%; left: 17.7%; opacity: 1; transition-delay: 1.5s; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}
.active .page3_bg7 { top: 52.9%; left: 7.7%; opacity: 1; transition-delay: 1.5s; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}
.active .page3_bg8 { top: 64.2%; left: 17.7%; opacity: 1; transition-delay: 1.5s; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}

.active .page4_bt { left: 0%; top:4%; opacity: 1; transition-delay: 3.5s;  -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}/*标题*/
.active .page4_bg1 { top: 0%; left: 83.3%; opacity: 1; transition-delay: 0.5s;}
.active .page4_bg2 { top: 0%; left: 66.7%; opacity: 1; transition-delay: 1s;}
.active .page4_bg3 { top: 0%; left: 50%; opacity: 1; transition-delay: 1.5s;}
.active .page4_bg4 { top: 0%; left: 33.35%; opacity: 1; transition-delay: 2s;}
.active .page4_bg5 { top: 0%; left: 16.65%; opacity: 1; transition-delay: 2.5s;}
.active .page4_bg6 { top: 0%; left: 0%; opacity: 1; transition-delay: 3s;}
.active .page4_bg { top: 0%; left: 0%; opacity: 1; transition-delay: 3.5s; }/*覆盖背景*/
/*.active .page4_bg7 { right: -5%; top:37%; opacity: 1; transition-delay: 5s;   -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}*//*网状图*/
.active .page4_bg8 { top: 40%; left: 18%; opacity: 1; transition-delay: 4s;  -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
.active .page4_bg9 { right: 10.5%; top:48.4%; opacity: 1; transition-delay: 4s;   -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8);}

.active .page5_bt { left: 0%; top:4%; opacity: 1; transition-delay: 1.5s; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}
.active .page5_bg1 { top: -17.5%; left: -10%; opacity: 1; transition-delay: 0.5s; }
.active .page5_bg2 { top: 55%; left: -10%; opacity: 1; transition-delay: 0.5s; }
.active .page5_bg3 { right:-23.3%; top:0%; opacity: 1; transition-delay: 1s; }
.active .page5_bg { top: 0%; left: 0%; opacity: 1; transition-delay: 1.5s; }/*覆盖背景*/
.active .page5_bg4 { left: 3.2%; top:20.4%; opacity: 1; transition-delay: 2.5s; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8);}
.active .page5_bg5 {left:38.1%; top: 13.3%; opacity: 1; transition-delay: 3s; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}
.active .page5_bg6 {left:48.3%; bottom: 8%; opacity: 1; transition-delay: 3.5s;-webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}
.active .page5_bg7 {left:58.1%; top: 13.3%; opacity: 1; transition-delay: 4s; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}
.active .page5_bg8 {left:68.2%; bottom: 8%; opacity: 1; transition-delay: 4.5s;-webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}
.active .page5_bg9 {left:78.2%; top: 13.3%; opacity: 1; transition-delay: 5s; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}

.active .page6_bg { top: 0%; left:0%; opacity: 1; transition-delay: 1s; /*-webkit-transform: scale(1, 1); transform: scale(1,1); */}
.active .page6_bt { left: 0%; top:4%; opacity: 1; transition-delay: 1.5s;  -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}
.active .page6_bg1 { left:58.5%; top: 21.3%; opacity: 1; transition-delay: 2s; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
.active .page6_bg2 { right:2.8%; top:37%; opacity: 1; transition-delay: 2.5s; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
.active .page6_bg3 {left:58.5%; bottom: 33%; opacity: 1; transition-delay: 2s; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
.active .page6_bg4 {left:41%; top: 28.2%; opacity: 1; transition-delay: 3.5s; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8);}

.mouse{position:fixed;width:48px;height:72px;right:45.9%;top:91%;z-index:100; background:url(../images/mouse.png) no-repeat;}
.side{position:fixed;width:20px;height:20px;right:3.95%;top:63.5%;z-index:100;}
.side ul li{width:20px;height:20px;float:left;position:relative; list-style-type:none;}
.side ul li img{float:left;}
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:#18a1af; opacity: 0.95; }
.reveal-modal{ visibility:hidden; /*top:-2400%; left:-6900%;*/ top:5%; left:1%; width:1400px; position:fixed; z-index: 101;/* background-color: #FFF;*/}
.reveal-modal .close-reveal-modal{ font-size: 22px; position: absolute; top: 8px; right: 11px; color: #FFF; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } 

.reveal-top{ width:880px; height:113px; float:left; margin:0px 0px 0px 260px; background:url(../images/tc/topnav.png) center no-repeat;}
.reveal-ac{ width:84px; height:84px; float:left; text-align:center; line-height:18px;}
.reveal-ac a p{ margin-top:25px;}
.reveal-ac a:link{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#FFF; text-decoration:none;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s; *display:inline;*zoom:1;}
.reveal-ac a:visited{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#FFF; text-decoration:none;}
.reveal-ac a:hover{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#18a1af; text-decoration:none; background:#FFF;}
.reveal-ac a span{ font-size:11px;}

.reveal-item{ width:84px; height:84px; float:left; text-align:center; line-height:18px; margin-left:75px;}
.reveal-item a p{ margin-top:25px;}
.reveal-item a:link{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#FFF; text-decoration:none;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s; *display:inline;*zoom:1;}
.reveal-item a:visited{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#FFF; text-decoration:none;}
.reveal-item a:hover{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#18a1af; text-decoration:none; background:#FFF;}
.reveal-item a span{ font-size:11px;}

.reveal-middle{ width:1300px; height:15px; float:left; margin:0px 50px 0px 50px; background:url(../images/tc/bottomtop.png) center no-repeat;}

.reveal-bottom{ width:1400px; height:595px; float:left;}
.eyesnav{ width:90px; height:595px; float:left; background:#258d98; margin-left:5px;}
.eystitle{ width:90px; height:110px; float:left; background:url(../images/tc/eyes.jpg) top no-repeat;}
.eyscontent{ width:66px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.nosenav{ width:100px; height:595px; float:left; background:#258d98; margin-left:14px;}
.nosetitle{ width:100px; height:110px; float:left; background:url(../images/tc/nose.jpg) top no-repeat;}
.nosecontent{ width:76px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.breastnav{ width:113px; height:595px; float:left; background:#258d98; margin-left:14px;}
.breasttitle{ width:113px; height:110px; float:left; background:url(../images/tc/breast.jpg) top no-repeat;}
.breastcontent{ width:113px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.facenav{ width:90px; height:595px; float:left; background:#258d98; margin-left:14px;}
.facetitle{ width:90px; height:110px; float:left; background:url(../images/tc/face.jpg) top no-repeat;}
.facecontent{ width:66px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.fatnav{ width:90px; height:595px; float:left; background:#258d98; margin-left:14px;}
.fattitle{ width:90px; height:110px; float:left; background:url(../images/tc/fat.jpg) top no-repeat;}
.fatcontent{ width:66px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.antinav{ width:192px; height:595px; float:left; background:#258d98; margin-left:14px;}
.antititle{ width:192px; height:110px; float:left; background:url(../images/tc/anti.jpg) top no-repeat;}
.anticontent1{ width:84px; height:auto; float:left; margin:0px 0px 0px 12px; border-left:1px dotted #FFF;}
.anticontent2{ width:84px; height:auto; float:left; border-left:1px dotted #FFF;}

.micronav{ width:192px; height:595px; float:left; background:#258d98; margin-left:14px;}
.microtitle{ width:192px; height:110px; float:left; background:url(../images/tc/micro.jpg) top no-repeat;}
.maicrocontent1{ width:84px; height:auto; float:left; margin:0px 0px 0px 12px; border-left:1px dotted #FFF;}
.maicrocontent2{ width:84px; height:auto; float:left; border-left:1px dotted #FFF;}

.skinnav{ width:192px; height:595px; float:left; background:#258d98; margin-left:14px;}
.skintitle{ width:192px; height:110px; float:left; background:url(../images/tc/skin.jpg) top no-repeat;}
.skincontent1{ width:84px; height:auto; float:left; margin:0px 0px 0px 12px; border-left:1px dotted #FFF;}
.skincontent2{ width:84px; height:auto; float:left; border-left:1px dotted #FFF;}

.privatenav{ width:113px; height:595px; float:left; background:#258d98; margin-left:14px;}
.privatetitle{ width:113px; height:110px; float:left; background:url(../images/tc/private.jpg) top no-repeat;}
.privatecontent{ width:113px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.oralnav{ width:90px; height:595px; float:left; background:#258d98; margin-left:14px;}
.oraltitle{ width:90px; height:110px; float:left; background:url(../images/tc/oral.jpg) top no-repeat;}
.oralcontent{ width:66px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.gcell{ width:90px; height:23px; line-height:23px; float:left; margin:5px 0px 5px 0px; background:url(../images/tc/gcellbg.png) left center no-repeat;}
.gcell a:link{ color:#FFF; font-size:12px; text-decoration:none; padding:1px 5px; margin:0px 0px 0px 8px; -moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s; *display:inline;*zoom:1;}
.gcell a:hover{ font-size:12px; color:#18a1af; text-decoration:none; background:#FFF; border-radius:5px;}
.gcell a:visited{ color:#FFF; font-size:12px; text-decoration:none; padding:2px 3px; margin:0px 0px 0px 8px; -moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s; *display:inline;*zoom:1;}
}
/* 小屏幕样式（结束）*/

@media (min-width:1441px) and (max-width:1920px) {
.bg1{ width:100%; height:100%;background:url("../images/1/bg1.jpg") center center no-repeat;}
.page1_logo { cursor: pointer; position: absolute; left: 1%; top: -70px; width: 224px; height: 70px; transition: all 1s; z-index: 9999; }
.page1_bg { position: absolute; width:2000px; height:900px; background:url("../images/1/page1_bg.png") no-repeat center top; transition: all 1s; background-size:auto 100%; margin-left:-1000px; left: 100%; top: -100%; opacity: 0; z-index: 0; }
.page1_bg1 { position: absolute; width: 929px; height: 190px; background: url("../images/1/page1_bg1.png") no-repeat center top; opacity: 0; transition: all 1s; background-size: auto 100%; margin-left: -464px; left: 100%; top: -100%; z-index: 1; }
.page1_bg2 { width: 470px; height: 370px; left: -50%; top:24.8%; background: url("../images/1/center_pic_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;position: absolute; z-index: 10; opacity: 0; }
.page1_bg3 { position: absolute; width:729px; height:178px; top: 32.8%;right:-50%; background: url("../images/1/center_text_1.png") no-repeat center top; opacity: 0; transition: all 1s; background-size: auto 100%; margin-left: -500px; z-index: 2; }
.page1_bg4{position: absolute; z-index: 1; width: 1530px; height:444px; left:12.4%; bottom:-50%; margin-left: -40px; margin-top: 0px; background: url("../images/1/bottom_text_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;}

.bg2{ width:100%; height:100%;background:url(../images/2/bg2.jpg) center center no-repeat;}
.page2_bg { position: absolute; width: 1000px; height: 70px; background: url("../images/2/page1_bg3.png") no-repeat center center; opacity: 0.5; transition: all 1s; background-size: auto 100%; margin-left: -500px; left: 50%; top: 0px; z-index: 0; }
.page2_bt { width: 331px; height: 215px; left: 50%; margin-left: -877px; top:650px; -webkit-transform: scale(1, 1); transform: scale(1, 1); background: url("../images/2/part_1_bt.png") no-repeat center center; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 3; opacity: 0; }
.page2_bg1 { position: absolute; z-index: 1; width: 349px; height: 227px; left: 50%; margin-left: -40px; bottom: -50%; background: url("../images/2/part_1_text_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page2_bg1s { position: absolute; z-index: 1; width: 439px; height: 227px; left: 50%; margin-left: 340px; bottom: -50%; background: url("../images/2/part_1_text_2.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page2_bg2 { position: absolute; z-index: 1; width: 240px; height: 240px; right: -50%; top:21.5%; background: url("../images/2/part_1_pic_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page2_bg3 { position: absolute; z-index: 1; width: 240px; height: 240px; right: -50%; top:21.5%; background: url("../images/2/part_1_pic_2.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page2_bg4 { position: absolute; z-index: 1; width: 246px; height: 90px; left:53.5%; top: -50%; background: url("../images/2/part_1_title_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page2_bg5 { position: absolute; z-index: 1; width: 246px; height: 90px; left:78%; top: -50%; background: url("../images/2/part_1_title_2.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }

.bg3{ width:100%; height:100%;background:url(../images/3/bg3.jpg) center center no-repeat;}
.page3_bt { width: 400px; height: 217px; left: 2.9%; top:8.4%; background: url("../images/3/part_2_bt.png") no-repeat center top; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 2; opacity: 0; }
.page3_bg1 { width: 379px; height: 45px; left:51.2%; top: -39%; background: url("../images/3/part_2_text_2.png") no-repeat center top; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 1; opacity: 1; }
.page3_bg2 { width: 824px; height: 403px; left:49%; bottom: -50%; background: url("../images/3/part_2_text_3.png") no-repeat center bottom; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 2; opacity: 1; }
.page3_bg3 { position: absolute; z-index: 1; width: 334px; height: 452px; right: -50%; top:48.9%; background: url("../images/3/part_2_ya.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; }
.page3_bg4 { width: 519px; height: 439px; top: 38.5%;  left:22.5%; -webkit-transform: scale(0.5, 0.5); transform: scale(1, 1); background: url("../images/3/part_2_text_1.png") no-repeat center center; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 3; opacity: 0; }
.page3_bg5 { width: 225px; height: 199px; top: 30.9%; left: -10.9%; background: url("../images/3/part_2_pic_1.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;position: absolute; z-index: 10; opacity: 0; }
.page3_bg6 { width: 225px; height: 199px; top: 44.5%; left: -21.5%; background: url("../images/3/part_2_pic_2.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;position: absolute; z-index: 10; opacity: 0; }
.page3_bg7 { width: 225px; height: 199px; top: 58.3%; left: -10.9%; background: url("../images/3/part_2_pic_3.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;position: absolute; z-index: 10; opacity: 0; }
.page3_bg8 { width: 225px; height: 199px; top: 71.7%; left: -21.5%; background: url("../images/3/part_2_pic_4.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s;position: absolute; z-index: 10; opacity: 0; }

.page4_bt {width: 401px; height: 217px; left: 2.9%; top:8.4%; background: url("../images/4/part_3_bt.png") no-repeat center top; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 12; opacity: 0;}
.page4_bg1 {width:320px; height:1080px; top:0%; left:-50%; background:url("../images/4/bg4_1_06.jpg") no-repeat center bottom; transition: all 1s; position:absolute; z-index:10; opacity:0;}
.page4_bg2 {width:320px; height: 1080px; top: 0%; left: -50%; background: url("../images/4/bg4_1_05.jpg") no-repeat center bottom;  transition: all 1s;position: absolute; z-index: 10; opacity: 0;}
.page4_bg3 {width:320px; height: 1080px; top: 0%; left: -50%; background: url("../images/4/bg4_1_04.jpg") no-repeat center bottom;  transition: all 1s;position: absolute; z-index: 10; opacity: 0;}
.page4_bg4 {width:320px; height: 1080px; top: 0%; left: -50%; background: url("../images/4/bg4_1_03.jpg") no-repeat center bottom;  transition: all 1s;position: absolute; z-index: 10; opacity: 0;}
.page4_bg5 {width:320px; height: 1080px; top: 0%; left: -50%; background: url("../images/4/bg4_1_02.jpg") no-repeat center bottom;  transition: all 1s;position: absolute; z-index: 10; opacity: 0;}
.page4_bg6 {width:320px; height: 1080px; top: 0%; left:0%; background: url("../images/4/bg4_1_01.jpg") no-repeat center bottom;  transition: all 1s;position: absolute; z-index: 10; opacity: 0;}
.page4_bg7 {position: absolute; z-index: 13; width: 627px; height: 555px; right: -50%; top:39%; background: url("../images/4/part_3_quan.png") no-repeat center top; background-size: auto 100%; transition: all 1s;}
.page4_bg8 {width:239px; height:267px; top:40%; left:-24%; background:url("../images/4/part_3_text_1.png") no-repeat center bottom; transition: all 1s;position:absolute; z-index: 14; opacity: 0;}
.page4_bg9 {position: absolute; z-index: 14; width: 918px; height:138px;  right: -50%; top:47%; background: url("../images/4/part_3_text_2.png") no-repeat center top; background-size: auto 100%; transition: all 1s;}
.page4_bg {width: 100%; height: 100%; top: 0%; left:0%;  background:url("../images/4/bg4.png") repeat-x;  transition: all 1s; position: absolute; z-index: 11; opacity: 0; }

.page5_bt { width: 402px; height: 216px; left: 2.9%; top:8.4%; background: url("../images/5/part_4_bt.png") no-repeat center top; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 12; opacity: 0; }
.page5_bg1 {width:783px; height:577px; top:0%; left:-50%; background:url("../images/5/bg5_1_01.jpg") no-repeat center top; transition: all 1s; position:absolute; z-index:10; opacity:0;}
.page5_bg2 {width:783px; height:523px; top:59.4%; left:-50%; background:url("../images/5/bg5_1_03.jpg") no-repeat center top; transition: all 1s; position:absolute; z-index:10; opacity:0;}
.page5_bg3 {position: absolute; z-index: 10; width: 1137px; height:1080px;  right: -100%; top:0%; background: url("../images/5/bg5_1_02.jpg") no-repeat center center; background-size: auto 100%; transition: all 1s;}
.page5_bg {width: 100%; height: 100%; top: 0%; left:0%;  background:url("../images/5/bg5.png") repeat-x;  transition: all 1s; position: absolute; z-index: 11; opacity: 0; }
.page5_bg4 { width: 593px; height: 678px;left: 3.2%; top:30.4%;-webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); background: url("../images/5/part_4_text_bt.png") no-repeat center top; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 12; opacity: 0; }
.page5_bg5 { width: 320px; height: 369px; left:35.1%; top: -50%; background: url("../images/5/part_4_text_1.png") no-repeat center top; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 13; opacity: 1; }
.page5_bg6 { width: 320px; height: 369px; left:45.3%; bottom: -50%; background: url("../images/5/part_4_text_4.png") no-repeat center bottom; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 14; opacity: 1; }
.page5_bg7 { width: 320px; height: 369px; left:55.1%; top: -50%; background: url("../images/5/part_4_text_2.png") no-repeat center top; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 13; opacity: 1; }
.page5_bg8 { width: 320px; height: 369px; left:65.2%; bottom: -50%; background: url("../images/5/part_4_text_5.png") no-repeat center bottom; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 14; opacity: 1; }
.page5_bg9 { width: 320px; height: 369px; left:75.2%; top: -50%; background: url("../images/5/part_4_text_3.png") no-repeat center top; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 13; opacity: 1; }

.page6_bg {width:100%; height:100%; top:0%; left:0%; background:url("../images/6/bg6.jpg") no-repeat center top; transition: all 1s; position:absolute; z-index:10; opacity:0;}
.page6_bt { width: 405px; height: 217px; left: 2.9%; top:8.4%; background: url("../images/6/part_5_bt.png") no-repeat center top; background-size: auto 90%; transition: all 1s; position: absolute; z-index: 12; opacity: 0; }
.page6_bg1 {  width: 559px; height: 107px; left:62.5%; top: -50%; background: url("../images/6/part_5_text_1.png") no-repeat center top; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 13; opacity: 1; }
.page6_bg2 {position: absolute; z-index: 14; width: 559px; height:138px;  right: -100%; top:38%; background: url("../images/6/part_5_text_2.png") no-repeat center center; background-size: auto 100%; transition: all 1s;}
.page6_bg3 { width: 559px; height: 78px; left:62.5%; bottom: -50%; background: url("../images/6/part_5_text_3.png") no-repeat center bottom; background-size: auto 100%; transition: all 1s; position: absolute; z-index: 15; opacity: 1; }
.page6_bg4 { width: 200px; height: 200px; left: 42%; top:34.2%; background: url("../images/6/part_5_logo.png") no-repeat center top;-webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); background-size: auto 90%; transition: all 1s; position: absolute; z-index: 12; opacity: 0; }

/* CSS3过度及动画 */
.active .page1_bg1 { left: 50%; top: 2%; opacity: 1; transition-delay: 0.5s; }
.active .page1_bg2 { top: 24.8%; left: 20%; opacity: 1; transition-delay: 1s;}
.active .page1_bg3 { top: 28%; right:18%; opacity: 1; transition-delay: 1s; }
.active .page1_bg4 { left:12.4%; bottom:0%; opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 1.5s; }

.active .page2_bg { top: 100px; transition-delay: 0.5s; }
.active .page2_bt { top: 550px; left:60%; opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 1.5s; }
.active .page2_bg1 { left:49%; bottom:10%; transition-delay: 1s; }
.active .page2_bg1s { left:49%; bottom:10%; transition-delay: 1.5s; }
.active .page2_bg2 { margin-left:0px; right:31.3%; transition-delay: 0.5s; }
.active .page2_bg3 { margin-left:0px; right:7%; transition-delay: 1s; }
.active .page2_bg4 { left:53.5%; top:70px; transition-delay: 1s; }
.active .page2_bg5 { left:78%; top:70px; transition-delay: 1.5s; }

.active .page3_bt {  left:2.9%; top:8.4%; opacity: 1; transition-delay: 1.0s; }
.active .page3_bg { top: 0%; opacity: 1; transition-delay: 1.0s; }
.active .page3_bg1 {left:51.2%; top: 30%; opacity: 1; transition-delay: 1s; }
.active .page3_bg2 {left:49%; bottom: 14%; opacity: 1; transition-delay: 1s; }
.active .page3_bg3 { margin-left:0px; right:3%; transition-delay: 0.5s; }/*牙齿*/
.active .page3_bg4 { top: 30%; left:18.5%; opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 2.5s; }
.active .page3_bg5 { top: 30.9%; left: 10.9%; opacity: 1; transition-delay: 1.5s;}
.active .page3_bg6 { top: 44.5%; left: 21.5%; opacity: 1; transition-delay: 1.5s;}
.active .page3_bg7 { top: 58.3%; left: 10.9%; opacity: 1; transition-delay: 1.5s;}
.active .page3_bg8 { top: 71.7%; left: 21.5%; opacity: 1; transition-delay: 1.5s;}

.active .page4_bt { left: 2.9%; top:8.4%; opacity: 1; transition-delay: 3.5s; }/*标题*/
.active .page4_bg1 { top: 0%; left: 83.3%; opacity: 1; transition-delay: 0.5s; }
.active .page4_bg2 { top: 0%; left: 66.6%; opacity: 1; transition-delay: 1s; }
.active .page4_bg3 { top: 0%; left: 50%; opacity: 1; transition-delay: 1.5s; }
.active .page4_bg4 { top: 0%; left: 33.35%; opacity: 1; transition-delay: 2s; }
.active .page4_bg5 { top: 0%; left: 16.65%; opacity: 1; transition-delay: 2.5s; }
.active .page4_bg6 { top: 0%; left: 0%; opacity: 1; transition-delay: 3s; }
.active .page4_bg { top: 0%; left: 0%; opacity: 1; transition-delay: 3.5s; }/*覆盖背景*/
/*.active .page4_bg7 { right: 1%; top:39%; opacity: 1; transition-delay: 5s; }网状图*/
.active .page4_bg8 { top: 40%; left: 20%; opacity: 1; transition-delay: 4s; }
.active .page4_bg9 { right: 8%; top:48%; opacity: 1; transition-delay: 4s; }

.active .page5_bt { left: 2.9%; top:8.4%; opacity: 1; transition-delay: 1.5s; }
.active .page5_bg1 { top: 0%; left: 0%; opacity: 1; transition-delay: 0.5s; }
.active .page5_bg2 { top: 59.4%; left: 0%; opacity: 1; transition-delay: 0.5s; }
.active .page5_bg3 { right:0%; top:0%; opacity: 1; transition-delay: 1s; }
.active .page5_bg { top: 0%; left: 0%; opacity: 1; transition-delay: 1.5s; }/*覆盖背景*/
.active .page5_bg4 { left: 3.2%; top:30.4%; opacity: 1; transition-delay: 2.5s;-webkit-transform: scale(1, 1); transform: scale(1, 1); }
.active .page5_bg5 {left:35.1%; top: 21.3%; opacity: 1; transition-delay: 3s; }
.active .page5_bg6 {left:45.3%; bottom: 8%; opacity: 1; transition-delay: 3.5s;}
.active .page5_bg7 {left:55.1%; top: 21.3%; opacity: 1; transition-delay: 4s; }
.active .page5_bg8 {left:65.2%; bottom: 8%; opacity: 1; transition-delay: 4.5s;}
.active .page5_bg9 {left:75.2%; top: 21.3%; opacity: 1; transition-delay: 5s; }

.active .page6_bg { top: 0%; left:0%; opacity: 1; transition-delay: 1s; }
.active .page6_bt { left: 2.9%; top:8.4%; opacity: 1; transition-delay: 1.5s; }
.active .page6_bg1 { left:62%; top: 21.3%; opacity: 1; transition-delay: 2s; }
.active .page6_bg2 { left:62%; top:38%; opacity: 1; transition-delay: 2.5s; }
.active .page6_bg3 {left:62%; bottom: 34.2%; opacity: 1; transition-delay: 2s; }
.active .page6_bg4 {left:42%; top: 34.2%; opacity: 1; transition-delay: 3.5s; -webkit-transform: scale(1, 1); transform: scale(1, 1);}

.mouse{position:fixed;width:48px;height:72px;right:45.3%;top:92.5%;z-index:100; background:url(../images/mouse.png) no-repeat;}
.side{position:fixed;width:20px;height:20px;right:2.95%;top:61%;z-index:100;}
.side ul li{width:20px;height:20px;float:left;position:relative; list-style-type:none;}
.side ul li img{float:left;}
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:#18a1af; opacity: 0.95; }
.reveal-modal{ visibility:hidden; /*top:-2500%; left:-7900%;*/ top:10%; left:13.5%; width:1400px; position:fixed; z-index: 101; /*background-color: #FFF;*/}
.reveal-modal .close-reveal-modal{ font-size: 22px; position: absolute; top: 8px; right: 11px; color: #FFF; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } 

.reveal-top{ width:880px; height:113px; float:left; margin:0px 0px 0px 260px; background:url(../images/tc/topnav.png) center no-repeat;}
.reveal-ac{ width:84px; height:84px; float:left; text-align:center; line-height:18px;}
.reveal-ac a p{ margin-top:25px;}
.reveal-ac a:link{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#FFF; text-decoration:none;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s; *display:inline;*zoom:1;}
.reveal-ac a:visited{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#FFF; text-decoration:none;}
.reveal-ac a:hover{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#18a1af; text-decoration:none; background:#FFF;}
.reveal-ac a span{ font-size:11px;}

.reveal-item{ width:84px; height:84px; float:left; text-align:center; line-height:18px; margin-left:75px;}
.reveal-item a p{ margin-top:25px;}
.reveal-item a:link{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#FFF; text-decoration:none;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s; *display:inline;*zoom:1;}
.reveal-item a:visited{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#FFF; text-decoration:none;}
.reveal-item a:hover{ width:84px; height:84px; float:left; display:block;font-size:14px; color:#18a1af; text-decoration:none; background:#FFF;}
.reveal-item a span{ font-size:11px;}

.reveal-middle{ width:1300px; height:15px; float:left; margin:0px 50px 0px 50px; background:url(../images/tc/bottomtop.png) center no-repeat;}

.reveal-bottom{ width:1400px; height:595px; float:left;}
.eyesnav{ width:90px; height:595px; float:left; background:#258d98; margin-left:5px;}
.eystitle{ width:90px; height:110px; float:left; background:url(../images/tc/eyes.jpg) top no-repeat;}
.eyscontent{ width:66px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.nosenav{ width:100px; height:595px; float:left; background:#258d98; margin-left:14px;}
.nosetitle{ width:100px; height:110px; float:left; background:url(../images/tc/nose.jpg) top no-repeat;}
.nosecontent{ width:76px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.breastnav{ width:113px; height:595px; float:left; background:#258d98; margin-left:14px;}
.breasttitle{ width:113px; height:110px; float:left; background:url(../images/tc/breast.jpg) top no-repeat;}
.breastcontent{ width:113px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.facenav{ width:90px; height:595px; float:left; background:#258d98; margin-left:14px;}
.facetitle{ width:90px; height:110px; float:left; background:url(../images/tc/face.jpg) top no-repeat;}
.facecontent{ width:66px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.fatnav{ width:90px; height:595px; float:left; background:#258d98; margin-left:14px;}
.fattitle{ width:90px; height:110px; float:left; background:url(../images/tc/fat.jpg) top no-repeat;}
.fatcontent{ width:66px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.antinav{ width:192px; height:595px; float:left; background:#258d98; margin-left:14px;}
.antititle{ width:192px; height:110px; float:left; background:url(../images/tc/anti.jpg) top no-repeat;}
.anticontent1{ width:84px; height:auto; float:left; margin:0px 0px 0px 12px; border-left:1px dotted #FFF;}
.anticontent2{ width:84px; height:auto; float:left; border-left:1px dotted #FFF;}

.micronav{ width:192px; height:595px; float:left; background:#258d98; margin-left:14px;}
.microtitle{ width:192px; height:110px; float:left; background:url(../images/tc/micro.jpg) top no-repeat;}
.maicrocontent1{ width:84px; height:auto; float:left; margin:0px 0px 0px 12px; border-left:1px dotted #FFF;}
.maicrocontent2{ width:84px; height:auto; float:left; border-left:1px dotted #FFF;}

.skinnav{ width:192px; height:595px; float:left; background:#258d98; margin-left:14px;}
.skintitle{ width:192px; height:110px; float:left; background:url(../images/tc/skin.jpg) top no-repeat;}
.skincontent1{ width:84px; height:auto; float:left; margin:0px 0px 0px 12px; border-left:1px dotted #FFF;}
.skincontent2{ width:84px; height:auto; float:left; border-left:1px dotted #FFF;}

.privatenav{ width:113px; height:595px; float:left; background:#258d98; margin-left:14px;}
.privatetitle{ width:113px; height:110px; float:left; background:url(../images/tc/private.jpg) top no-repeat;}
.privatecontent{ width:113px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.oralnav{ width:90px; height:595px; float:left; background:#258d98; margin-left:14px;}
.oraltitle{ width:90px; height:110px; float:left; background:url(../images/tc/oral.jpg) top no-repeat;}
.oralcontent{ width:66px; height:auto; float:left; margin:0px 12px; border-left:1px dotted #FFF;}

.gcell{ width:90px; height:23px; line-height:23px; float:left; margin:5px 0px 5px 0px; background:url(../images/tc/gcellbg.png) left center no-repeat;}
.gcell a:link{ color:#FFF; font-size:12px; text-decoration:none; padding:1px 5px; margin:0px 0px 0px 8px; -moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s; *display:inline;*zoom:1;}
.gcell a:hover{ font-size:12px; color:#18a1af; text-decoration:none; background:#FFF; border-radius:5px;}
.gcell a:visited{ color:#FFF; font-size:12px; text-decoration:none; padding:2px 3px; margin:0px 0px 0px 8px; -moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s; *display:inline;*zoom:1;}
}

/* 动态样式 */
.shirt_updown { -webkit-animation: goods 1.5s infinite linear; animation: goods 1.5s infinite linear }
@-webkit-keyframes goods { 50% {
top:42%
}
100% {
top:40%
}
}