@charset "utf-8";
/* CSS Document */

body{ margin:0; padding: 0; line-height: 24px; font-size: 12px; background:#fff; color:#353535; font-family: '微软雅黑';}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, form, input, button { margin:0; padding: 0;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul, ol { list-style: none; }
img { vertical-align: middle;}
.clear { clear:both;}
.FL{ float:left; display:inline}
.FR{ float:right; display:inline}
a { text-decoration: none; color: #353535 }
.w1200{ width:1200px; margin:0 auto; height:100%; overflow:hidden;}


/* banner */
.banner { width: 100%; position: relative; }
.banner .con { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.banner .con ul { width: 100% !important; }
.banner .con li { width: 100% !important; overflow: hidden; text-align: center; }
.banner .con li a { display: block; margin: 0 auto; width: 100%; height: 600px; background-position: center center; background-repeat: no-repeat }
.banner .tou { width: 100%; position: absolute; bottom: 50px; left: 0; height: 30px; line-height: 30px; text-align: center; }
.banner .tou ul { text-align: center; padding-top: 5px; }
.banner .tou ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 10px; height: 10px; margin: 5px; background: #dedede; overflow: hidden; line-height: 9999px; border-radius: 100% }
.banner .tou ul .on { background: #000; }
.banner .prev, .banner .next { position: absolute; left: 10%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: #000 url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.banner .next { left: auto; right: 10%; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }

.sub-menu{ background:#02b097; height:100%; overflow:hidden; padding-top:50px;}
.sub-menu a{ color:#fff;}
.sub-menu a:hover{ color:#ddc86f;}
.sub-menu dl{ width:20%; float:left; display:inline; text-align:center;}
.sub-menu dt{ margin-bottom:30px;}
.sub-menu dd{ line-height:40px; font-size:20px;}
.sub-menu .btn{ text-align:center; padding:50px 0;}
.sub-menu .btn img{ cursor:pointer;}

.bk{ height:1268px; background:url(../images/x0.jpg) no-repeat center 0; overflow:hidden;}
.bk .w1200{ position:relative;}
.bk img{ position:absolute;}
.bk .a1{ left:0; top:234px;}
.bk .a2{ right:0; top:234px;}
.bk .a3{ left:0; top:549px;}
.bk .a4{ left:384px; top:418px;}
.bk .a5{ right:0; top:416px;}
.bk .a6{ left:0; top:912px;}
.bk .a7{ right:0; top:912px;}

.bk a img.on{ animation: myfirst 1s; -moz-animation: myfirst 1s; -ms-animation: myfirst 1s; -webkit-animation: myfirst 1s; -o-animation: myfirst 1s;}

@keyframes myfirst 
{
30% { margin-top:-20px}
60% { margin-top:0}
70% { margin-top:-20px}
80% { margin-top:0}
90% { margin-top:-10px}
100% { margin-top:0}
}

@-moz-keyframes myfirst 
{
30% { margin-top:-20px}
60% { margin-top:0}
70% { margin-top:-20px}
80% { margin-top:0}
90% { margin-top:-10px}
100% { margin-top:0}
}

@-ms-keyframes myfirst 
{
30% { margin-top:-20px}
60% { margin-top:0}
70% { margin-top:-20px}
80% { margin-top:0}
90% { margin-top:-10px}
100% { margin-top:0}
}

@-webkit-keyframes myfirst 
{
30% { margin-top:-20px}
60% { margin-top:0}
70% { margin-top:-20px}
80% { margin-top:0}
90% { margin-top:-10px}
100% { margin-top:0}
}

@-o-keyframes myfirst 
{
30% { margin-top:-20px}
60% { margin-top:0}
70% { margin-top:-20px}
80% { margin-top:0}
90% { margin-top:-10px}
100% { margin-top:0}
}


/* case */
.case { position: relative; }
.case .con { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.case .con ul { width: 100% !important; }
.case .con li { width: 100% !important; overflow: hidden; text-align: center; }
.case .con li a { display: block; margin: 0 auto; height: 893px; background-position: center center; background-repeat: no-repeat }
.case .tou { position: absolute; bottom: 210px; left: 50%; width:520px; height: 30px; line-height: 30px; text-align: center; }
.case .tou ul { text-align: center; padding-top: 5px; }
.case .tou ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 30px; height: 30px; margin: 5px; background: #dedede; overflow: hidden; line-height: 30px; border-radius: 100%; font-size:14px;}
.case .tou ul .on { background: #000; color:#fff;}
.case .prev, .case .next { position: absolute; left: 10%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: #000 url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.case .next { left: auto; right: 10%; background-position: 8px 5px; }
.case .prev:hover, .case .next:hover { filter: alpha(opacity=100); opacity: 1; }
.case .prevStop { display: none; }
.case .nextStop { display: none; }

.sb{ height:899px; overflow:hidden; background:url(../images/sb.jpg) no-repeat center 0;}
.xs{ height:1695px; overflow:hidden; background:url(../images/xs.jpg) no-repeat center 0;}