﻿﻿/* CSS Document */

/*-----走进安康样式-----*/
body{ background:none !important;}
.aboutHead,.general,.map,.jiwh,.touzi,.lvyou,.akfg{ width:100%; margin:0 auto;}
.guany,.abOne,.abTow,.abThree,.economic,.abfour,.touzPic,.abfive,.travel,.wfl,.absix{ width:1200px;margin:0 auto;}
.abOne,.abTow,.abThree,.abfour,.abfive,.absix{ position:relative;}

.aboutHead{ background:#00477e;}
.guany{ height:90px; }
.ablogo{ width:280px; margin-left:15px;height:59px; padding-top:16px;}
.abMenu{ width:764px;font-family:"微软雅黑";}
.abMenu li{ float:left;width:80px; text-align:center; border-left:1px solid #386f9a; height:90px; line-height:90px; color:#fff; font-size:18px; position: relative; }
.abMenu li a{ display:block; width:100%; height:auto;}
.abMenu li span{display: block; float: left; width:2px; height: 90px; line-height: 90px; position: absolute; top:0; right:0;}
.abMenu li a:hover{ background:#48aadb;}
.abMenu li.last{ border-right:1px solid #386f9a !important; }
.abMenu li a{ color:#fff;}

/*---概况--------*/
.general{ width:100%;background:url(../images/ab-bg1.jpg) no-repeat center top;}
.abOne{ height:903px;}
.gaik{ width:650px; padding-top:186px; margin-left:19px;}
.gaik h3{ line-height:36px; font-size:28px; font-weight:bold; color:#de1c25;font-family:"微软雅黑";margin-bottom:10px;}
.gaik p{ display:block; width:100%;line-height:33px; font-size:16px; color:#081635; }

.abOne .tit{ width:890px; position:absolute;height:268px; background:url(../images/ab-bt1.png) no-repeat center top; top:170px; left:621px; line-height:0px; font-size:0; text-indent:-999;}

.arrow{ width:243px; height:22px;position:absolute; left:40%; bottom:30px;}
.arrow img{-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)
}
}

/*--------地图-----------*/
.map{  background:url(../images/ab-bg2.jpg) no-repeat center top; position:relative; }
.abTow{ height:838px; height:905px;padding-top:92px; }
.ditumcd{ width:740px; margin:0 auto; margin-left:328px; position:relative;}
.ditu{ width:740px; height:838px;}
.ditu img{ display:block; width:740px; height:838px;}
.ditu a{ display:block;position:absolute; font-size:19px; color:#fff; line-height:23px;  color:#fff; overflow:hidden;zoom:1;}
.ditu a i{ display:block; width:23px; height:23px; float:left; background:url(../images/ab-arrow2.png) no-repeat center top;margin-left:9px;}
.ditu a:hover i,.economic li:hover i,.wfl li:hover i{
	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);
	}
.ditu a span{ display:block; float:left; margin-left:9px;}


a.abNa1{ top:87px; left:-122px;}
a.abNa2{ top:329px; left:-127px;}
a.abNa3{ top:546px; left:-127px;}
a.abNa4{ top:669px; left:57px;}
a.abNa5{top:97px; left:328px;}
a.abNa6{top:215px; left:370px;}
a.abNa7{top:305px; left:610px;}
a.abNa8{top:577px; left:531px;}


/*--------经济文化-----*/
.jiwh{ background:url(../images/ab-bg3.jpg) no-repeat; }
.abThree{padding-top:228px; height:769px;}
.abThree .tit{ width:305px; height:305px; background:url(../images/ab-bt2.png) no-repeat center top; font-size:0; text-indent:-999; position:absolute; top:28px; right:0;}
.economic{ width:1001px; height:623px; background:url(../images/ab-jj.png) no-repeat center top; margin:0 auto; position:relative;}
.economic li{ width:120px; height:120px; position:absolute;}
.economic li i{ display:block; height:70px; width:70px; margin:0 auto; margin-top:12px; background:url(../images/abicon2.png) no-repeat 0 0;}
.economic li span{ display:block; text-align:center;  font-size:18px; color:#2dbe7e; font-weight:bold;}

li.jwh1{ top:188px; left:64px;}
li.jwh1 i{ background-position:0 0;}

li.jwh2{ top:316px; left:188px;}
li.jwh2 i{ background-position:0 -70px;}

li.jwh3{ top:184px; left:314px;}
li.jwh3 i{ background-position:0 -140px;}

li.jwh4{ top:308px; left:439px;}
li.jwh4 i{ background-position:0 -210px;}

li.jwh5{ top:188px; right:317px;}
li.jwh5 i{ background-position:0 -280px;}

li.jwh6{ top:311px; right:190px;}
li.jwh6 i{ background-position:0 -350px;}

li.jwh7{ top:185px; right:64px;}
li.jwh7 i{ background-position:0 -420px;}

/*---投资招商---*/
.touzi{ background:url(../images/ab-bg4.jpg) no-repeat center top;}
.abfour{position:relative; height:1000px}
.abfour .tit,.absix .tit{ width:772px; height:80px; margin:0 auto;padding-top:82px;}

.touzPic{width:1076px !important;margin-top:134px !important; position:relative; height:452px; }
.touzPic .hd{ position:absolute; width:138px; margin:0 auto; bottom:0px; left:44.2%; overflow:hidden;zoom:1;}
.touzPic .hd a{ display:block;width:41px; height:41px; cursor:pointer;}
.touzPic .bd li{ float:left; width:240px; height:369px; margin-right:25px; position:relative;}
.touzPic .bd li:hover span.zhezhao{ background:none;}
.touzPic .bd li img{ width:240px; height:369px;}
.touzPic .bd li span.zhezhao{ display:block; width:240px; height:369px;position:absolute; top:0px; left:0; background:url(../images/tm-bg1.png); z-index:11; }
.touzPic .bd li span.wenz{ display:block; width:130px; height:80px; line-height:30px; font-weight:bold; font-size:16px;
 background:url(../images/ab-arrow4.png) no-repeat center top; z-index:99; position:absolute; top:120px; left:55px; text-align:center; padding-top:50px;}

/*------游在安康开始-----*/
.lvyou{ background:url(../images/ab-bg5.jpg) no-repeat center top;}
.abfive{ height:830px;padding-top:170px; }
.travel .tit{ width:287px; height:245px; background:url(../images/ab-bt4.png) no-repeat center top; font-size:0; text-indent:-999;margin-top:15px;}
.lynew{ width:870px;margin-left:40px;}
.lynew .biaot,.lyship .biaot{ width:100%; height:36px; font-weight:bold; overflow:hidden;zoom:1;}
.lynew .biaot h3,.lyship .biaot h3{ float:left; display:inline-block;font-size:24px; font-weight:bold; line-height:36px; }
.lynew .biaot span,.lyship .biaot span{ float:right;display:inline-block; width:10px; height:36px;background:url(../images/ab-arrow7.png) no-repeat left; font-size:0; line-height:0;  text-indent:-99; cursor:pointer;}
.lynew .biaot h3 a,.lyship .biaot h3 a{ color:#fff;font-family:"微软雅黑";}
.lynew ul{ margin-top:5px;}
.lynew ul li{ background:url(../images/ab-arrow9.png) no-repeat left; float:left; width:400px; margin:0px 10px;}
.lynew ul li span{ color:#fff !important; }
.lynew ul a{ color:#fff !important; width:75% !important; }

.lyship{ width:330px; border-left:1px solid #82bbac; padding-left:28px;}
.ship{ width:100%; height:210px; margin-top:15px;}

.wfl{ background:url(../images/line6.png) no-repeat 0 42px; height:185px; margin-top:137px; position:relative;}
.wfl li{ width:114px; position:absolute;}
.wfl li i{ display:block; width:114px; height:114px; bordeR:3px solid #e6af6d; background:url(../images/abicon1.png) no-repeat 0 0 #fff; border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px;}
.wfl li span{ display:block; text-align:center; line-height:36px; margin-top:15px; font-size:27px; color:#fff;}
.wfl li a,.wfl li a:hover{ color:#fff;}

li.sh1{top:18px; left:67px;}
li.sh1 i{ background-position:0 0;}

li.sh2{top:-1px; left:268px;}
li.sh2 i{ background-position:0 -114px;}

li.sh3{top:18px; left:469px;}
li.sh3 i{ background-position:0 -228px;}

li.sh4{top:39px; left:669px;}
li.sh4 i{ background-position:0 -342px;}

li.sh5{top:-15px; left:845px;}
li.sh5 i{ background-position:0 -456px;}

li.sh6{top:-4px; right:13px;}
li.sh6 i{ background-position:0 -570px;}

/*-----安康风光-----------*/
.akfg{ background:url(../images/ab-bg6.jpg) no-repeat center top;}
.absix{ height:1000px;} 
.fgPic{ width:100%; margin-top:114px;}
.fgPic ul li{ float:left; margin:0 10px 10px 0; width:232px; height:170px; position:relative;}
.fgPic ul li.tu1{ width:474px; height:350px;}
.fgPic ul li.tu2,.fgPic ul li.tu3{ width:474px; }
.fgPic ul li span{ display:none;}
.fgPic ul li:hover span{ display:block; width:100%; height:100%;background:url(../images/tm-bg2.png); text-align:center; z-index:99; position:absolute; top:0; left:0; font-size:24px; color:#fff;}
.fgPic ul li a span{ color:#fff;}
.fgPic ul li span p{ display:block; width:100%;line-height:36px; height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:29%;}
li.tu1 span p{padding-top:33% !important;}
li.tu2 span p,li.tu3 span p{  padding-top:14% !important;}

/*-----------走进安康右边菜单---*/
#abmenu {
    position: fixed;
    right: 0px;
    top: 50%;
    width: 139px;
    margin: -212px 0 0;
    padding: 0;
    list-style-type: none;
    z-index: 700;
}

#abmenu li {
    margin-top: 5px;
    font: 16px "Microsoft Yahei";
}

#abmenu a {
    display: block;
    color: #000;
    text-align: center;
    text-indent: -9999px;
    text-decoration: none;
    height: 48px;
    width: 139px;
    background: url(../images/abmenu-bg.png) no-repeat;
}
#abmenu a.abnav1{ background-position:0 0px;}
#abmenu a.abnav2{ background-position:0 -96px;}
#abmenu a.abnav3{ background-position:0 -192px;}
#abmenu a.abnav4{ background-position:0 -288px;}
#abmenu a.abnav5{ background-position:0 -384px;}
#abmenu a.abnav6{ background-position:0 -480px;}
#abmenu a.abnav7{ background-position:0 -576px;}


#abmenu .active a {
    color: #fff;
    background: url(../images/abmenu-bg.png) left -48px no-repeat;
    width: 139px;
    height: 48px;
    text-indent: 1.5em;
    line-height: 48px;
    overflow: visible;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
    text-align: left;
}

#abmenu .active a:hover {    
    -webkit-transition: 0.25s;    
    -moz-transition: 0.25s;
    transition: 0.25s;
}
#abmenu .active a.abnav2{ background-position:0px -144px;}
#abmenu .active a.abnav3{ background-position:0px -240px;}
#abmenu .active a.abnav4{ background-position:0px -336px;}
#abmenu .active a.abnav5{ background-position:0px -432px;}
#abmenu .active a.abnav6{ background-position:0px -528px;}
#abmenu .active a.abnav7{ background-position:0px -625px;}

/*---返回按钮---*/
#rocket-to-top div {
    left:0;
    margin:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    top:0;
    width:119px;
	z-index:999;
	
	
}
#rocket-to-top .level-2 {
    background:url("../images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
    display:none;
    height:150px;
    opacity:0;
    z-index:500;
}
#rocket-to-top .level-3 {
    background:none repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    height:150px;
    z-index:502;
}
#rocket-to-top {
    background:url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor:default;
    display:block;
    height:150px;
    margin:-125px 0 0;
    overflow:hidden;
    padding:0;
    position:fixed;
    right:0;
    bottom:10px;
    width:119px;
    z-index:503;
}

