﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{background: #0f0d18; color:#FFF; font-size:14px; font-family:"微软雅黑";}
ul, ol { list-style: none;} 
img{max-width:100%;}
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.fK{color:#da251c;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#FFF; text-decoration:none; transition:all 0.5s;}
a:hover {color:#00a7e3; }
input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appearance:none;}

::-webkit-scrollbar-track{background:rgba(255,255,255,0.2);border-radius: 5px;}
::-webkit-scrollbar{ width: 7px;}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.8);border-radius: 5px;}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.header{position: fixed;left: 0px;top: 0px;z-index: 100;height: 100px;width: 100%;background:rgba(0,0,0,0.8);}
.top{position: relative;height: 100px;}
.logo{position: absolute;left: 50px;top: 30px;width: 140px;z-index: 100;}
.logo img{width: 100%;}
.top .weibo{position: absolute; right: 130px;top:30px;z-index: 100;border-right: 1px solid #FFF;padding-right: 15px;}
.top .weibo ul{}
.top .weibo li{float: left;width: 30px;height: 20px; line-height:20px; text-align: center;}
.top .weibo li a{cdisplay: block;}
.top .weibo li a:hover{display: block;text-decoration: none;}
.yy{position: absolute;right: 50px;top:30px;z-index: 50; line-height:20px;}
.yy a{margin:0 5px;}
.yy a:hover{text-decoration: none;}
.yy a.current{color:#00a7e3;}


.nav{position: fixed;left: 50px;top: 70px;z-index: 1000;}
.nav ul{line-height: 24px;}


.an{position: fixed;right: 50px;top: 250px;z-index: 50;}
.copyright{position: fixed;left: 50px;bottom: 0px;line-height: 50px;font-size: 12px;z-index: 50;color: #666;}

.topp { position:absolute; top:120px; right:54px; opacity:0;animation: xx alternate 1s; animation-delay:3s; animation-fill-mode: forwards; z-index:999;}
@keyframes xx
{
0%{ }
100%{ opacity:1}
}
.topp p { background: rgba(130, 130, 130,0.4); width:200px; line-height:80px; text-align:center;}


.dht { position:absolute; left:185px; top:55px; }
.dht ul{}
.dht li{ float:left; width:120px; text-align:center; line-height:30px;}
.aosw { background: rgba(255,255,255,0.8);display:block;}

 
.sy_cgal_kj { overflow:hidden;}
.sy_cgal_kj .item{width:48%; margin:0 1% 2% 1%; padding-bottom:20px; position:relative; float:left;}
.sy_cgal_kj .item img { width: auto; }
.sy_cgal_kj .item:after{content:""; width:100%; height:4px; background:#999; position:absolute; bottom:0; left:0;}
.sy_cgal_kj .item:before{content:""; width:0%; height:4px; background:#e60012; position:absolute; bottom:0; left:0; z-index:1; transition:all 0.5s;}
.sy_cgal_kj .item:hover:before{width:100%;}
.sy_cgal_kj .item .sy_cgal_kj_img{overflow:hidden; position:relative;text-align: center;}

.sy_cgal_kj .item .sy_cgal_kj_wz{color:#fff; font-size:20px; margin-top:14px;text-align: center;}
.sy_cgal_kj .item .sy_cgal_kj_rq{color:#fff; font-size:16px; margin-top:12px;}


.wc { overflow:hidden;transform:translateY(5%);}
.wc ul{text-align:center; font-size:0px; margin-left:-1%;}
.wc ul li{width:12.66%; display:inline-block; margin-left:1%; position:relative;}
.wc ul li .wc_img2{width:100%; height:100%; display: flex; justify-content: center; align-items: center; font-size:20px; color:#fff; position:absolute; top:0; left:0;}
.wc ul li .wc_img2 img{max-width:70%;}
.wc ul:nth-child(2){transform:translateY(-20%);}
.wc ul:nth-child(3){transform:translateY(-40%);}
.wc ul:nth-child(4){transform:translateY(-60%);}
.wc ul:nth-child(5){transform:translateY(-80%);}
.wc ul:nth-child(6){transform:translateY(-100%);}
.wc ul:nth-child(7){transform:translateY(-120%);}
.wc ul:nth-child(8){transform:translateY(-140%);}
.wc ul:nth-child(9){transform:translateY(-160%);}
.wc ul:nth-child(10){transform:translateY(-180%);}
.wc ul:nth-child(11){transform:translateY(-200%);}
.wc ul:nth-child(12){transform:translateY(-220%);}
.wc ul:nth-child(13){transform:translateY(-240%);}
.wc ul:nth-child(14){transform:translateY(-260%);}
.wc ul:nth-child(15){transform:translateY(-280%);}
.wc ul:nth-child(16){transform:translateY(-300%);}
.wc ul:nth-child(17){transform:translateY(-320%);}
.wc ul:nth-child(18){transform:translateY(-340%);}
.wc ul:nth-child(19){transform:translateY(-360%);}
.wc ul:nth-child(20){transform:translateY(-380%);}
.wc ul:nth-child(21){transform:translateY(-400%);}
.wc ul:nth-child(22){transform:translateY(-420%);}
.wc ul:nth-child(23){transform:translateY(-440%);}
.wc ul:nth-child(24){transform:translateY(-460%);}
.wc ul:nth-child(25){transform:translateY(-480%);}
.wc ul:nth-child(26){transform:translateY(-500%);}
.wc ul:nth-child(27){transform:translateY(-520%);}
.wc ul:nth-child(28){transform:translateY(-540%);}
.wc ul:nth-child(29){transform:translateY(-560%);}
.wc ul:nth-child(30){transform:translateY(-580%);}

.wc1 { display:none;}
.wc1 ul{text-align:center; font-size:0px; margin-left:-1%;}
.wc1 ul li{width:30%; display:inline-block; margin-left:1%; position:relative; }
.wc1 ul li .wc_img2{width:100%; height:100%; display: flex; justify-content: center; align-items: center; font-size:20px; color:#fff; position:absolute; top:0; left:0;overflow:hidden;}
.wc1 ul li .wc_img2 img{max-width:70%; }


.hotel { overflow:hidden;}
.hotel .item{width:18%; margin:0 1% 2% 1%; padding-bottom:20px; position:relative; float:left;}
.hotel .item img { width: auto; height: auto;}
.hotel .item:after{content:""; width:100%; height:4px; background:#999; position:absolute; bottom:0; left:0;}
.hotel .item:before{content:""; width:0%; height:4px; background:#e60012; position:absolute; bottom:0; left:0; z-index:1; transition:all 0.5s;}
.hotel .item:hover:before{width:100%;}
.hotel .item .hotel_img{overflow:hidden; position:relative;}
.hotel .item .hotel_img:after{content:""; width:0%; height:100%; background:rgba(230,0,18,0.8); position:absolute; top:0; left:0; transition:all 0.5s;}
.hotel .item:hover .hotel_img:after{width:100%;}
.hotel .item .hotel_wz{color:#fff; font-size:16px; margin-top:14px;}
.hotel .item .hotel_rq{color:#fff; font-size:16px; margin-top:12px;}


.hotel_1 { overflow:hidden;}
.hotel_1 dl { margin-right:-1%;}
.hotel_1 dd { float:left; margin-right:10px; width:100%;}
.hotel_1 dt { float:left; margin:10px 1% 0px 0; width:32.33%; }
.hotel_1 dt img { width:100%; height:200px;}
.hotel_1 dt .hotel_1a { padding:0 10px; background:rgba(154,154,154,0.7); line-height:30px; text-indent:10px;}
.hotel_1 dt a{display:block;}
.hotel_1 dt:hover>a .hotel_1a { background:rgba(230,0,18,0.8); color:#fff !important;}