﻿*{padding:0;margin:0;}
a{color:#666;text-decoration:none;}
a:hover{color:#001724;text-decoration:none;}
li{list-style:none}
img{border:none;}
.mb20{margin-bottom:20px;}
.mb15{margin-bottom:15px;}
.mr20{margin-right:2%;display:inline;}
.w1180{width:90%;margin:0 5%;overflow:hidden;}
.whead{width:90%;margin:0 5%;overflow:visible;}
.bd{background:url(../images/bg.png) no-repeat left bottom #f8f8f8;}
p{margin:12px 0;}
input,textarea,select{padding:5px 10px;border:1px solid #ccc;}
.hl{border-top:1px solid #ececec;overflow:visible;width:100%;clear:both;}

body{color:#808080;font:normal 14px/26px 'Microsoft Yahei';margin:0 auto;background:#fff;}
.head{background:url(../images/head.png) no-repeat center top;min-height:90px;}
.head .head_l{width:40%;float:left;}
.head .head_l .logo{height:55px;padding-top:15px;font:bold 24px/60px '';color:#222;}
.head .head_l .logo span{font-size:14px;padding-left:5px;color:#999}
.head .head_l .menu{display:block;font:normal 16px/30px '';}
.head .head_l .menu ul li {float: left;display: inline;width: 100px;}
.head .head_l .menu ul li ul { visibility: hidden;width:400px;  overflow:hidden;z-index:9999}
.head .head_l .menu ul li ul li { float:left;width:50px; line-height:30px;} 
.head .head_l .menu ul li ul li a{font-size:12px;}
.head .head_l .menu ul li:hover ul { visibility: visible; }
.head .head_l .menu ul li ul li{padding:0 5px;}
.head .head_r{width:60%;float:left;text-align:right}
.head .head_r .tel dl{font:normal 18px/48px '';}
.head .head_r .tel dd{font:bold 30px/26px '';}
.box{background:#000;height:1000px;}

.nav{ width:100%; float:right; margin:0 auto; z-index:9999;}
.nav .nav_list{ float:right;}
.nav li{float:left;width:82px; position:relative;}
.nav li.last{background:none;}
.nav li a{float:left;display:block; width:82px;text-align:center; line-height:57px;}
.nav li a:hover{background:#fff; text-decoration:none;}
.nav li a span{float:left;display:block; cursor:pointer; font-family:"Microsoft YaHei";text-align:center; color:#fff; font-size:13px;}
.nav li a.selected{ background:#fff; color:#001724;}
.nav li a.selected2{ background:#ccc; color:#ddd;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:57px;left:0px; background:#f5f5f5;}
.nav li .submenu{ z-index:9999;}
.nav li .submenu li{float:left;padding:5px 0;background:none;}
.nav li .submenu li a{float:none;padding:0;text-align:center; font-family:"Microsoft YaHei";background:none; color:#666;line-height:30px; }
.nav li .submenu li a:hover{color:#29ABE2;}


/* banner */
.main_visual{position:relative;width:100%;margin-bottom:2%;}
.main_image {width:100%;height:450px;overflow:hidden;position:relative}
.main_image ul {width:999px;position:absolute;top:0;left:0}
.main_image li {float:left;width:100%;}
.main_image li img {display:block;width:100%;height:auto;}
.main_image li a{position:absolute;top:50%;color:#fff;font:normal 16px/32px '';}
.flicking_con {position:absolute;top:90%;right:5%;z-index:112;text-align:center;} 
.flicking_con a {float:left;width:10px;height:10px;background:#333;text-align:center;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;display:block;text-indent:-1000px;margin:0 5px;}
.flicking_con a.on {filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
#btn_prev, #btn_next {z-index:111;position:absolute;display:block;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;top:50%;margin-top:-25px;display:none;background:#222;font-family:'����';width:50px!important;height:80px!important;line-height:80px;text-align:center;font-size:32px;}
#btn_prev {left:5%;}
#btn_next {right:5%;}
#btn_prev:hover,#btn_next:hover{background:#000;color:#fff}


.borderimage {border:3px solid #ffffff;}
.banner{overflow:hidden;}
.banner ul li{width:32%;float:left;margin-top:60px;}
.banner ul li img{width:100%;height:auto}
.banner ul li dl{position:relative;text-align:center;}
.banner ul li dl dt{width:100px;margin:0 140px;position:absolute;top:220px;text-align:center;width:100px;font:normal 20px/40px '';color:#fff}
.banner ul li dl dd {margin:0 140px;position:absolute;top:280px;width:100px;height:100px;overflow:hidden;line-height:100px;background:#fff;border-radius:50px;text-align:center;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.banner ul li dl dd a{color:#474E58;}


.left{width:25%;float:left;margin:56px 0 150px 0;display:inline;}
.left .tit{font:normal 30px/30px 'Microsoft Yahei'}
.left .tree ul li{line-height:80px;font-size:16px;border-bottom:1px solid #f6f6f6;}
.left .tree ul li a{color:#666;padding-left:10px;}
.left .tree ul .cur{background:#f1f1f1;}
.left .contact{margin-top:40px;padding:20px 0 0 0;}

.right{float:left;margin:0 0 150px 0;width:74%;border-left:1px solid #ddd;}
.right .tit{font:normal 16px/56px '';color:#222;border-bottom:1px #ddd solid;font-weight:bold;padding-left:3%;}
.right .con{padding-left:3%;color:#5c5c5c;}
.right .list ul{padding:20px;}
.right .list ul li{line-height:56px;border-bottom:1px dashed #ddd}
.right .list ul li span{float:right;}
.right .list ul li a{color:#666}
.info{width:100%;margin:30px 0 150px 0;}
.info .tit{font:normal 16px/66px '';border-bottom:1px #ccc solid;}
.info .tit span{float:right;}
.info .tit span a{color:#29ABE2}

.page{width:100%;text-align:center;padding:20px 0;}
.page a,.page span{padding:10px;background:#eee;margin:15px 0 0 15px;display:inline;}
.page span{background:#29ABE2;color:#fff;}

.bookadd .ip,.bookadd textarea{width:400px;}
.bookadd input{height:30px}
.bookadd .enter{margin:2% 0;}
.bookadd textarea{height:100px;}
.bookadd .label{line-height:40px;height:40px;width:100%;}
.bookadd .bnt{background: #34BBEA;width:100px;text-align:center;color:#fff;border:none;padding:5px;}

.prolist{margin-top:60px;width:100%;overflow:hidden;}
.prolist ul li{float:left;width:18%;height:364px;margin-bottom:40px;overflow:hidden;}
.prolist ul li .pic{height:auto;}
.prolist ul li .tit{height:24px;}
.prolist ul li img{width:100%;height:auto;}
.foot a{font-size:12px;}
.foot{margin-top:60px;padding-top:70px;border-top:1px solid #ddd;}
.foot ul{float:left;width:24%;text-align:center;border-right:1px solid #ddd;}
.foot .br{border-right:none!important;}
.foot ul .tit{color:#666666;padding-bottom:10px;font-weight:800;}
.foot ul a:hover{text-decoration:underline;}

.footer{background:#272727;padding:10px;margin-top:100px;color:#ccc;font: 12px ProximaNova,Arial,sans-serif;}
.flogo span{float:left;font:bold 26px/40px 'Microsoft Yahei';color:#f5f5f5;width:30%;text-align:left;}
.flogo p{float:right;line-height:20px;width:70%;text-align:right;}
.footer a{color:#ccc}
.flink li{float:right;padding-left:1%}

.fContainer {
	width:18%;
	height:364px;
	position:relative;
	z-index:1;
	-moz-perspective:800px;
	-webkit-perspective:800px;
	perspective:800px;margin-bottom:40px;float:left;
}
.fContainer div {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-moz-transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-transition:.8s;
	-webkit-transition:.8s;
	transition:.8s;
	-moz-animation:pulse 2s infinite;
	-webkit-animation:pulse 2s infinite;
}.cover {
	z-index:100;
}
.recover {
	z-index:1;
	opacity:0;
	-moz-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
}
.fContainer.flipped .cover {
	opacity:0;
	-moz-transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
}
.fContainer.flipped .recover {
	opacity:1;background:#ddd;
	-moz-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
}
.editxt {
	position:absolute;
	left:0;
	top:0;
	background:#fff;
	display:none;
	cursor:pointer;
}
.editxt span {
	width:100%;
	font-size:14px;
	font-weight:bold;
	padding:50px 10px 10px 10px;
	color:#333;
	display:block;
}
.editxt p {
	width:40%;
	color:#fff;
	padding:0 10px;margin-left:10px;
	line-height:210%;
border-radius: 0.23529em;
overflow: hidden;
border-width: 1px;
border-style: solid;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fc7000), color-stop(100%, #e45000));
background-image: -webkit-linear-gradient(#fc7000,#e45000);
background-image: -moz-linear-gradient(#fc7000,#e45000);
background-image: -o-linear-gradient(#fc7000,#e45000);
background-image: linear-gradient(#fc7000,#e45000);
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0.02941em 0.11765em 0 inset;
-moz-box-shadow: rgba(0,0,0,0.1) 0 0.02941em 0.11765em 0 inset;
box-shadow: rgba(0,0,0,0.1) 0 0.02941em 0.11765em 0 inset;
border-top-color: #db6100;
border-left-color: #e56000;
border-right-color: #e56000;
border-bottom-color: #df4d00;
background-color: #FF4A00;
}