@charset "gb2312";

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:寰蒋闆呴粦,Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif; font-size:100%;}
html, body {
    margin: 0;
    padding: 0;
    overflow-x:hidden;

    
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html,body{color:#333}
body{background:#fff;}
ul,ol,li{ list-style:none;}
a:link, a:visited{color: white;text-decoration:none;}
a:hover{ color:orange;}
img{ border:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5{ font-weight:normal;}
.clearfloat:after{ content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.clearfloat{zoom:1;}

.section { text-align: center; font: 30px "Microsoft Yahei"; color: #fff; position:relative;}

.section1 { background: url("../images/gkimg_01.jpg") 50% top no-repeat; height:1071px;}
.section2 { background: url("../images/czgk_bg.jpg") repeat;height:768px;}
.section3 { background: url("../images/gkimg_03.jpg") 50% no-repeat;height:768px;}
.section4 { background: url("../images/gkimg_04.jpg") 50% no-repeat;height:768px;}
.section5 { background: url("../images/gkimg_05.jpg") 50% no-repeat;height:768px;}
.section6 { background: url("../images/gkimg_06.jpg") 50% no-repeat;height:768px;}
.section7 { background: url("../images/gkimg_07.jpg") 50% no-repeat;height:768px;}
.section8 { background: url("../images/gkimg_08.jpg") 50% no-repeat;height:768px;}


.section2 .more1{ position:absolute; top:480px; left: 41.5%; background-color:transparent;}
.section2 .more2{ position:absolute; top:600px; left:54%;background-color:transparent; }

#menu { position: fixed; left: 0; top: 50%; width: 90px; margin: -216px 0 0; padding: 0; list-style-type: none; z-index: 700;}
#menu li { margin-top: 5px; font: 14px "Microsoft Yahei";}
#menu a { display: block;  color: #0074EA; text-align: center; text-indent:-9999px; text-decoration: none; height:48px; width:55px; background:url("../images/menu.png") left top no-repeat;}
#menu a.nav2{ background-position:left -96px;}
#menu a.nav3{ background-position:left -192px;}
#menu a.nav4{ background-position:left -288px;}
#menu a.nav5{ background-position:left -384px;}
#menu a.nav6{ background-position:left -480px;}
#menu a.nav7{ background-position:left -576px;}
#menu a.nav8{ background-position:left -672px;}


#menu .active a { color: #fff; background:url("../images/menu.png") left -48px no-repeat; width:139px; height:48px; text-indent:2em; line-height:48px;overflow:visible;-webkit-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;}
#menu .active a:hover { 
 -webkit-transition: 0.25s;
 
 -moz-transition: 0.25s;
 transition: 0.25s; }

#menu .active a.nav2{ background-position:left -144px;}
#menu .active a.nav3{ background-position:left -240px;}
#menu .active a.nav4{ background-position:left -336px;}
#menu .active a.nav5{ background-position:left -432px;}
#menu .active a.nav6{ background-position:left -528px;}
#menu .active a.nav7{ background-position:left -624px;}
#menu .active a.nav8{ background-position:left -720px;}

.section3 .map{ position:absolute; top:0; left:40%; margin-left:-540px; width:100%;height:768px;background-image:url(../images/gkmapbg.png);}
.section3 .map .mapcont{width:900px;margin-left:15%;position:relative;height:768px;}
.section3 .xzhf{ position:absolute; top:70px; left:367px; background-color:transparent;font-size:18px;}
.section3 .xzhfimg{ position:absolute; top: 30px; left:10%;} 
.section3 .xzhflinkpic{position:absolute; top: 148px; left:12%;}
.section3 .gkxzlink{ position:absolute; top:148px; left:12%; background-color:transparent;font-size:18px;display:block;width:798px;padding:5px 41px 6px;}
.section3 .gkxzlink a{font-size:16px;color:#613607;display:block;width:133px;float:left;text-align:left;line-height:36px;}
.section3 .dzdt{position:absolute; top: 334px; left:12%;}
.section3 .dzdtnr{position:absolute; top: 387px; left:12%;}

.logo {
 position: absolute;
 top: 18%;
 left: 40%;
}
.section1 .logo {
 -webkit-animation: bounceInDown 1s .2s ease both;
 -moz-animation: bounceInDown 1s .2s ease both;
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-1000px)
}
60% {
opacity:1;
-webkit-transform:translateY(10px)
}
80% {
-webkit-transform:translateY(-5px)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes bounceInDown {
0% {
opacity:0;
-moz-transform:translateY(-1000px)
}
60% {
opacity:1;
-moz-transform:translateY(10px)
}
80% {
-moz-transform:translateY(-5px)
}
100% {
-moz-transform:translateY(0)
}
}

.section1 .into {
 position: absolute;
 top: 420px;
 left: 42%;
 margin-left: -280px;
}
.section1 .into p{color:#fff;font-size:16px;line-height:44px;text-indent:2em;}
.section1 .into {
 -webkit-animation: fadeInLeft 1s 1s ease both;
 -moz-animation: fadeInLeft 1s 1s ease both;
}
.section1 .intop{padding:35px 68px;width:788px;display:block;}
.section1 .intop p{font-size:18px;line-height:36px;color:#FFF;text-indent:2em;text-align:left;}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-20px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}

.arrow {
 position: absolute;
 bottom: 10px;
 left: 50%;
 margin-left: -200px;
}
.arrow {
 -webkit-animation: fadeOutUp 2s 0.5s ease-in-out infinite;
 -moz-animation: fadeOutUp 2s 0.5s ease-in-out infinite;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:0;
-webkit-transform:translateY(0)
}
30% {
opacity:.6;
-webkit-transform:translateY(-4px)
}
40% {
opacity:1;
-webkit-transform:translateY(-4px)
}
80% {
opacity:.8;
-webkit-transform:translateY(-4px)
}
90% {
opacity:.5;
-webkit-transform:translateY(-10px)
}
95% {
opacity:0;
-webkit-transform:translateY(-12px)
}
100% {
opacity:0;
-webkit-transform:translateY(-18px)
}
}

.survey{ position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -225px;}
.section2 .survey {
 -webkit-animation: bounceInLeft 1s 1s ease both;
 -moz-animation: bounceInLeft 1s 1s ease both;
}
.naturalp{padding:205px 68px 0px;width:390px;display:block;}
.naturalp p{font-size:15px;line-height:34px;color:#333;text-indent:2em;text-align:left;}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity:0;
-moz-transform:translateX(-2000px)
}
60% {
opacity:1;
-moz-transform:translateX(30px)
}
80% {
-moz-transform:translateX(-10px)
}
100% {
-moz-transform:translateX(0)
}
}

.natural{ position:absolute; top:130px; left:50%; margin-left:-80px;}
.section2 .natural {
 -webkit-animation: fadeInLeft 1s 2s ease both;
 -moz-animation: fadeInLeft 1s 2s ease both;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-20px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}

.more {
 -webkit-animation: fadeInLeft 1s 2s ease both;
 -moz-animation: fadeInLeft 1s 2s ease both;
}
@-webkit-keyframes shake {
0%, 100%, 60% 70%, 80%, 90% {
-webkit-transform:translateX(0);
}
10%, 30%, 50% {
-webkit-transform:translateX(-5px);
}
20%, 40% {
-webkit-transform:translateX(5px);
}
}
@-moz-keyframes shake {
0%, 100%, 60% 70%, 80%, 90% {
-webkit-transform:translateX(0);
}
10%, 30%, 50% {
-webkit-transform:translateX(-5px);
}
20%, 40% {
-webkit-transform:translateX(5px);
}
}


.list-rect{ position:absolute; top:290px; left:50%; margin-left:-640px;}
 .list-rect li{position:absolute; width:250px; height:250px;}
 .list-rect li a{ display:block; width:250px; height:250px;}
 
 .list-rect li img{ -webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;}

 .list-rect li:hover img{ -webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0); 
filter: none;}

 

 .list-rect .pt1{ top:0; left:216px;}
 .list-rect .pt2{ top:143px; left:359px;}
 .list-rect .pt3{ top:0; left:502px;}
 .list-rect .pt4{ top:143px; left:646px;}
 .list-rect .pt5{ top:0; left:790px;}
 
 .list-rect li em{ background-color:#f39800; width:93px; height:26px; color:#fff; line-height:26px; padding:3px; display:block; position:absolute; left:50%; bottom:85px; margin-left:-49px;font-size:14px;color:#ffffff;}
 .list-rect li em a{ border:1px solid #fff;line-height: 26px;display: block;width: 91px;height: 26px; font-size:14px; color:#fff; font-style:normal;}
 
    .title{ position:absolute; top:3%; left:44%; margin-left:-300px;}
 .section4 .title {
 -webkit-animation: fadeInDownBig 1s 0.8s ease both;
 -moz-animation: fadeInDownBig 1s 0.8s ease both;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity:0;
-moz-transform:translateY(-2000px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}

.mineral{ position:absolute; top:5%; left:50%; margin-left:-250px;}
.g-w5{ width:980px; position:absolute; top:40px; left:60%; margin-left:-610px;}
 .list-food{}
 .list-food li{ float:left; margin-right:25px; width:262px; height:548px;}
 .list-food li img{ border-radius:50%; margin-top:5px;margin-left:12px;}
 .list-food li:hover img{
 -webkit-transition: -webkit-transform 0.7s ease-out;
 -moz-transition: -moz-transform 0.7s ease-out;
 transition: transform 0.7s ease-out;
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 transform: rotate(360deg);
 }
 
 .list-food li h2{ font-size:24px; width:200px; height:36px; line-height:36px; text-align:center; display:block; margin:30px auto 20px;}
 .list-food li h2 a{ color:#fff !important;}
 .list-food li p{ font-size:14px; line-height:26px; margin:0 auto; padding:0 25px; text-align:left;text-indent:2em;}
 
 .list-food .bg1{ background:url("../images/list_food_bg1.png") no-repeat;}
 .list-food .bg1 h2{ background-color:#5c9b0a;}
 .list-food .bg2{ background:url("../images/list_food_bg2.png") no-repeat;}
 .list-food .bg2 h2{ background-color:#158ca2;}
 .list-food .bg3{ background:url("../images/list_food_bg3.png") no-repeat;}
 .list-food .bg3 h2{ background-color:#95481e;}
 
 .food-page{ position:absolute; bottom:45px; left:50%; margin-left:-92px; z-index:12;}
 .food-page li{ float:left; width:40px; height:7px; margin:0 3px; background-color:#fff; text-indent:-9999px; cursor: pointer;}
 .food-page li.current{ background-color:#89c997;}

.mineral1{ position:absolute; top:12%; left:43%; margin-left:-250px;}
.g-w{ width:1280px; position:absolute; top:280px; left:50%; margin-left:-385px;}
.jjfz_left{float:left;width:490px;margin-right:60px}
.jjfz_left p{font-size:16px;padding:5px 0px;color:#fff;text-align:left;line-height:26px;} 
.jjfz_left a{display:block;float:left;}
.jjfz_left a img{margin:25px 0px;;}
.jjfz_right{float:left;width:413px;}
.jjfz_right ul{}
.jjfz_right ul li{float:left;width:413px;height:74px;margin-bottom:10px;}
.jjfz_right ul li a{display:block;color:#efdd88;font-size:18px;line-height:73px;position:relative;}
.jjfz_right ul li a img{position:absolute;left:0px;top:0px;}
.jjfz_right ul li a em{position:absolute;left:170px;top:0px;}

.food{ position:absolute; top:20px; left:37%; margin-left:-277px;}
.foodnr{ position:absolute; top:240px; left:45%; margin-left:-277px;}
 

.service{ position:absolute; top:50px; text-align:center; left:41%; margin-left:-193px;}
.g-w3{ width:1280px; position:absolute; top:20px; left:50%; margin-left:-640px;}
 .list-service li{ float:left; width:388px; margin:12px 58px 12px 0;}
 .list-service li:hover img{
 -webkit-transition: -webkit-transform 0.7s ease-out;
 -moz-transition: -moz-transform 0.7s ease-out;
 transition: transform 0.7s ease-out;
 transform: rotateY(360deg);
 -webkit-transform: rotateY(360deg); 
 -moz-transform: rotateY(360deg);}
 .list-service h2{ display:block; margin:15px auto; background:url("../images/gklvz.jpg") center no-repeat; width:110px; height:40px; line-height:40px;}
 .list-service h2 a{ display:block;width:110px;height:40px; color:#fff !important;text-align:center;font-size:18px;}
 
.foot{font-size:12px; color:#fff; line-height:24px;}
.foot a{ padding:0 5px; color:#fff !important;}

.copyright{padding:10px 0px;background:#3394ed ;}
.copyright p{text-align:center;color:#fff;line-height:26px;}
.copyright p span{margin:0px 10px;line-height:26px;}
.minpic{padding:5px;padding-right:30px;background-image: url(../images/copy.png);background-position: right center;background-repeat: no-repeat;line-height:26px;}


.sucai{padding-right:12px;overflow:hidden;}
.btnimg{cursor:pointer;border:0;margin:0;padding:0;}