@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, blockquote, pre, form, input, textarea, fieldset, table, th, td{margin: 0;padding: 0}
body, button, input, select, textarea{font: 12px/1.6 Tahoma, Verdana, Arial, "\5fae\8f6f\96c5\9ed1"}
body{ margin:0px auto;margin:0px; padding:0px; width:100%; _height:auto; height:auto; }
.cl{ display:block !important; clear:both; height:0px; line-height:0px;}
.fl{ float:left;}
.fr{ float:right;}
.t-a-c{text-align: center;}
.t-a-r{text-align: right;}
ul{ list-style:none; margin:0px; padding:0px;}
li{ list-style-type:none;}
a{ text-decoration:none;}
a:hover,a:visited{ text-decoration:none;}
a:active,a:link{ text-decoration:none; color:#000;}
submit,button{ cursor:pointer; border:0;}
img{ border:0px; vertical-align:middle;}
#all{ width:100%; height:auto; margin:0px auto; min-height:1500px; }
.btn{overflow:visible;background: #37a9e2; border: 0; font-size: 16px; color: #fff; padding:5px 12px; display: inline-block; *display:inline; zoom:1; border-radius:5px; margin: 0 5px; cursor: pointer; position: relative;}
.btn:active{top: 1px}
.btn-danger{background: #dd3b39}
.overlay {position: fixed;_position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;background-color: rgb(189, 189, 189);cursor: pointer;height: 100%;display: none;filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;}
.msgbox {background-color: #fff;z-index: 10000;position: fixed;_position: absolute;top: 50%;left: 50%;height: 480px;margin-top: -240px;width: 400px;margin-left: -200px;display: none;}
.cancle {width: 40px;height: 40px;background-image: url("../images/cancel.png");position: absolute;right: -15px;top: -15px;z-index: 9999;cursor: pointer;}
/*头部开始*/
#header{ width:100%; height:100px; margin:0px auto;}
.head{ width:950px; height:100px; margin:0px auto; }
/*logo开始*/
.logo{width:395px; height:100px; background: url("../images2.0/in_01.png") no-repeat center left;}
.logo a{display: block; height: 100px; width: 338px}
/*logo结束*/

/*导航开始*/
#nav{height:60px; margin-top:40px;}
#nav ul li{ padding:0px 12px; float:left;  margin-left:15px; height:30px; line-height:30px;}
#nav ul li a{ color:#3e3e3e; font-size:18px; font-weight:bold; border-bottom: 3px solid #fff; display: block; height: 57px}
#nav ul li a:hover,#nav ul li a.active{border-bottom: 3px solid #4cbffa}

/*banner开始*/
/* flexslider */
.flexslider{position:relative;height:480px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:480px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;cursor:pointer; background-position:-13px 0; background: #fff; border-radius:7px}
.flex-control-nav .flex-active{background-position:0 0; background: #37a9e2;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images2.0/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images2.0/next.png) center center no-repeat;}

.banner{ width:100%; height:480px; margin:0px auto; position:relative;}
.banner_3{ width:1600px; height:480px; margin:0px auto; position:absolute; z-index:999;}
.banner_3 ul li{ float:left;}
.scro_list{ width:120px; height:25px; border:1px solid #000; position:absolute; top:430px; left:80%;}
.scro_list ul li{ float:left; width:20px; height:20px; margin-left:10px; border:1px solid blue;}
.v_show{ width:1600px; height:500px; margin:0px auto;}
.v_caption{ width:1600px; height:20px; border:1px solid red;}
.v_content{ width:800px; height:480px; border:1px solid red;}
.hightlight_tip{ width:150px; height:20px; border:1px solid red;}
.change_btn{ width:120px;  height:20px; border:1px solid red;}
.banner .bd{ width:1600px; height:480px;margin:0px auto; }
.banner .bd ul li{ width:1600px; height:480px; _display:inline;margin:0px auto; }
.banner .bd ul li .pic{ width:1600px; height:480px; margin:0px auto;}
.banner .bd ul li .pic img{ width:1600px; height:480px; display:block;  }

.banner1{ width:100%; height:248px; margin:0px auto; overflow:hidden;}
.banner1_pic{height:248px; margin:0px auto; background:url(../images2.0/banner2.png) no-repeat center;}
.banner2_pic{height:248px; margin:0px auto; background:url(../images2.0/banner4.png) no-repeat center;}
/*登录开始*/
#loginform{position: relative; margin: 0 auto; width: 950px}
.logo_bg02{width:315px; height:354px; position:absolute; top:-415px; right:0; background:#fff; border-radius:3px; opacity:0.8;filter:alpha(opacity=80); z-index:999;}
.logo_bg03{width:315px; height:354px; position:absolute; top:-415px; right:0; z-index:1000;}
.login_hd{height:80px; position:relative;}
.hd_nav{ display:inline-block;width:74px; height:50px;font-size:18px; color:#33434a; line-height: 18px; padding: 16px 40px;margin-top:10px;cursor:pointer}
.bgg{ width:196px; height:50px; border-bottom:1px solid #0a0a0a; border-top-right-radius:5px;}
.bgg1{display:inline-block; width:75px; height:50px; background:#fff;opacity:0.4;filter:alpha(opacity=40); position:absolute; border-left:1px solid #0a0a0a;left:190px;border-top-right-radius:5px; }
.bgg2{ display:inline-block;width:755px; height:50px; position:absolute; left:190px; text-align:center;line-height:50px; font-size:18px; color:#33434a; border-top-right-radius:5px;}
.logo_bot{padding-left: 40px; margin-top: 1px}
.logo_bot .form-row{padding: 5px 0; position: relative;}
.a-c-text{position: absolute; top: 18px; left: 10px}
.bg_login{ width:421px; height:420px; background:url(../images2.0/bg_01.png) no-repeat center; margin-left:53%; margin-top:50px; position:absolute; z-index:999;}
.login1{ width:142px; height:32px; background: url(../images2.0/login01.png) no-repeat center; text-align:center;  line-height:32px;  margin-top:32px; margin-left:220px;}
.login1 a{color:#fff; font-size:14px;}
.form{ width:321px; height:300px; margin-left:50px; margin-top:8px;}
.index-text{width:220px; border:1px solid #ddd; color:#666; outline: 0; font-size: 12px; line-height: 12px; padding: 12px 10px}
.index-text:focus{border-color: #666}
.radius{ border-radius:5px;}
.yzheng{ width:310px; height:65px;}
.yanzheng1{ width:136px; height:36px; line-height:36px; border:1px solid #fff; color:#fff; border-radius:5px; background:none;}
.yanzheng2{ width:136px; height:36px; line-height:36px; border:1px solid #cfdde6; color:#bfbfbf; border-radius:5px; background:#fff;}
.login_but1{ background:#4cbefa; border:0; font-size:14px; color:#fff; border-radius:5px;}
#tip{color: #f00; position: absolute; left: 0; top: -15px}
/*登录结束*/
/*banner结束*/
/*住哲服务块开始*/
.sever{ width:950px; height:688px; margin:0px auto;}
.sever_content{ width:950px; height:630px; margin-top:55px;}
.sever_hd{ width:950px; height:40px; padding:10px 0px 20px 0px; line-height:40px; text-align:center; color:#42b3f5; font-size:30px; font-weight:300;}
.sever_list{ width:950px; height:555px;}
.sever_list ul li{ float:left; width:445px; padding-left:20px; height:auto; padding-top:10px; margin-top:30px;}
.pic1{ width:100px; height:105px;}
.sever_art{ width:340px; height:auto; }
.sever_art h1{ font-size:24px; height:auto; line-height:50px; color:#525151; width:340px;}
.sever_art p{ font-size:14px; line-height:25px; color:#525151;}
/*住哲服务块结束*/


/*中间手机banner开始*/
.phone{ width:100%; height:430px; margin:0px auto; position:relative;}
.bg_blue{ width:100%; height:248px; margin:0px auto; background:url(../images2.0/in_17.png) repeat;}
.phone_center{ width:950px; height:390px; margin:0px auto; margin-top:15px; }
.pic_phone{ width:950px; height:390px; background:url(../images2.0/in_18.png) no-repeat center top; position:absolute; top:40px;}
/*中间手机banner结束*/
/*客房管家pms开始*/
.housekeeper{ width:950px; height:560px; margin:0px auto;}
.keeper_hd{width:950px; height:40px; padding:10px 0px 40px 0px; line-height:40px; text-align:center; color:#4cbf92; font-size:30px; font-weight:300;}
.keeper_content{ width:940px; height:410px; margin:45px 12px 20px 5px;}
.keeper_content ul li{ float: left;width:290px; height:200px; padding:0px 10px;}
.keeper_art h3{font-size:25px; height:auto; line-height:50px; color:#525151; width:340px;}
.ma_he{ margin-top:25px;}
.keeper_art  p{ font-size:14px; line-height:25px; color:#525151;}
/*客房管家pms结束*/

/*回到顶部的按钮开始*/
.top_but{width:1170px; height:48px;margin:0px auto;}
.button{ width:48px; height:48px; background:url(../images2.0/button.png) no-repeat center; float:right;}
/*回到顶部的按钮结束*/
/*立即使用开始*/
.use{ width:100%; height:91px; margin:0px auto; background:url(../images2.0/footer1.png) repeat-x; }
.use1{ width:900px; height:50px; padding:20px 0px; margin:0px auto;}
.use1 ul li{float:left; margin-right: 20px}
.l1{ height:40px; line-height:40px;}
.l1 a{ color:#4cbffa; font-size:20px; }
.l2{ height:40px; line-height:40px;color:#3e3e3e; font-size:18px; margin-left:80px;}
/*立即试用结束*/
/*页脚开始*/
#footer{ width:100%; height:276px; margin:0px auto; background:url(../images2.0/footer2.png) repeat-x; }
.footer_top{ width:950px; height:90px;  margin:0px auto; padding:45px 0px;}
.footer_top ul li{ float:left; width: 316px;font-size:14px; color:#fff; text-align: center;}
.top_01{display: inline-block;margin-left: 15px;width: auto;height: 30px;line-height: 25px;font-size: 14px;margin-top: 27px;}
.footer_bot{height:90px; margin:0px auto; }
.footer_bot p{font-size:13px; color:#e5e5e5; text-align: center; margin-bottom: 10px}
/*页脚结束*/
/*二级页主体开始*/
.content2{ width:980px; margin:0px auto; padding-top:30px; padding-bottom:0px;}
/*块开始*/
.box{ width:960px; height:auto; margin-top:50px;}
.box_pic{ width:100px; height:auto; }
.box_cont{ width:840px; height:auto; min-height:60px; margin-left:15px;}
.box_cont h1{ font-size:24px; color:#515252; line-height:36px;}
.box_art{ width:840px; height:auto; }
.box_art p{ font-size:14px; color:#515252; line-height:24px;}
/*块结束*/
/*二级页主体结束*/

/*注册页面主体开始*/
.content3{ width:960px; height:auto; margin:0px auto;}
.cont_top{ width:960px; height:60px; margin-top:45px; border-bottom:1px solid #73b6e3; line-height:30px; font-size:14px;}
.cont_bot{ width:850px; height:535px; margin:40px 0px 90px 80px;}
/*表格开始*/
.form1{ margin-left:15px;}
.red{ color:red;}
.a_hotel{ margin-left:5px; font-size:12px;}
.yanzheng{display:inline-block; width:75px; height:30px; line-height:30px; font-size:12px; background:#73b7e6; text-align:center; color:#fff; border:0;}

/*表格结束*/
/*注册页面主体结束*/

/*登录页面*/
.constitute{height:160px; margin:0px auto; background:#fff; position:relative; }
.consti1{height:95px; border-bottom:1px solid #d6d6d6;}
.use2{ width:44px; height:105px; position:absolute; top:0;}
.consti_pic{width:132px; height:131px; position:absolute; top:30px; left:50%; margin-left: -66px}

/*住哲酒店系统图开始*/
.xitong{ width:950px; height:300px; margin:0px auto;}
.xt_art{ width:630px; height:300px; margin-left:30px;}
.xt_art_pic{ width:630px; height:125px;}
.xt_art1{ width:630px; height:175px; font-size:14px; line-height:26px; color:#a9a9a9; letter-spacing:1px; text-indent: 2em}
/*住哲酒店系统图结束*/
/*banner图开始*/
.yun_pic{height:365px;background:url(../images2.0/login_05.png) no-repeat top; margin:0px auto; position:relative; padding-top: 80px}
.yun_cont{width:950px; margin: 0 auto;position:relative; }
.yun_cont h2{height:50px; line-height:50px; color:#fff; font-size:36px; font-weight: normal;}
.service-item{display: block; height: 50px; width: 500px}
.service-item li{font-size: 18px; line-height: 18px; overflow: hidden; color: #fff; margin-top: 8px}
/*banner图结束*/
/*优势特征开始*/
.superiority{width:100%; height:auto; margin:0px auto; background: url(../images2.0/logo_bg.png) repeat; position:relative;}
.super_all{width:950px; height:1800px; margin:0px auto; padding-top: 20px}
.super1{width:950px; height:131px;}
.super2{height:213px; margin:0px auto; padding-top:60px; }
.super2_pic{ width:805px; height:213px; background:url(../images2.0/login_07.png) no-repeat;}
.super3{height:240px; margin:0px auto; padding-top:65px;}
.super3_pic{ :920px; height:240px; background:url(../images2.0/login_08.png) no-repeat center;  margin:0px auto;}
.super4{height:265px; margin:0px auto; padding-top:110px;}
.super4_pic{height:265px; background:url(../images2.0/login_08_01.png) no-repeat center;  margin:0px auto;}
.super5{height:217px; margin:0px auto; padding-top:85px;}
.super5_pic{width:939px; height:217px; background:url(../images2.0/login_09.png) no-repeat center;  margin:0px auto;}
.super6{height:271px; margin:0px auto; padding-top:85px;}
.super6_pic{width:914px; height:271px; margin:0px auto;}
.supe6_fl{width:546px; height:271px; background:url(../images2.0/login_10.png) no-repeat center;}
.supe6_fr{width:271px; height:271px;}
.img-center{position:absolute; top:30px; left:50%; margin-left: -66px}
.rotate{ -webkit-animation: animate-rotate 18s linear infinite;
  -moz-animation: animate-rotate 18s linear infinite;
   -ms-animation: animate-rotate 18s linear infinite;
       animation: animate-rotate 18s linear infinite;}

/*优势特征结束*/

/*功能优势开始*/
.function_all{position:relative;}

.function{width:950px;margin:0px auto;}
.fun_list_pic{float:left; width:300px; height:350px;}

/*功能优势结束*/
.scrollBtn{width: 55px;bottom: 47px; right: 20px;position: fixed;_position: absolute;_top: expression(eval(document.documentElement.scrollTop)+700);z-index: 1000;}
.totop{width:48px; height:47px; background:url(../images2.0/in_03.png) no-repeat center; display: block}

/*登录页面*/

::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background: #FDFDFD;}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}


@-webkit-keyframes animate-rotate {
 	from { -webkit-transform:rotate(0);}
	to { -webkit-transform:rotate(360deg);}
}
@-moz-keyframes animate-rotate {
 	from {-moz-transform:rotate(0);}
	to { -moz-transform:rotate(360deg);}
}
@-ms-keyframes animate-rotate {
 	from {-ms-transform:rotate(0);}
	to {-ms-transform:rotate(360deg);}
}
@-o-keyframes animate-rotate {
 	from {-o-transform:rotate(0);}
	to {-o-transform:rotate(360deg);}
}
@keyframes animate-rotate {
 	from {transform:rotate(0);}
	to {transform:rotate(360deg);}
}