*{margin:0;padding:0;}
body{background:#2b2e34;font-size:12px;}
html, body, input, p, a, span, ul, li, ol, select, td, th, input, textarea, button{font-family: "HELVETI1ca Neue","Microsoft Yahei","微软雅黑","Tohoma" !important; }
dl,ul,p,h1,h2,h3,h4,h5,h6{margin: 0;}
a{text-decoration:none;color:#474646;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
li{list-style:none;}

.header{width:100%;background:#fff;height:83px;min-width:1200px;}
.header .body{width:1200px;margin:auto;height:83px;overflow:hidden;}
.header .body .logo{float:left;margin-top:20px;}

.header .body .language{float:right;height:28px;margin-top:26px;}
.header .body .language p{color:#a8a8a8;display:block;width:28px;height:28px;line-height:28px;text-align:center;background:url("/images/language.png") no-repeat;float:left;margin-left:10px;}
.header .body .language .cn{ background-position:0 center;}
.header .body .language .en{ background-position:0 center;}
.header .body .language .active{ background-position:-28px center;}
.header .body .language .active a{color:#fff;}
.header .body .language a{font-size:12px;}
.header .body ul{float:right;height:83px;line-height:83px;position:relative;z-index:100;}
.header .body ul li{ }
.header .body ul li {position: relative; float:left;font-size:14px;display:block;padding:0 15px;text-decoration:none;color:#474646;background:url(/images/r.jpg) no-repeat center left;}
.header .body ul li:first-child{background:none;}
.header .body ul li a:hover, .header .body ul li.hover a{color:#017cba;}
.header .body ul li em{width: 0%; height: 5px; background: #017cba; position: absolute; bottom: 0; left: 0;  border:0;}
.header .body ul li.hover em{width: 100%;}

/* .header .body ul .back{background:none;display:block;position:absolute;border-bottom: 5px solid #017cba;left:0;width:1px;height:100%;z-index:-1;} */

/*
 * footer
 */
.footer{background:#2c2f34;}
.footer .body{width:1100px;margin:auto;}
.footer .body .footer-content dl{float:left;width:136px;margin-right:70px;margin-top:60px;}
.footer .body .footer-content dl dt{color:#fff;font-size:14px;height: 30px;margin-bottom:10px;border-bottom:1px solid #202328;}
.footer-content dl dd a{color:#8b9297;font-size:12px;line-height:30px;}

.footer-content .attention{width:276px !important;margin-right:0 !important;}
.footer-content dl .sns{width:100%;}
.footer-content dl .sns div{width:25px;height:25px;background:url("/images/sns_ico.png") no-repeat;float:left;margin-right:10px;}
.footer-content dl .sns .xl_weibo{background-position:-26px 0;}
.footer-content dl .sns .tx_weibo{background-position:-52px 0;}
.footer-content dl .sns .weixin:hover{background-position: 0 -26px;}
.footer-content dl .sns .xl_weibo:hover{background-position: -26px -26px;}
.footer-content dl .sns .tx_weibo:hover{background-position:-52px -26px;}
.footer-content dl .sns{position:relative;}

.sns .weixin_img{display:none;}
.sns .weixin_img em{border-bottom: 9px solid #fff;    border-left: 7px solid transparent;    border-right: 7px solid transparent;    left: 6px;    position: absolute;    top: 31px;}
.sns .weixin_img img{background: #fff;height: 120px;    left: -50px;    padding: 5px;    position: absolute;    top: 40px;    width: 120px;}


.footer-content .hottel span{font-size:18px;width:260px;color:#b5b5b5;background:#393c41;height:45px;display:block;text-align:center;line-height:45px;margin-top:25px;}
.footer-content .hottel p{font-size:33px;font-family:Arial !important;color:#b5b5b5;text-align:center;margin-top:20px;}

.compyright{border-top:1px solid #282828;height:50px;}
.compyright .body span{line-height:50px;color:#767c81;font-size:12px;}


.c-title{text-align:center;margin-bottom:40px;}
.c-title h2{font-size:40px;color:#5b5a5a;}
.c-title .title_en{font-size:11px;font-family:Arial !important;color:#908d8d;display:block;margin:3px 0;font-weight:bold;}
.c-title .inline{color:#4e4e4e;}


.trans-3,.header .body ul li a{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.scale-small{opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.scale-default{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.scale-big{opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.hand{cursor: pointer; _cursor: hand;}
.block{display: block;}
@-webkit-keyframes flipInX {
	0% {
	-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
	transform:perspective(400px) rotate3d(1,0,0,90deg);
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
	opacity:0
}
40% {
	-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
	transform:perspective(400px) rotate3d(1,0,0,-20deg);
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in
}
60% {
	-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
	transform:perspective(400px) rotate3d(1,0,0,10deg);
	opacity:1
}
80% {
	-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
	transform:perspective(400px) rotate3d(1,0,0,-5deg)
}
100% {
	-webkit-transform:perspective(400px);
	transform:perspective(400px)
}
}@keyframes flipInX {
	0% {
	-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
	transform:perspective(400px) rotate3d(1,0,0,90deg);
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
	opacity:0
}
40% {
	-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
	transform:perspective(400px) rotate3d(1,0,0,-20deg);
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in
}
60% {
	-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
	transform:perspective(400px) rotate3d(1,0,0,10deg);
	opacity:1
}
80% {
	-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
	transform:perspective(400px) rotate3d(1,0,0,-5deg)
}
100% {
	-webkit-transform:perspective(400px);
	transform:perspective(400px)
}
}
.flipInX {
	-webkit-animation:flipInX 1s ease;
	-moz-animation:flipInX 1s ease;
	-o-animation:flipInX 1s ease;
	animation:flipInX 1s ease;
	-webkit-animation-fill-mode:backwards;
	-moz-animation-fill-mode:backwards;
	-o-animation-fill-mode:backwards;
	animation-fill-mode:backwards
}