html, body { width: 100%; height: 100%; font-family: "Microsoft YaHei", "SimHei", sans-serif; font-size: 18px; -webkit-tap-highlight-color: rgba(0,0,0,0) }
a { text-decoration: none }
.home_area { overflow: hidden }
.section_group { position: relative; height: 100%; -webkit-transition: all 1000ms cubic-bezier(.86, 0, .07, 1); -moz-transition: all 1000ms cubic-bezier(.86, 0, .07, 1); -o-transition: all 1000ms cubic-bezier(.86, 0, .07, 1); -ms-transition: all 1000ms cubic-bezier(.86, 0, .07, 1); transition: all 1000ms cubic-bezier(.86, 0, .07, 1) }
.scroll_down { background:url(../images/mouth.png) no-repeat; width:30px; height:45px; position:absolute; z-index:10; left:50%; margin-left:-15px; bottom:65px; cursor: pointer; -webkit-animation: slideDown 1.6s ease-in-out 0s infinite; animation: slideDown 1.6s ease-in-out 0s infinite }
.pagination { position: fixed; top: 50%; margin-top: -136px; right: 30px; width: 26px; z-index: 999; font-size: 14px; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px }
.pagination li { width: 20px; height: 20px; cursor: pointer; margin: 8px auto; padding-top: 1px; position: relative }
.pagination li span { display: block; height: 14px; width: 14px; margin: 6px; background: #cdcdcd; position:relative; z-index:2; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 4px; -ms-border-radius: 14px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms }
.pagination li aside { position: absolute; background:#828282; color: #fff; right: -10px; top: 1px; padding: 0 34px 0 10px; z-index:1; white-space: nowrap; line-height: 1.9em; opacity: 0; height: 26px; line-height: 26px; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -o-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s }
.pagination li:hover aside { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
.pagination .active span { background: #fff;/* -webkit-box-shadow: 0 0 0 4px rgba(255,100,147,0.4), 0 0 0 8px rgba(255,100,147,0.3); -moz-box-shadow: 0 0 0 4px rgba(255,100,147,0.4), 0 0 0 8px rgba(255,100,147,0.3); -o-box-shadow: 0 0 0 4px rgba(255,100,147,0.4), 0 0 0 8px rgba(255,100,147,0.3); -ms-box-shadow: 0 0 0 4px rgba(255,100,147,0.4), 0 0 0 8px rgba(255,100,147,0.3); box-shadow: 0 0 0 4px rgba(255,100,147,0.4), 0 0 0 8px rgba(255,100,147,0.3)*/ }
.pagination .active aside { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
section { width: 100%; height: 100%; overflow: hidden; position: relative }
.footer { overflow: visible;}
.bottom{ background:url(../images/map.jpg) center no-repeat; background-size:cover; text-align:center; color:#fff; overflow:hidden; position:relative;}
.f-bottom{ position:absolute; left:0; width:100%; top:50%; margin-top:-256px; height:513px;}
.bottom h2{ font-size:35px;}
.bottom img{ display:block; margin:40px auto 25px;}
.bot-ul{ width:785px; margin:65px auto 0;}
.bot-ul li{ float:left; border-bottom:1px #64ae88 solid; width:240px; text-align:left; padding:20px 0;}
.bot-ul li img{ display:inline-block; vertical-align:middle; margin:0; margin:0 15px;}
.bot-ul li.bot-ul-li1{ width:545px;}
.bot-ul li span,.bot-ul li a{ color:#fff; font-size:14px; margin:0 5px;}


.body_area{ width:1200px; margin:0 auto; position:relative;}

.title{ position:absolute; left:0; top:20%; opacity:0;}
.current .title{ top:5%; opacity:1; -webkit-transition: 500ms ease-out 500ms; -moz-transition: 500ms ease-out 500ms; -o-transition: 500ms ease-out 500ms; -ms-transition: 500ms ease-out 500ms; transition: 500ms ease-out 500ms;}
/*.area_02*/
.gxjs{ position:absolute; left:0; top:22%;}

.shouj{ opacity:0; right:-80px;}
.area_02.current .shouj{ right:0; opacity:1; -webkit-transition: 500ms ease-out 500ms; -moz-transition: 500ms ease-out 500ms; -o-transition: 500ms ease-out 500ms; -ms-transition: 500ms ease-out 500ms; transition: 500ms ease-out 500ms;}
.ren{ opacity:0; left:-123px;}
.area_02.current .ren{ left:-43px; opacity:1; -webkit-transition: 500ms ease-out 800ms; -moz-transition: 500ms ease-out 800ms; -o-transition: 500ms ease-out 800ms; -ms-transition: 500ms ease-out 800ms; transition: 500ms ease-out 800ms;}
/*.area_03*/
.area_03{ background:#ededed;}
.hxys{ position:absolute; top:52%; left:50%; margin-left:-507px; text-align:center; opacity:0;}
.hxys .fl{ width:430px; height:500px;}
.hxys .fr{ width:585px; background:url(../images/hxys1.png) left center no-repeat; height:500px; text-align:left; color:#242424; padding-top:20px; box-sizing:border-box;}
.hxys .fr li h3{ font-size:24px; margin-bottom:5px; color:#000;}
.hxys .fr li p{ font-size:14px; line-height:24px;}
.hxys .fr li.hxysli1{ padding-left:105px; margin-bottom:27px; height:75px; line-height:75px;}
.hxys .fr li.hxysli2{ padding-left:210px; margin-bottom:82px; height:76px; line-height:76px;}
.hxys .fr li.hxysli3{ padding-left:132px; margin-bottom:52px; height:77px; line-height:77px;}
.hxys .fr li.hxysli4{ padding-left:270px; height:60px; line-height:60px;}
.area_03.current .hxys{ top:22%; opacity:1; -webkit-transition: 500ms ease-out 800ms; -moz-transition: 500ms ease-out 800ms; -o-transition: 500ms ease-out 800ms; -ms-transition: 500ms ease-out 800ms; transition: 500ms ease-out 800ms;}
/*.area_04*/
.area_04{ background:url(../images/idx_bg1.jpg) center no-repeat; background-size:cover;}
.area_04 .title h2{ color:#fff;}
.area_04 .title p{ color:#fff;}
.wyyd{ position:absolute; top:22%;}
/*.area_05*/
.tasay{ position:absolute; top:22%;}
/*.area_06*/
.area_06{ background:url(../images/idx_bg6.jpg) center no-repeat; background-size:cover;}
.area_06 .title h2{ color:#fff;}
.area_06 .title p{ color:#fff;}
.zxdt{ position:absolute; top:22%;}

/*鼠标上下运动*/
@-webkit-keyframes slideDown { 0% {
-webkit-transform:translateY(0)
}
50% {
-webkit-transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes slideDown { 0% {
-moz-transform:translateY(0)
}
50% {
-moz-transform:translateY(-10px)
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes slideDown { 0% {
-o-transform:translateY(0)
}
50% {
-o-transform:translateY(-10px)
}
100% {
-o-transform:translateY(0)
}
}
@-ms-keyframes slideDown { 0% {
-ms-transform:translateY(0)
}
50% {
-ms-transform:translateY(-10px)
}
100% {
-ms-transform:translateY(0)
}
}
@keyframes slideDown { 0% {
transform:translateY(0)
}
50% {
transform:translateY(-10px)
}
100% {
transform:translateY(0)
}
}