@charset "gb2312";
/* CSS Document */
body{ background:none}
.toper{height:90px; background:#1e8fda; line-height:30px;}
.toper .logo { line-height:85px; vertical-align: middle;}
.naverPublic{width:850px;min-width:850px;}
.toper li {padding: 0;}
.naverPublic li a{display:block;width:95px;height:90px;text-align:center;color:#fff;}
.naverPublic li a:hover,.naverPublic li.active a{background:#0971b7;}
.naverPublic li span{height:45px;display:block;background: url(imagespublicicon-naver.png) no-repeat;}
.naverPublic li span.icon-nav-about{background-position: 0px 18px;}
.naverPublic li span.icon-nav-news{background-position: 0px -25px;}
.naverPublic li span.icon-nav-govopen{background-position: 0px -70px;}
.naverPublic li span.icon-nav-service {background-position: 0px -113px;}
.naverPublic li span.icon-nav-active{background-position: 0px -157px;}
.naverPublic li span.icon-nav-intro{background-position: 0px -113px;}
.naverPublic li span.icon-nav-travel{background-position: 0px -243px;}
.naverPublic li span.icon-nav-invest{background-position: 0px -287px;}

.w-1170{width:1170px; margin:0 auto;}
.bg-blue{ background:#19b9eb}
.bg-org{ background:#fed545}
.bg-blue1{background:#24d1f2}
.bg-grenn{ background:#2fe3ea}


/*ÂÃÓÎ*/
.bg-intro{background: url(imagespublicbg-intro-01.jpg) no-repeat top center ; height:723px;}
.img-intro{padding:45px 55px 0 0}
.bg-white{background:url(imagespublicbg-body-white.png) repeat;}

.body-video{ position:relative;}
.main-video{ width:400px; height:312px; position:relative;}
.main-video li{ position:relative;}
.icon-play a{ width:400px; height:312px; display:block; background:url(imagestravelicon-play.png) no-repeat center center; position:absolute; top:0px; left:0px;}

.intro-right{ position:relative;}
.text-intro-right li a{ position:absolute; display:block; color:#fff}
.text-intro-right li a.intro-01{ width:253px; height:210px; background:#52b1ef; text-align:center; top:0px; left:10px;}
.text-intro-right li a.intro-02,.text-intro-right li a.intro-03,.text-intro-right li a.intro-04{ height:93px; top:219px;}
.text-intro-right li a.intro-02{ width:254px; background:#37bd9c; left:10px;}
.text-intro-right li a.intro-03,.text-intro-right li a.intro-04{ width:244px; background:#f6bb43; left:272px;}
.text-intro-right li a.intro-04{ background:#1e8fda; left:525px;}
.text-intro-right li a.intro-02 h4,.text-intro-right li a.intro-03 h4,.text-intro-right li a.intro-04 h4{ display:block; width:50px; margin-left:50px; margin-top:16px;}
.text-intro-right li a span{width:60px; height:60px; background:url(imagespublicicon-intro_01.png) no-repeat; display:block; 
							 ransition: transform 0.7s ease-out 0s; 
							 -moz-transition: transform 0.7s ease-out 0s; 
							 -webkit-transition: transform 0.7s ease-out 0s;}
.text-intro-right li a:hover span{
									transform: rotateY(360deg); 
									-moz-transform: rotateY(360deg); 
									-webkit-transform: rotateY(360deg); 
									ransition: transform 0.7s ease-out 0s; 
									-moz-transition: transform 0.7s ease-out 0s; 
									-webkit-transition: transform 0.7s ease-out 0s;}


.text-intro-right li a.intro-01 span{ margin:50px auto 0 auto; padding-bottom:10px;}
.text-intro-right li a.intro-02 span,.text-intro-right li a.intro-03 span,.text-intro-right li a.intro-04 span{ float:right; margin-right:48px; margin-top:17px;}
.text-intro-right li a.intro-02 span{ background-image:url(imagespublicicon-intro_02.png)}
.text-intro-right li a.intro-03 span{ background-image:url(imagespublicicon-intro_03.png)}
.text-intro-right li a.intro-04 span{ background-image:url(imagespublicicon-intro_04.png)}

.intro-photo{ position:absolute; width:497px; height:210px; top:0px; left:272px;}

.body-photo{ position:relative;}
.main-photo{ width:479px; height:210px; position:relative;}
.main-photo li{ position:relative;}
.btn-videoLeft,.btn-videoRight{ position:absolute; top:80px; cursor:pointer}
.btn-videoLeft{ left:0px;}
.btn-videoRight{ right:0px; }

.intro-culture li{margin-top:40px;}
.intro-culture li h4{ font-weight:normal;}
.intro-culture li h4 a{ display:block; height:55px; background:url(imagespublicbg-title.png) repeat-x bottom left; text-indent:140px;}
.intro-culture li span{ display:block; width:379px; height:186px; overflow:hidden;margin-top:20px;}
.intro-culture li span img{transition:.3s transform;text-transform:translateZ(0)}
.intro-culture li span img:hover{ transform:scale(1.2,1.2);text-transform:translateZ(0)}

.list-intro li{ background:url(imagespublicicon-arrow.png) no-repeat 0 center; text-indent:15px;}
.list-intro li a{ color:#fff;}
.list-intro li a:hover{ color:#fe2403;}

.btn-intro li a{ display:block; width:130px; height:50px; line-height:50px; border:#fff solid 1px; margin-right:23px; color:#fff;}
.btn-intro li a:hover{ background:#fff; color:#19b9eb}
.body-picture{ position:relative;}
.title-picture{ position:absolute; top:215px; left:419px;}
.title-picture a{ display:block; font-size:36px; width:409px; height:116px; line-height:116px; text-indent:66px; background:#37bd9c url(imagespublicicon-photo.png) no-repeat 249px 35px ;}
.channel-picture{ position:absolute;}
.channel-picture a{ display:block; position:relative;}
.channel-picture a h4{ display:block; width:160px; height:40px; line-height:40px; text-align:center; color:#fff; background:url(imagessharebg-float.png) repeat; position:absolute; left:0px; bottom:0px; font-weight:normal;}
.channel-picture a span{ display:block; overflow:hidden;}
.channel-picture a span img{transition:.3s transform;text-transform:translateZ(0)}
.channel-picture a span img:hover{ transform:scale(1.2,1.2);text-transform:translateZ(0)}
.picture-01{top:0px; left:0px;}
.picture-02{top:0px; left:419px;}
.picture-03{top:0px; left:838px;}
.picture-04{top:215px; left:0px;}
.picture-05{left:419px; top:341px;}
.picture-06{left:838px; top:375px;}
.picture-07{top:590px; left:0px;}
.picture-08{top:590px; left:419px;}
.picture-01 a,.picture-01 a span,.picture-01 a span img{ width:409px; height:205px;}
.picture-02 a,.picture-02 a span,.picture-02 a span img{ width:409px; height:205px;}
.picture-03 a,.picture-03 a span,.picture-03 a span img{ width:334px; height:364px;}
.picture-04 a,.picture-04 a span,.picture-04 a span img{ width:409px; height:365px;}
.picture-05 a,.picture-05 a span,.picture-05 a span img{ width:409px; height:239px;}
.picture-06 a,.picture-06 a span,.picture-06 a span img{ width:334px; height:205px;}
.picture-07 a,.picture-07 a span,.picture-07 a span img{ width:409px; height:282px;}
.picture-08 a,.picture-08 a span,.picture-08 a span img{ width:752px; height:282px;}


/*ÂÃÓÎ*/
.travel-video{ width:517px; height:328px; border:#fff solid 8px; margin-top:77px;}
.travel-video li{ position:relative;}
.travel-play a{ width:533px; height:344px; display:block; background:url(imagestravelicon-play.png) no-repeat center center; position:absolute; top:0px; left:0px;}
.img-travel{padding-top:50px;}
.body-travel{width:1330px; height:122px; margin:0 auto; overflow:hidden; position:relative;}
.main-travel{ width:1210px; margin-left:59px;}
.body-travel li div{ width:222px; height:112px; border:#fff solid 5px; margin:0 5px; float:left; overflow:hidden; position:relative;}
.body-travel li div a h4{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background:url(imagessharebg-black.png) repeat; position:absolute; left:0px; bottom:0px; font-weight:normal; font-size:16px;}
.body-travel li div img{transition:.3s transform;text-transform:translateZ(0)}
.body-travel li div img:hover{ transform:scale(1.2,1.2);text-transform:translateZ(0)}
.preNext{ position:absolute; top:46px; width:39px; height:40px; background:url(imagespublicicon.png) no-repeat; cursor:pointer;}
.pre{left:0px; background-position:0 0;}
.next{right:0px; background-position:-39px 0;}


.btn-travel{ position:relative; height:140px;}
.line{width:1200px; border-bottom:#fff solid 1px; height:1px; position:absolute; left:0px; top:45px; z-index:1}
.btn-travel ul{ position:absolute; top:0x; left:20px; z-index:3}
.btn-travel ul li a{ display:block; color:#fff; text-align:center; font-size:18px; font-weight:bold; width:90px; margin-left:85px}
.btn-travel ul li a span{ display:block; width:90px; height:90px; background:url(imagespublicicon-btn-travel.png) no-repeat; margin-bottom:20px;}
.btn-travel ul li a:hover span{ background-image:url(imagespublicicon-btn-travel-hover.png)}
.btn-travel ul li a.food span{ background-position:0 0}
.btn-travel ul li a.hotel span{ background-position:0 -180px}
.btn-travel ul li a.traffic span{ background-position:0 -270px}
.btn-travel ul li a.view span{ background-position:0 -90px}
.btn-travel ul li a.happy span{ background-position:0 -450px}
.btn-travel ul li a.shopping span{ background-position:0 -360px}

.list-travel li a{ display:block; position:relative}
.list-travel a h4{ display:block; width:100%; text-align:center;height:40px; line-height:40px; text-align:center; color:#fff; background:url(imagessharebg-black.png) repeat; position:absolute; left:0px; bottom:0px; font-weight:normal;}
.list-travel a h4{ display:none;}
.list-travel a:hover h4{ display:block;}
.list-travel a span{ display:block; overflow:hidden;}
.list-travel a span img{transition:.3s transform;text-transform:translateZ(0)}
.list-travel a span img:hover{ transform:scale(1.2,1.2);text-transform:translateZ(0)}

.list-culture ul { margin-left:-12px;}
.list-culture li{ float:left; margin-top:10px; margin-left:12px;}
.list-culture li{ width:133px;}
.list-culture li img{ width:133px; height:80px;}
.list-culture li.list-cultureBig{ width:425px;}
.list-culture li.list-cultureBig img{ width:425px; height:265px; }
.list-kj{ width:365px; position:relative;}
.list-kj li{ position:absolute; z-index:2}
.list-kj li.photo-01{top:70px; left:0px; width:365px; height:220px; z-index:1}
.list-kj li.photo-01 img{width:365px; height:220px;}
.list-kj li.photo-02{ top:0px; left:80px;}
.list-kj li.photo-03{ top:0px; left:220px;}
.list-kj li.photo-02,.list-kj li.photo-03,.list-kj li.photo-02 img,.list-kj li.photo-03 img{width:130px; height:85px;}

.list-view{ margin-left:-10px;}
.list-view li,.list-view li img{ width:165px; height:105px;}
.list-view li{ margin-left:10px; margin-top:20px; overflow:hidden;}
.list-view li.view-03,.list-view li.view-03 img{ width:340px; height:195px;}
.main-picture{ position:relative;}
.main-picture div{ position:absolute;}
.list-picture img{ border:#fff solid 5px; box-shadow:5px 5px 5px #888;-moz-box-shadow:5px 5px 5px #888; -webkit-box-shadow:5px 5px 5px #888;transition:.3s transform;text-transform:translateZ(0) }
.list-picture img:hover{ border:#fff600 solid 5px;transform:scale(1.2,1.2);text-transform:translateZ(0);}

.main-picture-01{ top:0px; left:100px; z-index:100}

.main-picture-2{ top:150px; left:0px; z-index:99}
.main-picture-3{ top:78px; left:271px; z-index:98}
.main-picture-4{ top:38px; left:480px; z-index:97}
.main-picture-5{ top:153px; left:565px; z-index:95}
.main-picture-6{ top:218px; left:226px; z-index:96}
.main-picture-7{ top:268px; left:62px; z-index:94}
.main-picture-8{ top:268px; left:518px; z-index:93}
.main-picture-9{ top:380px; left:130px; z-index:92}
.main-picture-10{ top:380px; left:413px; z-index:91}
.main-picture-11{ top:445px; left:335px; z-index:90}

.main-picture-02{ top:150px; left:0px; z-index:99}
.main-picture-03{ top:78px; left:271px; z-index:98}
.main-picture-04{ top:38px; left:480px; z-index:97}
.main-picture-05{ top:153px; left:565px; z-index:95}
.main-picture-06{ top:218px; left:226px; z-index:96}
.main-picture-07{ top:268px; left:62px; z-index:94}
.main-picture-08{ top:268px; left:518px; z-index:93}
.main-picture-09{ top:380px; left:130px; z-index:92}
.main-picture-10{ top:380px; left:413px; z-index:91}
.main-picture-11{ top:445px; left:335px; z-index:90}

.main-picture-2 img{ width:221px; height:129px;}
.main-picture-3 img{ width:222px; height:128px;}
.main-picture-4 img{ width:222px; height:128px;}
.main-picture-5 img{ width:211px; height:119px;}
.main-picture-6 img{ width:335px; height:195px;}
.main-picture-7 img{ width:221px; height:128px;}
.main-picture-8 img{ width:221px; height:129px;}
.main-picture-9 img{ width:222px; height:129px;}
.main-picture-10 img{ width:221px; height:129px;}
.main-picture-11 img{ width:221px; height:128px;}

.main-picture div:hover{ z-index:9999}


/*ͼչ****************/
td.main-photo-img img{border:#fff solid 5px;}
.body-btn-photo{width:200px; height:720px; overflow:hidden; position:relative;}

.btn-photo{ height:600px; margin-top:55px; overflow:hidden;}
.btn-photo li{width:165px; height:84px; border:#fff solid 3px; margin-top:10px; overflow:hidden; cursor:pointer}
.btn-photo li.active{border:#21d38d solid 3px;}
.btn-photo li div img{ width:165px; height:84px;}

.btn-photo-preNext{ position:absolute; left:0px; width:200px; height:50px; background:#fff url(imagesinvesticon-photo-arrow.png) no-repeat; cursor:pointer;}
.btn-photo-pre{top:0px; background-position:0 0;}
.btn-photo-next{bottom:0px; background-position:0 -50px;}
.btn-photo-disabled-prev{ background-color:#626262; background-position:-200px 0px; cursor:default}
.btn-photo-disabled-next{ background-color:#626262; background-position:-200px -50px;cursor:default}