body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{font:16px/1.5 Tahoma,Helvetica,Arial,microsoft Yahei}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}small{font-size:12px}ul,ol{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}q:before,q:after{content:''}legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font-size:100%; outline:none}table{border-collapse:collapse;border-spacing:0}hr{border:0;height:1px}html{overflow-y:scroll; font-size:14px; text-align: center; color:#7f7f7f}


.banner-head{width: 100%; height:520px; background:url("../images/header-img.jpg") no-repeat center 0}
.part-title{ padding:60px 0 50px }
.right{ float: right}
.left{ float: left }

.video-part{ background:url("../images/video-bg.jpg") no-repeat center }
.video-part .head-video-wrap{ width: 1200px; margin: 70px auto 96px; }
.head-video-wrap{ background:#2e5db9; height:640px; padding:30px 17px; box-sizing: border-box}
.head-video-wrap .head-video-player{ height:584px; width: 899px; background:#000 }
.head-video-wrap .head-video-player .head-video{ width: 100%; height: 584px; display: none}
.head-video-wrap .menu-list{ width:250px; margin-left:17px; float:right; }
.head-video-wrap .menu-list .one-menu{ background:#3c85e9; color:#fff; font-size:36px; line-height: 85px; height: 85px; margin-bottom:15px; text-align: center; cursor: pointer}

.brand{ background:url("../images/brand-bg.jpg") no-repeat center 0}
.brand .brand-inner{ width: 1200px; margin: 0 auto; padding:164px 40px 0 0; box-sizing: border-box; height:1410px; text-align: center}
.brand .upper-part{ padding:0 0 30px 500px; text-align: left}
.brand .upper-part .logos{ float: right }
.brand .upper-part .txts{ font-size: 16px; line-height: 24px; color:#7f7f7f; padding-top:50px}
.brand .upper-part .txts p{ padding-bottom:24px } 
.brand .wyndham-txt{ color:#1c5bc0; font-size: 30px; font-weight: bolder; }

.global{ background:url("../images/global-bg.jpg") no-repeat center 0; padding-bottom: 80px; text-align: center}

.advantage{ background:url("../images/advantage-bg.jpg") no-repeat center 0}
.advantage-inner{ width: 1200px; margin: 0 auto; padding-bottom:80px}
.advantage .half-part{ overflow: hidden}
.advantage .half-part .one-adv{ float: left; width: 300px }
.advantage .half-part .one-adv .round{ background:url("../images/round-bg.png") no-repeat center; color:#fff; font-size:24px; width: 112px; height: 112px; line-height: 112px; display: inline-block; font-weight: bolder}
.advantage .half-part .one-adv .advtg-title{ color:#1c5bc0; font-size: 20px; line-height: 36px; padding:5px 0 10px}
.advantage .half-part .one-adv p{ font-size: 14px}
.advantage .lower-part .one-adv{ padding-top:30px }

.su8{ background: url("../images/premium-bg.jpg") no-repeat center bottom}
.su8-inner{ width: 1200px; margin: 0 auto}
.su8 .main-intro{ text-align: left; height: 250px}
.su8 .main-intro .right-img{ margin-left: 50px}
.su8 .part-title-2{ color:#ce0010; font-size: 36px; padding:15px 0 25px }
.su8 .part-title-3{ color:#1c5bc0; font-size: 30px; font-weight: bold; padding-bottom: 40px}
.su8.super8{ background-image: url("../images/su8-bg.jpg"); padding-bottom: 100px}
.su8-video{ width: 1000px; margin: 0 auto; padding-bottom:60px}
.su8-video #su8Video{ width:1000px; height: 600px; background:#000 }

.join{ background:url("../images/join-bg.jpg") no-repeat center 0}
.join-inner{ width: 1200px; margin: 0 auto; padding:260px 0 140px}
.join .join-video{ width:1200px; height: 720px; background:#000}
.join .join-video #joinVideo{ width: 1200px; height: 720px}
.join .txts{ padding:22px 0; background: rgba(255,255,255, .7); color:#000; line-height: 24px; width:100%; margin:50px 0 80px }
.join .txts b{ color:#ce0010; font-size: 20px}
.join .hot-line{ color:#fff; font-size: 60px; font-weight: bold; padding-bottom:20px}
.join .btn-join{ background: #ce0010; color:#fff; font-size:48px; line-height: 130px; height: 130px; vertical-align: middle; display: block; border-radius: 20px}
.join .btn-join .arrow{ width: 85px; height: 85px; background: url("../images/arrow.png") no-repeat center; display: inline-block; vertical-align: middle; margin-left:30px}

.no-worry{ height:907px; background:url("../images/no-worry-img.jpg") no-repeat center 0; display: block}

.follow{ background:#1c5bc0; color:#fff; height: 220px; text-align: left }
.follow-inner{ width: 1200px; margin:0 auto; padding-top:40px}
.qrcode-list{ float:right;  }
.qrcode-list li{ float:left; margin-left: 40px; width:120px; text-align: center}
.follow .title-1{ font-size:36px; line-height: 50px; font-weight: bold; padding-top:20px}
.follow .sub-title{ font-size: 24px; line-height: 36px}

.bottom-img-wrap{ text-align: center; background:#2b2b2b }
.bottom-img{ width: 100%; max-width: 1600px}

.fix{ position: fixed; right: 10px; bottom: 10px; z-index: 100; background:#fff; box-shadow: 0 0 10px #e5e5e5; padding:10px; width: 120px}
.fix .fix-img{ width: 100%}
.fix .fix-title{ color:#ce0010; font-size:24px; line-height: 36px; font-weight: bold; padding-bottom:10px}
.fix .tel-num{ color:#1c5bc0}
.fix .btn-fix{ background:#ce0010; color:#fff; font-size:16px; line-height: 30px; height: 30px; border-radius: 10px; display:block }