@charset "utf-8";
/*------------------------------重置全局样式-----------------------------------*/
/*防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体*/
html,body{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font:normal normal normal 12px 'Microsoft Yahei','微软雅黑','Helvetica Neue','Hiragino Sans GB', 'WenQuanYi Micro Hei','Ubuntu',Arial,Helvetica,sans-serif;color:#666666;margin:0;padding:0}
/*通用内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;border:0;font-family:'Microsoft Yahei','微软雅黑','Helvetica Neue','Hiragino Sans GB', 'WenQuanYi Micro Hei','Ubuntu',Arial,Helvetica,sans-serif;}
/*通用清除OL,UL,LI小圆点*/
ol,ul,li{text-decoration:none; list-style:none}
/*通用清除图片的所有边框*/
img{border:none}
/*通用link*/
a,a:link,a:hover,a:visited,a:active{text-decoration:none;}
/* 去掉各Table  cell 的边距并让其边重合 */
table {border-collapse:collapse;border-spacing:0;}
.left{float:left;}
.right{float:right;}
/*-------------------------------公用头部---------------------------------*/
.topBar{width:75%;height:40px;margin:0 auto;clear:both;font-size:15px;border-bottom:1px solid #e5e8ec;position:relative;right:-7.8%}
.topBar h4{float:left;font-weight:normal;line-height:40px;text-indent:10px;}
.topBar p{float:right;}
.topBar p a{color:#727272;display:inline-block;line-height:40px;padding:0 10px;}
.topBar p span a{display:inline-block;font-size:16px;color:#f08519;}

.header{
    width: 100%;
    max-width: 100%;
    padding:15px 0;
    border-bottom: 2px #1E90FF solid;
    overflow: hidden;
}
.header .navBar{
    width:90%;
    margin:0 auto;
    overflow: hidden;
}
.header .navBar .logo{
    float: left;
    width:14%;
    height: 52px;
    padding-left: 2%;
    padding-top: 7px;
}
.header .navBar .logo img{
    display: block;
    width:120px;
}
/*2017/02/21 Dylan*/
@media screen and (min-width: 1100px) { /*当屏幕尺寸大于600px时，应用下面的CSS样式*/
    .navList{float: left;margin-left: 2%;width:40%;}
}
@media screen and (max-width: 1100px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
    .navList{float: right;margin-left:2%;width:40%;}
}
.navList > li{
    width:16%;
    float: left;
    text-align:center;
    margin-right: 6%;
    line-height: 52px;
    height: 52px;
}
.navList > li > a{
    font-size:16px;
    color:#666666;
    display:block;
    width:100%;
}
.navList > li#orange{
    margin-right:0px;
}
.navList > li#orange a{
    color:#f18e34;
}
.navList > li.on >　a,.navList > li:hover >　a{
    color:#044f9f;
}
.navList > li.on,.navList > li:hover{
   border-bottom: 2px #1E90FF solid;
}
.navList > li > ul{
    display:none;
    margin-left:-5px;
    position:absolute;
    z-index:3;
    border: 1px solid #044f9f;
    border-bottom: none;
}
.navList > li > ul >li {
    background:#fff;
    color:#666666;
    height:40px;
    line-height:40px;
    padding: 0 10px;
    border-bottom: 1px dashed #044f9f;
}
.navList > li > ul >li a{
    font-size:14px;
    color:#666666;
}
.navList > li > ul >li a:hover,.navList > li > ul >li a.on{
    color:#044f9f;
}
.navList > li:hover >ul{
    display:block;
}
/*2017/02/21 Dylan*/
@media screen and (min-width: 1100px) { /*当屏幕尺寸大于600px时，应用下面的CSS样式*/
    .callService{text-align:left;font-size: 16px;height: 77px;line-height: 77px;width:23%;float:left;}
    .callService i{display: inline-block;width:33px;height:35px;vertical-align:middle;background:url(../images/callUs.png) no-repeat;padding-right: 0px;}
}
@media screen and (max-width: 1100px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
    .callService{display:none;}
}
.header .hunt{
    width:19%;
    float: left;
    height: 52px;
    overflow: hidden;
}
.header .hunt input{
    float:left;
    height: 32px;
    /*border: 1px #e5e5e5 solid;*/
    border: 1px #f60 solid;
    padding: 0 5px;
    margin: 10px 0;
    width:70%;
}
.header .hunt button{
    float:left;
    width: 32px;
    height: 32px;
    border: 1px #e5e5e5 solid;
    background-color: #fff;
    margin: 10px 0;
    border-left: none;
}
.header .hunt button img{
    width: 20px;
    height: 20px;
}
.header .navBar p{
    width:24%;
    float: right;
    text-align:center;
    line-height: 52px;
    height: 52px;
    font-size:14px;
}
.header .navBar p a:hover{
    color:red;
}
/*-------------------------------公用底部---------------------------------*/
.footer{min-height:200px;overflow:hidden;background:#044f9f;color:#a2b6d3;width: 100%;min-width:1200px;}
.footer h3{text-align:center;font-size:18px;line-height:86px;}
.footer dl{width:1280px;margin:0 auto;min-height:50px;overflow:hidden;}
.footer dl dt,.footer dl dd{float:left;display:inline-block;}
.footer dl dt{padding-left:30px;padding-right:60px;}
.footer dl dt h4,.footer dl dd h4{font-size:14px;line-height: 50px;}
.footer dl dt p,.footer dl dd p{font-size:15px;line-height: 28px;}
.footer dl dd{border-left:2px dashed #0562b3;padding-left: 60px;padding-right:50px;}
.footer dl dd.wxGz{padding:0px;}
.footer dl dd.wxGz img{width: 124px;height: 118px;display:block;padding-left: 90px;}
.footer dl dd.wxGz p{text-align:right;font-size:12px;}
.footerLine{width:100%;min-width:1200px;height:1px;line-height:1px;border-top:1px solid #0562b3;margin-top: 55px;padding-bottom:40px;}
.footerLine i{display:block;background:#044f9f url(../images/footerLine.png) no-repeat;width:149px;height:56px;position:absolute;z-index:2;margin-top:-28px;left:50%;margin-left:-74.5px;}
.compay{font-size:14px;text-align:center;padding-bottom:30px;}
.compay span{font-weight:bold;}
.copyRight{height:32px;line-height:32px;font-size:10px;background:#03458c;width:100%;min-width:1200px;color:#5776a6;text-align:center;}
.copyRight a{color:#5776a6}
/* CSS Document */

/*3dVR*/
.vRContainer{
    width:1200px;
    min-height:200px;
    overflow:hidden;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 90px;
    position: relative;
}
.vRContainer .title{
    width:100%;
}
.vRContainer .title img{
    width:1200px;
    height: auto;
}
.vRContainer .vrList{
    width: 100%;
    overflow: hidden;
    margin:0 auto;
}
.vrList li{
    float:left;
    width:25%;
    margin-top: 70px;
}
.vrList li .pro{
    width: 100%;
}
.vrList li .pro img{
    display:block;
    width:280px;
    margin: 0 auto;
}
.vrList li .pro .con{
    width: 280px;
    border: 1px #e5e5e5 solid;
    padding: 8px 8px;
    border-top: none;
    margin: 0 auto;
    overflow: hidden;
}
.vrList li .pro .con h1{
     font-size: 16px;
     color: #333;
     line-height: 24px;
     font-weight: bold;
 }
.vrList li .pro .con h2{
    float: left;
     font-size: 16px;
     color:red;
     margin-top: 8px;
     line-height: 24px;
     font-weight: bold;
 }
.vrList li .pro .con h3{
    float: right;
    font-size: 14px;
    color:#999;
    margin-top: 8px;
    line-height: 24px;
}

.vrText{width:400px;float:left;height:400px;color:#fff;background:#489afb;padding:0 30px;}
.vrText h3{margin-top: 40px;font-size:18px;font-weight:normal;text-align:left;background: url(../images/vrLine.png) no-repeat 0px 0px;padding-left: 16px;vertical-align: bottom;}
.vrText h3 span{padding-left:15px;}
.vrText p{padding:30px 0;}
.vrText p span{width:22px;height:19px;background:url(../images/vrStart.png) no-repeat;display:inline-block;}
.vrText .vrPlace{font-size:12px;padding-left: 18px;line-height: 24px;background: url(../images/vrSite.png) no-repeat 0px 6px;}
.vrText .ydPrice {margin-top:40px;height: 40px;line-height: 40px;}
.vrText .ydPrice .vrPrice{float:left;font-size:14px;}
.vrText .ydPrice .vrPrice span{font-size:30px;font-weight:bold;vertical-align: middle;padding: 0 3px;color: #ef7f0d;}
.vrText .ydPrice a{display:inline-block;width:140px;height:40px;line-height:40px;background:#044f9f;text-align:center;margin-left:30px;color: #fff;font-size: 18px;border-radius: 5px;}
.vrText .ydPrice a:hover{background:#0e5db0;}
.vrDot{height:20px;width: 60px;position:absolute;z-index:88;bottom: 10px;left: 350px;}
.vrDot li{width: 10px;height: 10px;float:left;margin: 0 3px;border-radius:50%;background: #b2b2b2;color: #fff;}
.vrDot li.selectli{background: #f07800;}
/*入住流程*/
.ruzhu{width:1200px;min-height:200px;overflow:hidden;margin: 0 auto;margin-bottom:117px;}
.rzContainer{width: 347px;height:34px;line-height:34px;font-size:16px;margin:44px auto;}
.rzContainer a{display:block;width:150px;color:#666666;text-align:center;border-radius: 16px;border: 1px solid #d3d6d8;}
.rzContainer a.on{background:#ef7f0d;color:#fff;border: 1px solid #ef7f0d;}
.ruzhu .tit{width:174px;height:52px;margin:0 auto;background:url(../images/ruzhu.png) no-repeat;}
.liuCheng .lcBox,.liuCheng > i{display:block;float:left;}
.liuCheng .lcBox{width:190px;height:100px;border-radius: 5px;border: 1px solid #d3d6d8;background:#fff;}
.liuCheng > i{width:58px;height:102px;background: url(../images/rightGo.png) no-repeat 48%;}
.liuCheng .lcBox .lcIcon,.liuCheng .lcBox .lcText{display: inline-block;float: left;}
.liuCheng .lcBox .lcText{font-size:18px;width:95px;padding-top: 40px;}
.liuCheng .lcBox .icText2{padding-top: 26px;}
.liuCheng .lcBox .lcText p{font-size:12px;}
.liuCheng .lcBox .lcIcon{width:62px;height:62px;margin-left: 18px;margin-right:14px;background: rgba(250,250,250,0.3);margin-top:20px;border-radius: 50%;}
.liuCheng .lcBox .lcIcon i{width:49px;height:49px;border:1px solid #d3d6d8;border-radius:50%;display:block;margin:0 auto;margin-top:6px;}
.liuCheng .lcBox .lcIcon i.rz1{background: url(../images/liucheng.png) no-repeat 6px 6px;}
.liuCheng .lcBox .lcIcon i.rz2{background: url(../images/liucheng.png) no-repeat -55px 8px;}
.liuCheng .lcBox .lcIcon i.rz3{background: url(../images/liucheng.png) no-repeat -119px 6px;}
.liuCheng .lcBox .lcIcon i.rz4{background: url(../images/liucheng.png) no-repeat -182px 6px;}
.liuCheng .lcBox .lcIcon i.rz5{background: url(../images/liucheng.png) no-repeat -245px 6px;}
.liuCheng .lcBox .lcIcon i.rz6{background: url(../images/liucheng.png) no-repeat 7px -59px;}
.liuCheng .lcBox .lcIcon i.rz7{background: url(../images/liucheng.png) no-repeat -54px -59px;}
.liuCheng .lcBox .lcIcon i.rz8{background: url(../images/liucheng.png) no-repeat -117px -57px;}
.liuCheng .lcBox .lcIcon i.rz9{background: url(../images/liucheng.png) no-repeat -177px -57px;}
.liuCheng .lcBox .lcIcon i.rz10{background: url(../images/liucheng.png) no-repeat -241px -57px;}
.liuCheng .lcBox:hover{border:1px solid #489afb;color:#fff;background:#489afb;}
.liuCheng .lcBox:hover .lcIcon i{border:1px solid #fff;background-color:#fff;}

.mainYw{
    width:1200px;
    margin:0 auto;
    min-height:200px;
    overflow:hidden;
    margin-top:60px;
}
.ywList{
    min-height:100px;
    overflow:hidden;
    margin:70px auto;
}
.ywList li{width: 300px;float:left;text-align:center;position:relative;}
.ywList li p{font-size: 14px;line-height: 28px;width: 215px;margin: 0 auto;}
.ywList li .yw_icon{width: 170px;height: 170px;margin: 0 auto;margin-bottom: 20px;}
.ywList li#yw1 .yw_icon{background: url(../images/ywImg.png) no-repeat -10px -9px;}
.ywList li#yw2 .yw_icon{background: url(../images/ywImg.png) no-repeat -326px -6px;}
.ywList li#yw3 .yw_icon{background: url(../images/ywImg.png) no-repeat -645px -5px;}
.ywList li#yw4 .yw_icon{background: url(../images/ywImg.png) no-repeat -994px -7px;}

/*cooper 加盟潜派*/
.pop-menu {
    background: #fff;
    padding: 4px 15px;
    font-size: 16px;
    border-radius: 3px;
    position: absolute;
    border:solid;
    box-shadow: 6px 6px 30px 0 rgba(28, 28, 28, 0.65);
}
.pop-menu li {
    margin-top: -15px;
}
.navList > li > ul >li> a{font-size:16px;color:#666666;display:block;width:100%;}