@charset "utf-8";
* {padding:0;margin:0;list-style-type:none;}
body {font-family:"微软雅黑";font-size:12px;	padding:0px;margin:0px;}
a {text-decoration: none;}
ul { list-style-type:none;}
li{margin:0; padding:0; list-style:none;}
img{border:0px;}

a:link { text-decoration:none; }
a:visited {  text-decoration:none; }
a:active { text-decoration:none;  }
a:hover { text-decoration:none; }
.clear{ clear:both;position: relative;}


/*首页*/
/*#a1{ background:url(../images/shouye.jpg) no-repeat center top; width:100%; background-size: cover;z-index: 8;}*/
/*#b1{ background:url(../images/nav_bg_02.jpg) no-repeat center top; width:100%; background-size: cover;z-index: 7;}*/
/*#c1{ background:url(../images/nav_bg_03.jpg) no-repeat center top; width:100%;background-size: cover;z-index: 6;}*/
#d1{ background:#fff;background-size: cover;z-index: 3;}
/*#e1{ background:url( no-repeat center top; width:100%;background-size: cover;z-index: 4;}*/
/*#f1{ background:url(no-repeat center top; width:100%;background-size: cover;z-index: 4;}*/
/*#g1{ background:url(../images/nav_bg_07.jpg) no-repeat center top; width:100%;background-size: cover;z-index: 2;}*/
/*#h1{ background:url(../images/ban8.png) no-repeat center top; width:100%;background-size: cover;z-index: 1;}*/
#c1_words{margin-top: -10%;}
/*#video-bg{background: url(../images/video-bg.png) no-repeat center;width: 1440px;height: 509px;margin: 0 auto;margin-top: 40px;}*/
.video-wrap{margin: 0 auto;margin-left: -15px;padding-top: 99px;}
@media only screen and (min-width: 1370px) {
  #video-bg{margin-top: 80px;}
}
div#ban2{text-align: center;position: relative;width: 1440px;margin: 0 auto;}
div#ban2 .f36{text-align: left;margin-bottom: 100px;letter-spacing: 20px;}
div#ban2 .f24{line-height: 50px;}
.f28{font-size: 28px;color: #000000;}
.f25{font-size: 25px;color: #404040;}
.f15{font-size: 15px;}
.line02{width: 168px;height: 1px;background: #434343;margin:30px auto;position: relative;}
.line02 span{display: block;width: 40px;height: 3px;background: #434343;float: left;}
#designer{display: block;float: left;margin-top: 60px;}
.an1{animation: design linear 0.7s, 100ms;-moz-animation:  design linear 0.7s, 100ms;-ms-animation:  design linear 0.7s, 100ms;-webkit-animation:  design linear 0.7s, 100ms;}
#ban2_w{text-align: left;color: #6a6a6a;float: right;margin-top: 250px;width: 47%;}
#ban2_w .f20{color: #404040;margin-bottom: 40px;}
.an2{animation: opc linear 600ms;-webkit-animation:opc linear 600ms ;}
.f36 {
  font-size: 36px;
  font-family: "microsoft yahei";
}
.f16 {
  font-size: 16px;
  line-height: 28px;
}
@keyframes design{
  from{margin-left: -20px;opacity: 0.5;margin-top: 70px;}
  to{margin-left: 0;opacity: 1;margin-top: 60px;}
}
@-moz-keyframes design{
  from{margin-left: -20px;opacity: 0.5;margin-top: 70px;}
  to{margin-left: 0;opacity: 1;margin-top: 60px;}
}
@-ms-keyframes design{
  from{margin-left: -20px;opacity: 0.5;margin-top: 70px;}
  to{margin-left: 0;opacity: 1;margin-top: 60px;}
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
  }
  50% {
    opacity: 1
  }
}
element.style {
  visibility: visible;
  animation-duration: 0.8s;
  animation-name: fadeIn;
}


@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    -ms-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
  }
  50% {
    opacity: 1
  }
}
@-webkit-keyframes opc {
  from{opacity: 0.3;}
  to{opacity: 1;}
}

@keyframes opc {
  from{opacity: 0.3;}
  to{opacity: 1;}
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation: zoomIn linear 800ms;

}
.an3{animation: an3 linear 1s;-moz-animation: an3 linear 1s  ;-ms-animation:  an3 linear 1s ;-webkit-animation:  an3 linear 1s;}
@-moz-keyframes an3{
  from{margin-right: -200px;opacity: 0;}
  to{margin-right: 0;opacity: 1;}
}
@-ms-keyframes an3{
  from{margin-right: -200px;opacity: 0;}
  to{margin-right: 0;opacity: 1;}
}
@-webkit-keyframes an3{
  from{margin-right: -200px;opacity: 0;}
  to{margin-right: 0;opacity: 1;}
}
@keyframes an3{
  from{margin-right: -200px;opacity: 0;}
  to{margin-right: 0;opacity: 1;}
}
/*头部*/
.header {margin:0 auto;position: fixed;z-index: 9999;top: 0;width: 100%;height:82px;background:url(../img/disp/top_header_al_x.png);
  /*-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(8px);*/
}
.header_main{ margin:0 auto; width:1440px;height: 82px; z-index: 1;overflow: hidden;}
.header_nav>ul>li{ float:left; font-family:"微软雅黑"; font-size:14px; padding:0px 25px; line-height:82px;height: 82px;}
.header_right{ float:right; font-size:14px; font-family:"微软雅黑"; color:#FFF; line-height:82px;}

.header_nav ul li a{color:rgba(255,255,255,0.6);}
.header_nav ul li a:hover{color: #FFFFFF;}

.header_nav label{color:#FFFFFF;}

.header_right a{ color:#FFF; padding:0px 10px;}
.header_right a:hover{color:#FFFFFF;}

.header .search-bg .text{width:100px;height:18px;margin:3px 0 0 3px;background:none;border:none;outline:none;}
.header .search{ background:url(../img/search.png); width: 16px;height:17px; display: inline-block;margin:4px 0 0 12px;float:left;}
.header .login{position: absolute;top:30px;right:0;}
.header .login a,.login-top .in-return a{color:#333333;font-size:14px;padding: 0 10px; }
.header .login i,.login-top .in-return i{border-right:solid #333333 1px;height:14px;display:inline-block;position:absolute;top:3px;}

/* 下拉菜单 */
.header .submenu{position: absolute;top:82px;height:408px;width: 100%; overflow: hidden;left: 0;height: 0;}
/*.header .submenu>div{margin: 0 auto;}*/
/*.header .submenu ul{width: 1000px; z-index: 9999;}*/
/*.submenu-bg{height: 130px;width: 100%;position: absolute;z-index: 0;top: 0;left: 0;display: none;}*/
/*.header .submenu li{font-size:14px;padding:0 30px;display:inline-block;*display: inline;}*/
/*.header .submenu li a{color:#fff;display:inline-block; padding-bottom: 6px;}*/
/*.header .submenu li .active{background:url(../images/ico/submenu-bg.png) bottom center no-repeat;color:#004fa2; }*/

.header_submenu{
  width: 100%;
  min-width: 1440px;
  height: 408px;
  /*margin-top: 18px;*/
  background-image: url(../img/disp/top_header_al.png);
  /*background: rgba(8, 8, 8, .4);*/
  /*-webkit-backdrop-filter: blur(3px);*/
  /*backdrop-filter: blur(8px);*/
}

.header_submenu_imgBack{
  /*background-color: #0081ab;*/
  width: 732px;
  min-width: 732px;
  height: 408px;
  background-image: url(../img/disp/top_header_im.png);
  /*background: rgba(122, 122, 122, .2);*/
  /*-webkit-backdrop-filter: blur(3px);*/
  /*backdrop-filter: blur(5px);*/
}

.header_submenu_ul{
  position: absolute;
  float: right;
  width: 55px;
  height: 160px;
  top: 40px;
  margin-left: 777px;
  /*background-color: #004fa2;*/
}

.header_submenu_u2{
  position: absolute;
  float: right;
  width: 200px;
  height: 320px;
  top: 40px;
  margin-left: 857px;
  background-color: #69C042;
}

@font-face {
  font-family: "shs-medium";
  src: url(../doc/SourceHanSansCN/SourceHanSansCN-Medium.otf);
}

.header_submenu_ula, .header_submenu_u2a{
  display: block;
  margin-top: 0px;
  width: 60px;
  height: 40px;
  font-size: 12px;
  font-family: shs-medium;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 18px;
  /*text-align: right;*/
}

/*.header_submenu_ula{*/
/*  width: 60px;*/
/*}*/

.header_submenu_u2a{
  width: 160px;
}

.header_submenu_ula:hover{
  font-size: 13px;
  font-weight: 500;
  /*height: 15px;*/
  color: #EFC295;
  /*margin-top: 23px;*/
}
.header_submenu_u2a:hover{
  font-size: 13px;
  font-weight: 500;
  /*height: 15px;*/
  color: #EFC295;
  /*margin-top: 23px;*/
}


.header_submenu_img{
  position: absolute;
  width: 586px;
  height: 316px;
  top: calc(50% - 158px);
  /*left: calc(50% - 293px);*/
  left: 62px;
  /*background-color: #EFC295;*/
  overflow: hidden;
}

/*css.css*/
.header_search{ float:left; width:150px;}
.search{ float:left; width:15px;}
.txt{ float:left; width:100px; border:none; margin-top:32px; margin-left:10px; background-color:#1f1f23; color:#FFF;}
.main{ width:980px; margin:0 auto;}

/*底部*/
.footer{
  background:#333333;
  width:100%;
  height: 429px;
  position: relative;
  overflow: hidden;
  min-width: 1440px;
}

.footer1_t1{
  height: 97px;
  width: 1010px;
  /*background-color: #b3d4fc;*/
  position: absolute;
  left: calc(50% - 505px);
  float: left;
}

.footer1{
  height:330px; width:1010px;
  /*background-color: #69C042;*/
  position: absolute;
  top: 97px;
  left: calc(50% - 505px);
  float: left;
}


.footer1_main{margin:0 auto; width:1440px;}
.footer1_main_1{ float:left;  margin-right:110px;width: 220px;height: 300px;margin-top: 15px}
.footer1_main_2{ float:left; margin-left:220px;}
.footer1_list{ width:170px; float:left;}
.footer1_list_l{ float:left; width:30px;margin-top: 20px;}
.footer1_list_r{ float:left; width:135px;margin-top: 10px}
.footer1_list_r li{ height:38px; line-height:38px;}
.footer1_list_r li a{ font-family:"微软雅黑"; color:#FFF;opacity: 0.6;}
.footer1_list_r li a:hover{opacity: 1;}
.footer1_list_r span{font-family:"微软雅黑"; color:#FFF;opacity: 0.6;}

.footer1_list_wx{ margin-top:15px;}
.footer1_list_wx span{color:#FFF; margin-right:5px;display: block;line-height: 24px;letter-spacing: 5px;}

.footer2{ width:100%; background:#000; color:#FFF; height:85px; line-height:85px;}
.footer2_main{ margin:0 auto; width:1440px;}
.footer2_main2{ padding-right:80px; float:right;}

/*footer*/
#footer{height:80px;width:100%;background: #1f1f23;min-width: 1440px; }
#footer .copyright{width:1000px; margin:0 auto;}
#footer .copyright span{font-size: 12px;color:#ababab;line-height: 80px;float:left;}
#footer .copyright ul{margin-left:780px;position: relative;}
#footer .copyright li{float:left; margin-left:15px;}
#footer .copyright li img{ padding: 14px 14px; background: #16191c; margin-top: 18px;}
#footer .copyright .weixin-img{width: 118px;height:128px;background:#fff;position: absolute;top:-158px;right:0; text-align: center;display: none;padding-top: 13px;}
#footer .copyright .weixin-img img{display:block;width: 100px;margin: 0 auto;}
#footer .copyright .title{color:#0e1117;height:30px;}
#footer .copyright .title em{color:#004fa2;font-style:normal; }
#footer .copyright #weixin-img{cursor: pointer;float: right;margin-top: 28px;padding-left: 15px;position: relative;}


/*sprint ico*/
.ico { background-image:url(../img/icon/footer-ico.png); display:block; vertical-align:middle; width: 24px;height:15px;margin-top:34px;}
.ico-h { background-image:url(../img/icon/footer-ico.png); display:block; vertical-align:middle; width: 24px;height:15px;margin-top:34px;}
.wb{ background-position:0 0;}
.wb:hover{background-position:-24px 0;}
.wx{ background-position:0 -15px;}
.wx:hover{ background-position:-24px -15px;}
.qq{ background-position:0 -30px;}
.qq:hover{ background-position:-24px -30px;}
.qb{ background-position:0 -45px;}
.qb:hover{ background-position:-24px -45px;}
/*.wx-pic{ background-position:0 -60px; width:20px;height:20px; display:block; padding:14x 14px; }*/

/*子页*/
.page {margin:0 auto; width:1440px;padding-top: 82px;}
.page2{ float:left; min-height:600px; margin-top:10px; padding-top:67px; padding-bottom:50px;}
.page3 {margin:0 auto; width:1278px;}
.page4{ float:left; min-height:600px; }

/*子页左边*/
.page_left{ float:left; width:260px;}
.page_left_title{ padding-left:10px; font-family:"微软雅黑"; font-size:20px; color:#333333; height:30px; line-height:30px; font-weight:bold;}
.page_left_list{ margin-top:20px; }
.page_left_list ul{ cursor:pointer;padding-bottom:20px; float:left}
.page_left_list ul li{ height:40px; width:100%; float:left; line-height:40px; margin:6px 0px; font-family:"微软雅黑"; font-size:14px;}
.page_left_list ul li a{ color:#333333; float:left; width:100%; height:100%;}
.page_left_list ul li a:hover{background:#eff2f5; float:left; width:100%; height:100%;}
.page_left_list ul li a span{ float:left;}
/*.page_left_list_dian{ float:left; width:50px; height:40px; background:url(../images/page_left_li.png) no-repeat center;}*/
/*.page_left_list_dian2{ float:left; width:50px; height:40px; background:url(../images/page_left_li2.png) no-repeat center;}*/
/*.page_left_list ul li a:hover .page_left_list_dian{ float:left; width:50px; height:40px; background:url(../images/page_left_li2.png) no-repeat center;}*/

#l1{background:#eff2f5; float:left; width:100%; height:100%;}
/*#l1 .page_left_list_dian{ float:left; width:50px; height:40px; background:url(../images/page_left_li2.png) no-repeat center;}*/
.page_left_join{background:#000; color:#FFF; text-align:center; height:40px; width:100%; float:left; line-height:40px;}
.page_left_join a{ color:#FFF;}
/*子页右边*/
.page_right{ margin-left:60px; float:left; width:880px;}
.page_right_title{ font-family:"微软雅黑"; font-size:18px; color:#333333;}
.page_right_title span{ padding-left:22px; border-left:solid 6px #2296cc;}
.page_right_content{ padding-top:40px; width:840px; margin:0 auto; padding-bottom:180px;}
.page_right_content_ms{color:#333333; font-family:'微软雅黑'; font-size:16px; margin-bottom:20px;}

/*公司简介*/
.about{ line-height:25px;}
/*加盟支持*/
.join{}
.join li{ float:left; margin:10px 10px 10px 0px;}
/*金牌合伙人*/
.partner{}
.partner_main{ margin-top:30px;}
.partner_main li{ float:left; margin-left:20px;}
/*市场前景*/
.scqj{}
.scqj li{ float:left; width:260px; margin-left:23px;}
.scqj_img{ width:260px; height:190px;}
.scqj_title{font-family:"微软雅黑"; font-size:18px !important; color:#333333; width:100%; text-align:center; height:50px; line-height:50px; margin-top:40px;}
.scqj_content{ font-family:"微软雅黑"; font-size:10px !important; color:#999999; line-height:20px;}
/*有屋优势*/
.ywys{}
.ywys li{ float:left; width:150px; height:140px; margin:30px 65px;}
.ywys_img{ width:80px; height:70px; margin:0 auto;}
.ywys_title{ font-family:"微软雅黑"; color:#2d251b; font-size:18px; height:30px; line-height:30px; text-align:center; padding:5px 0px;}
.ywys_content{ color:#5f5f5f; line-height:20px; height:40px; text-align:center;}

/*加盟流程*/
.jmlc{}

/*产品*/
.product_banner{ width:100%; height:714px;margin-top: 82px;}
.product_list{ height:513px; float:left; width:100%;margin-top: 50px;}
.product_main{ float:left; width:300px;height: 513px; margin:0px 34px;position: relative;}
.product_sy_title{ font-family:"微软雅黑"; color:#000; font-size:36px; margin:20px auto; height:60px; line-height:60px;}
.product_sy_content{ line-height:25px; color:#666666; font-family:"微软雅黑";font-size: 14px;}
.product_sy_more{  margin:125px auto 0px; color:#ffffff; line-height:45px; text-align:center; font-family:"微软雅黑"; position: absolute;bottom: 30px;left: 50%;margin-left: -136px;}
.product_sy_more a{ color:#FFF;display: block;width: 270px;height: 45px;font-size: 14px;letter-spacing: 3px;transition: all .4s;border: 1px solid #000000;background:#000;}
.product_sy_more a:hover{color: #000000;background-color: #FFFFFF;}
.product_sy_img{ float:left; width:910px;}

/*.product_kt{}*/
/*.product_kt dl{ float:left;}*/
/*.product_kt dl dt{ float:left;}*/
.product_yg{ float:left;}
.product_cf img{ float:left;}


/*css.css*/
.left_nav{ width:980px; float:left;    position: absolute;    top: 50%;    margin-top: -300px;text-align: justify;}
/*.left_nav>div{ width:200px; display: inline-block; display: inline/9; text-align:center;margin: 40px;}*/
.left_nav>div img{ margin:0 auto;}
.left_nav>div p{ font-family:"微软雅黑"; font-size:14px; color:#FFF; line-height:27px;text-align:center;}

.product_01{ width:1440px;margin-top: 50px; }
.product_01 li{ width:340px; float:left; margin-left: 30px;margin-right: 30px;}
.product_01 li img:hover{box-shadow: 3px 3px 4px rgba(0,0,0,0.3);}
.product_01 li .p_t{font-family:"微软雅黑"; font-size:18px; color:#000000; line-height:35px;text-align:center; padding-top:15px; font-weight:normal;letter-spacing: 3px;}
.product_01 li p{line-height:35px;text-align:center;}

/*浮动窗口样式2016-07-05*/
.float_box{width: 35px;height: 105px;padding: 0px 0; border-top-left-radius: 7px;border-bottom-left-radius: 7px;  -moz-border-radius-bottomleft: 7px;-moz-border-radius-topleft: 7px;-webkit-border-top-left-radius: 7px;-webkit-border-bottom-left-radius: 7px; position: fixed;right: 0;bottom: 113px;z-index: 999;color: #FFF;text-align: center;font-family: "microsoft yahei";font-size: 16px;cursor: pointer;animation: float_box_s 600ms ease; -moz-animation:float_box_s 600ms ease ; -ms-animation: float_box_s 600ms ease; -webkit-animation: float_box_s 600ms ease; animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.float_box a{color: #fff;}
@keyframes float_box_s{
  from{right:-35px;}
  to{right: 0;}
}
@-moz-keyframes float_box_s{
  from{right:-35px;}
  to{right: 0;}
}
@-ms-keyframes float_box_s{
  from{right:-35px;}
  to{right: 0;}
}
@-webkit-keyframes float_box_s{
  from{right:-35px;}
  to{right: 0;}
}



/*2016-07-08*/

.sliderD{position: absolute;left: 50%;margin-left: -36px;bottom: 10%;animation: UpDown linear 2s;animation-iteration-count: infinite;}
.f42{font-size: 42px;}
.f14{font-size: 14px;}
#a1_words{text-align: center;top: 13%;color: #1f1f23;position: absolute;width: 800px;left: 50%;margin-left: -400px;}
#a1_words .f42{line-height: 80px;  }
#a1_words .f14{}
#b1_words{font-size: 20px;margin-top: 22%;}
#c1_w01{font-size:15px; color:#000000; margin-top:10%;}
.yy{font-size: 14px;color: #2397cc;text-align: center;line-height: 24px;display: block;}
.yy img{display: inline-block;_display:inline;padding-left: 5px;}
.yy1{font-size: 14px;color: #2397cc;text-align: center;line-height: 24px;display: block;}
.yy1 img{display: inline-block;_display:inline;padding-left: 5px;}
.main{margin-top: 5%;}
@keyframes UpDown{
  100%,0%{bottom: 15%;}
  50%{bottom: 12%;}
}
#d1_wrods{color: #000;height: 462px;background: #fff; background: rgba(255,255,255,0.7);margin-top: 17%;}
#d1_wrods .f42{line-height: 60px;margin-bottom: 20px;padding-top: 80px;}
#pagePiling{padding-top: 82px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#e1_words{color: #fff;font-family: "microsoft yahei";margin-top: 22%;}
#e1_words .f42{letter-spacing: 5px;}
#g1_words{color: #000;line-height: 80px;margin-top:380px;}
#h1_words{color: #000;line-height: 80px;position: absolute;left: 50%;margin-left: -400px; width: 800px;top: 150px;}
.section{text-align: center;font: 18px "微软雅黑";color: #fffefe;line-height: 35px; height: 100%; box-sizing: border-box; position: relative;  }
/*.ban_in{position: relative;min-width: 1440px}*/
/*.ban_in img{display: block;width: 100%;}*/

.bdsharebuttonbox{float: right;height: 80px;line-height: 80px;overflow: hidden;}
div.bdshare-button-style0-16 .bds_more{background-image:url(../img/icon/footer-ico.png); display:block; vertical-align:middle; width: 24px;height:15px;margin-top:34px;padding-left: 0;}
div.bdshare-button-style0-16 a{background:url(../img/icon/footer-ico.png) no-repeat top left; display:block; vertical-align:middle; width: 24px;height:15px;margin-top:34px;padding-left: 0;}
div.bdshare-button-style0-16 .bds_tsina{    background-position: 0 -16px;}
div.bdshare-button-style0-16 .bds_weixin{ background-position: 0 -31px;}
div.bdshare-button-style0-16 .bds_sqq{    background-position: 0px -46px;}
div.bdshare-button-style0-16  .bds_tqq{background-position: 0px -61px;}
iframe.bdshare_popup_bg{z-index: -1;}
div.bdshare_popup_box{display: none !important;}








@media screen and (max-width: 1680px)  {
  #h1{background-size: auto 115%;}
  #h1_words{line-height: 60px;}
  #h1_words .f42{font-size: 30px;}
  .left_nav{top: 88px;margin: 0 auto;}
  .left_nav>div{margin:30px;margin-bottom: 0;}
  .left_nav>div img{height: 150px;}
  .main{margin-top: 35px;}
  #designer{width: 400px;margin-top: 20px;}
  div#ban2_w{margin-top: 130px;}
  .line02{margin: 10px auto;}
  div#ban2{margin-top: 100px;transform: scale(.9);}
  #ban2_w .f20{margin-bottom: 20px;}
  div#ban2 p img{margin-top: 20px !important;}
  @keyframes design{
    from{margin-left: -20px;opacity: 0.5;margin-top: 70px;}
    to{margin-left: 0;opacity: 1;margin-top: 20px;}
  }
  @-moz-keyframes design{
    from{margin-left: -20px;opacity: 0.5;margin-top: 70px;}
    to{margin-left: 0;opacity: 1;margin-top: 20px;}
  }
  @-ms-keyframes design{
    from{margin-left: -20px;opacity: 0.5;margin-top: 70px;}
    to{margin-left: 0;opacity: 1;margin-top: 20px;}
  }




}
.fix_jus{display: inline-block;width: 100%;height: 0;}



/*condent*/
#condent{margin-top: 35px;margin-bottom: 60px;height:auto;width:1000px; margin:0 auto;position: relative;}
#condent h1{text-align: left;margin-bottom: 17px;font-size: 22px;color: #333333;line-height: 30px;}
#condent h1 a{display: block;float: right;font-size: 16px;color: #999;line-height: 30px;font-weight: normal;}
#condent h1 a span{font-size: 24px;float: right;}
#condent .pro{overflow: hidden;}
#condent .pro ul {margin-right:-20px;}
#condent .pro ul li{float: left;width:320px;height:236px;margin-right:20px;text-align: center;}
#condent .pro ul li span{padding: 10px 20px 0 20px; display: block;font-size: 14px;color:#000;line-height: 22px;}
#condent .pro ul li span a{color:#000;}
#condent .pro ul li span a:hover,#condent .active li span a:hover{color:#004fa2;}

#condent .theme{margin-bottom: 35px;}
#condent .theme dl{overflow: hidden;}
#condent .theme dl dt{width: 340px;height:340px;padding:0 30px;float:left;}
#condent .theme dl h2{font-size: 16px;font-weight: normal;padding-bottom: 30px;}
#condent .theme dl h2 a{color:#000;}
#condent .theme dl span{font-family: "宋体";color: #7a7a7a;display: inline-block;margin:14px 0 2px 0;}
#condent .theme dl p{color:#5c5c5c;line-height: 22px;}
#condent .theme dl dd{width: 600px;height:340px;float:left;font-family: "宋体";}
#condent .in-theme{margin-top: 70px;}
#condent .in-theme dl dt{width: 340px;height:340px;padding:0 30px 0 0;float:left;}
#condent .in-theme dl h2{margin-top: 35px;}
#condent .in-theme dl h2 a{color:#000;font-weight: bold;}
#condent .in-theme dl h2 a:hover,
#condent .theme dl h2 a:hover{color:#004fa2;}

#condent .bedroom-mc .theme-2{margin-top: 0;}


#condent .theme-1{margin-top: 60px;position:relative;}
#condent .theme-2{margin-top: 60px;}
#condent .theme-3{margin-top: 60px;position:relative;}
#condent .theme-4{margin: 60px 0 35px 0;}
#condent #theme-rm1,#condent #theme-rm2{height:400px;overflow:hidden;}
/*#condent #page-right{background-image:url(../images/ico/page-right.png);width:40px;height:40px;display:block;background-position:0 0;position:absolute;top:40px;right:0;cursor:pointer;}*/
/*#condent #page-right:hover{background-image:url(../images/ico/page-right.png);width:40px;height:40px;background-position:0 -41px;}*/

#condent .click-box{position: absolute;top:48px;right:30px;}
#condent .click-box span{font-size: 14px;color: #737373;display: inline-block;float:left;margin: 0 10px 0 10px;}
#condent .click-box span em{font-style: normal;color:#333333;}
#condent #bedroom,#condent #bedroom1{position: relative;margin-top: 60px;overflow:hidden;height:340px;}
/*#condent .click-box .prev{background-image:url(../images/ico/click-box.png); display:block;float:left;width: 14px;height:16px;background-position: 0 0;}*/
/*#condent .click-box .prev:hover, #click-box .btn-prev{background-image:url(../images/ico/click-box.png); display:block;float:left;width: 14px;height:16px;background-position: 0 -17px;}*/
/*#condent .click-box .next{background-image:url(../images/ico/click-box.png); display:block;float:left;width: 13px;height:16px;background-position: -17px 0;}*/
/*#condent .click-box .next:hover,#click-box .btn-next{background-image:url(../images/ico/click-box.png); display:block;float:left;width: 13px;height:16px;background-position: -17px -17px;}*/
/*右侧固定*/
.news-list-float{position: absolute;right: 0;top: 0; z-index: 888;width: 300px;background: #FFFFFF;height: 481px;}
.news-list-float .right-box{position: relative;}
.news-list-float .right-box>a{display: block;position: absolute;right: 10px;font-size: 14px;color: #505050;bottom: 7px;}
.news-list-float .right-box>a:hover{color: #000000;}
.right-t{height: 36px;line-height: 36px;background: #1f1f23;color: #FFFFFF;font-size: 16px;}
.right-t span{display: inline-block;width: 8px;height: 8px;border-radius: 5px;background: #FFFFFF;margin: 14px 15px;float: left;}
.news-list-float ul{width: 280px;margin:20px auto ;}
.news-list-float ul li{font-size: 14px;line-height: 32px;width: 280px;height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px dashed #DDDDDD;}
.news-list-float ul li a{color: #505050;}
.news-list-float ul li a:hover{color: #000000;}
.news-list-float ul li a span{display: block; width: 4px;height:4px;border-radius: 50%; background: #505050;float: left;margin: 15px 13px 0 8px;}
/*活动专区*/
#condent .active{position: relative;height:400px;margin-bottom: 73px;}
#condent .active .active-mc{width: 1000px;position: relative;margin: 0 auto;}
#condent .active ul.mobile{width:2000%;position: absolute;left:0;}

#condent .active ul.mobile li span{ padding: 12px 36px 0 36px;line-height: 22px;text-align: center;display: block;color: #000;font-size: 16px;}
/*#condent .active .act-ico{background-image:url(../images/ico/activ-btn.png); display:block;width: 24px;height: 47px;}*/
#condent .active .act-prev{background-position: 0 0;position: absolute;top:160px;left:-63px;cursor: pointer;}
#condent .active .act-next{background-position: -26px 0;position: absolute;top:160px;right:-63px;cursor: pointer;}
#condent .active .act-prev:hover{background-position: 0 -48px;position: absolute;top:160px;left:-63px;}
#condent .active .act-next:hover{background-position: -26px -48px;position: absolute;top:160px;right:-63px;}

#active-mc{width:1000px;height:400px; margin:0 auto;bottom:40px;}
#active-mc .flashBg{width:1000px;height:400px; margin:0 auto;position:relative;overflow:hidden;}
#active-mc .flashBg ul.mobile{width:2000%;height:400px;position:absolute;left:0;}
#active-mc .flashBg ul.mobile li{float:left;width: 488px;height:354px; background:#efefef;margin-right: 24px;}
#active-mc .flashBg ul.mobile li:hover span{color:#004fa2;}
#condent .main-box{text-align: center;}
#condent .main-box {margin-top: 50px; color:#505050;font-family: "microsoft yahei";font-size:14px;line-height: 28px; width: 620px;margin-left: 0;border: 1px solid #DDDDDD;padding: 0 15px;margin-bottom: 50px;overflow-x: hidden;min-height: 550px;}
#condent .main-box>div a{color: #007CD5;}
#condent .main-box img{display: block;margin: 0 auto;}
#condent .main-box h1{margin:40px 0 12px 0;font-size: 24px;}
#condent .main-box img{margin-bottom: 27px;max-width: 620px;}

/*banner*/
#banner{width: 100%;height:500px;position: relative; z-index:100;overflow:hidden;margin-bottom:36px;margin-top: 82px;}
#banner-pic{width: 100%;height:500px;position: relative; z-index:100;overflow:hidden;padding-top: 82px;}
#banner-pic img{display: block;width: 100%;}
#banner .in-banner,#banner-pic img{position: absolute;width: 1920px;left: 50%;margin-left: -960px;height:500px;min-width: 1440px;}
.hot-event { padding:194px 0 0; position: relative; }
.hot-event .switch-tab { text-align: center; padding: 10px 0;margin-top:264px; }
/*.hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 4px; display: inline-block; width: 11px; height: 11px; background-image:url(../images/ico/banner-ico.png); background-position: 0 -11px; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: middle; z-index:100;position:relative }*/
/*.hot-event .switch-tab .current { background-image:url(../images/ico/banner-ico.png); background-position:0 0;width: 11px; height: 11px;}*/
.hot-event .switch-nav { position: relative; width:1130px; left:396px;z-index: 2; }
/*.hot-event .switch-nav .i-prev { background-image:url(../images/ico/banner-lr.png); background-position:0 0;width:25px; height:48px; }*/
/*.hot-event .switch-nav .i-prev:hover { background-image:url(../images/ico/banner-lr.png); background-position:0 -48px;width:25px; height:48px; }*/
.hot-event .switch-nav .prev {  position:absolute;left:0; }
.hot-event .switch-nav .next { position:absolute;right:0; }
/*.hot-event .switch-nav .i-next { background-image:url(../images/ico/banner-lr.png); background-position:-25px 0;width:25px; height:48px;  }*/
/*.hot-event .switch-nav .i-next:hover { background-image:url(../images/ico/banner-lr.png); background-position:-25px -48px;width:25px; height:48px;  }*/
.hot-event .event-item { height:550px; width:1920px; position: absolute; z-index: 1; left: 0; top: 0; }
.hot-event .event-item .banner { display: block; }
.hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2))); border: 0; }
.hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }





/*登录*/
.login-top{width: 100%;height:80px;border-bottom: #efefef solid 1px;overflow: hidden;margin-bottom: 113px;}
.login-top .in-login{width: 1000px;margin:0 auto;position: relative;}
.login-top .in-login .logo{float:left;}
.login-top .in-login .logo img{    margin-top: 28px;    width: 200px;}
.login-top .in-return{position: absolute;top:30px;right:0;}

.login-top .yd-title{overflow: hidden;margin:0 auto;position: absolute;left:313px;top:30px;}
.login-top .yd-title li{float:left;font-size:16px;color:#5c5c5c;margin-right: 30px;}
.login-top .yd-title li.hover i{background: #0681b6;}
.login-top .yd-title li.hover{color:#333;}
.login-top .yd-title li.hover1{color:#0081ab;}
.login-top .yd-title li i{font-style: normal;background: #cccccc;color:#fff;height:25px;width:25px;text-align:center;line-height:25px;border-radius: 25px;display: inline-block;margin-right: 4px;}

.login-box{width: 1000px;margin:0 auto;}
.login-box h3,.free-yy h3{font-size: 26px;color:#282828;text-align:center;margin:100px 0 24px 0; }
.login-box .user{font-size: 16px;color: #5c5c5c;}
.login-box .tet{width: 248px;height:36px;border: #d1d1d1 solid 1px;border-radius: 4px;text-indent: 10px;line-height: 36px;}

.login-box .login-btn{width: 256px;height:40px;background: #0681b6;border: none;border-radius: 4px;font-size: 16px;color: #fff;position: absolute;right:0;top:152px;cursor: pointer;}
.login-box .reg-btn{width: 256px;height:40px;border: #d1d1d1 solid 1px;border-radius: 4px;font-size: 16px;color: #333;position: absolute;right:0;top:237px;cursor: pointer;}
.login-box .rem{font-size: 14px;color: #5c5c5c;width: 125px;}

.login-box .rem-user{position: absolute;left:51px;top:201px;}
.login-box .rem-pass{position: absolute;right:0;top:201px;text-align: right;}
.login-box .rem-pass a{color:#5c5c5c;}
/*.login-box .login-qq{ background-image:url(../images/ico/login-qq.png); display:block;width:14px;height:14px;float:right;margin-top: 3px;}*/
.login-box span em{float: right;font-style: normal;margin-left: 5px;font-size: 14px;color: #333;}
.login-box span{margin-top: 13px;display:block;}

.login-box table{position: relative;margin-left: 316px;}

/*注册*/

.login-box .sj-number{width: 230px;}
.login-box .jy-number,.login-box .yz-number{width:108px;}
.login-box .angree{width: 187px;position: absolute;top:203px;color: #333333;font-size: 16px;}
.login-box .next-btn{width: 304px;height:40px;background: #0681b6;border:none;border-radius: 4px;font-size: 16px;color: #fff;position: absolute;top:234px;cursor: pointer;font-family: "microsoft yahei";letter-spacing: 4px;}
.login-box .yz-ma{width: 110px;height: 36px;background:#efefef;border-radius: 4px;text-align: center;line-height: 36px;margin-top: 0;float:right; cursor:pointer;}
.login-box .yz-btn{background: #0681b6;color: #fff;}
.login-box .in-log{position: absolute;top:280px;font-size: 14px;color: #333;}
.login-box .in-log a{color: #333;}

/*注册 填写用户名*/
.login-box .sj-user{width: 215px;}
.login-box .u-next-btn{position: absolute;top:208px;}

/*注册成功页*/
.login-box .suc-btn{width: 298px;height:40px;background: #0681b6;text-align: center;line-height: 40px;border-radius: 4px;font-size: 16px;color: #fff;position: absolute;top:104px;}
.login-box .suc-btn a{color:#fff;}
.login-box .user-in{color: #5c5c5c;font-size: 16px;}
.login-box .user-in span{display: inline;color: #333;}



/*免费预约弹出层*/

.free-yy{width: 313px;margin: 0 auto; z-index:9999;display:none;padding-top: 34px;}
.free-yy table{text-align: center;}
.free-yy tr{line-height: 55px;}
.free-yy td{padding-left: 15px;}
.free-yy .phone{width: 260px;height: 30px;line-height: 30px;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: none;border: none; border-bottom: 1px solid #a5a5a5;font-size: 14px;font-family: "microsoft yahei";color: #4c4c4c;text-align: center;outline: none;margin-top: 8px;}
::-moz-placeholder{color: #999;}
::-webkit-input-placeholder{color: #999;}
:-ms-input-placeholder{color: #999;}

.free-yy h3{margin:10px 0px;}
.free-yy .fr-title{color: #5c5c5c;font-size: 16px;}
.free-yy .rest-next{margin-left: 44px;width: 130px;height: 32px;line-height: 30px;background: #4c4c4c;color: #FFFFFF;border:none;border-radius: 2px;font-size: 14px;cursor:pointer;font-family: "microsoft yahei";letter-spacing: 3px;outline: none;}
.user_c1 span{display: block;float: left;padding-right: 10px;width: 38px;height: 38px;vertical-align: bottom;}
.user_c1 {margin-bottom: 20px;}
.free-yy input[type=text].yzm{width: 110px;margin-right: 15px;}
.user_c1 a{color: #4c4c4c;font-size: 12px;/* text-indent: 15px; */display: block;float: right;border: 1px solid #999;height: 30px;line-height: 30px;text-align: center;width: 120px;border-radius: 2px;margin-top: 5px;margin-right: 6px;}
/*.login_re{display: block;float: right;width: 82px;height: 26px;border: none;outline: none;!* border-radius: 5px; *!background: #FFFFFF;color: #4c4c4c;font-size: 12px;letter-spacing: 1px;line-height: 26px;text-align: center;font-family: "microsoft yahei";appearance: none;-moz-appearance: none;-ms-progress-appearance: none;-webkit-appearance: none;margin-top: 3px;!* border: 1px solid #a1a1a1; *!margin-right: 20px;transition: all 0.25s;border-radius: 2px;}*/
.login_re:hover{color: #FFFFFF;background: #4C4C4C;}
.row1{padding-bottom: 20px;}
.row1 i{display: table-cell;*display: inline-block;vertical-align: top;}
/*.row1 input[type=checkbox]{appearance: checkbox;-moz-appearance: checkbox;-webkit-appearance: checkbox;width: 25px;height: 25px;border-radius: 3px;background: #FFFFFF;margin-right: 5px;margin: 0 10px;outline: none;}*/
.row1 span{display: table-cell;width: 274px;font-size: 12px;color: #787c7d;line-height: 20px;vertical-align: top;}
.f33{font-size: 33px;text-align: center;color: #4c4c4c;line-height: 44px;}
.result_yy{width: 543px;height: 217px;border-radius: 5px;overflow: hidden;background: #ffffff;border: 1px solid #999999;box-shadow: 0px 0px 5px rgba(0,0,0,0.4);}
.result_yy .f33 span{display: inline-block;*display: inline;width: 52px;background-repeat: no-repeat;background-position: center;}
.result_yy .f33{margin: 15px 0;}
/*.result_yy .cry{background-image: url(../images/fail.png);}*/
/*.result_yy .smile{background-image: url(../images/sucess.png);}*/
.result_yy .result_t{height: 34px;line-height: 34px;text-align: center;color: #FFFFFF;font-size: 20px;letter-spacing: 1px;background: #4c4c4c;}
.result_yy .f20{text-align: center;color: #9fa0b3;font-size: 20px;}
.jump_y{display: block;margin: 0 auto;width: 180px;height: 38px;line-height: 38px;background: #4c4c4c;border-radius: 4px;color:#fff;font-size: 18px;cursor:pointer;font-family: "microsoft yahei";letter-spacing: 3px;/* font-weight: 600; */text-align: center;margin-top: 15px;}
/*div.layui-layer-title{	padding: 0 81px 0 21px;	margin-left: -1px;	margin-right: -1px;	margin-top: -1px;	height: 44px;	line-height: 44px;	font-size:20px;	font-family: "microsoft yahei";	text-align: center;	text-indent: 60px;	letter-spacing: 2px;	color: #FFFFFF;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;	background: #4c4c4c;	border-bottom: 1px solid #DDDDDD;}
div.layui-layer-rim{	border: 1px solid #999999;	border-top: none;	border-radius: 4px;	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);	background: #ffffff;	overflow: hidden;}
*/
/*input[type=button].reserve_now{float: none;margin: 0 auto;display: block;margin-top: 40px;}*/
.layui-layer-demo .layui-layer-title{border:none; background-color:#333; color:#fff;}







/*面包屑导航*/
.bread{height: 40px;line-height: 40px;font-size: 16px;border-bottom: 1px solid #ddd;color: #888;}
.dot01{display: block;width: 5px;height: 5px;border-radius: 3px;background: #2397cc;float: left;margin-top: 19px;}
.con_center{width: 1000px;margin: 0 auto;}
.bread a{font-size: 12px;color: #000000;display: inline-block;margin:0 5px ;}
.bread i{font-style: normal;font-size: 12px;color: #2397CC;margin: 0 5px;}




#video{padding-bottom: 60px;padding-top: 90px;}
.pages{height: 32px;text-align: right;position: relative;margin: 30px auto;font-size: 14px;padding-right: 20px;/* background: url(../images/line.png) no-repeat right bottom; */border-top: 1px dashed #abaaaa;padding-top: 20px;margin-top: 50px;}
.pages a{*display: inline; display: inline-block;width: 60px;height: 20px;text-align: center;line-height: 20px;margin: 0 10px;cursor:pointer;color: #505050;}
.pages a:hover{background-color:#288add ;color: #FFFFFF;}
.RActive-img{width: 270px;border: 1px solid #DDDDDD;padding: 15px;background: #FFFFFF;position: relative;margin-top: 30px;}
.RActive-img img{display: block;width: 100%; border-radius: 5px;border: 1px solid #EEEEEE;}
.right-box{border: 1px solid #DDDDDD;height: 260px;width: 100%;}
#condent .main-box div.art_del a{width: auto;color: #505050;}
#condent .main-box div.art_del a:hover{color: #505050;background: #FFFFFF;}
#condent .main-box div.art_del a span{display: inline-block;*display: inline; }
#condent .main-box div.art_del a span:hover{color:#288add ;text-decoration: underline;}


/*eoroomList*/
.ban_con{width: 1440px;position: relative;margin: 0 auto;}
.ban_con img{display: block;margin-top: 136px;animation-duration:1s ;}
#zn_img1{float: left;}
.ban_con p.f16{font-size: 16px;float: right;color: #FFFFFF;width: 700px;line-height: 30px;margin-top: 136px;animation-duration:1s ;}

#about-EOROOM .cont-pro{text-align: center;width: 1278px;}
#about-EOROOM {height: 857px;border-bottom: 1px solid #dcdcdd;background: linear-gradient(#ffffff ,#f7f7f8);margin-bottom: 30px;}
.inline-b{*display: inline;display: inline-block;*float: left; text-align: center;width: 325px; margin:74px  10px 0px;}
.inline-b .f30{font-size: 30px;color: #2397cc;width: 192px;height: 60px;border-bottom: 1px solid #dcdcdd;margin: 0 auto;line-height: 60px;}
.inline-b .f30 span,.zn_item .f20 span{font-size:15px ;color: #666666;}
.inline-b .f20{font-size: 20px;color: #333333;line-height: 60px;margin-bottom: 10px;}
.inline-b img{margin-bottom: 20px;transition: all 1s;}
.inline-b img:hover{transform: rotateY(180deg);}
.zn_item {display: inline-block;*display: inline;*float: left; margin: 0 6px;}
.zn_item img{display: block;}
.zn_item .f20{font-size: 20px;margin-bottom: 0;line-height: 28px;margin-top: 10px;}
.zn_item .f20 span{display: block;}
#zn_items {position: relative;padding-top: 33px;text-align: center;}
#zn_items>img{display: block;position: absolute;top: 0px;left: 50%;margin-left: -16px;}