body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible;}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.trans{-webkit-transition:all .4s ease;transition:all .4s ease}
.trans2{-webkit-transition:all .4s cubic-bezier(1,0,0,1);transition:all .4s cubic-bezier(1,0,0,1)}
@-webkit-keyframes down_arrow{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
50%{-webkit-transform:translateY(5px);transform:translateY(5px)}
100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
}
@keyframes down_arrow{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
50%{-webkit-transform:translateY(5px);transform:translateY(5px)}
100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
}
.anim-down-arrow{-webkit-animation:down_arrow 1.5s infinite;animation:down_arrow 1.5s infinite}
*{box-sizing:border-box}
:after,:before{box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:transparent;width:100%;height:100%}
body{font-family:novecento_normal,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.8;color:#333;background-color:#f0f0f0;width:100%;height:100%;text-align:center}
@media (max-width:767px){body{font-size:12px}
}
::-moz-selection{color:#fff;background:#3886c9}
::selection{color:#fff;background:#3886c9}
footer,header,section{position:relative}
a{color:inherit;text-decoration:none;cursor:pointer}
a:focus,a:hover{outline:0;text-decoration:none}
a:focus{outline:0}
.no-touch a.link:hover{color:#3886c9}
ol,ul{position:relative;list-style:none;padding:0;margin:0}
li{position:relative}
img{vertical-align:middle}
.zh-CN .en{display:none}
.en-US .cn{display:none}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.centerbox{display:table}
.centerbox .centerbox-cont{display:table-cell; top:30%; position:absolute; }
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:novecento_normal,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:400;line-height:1.2;color:#333;margin:0}
.h1.cn,.h2.cn,.h3.cn,.h4.cn,.h5.cn,.h6.cn,h1.cn,h2.cn,h3.cn,h4.cn,h5.cn,h6.cn{line-height:1.4}
.h1.serif,.h2.serif,.h3.serif,.h4.serif,.h5.serif,.h6.serif,h1.serif,h2.serif,h3.serif,h4.serif,h5.serif,h6.serif{font-family:Georgia,"Times New Roman","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
.h1,.h2,.h3,h1,h2,h3{color:#000}
.h1,h1{text-transform:uppercase}
.h1,h1{font-size:64px}
.h2,h2{font-size:48px}
.h3,h3{font-size:36px}
.h4,h4{font-size:24px}
.h5,h5{font-size:18px}
.h6,h6{font-size:14px}
@media (max-width:979px){.h1,h1{font-size:48px}
.h2,h2{font-size:36px}
.h3,h3{font-size:27px}
.h4,h4{font-size:18px}
.h5,h5{font-size:17px}
}
@media (max-width:767px){.h1,h1{font-size:36px}
.h2,h2{font-size:24px}
.h3,h3{font-size:18px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}
.centerbox{display:table}
.centerbox .centerbox-cont{display:table-cell; top:25%; position:absolute; }
}
.big{font-size:100%}
.small,small{font-size:80%}
.fs0{font-size:0}
span{display:inline-block}
p{margin-top:0;margin-bottom:20px;color:#999}
p a{display:inline-block}
p.big{font-size:18px}
p.en{font-family:Georgia,"Times New Roman","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-style:italic;line-height:1.6}
@media (max-width:767px){p{margin-bottom:15px}
p.big{font-size:14px}
}
.bold{font-family:novecento_bold,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:400}
.light{font-family:novecento_light,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:300}
.lhxs{line-height:1}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.lowercase{text-transform:lowercase}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
h1,h2,h3,h4,h5,h6,p,span{cursor:default}
a h1,a h2,a h3,a h4,a h5,a h6,a p,a span,button h1,button h2,button h3,button h4,button h5,button h6,button p,button span{cursor:pointer}
.oneline-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul.list-text{text-align:left;list-style:disc}
ul.list-text li{margin-left:18px}
.c-white,.c-white h1,.c-white h2,.c-white h3,.c-white h4,.c-white h5,.c-white h6,.c-white p,.c-white span{color:#fff}
.c-gray{color:#999}
.c-dark{color:#333}
.c-brand{color:#3886c9}
.bgc-white{background-color:#fff}
.bgc-body{background-color:#f0f0f0}
.bgc-brand{background-color:#3886c9}
.bgc-black{background-color:#000}
.dark_bg{position:absolute;top:0;width:100%;height:100%;background-color:#000;opacity:.2;filter:alpha(opacity=20)}
.container{display:block;margin-left:auto;margin-right:auto;width:85%;padding-left:10px;padding-right:10px}
@media (max-width:1199px){.container{width:86%}}
@media (max-width:767px){.container{width:100%;padding-left:25px;padding-right:25px}}
@media (min-width:1600px){.container{width:70%} }
.grid{margin-left:-10px;margin-right:-10px}
.grid:after,.grid:before{content:" ";display:table}
.grid:after{clear:both}
.grid:after,.grid:before{content:" ";display:table}
.grid:after{clear:both}
.grid li{float:left}
.grid.col-2 li{width:50%;padding:10px}
.grid.col-3 li{width:33.3333%;padding:10px}
@media (max-width:767px){.grid{margin-left:-5px;margin-right:-5px}
.grid.col-2 li,.grid.col-3 li{padding:5px}
}
@media (max-width:767px) and (orientation:portrait){.grid.col-2 li{width:100%}
.grid.col-3 li{width:50%}
.grid.col-3 li.phone-v-fullw{width:100%}
}
.p-rel{position:relative}
.p-abs{position:absolute}
.p-fix{position:fixed}
.top{top:0}
.btm{bottom:0}
.lt{left:0}
.rt{right:0}
.inlineblock{display:inline-block}
ul.inline-list li{position:relative;display:inline-block}
.ofhide{overflow:hidden}
.zindex-top{z-index:10}
.center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.centerh{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.centerv{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.full{width:100%;height:100%;overflow:hidden}
.fullw{width:100%;height:auto}
.fullh{height:100%}
.img-res{display:block;max-width:100%;height:auto}
.halfw{width:50%}
@media (max-width:767px) and (orientation:portrait){.phone-v-full{width:100%;height:100%}
.phone-v-fullw{width:100%}
.phone-v-fullw.container,.phone-v-fullw.wrap{padding-left:0;padding-right:0}
.phone-v-fullh{height:100%}
}
.wrap{padding:40px}
@media (max-width:979px){.wrap{padding:30px}
}
@media (max-width:767px){.wrap{padding:20px}
}
@media (min-width:1600px){.wrap{padding:80px}
}
.wrap-s{padding:20px; }
@media (max-width:767px){.wrap-s{padding:15px}
}
.p-v-xs{padding-top:20px;padding-bottom:20px}
.p-v-sm{padding-top:40px;padding-bottom:40px}
@media (max-width:767px){.p-v-sm{padding-top:20px;padding-bottom:20px}
}
.p-v-md{padding-top:60px;padding-bottom:60px}
@media (max-width:767px){.p-v-md{padding-top:30px;padding-bottom:30px}
}
.p-v-lg{padding-top:120px;padding-bottom:120px}
@media (max-width:980px){.p-v-lg{padding-top:60px;padding-bottom:60px}
}
@media (max-width:767px){.p-v-lg{padding-top:40px;padding-bottom:40px}
}
@media (min-width:1600px){.p-v-lg{padding-top:140px;padding-bottom:140px}
}
.p-h-xs{padding-left:20px;padding-right:20px}
@media (max-width:767px){.p-h-xs{padding-left:10px;padding-right:10px}
}
.p-h-sm{padding-left:40px;padding-right:40px}
@media (max-width:767px){.p-h-sm{padding-left:20px;padding-right:20px}
}
.p-h-md{padding-left:60px;padding-right:60px}
@media (max-width:767px){.p-h-md{padding-left:30px;padding-right:30px}
}
.pt0{padding-top:0}
.pb0{padding-bottom:0}
.p0{padding:0}
.m-b-xxs{margin-bottom:5px}
.m-b-xs{margin-bottom:15px}
@media (max-width:767px){.m-b-xs{margin-bottom:5px}
}
.m-b-sm{margin-bottom:20px}
@media (max-width:767px){.m-b-sm{margin-bottom:10px}
}
.m-b-md{margin-bottom:30px}
@media (max-width:767px){.m-b-md{margin-bottom:15px}
}
.m-b-lg{margin-bottom:50px}
@media (max-width:767px){.m-b-lg{margin-bottom:30px}
}
.m-b-xl{margin-bottom:80px}
@media (max-width:767px){.m-b-xl{margin-bottom:50px}
}
.m-t-xxs{margin-top:5px}
.m-t-xs{margin-top:10px}
@media (max-width:767px){.m-t-xs{margin-top:5px}
}
.m-t-sm{margin-top:20px}
@media (max-width:767px){.m-t-sm{margin-top:10px}
}
.m-t-md{margin-top:30px}
@media (max-width:767px){.m-t-md{margin-top:15px}
}
.m-t-lg{margin-top:50px}
@media (max-width:767px){.m-t-lg{margin-top:30px}
}
.m-t-xl{margin-top:80px}
@media (max-width:767px){.m-t-xl{margin-top:50px}
}
.m-r-xxs{margin-right:5px}
.m-r-xs{margin-right:10px}
@media (max-width:767px){.m-r-xs{margin-right:5px}
}
.m-r-sm{margin-right:20px}
@media (max-width:767px){.m-r-sm{margin-right:10px}
}
.m-r-md{margin-right:30px}
@media (max-width:767px){.m-r-md{margin-right:20px}
}
.mt0{margin-top:0}
.mb0{margin-bottom:0}
.m0{margin:0}
@media (max-width:767px){.xs-mt0{margin-top:0}
}
.thumbs li a{position:relative;display:block;width:100%;background-color:#fff;box-shadow:0 2px 2px rgba(0,0,0,.2);overflow:hidden;-webkit-transition:all .4s ease;transition:all .4s ease}
.thumbs li a .title,.thumbs li a .title h5{-webkit-transition:all .4s ease;transition:all .4s ease}
.no-touch .thumbs li a:hover{box-shadow:0 15px 30px rgba(0,0,0,.3)}
.no-touch .thumbs li a:hover .title,.no-touch .thumbs li a:hover .title h5{color:#3886c9}
.no-touch .thumbs li:hover{z-index:99}
.view{font-size:12px;color:#3886c9}
.view i{margin-left:2px;font-size:16px}
@media (max-width:767px){.view{font-size:10px}
.view i{font-size:14px}
}
.thumbs.product li{margin-bottom:30px}
@media (max-width:767px){.thumbs.product li{margin-bottom:10px}
}
.thumbs.product li a .pic{width:50%}
.thumbs.product li a .pic img{width:100%;margin-right:-1px}
.thumbs.product li a .info{width:50%;text-align:left}
.thumbs.product li a .info .title{white-space:nowrap}
@media (max-width:767px){.thumbs.product li a .info p{display:none}
}
.thumbs.news li{width:100%}
.thumbs.news li:last-child{margin-bottom:0}
.thumbs.news li a{width:100%;text-align:left}
.thumbs.news li a .pic{position:absolute;right:0;width:50%;height:100%}
.thumbs.news li a .pic img{display:none;width:100%}
.thumbs.news li a .info{width:100%;float:left}
.thumbs.news li a .pic+.info{width:50%}
@media (max-width:767px) and (orientation:portrait){.thumbs.news li a .pic,.thumbs.news li a .pic+.info{width:100%}
.thumbs.news li a .pic{position:relative;height:auto;background-image:none!important}
.thumbs.news li a .pic img{display:block}
}
.thumbs.room li a{background-color:transparent}
.thumbs.room li a img{width:100%;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s}
.thumbs.room li a .info{position:absolute;left:0;bottom:0;width:100%;background-color:#fff}
.thumbs.room li a .info .title{float:left;line-height:1}
.thumbs.room li a .info span{float:right;line-height:1;color:#999}
.no-touch .thumbs.room li a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
button{background:0 0;border:none;text-shadow:none;position:relative}
button:focus{outline:0}
.btn-brand,.btn-white{display:inline-block;padding:0 30px;height:48px;line-height:48px;margin-top:30px;box-sizing:content-box;-webkit-transition:all .4s ease;transition:all .4s ease}
.btn-white{color:#fff;border:1px solid #fff}
.no-touch .btn-white:hover{background-color:#fff;color:#3886c9;box-shadow:0 2px 16px rgba(0,0,0,.2)}
.safari_9 .btn-white{background-color:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);border:none;box-shadow:0 2px 16px rgba(0,0,0,.2)}
.btn-brand{background-color:#3886c9;color:#fff}
.no-touch .btn-brand:hover{background-color:#fff;color:#3886c9;box-shadow:0 2px 16px rgba(0,0,0,.2)}
.btn-white-icon{display:inline-block;padding:0 30px;height:48px;line-height:48px;margin-top:30px;box-sizing:content-box;-webkit-transition:all .4s ease;transition:all .4s ease;color:#fff;border:1px solid #fff}
.no-touch .btn-white-icon:hover{background-color:#fff;color:#3886c9;box-shadow:0 2px 16px rgba(0,0,0,.2)}
.safari_9 .btn-white-icon{background-color:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);border:none;box-shadow:0 2px 16px rgba(0,0,0,.2)}
.btn-white-icon::before{font-size:16px;line-height:inherit;margin:0 5px 0 -3px;vertical-align:bottom}
.no-touch .btn-white-icon:hover::before{border-color:#f0f0f0}
.link::before{font-size:16px;margin-right:3px;vertical-align:text-bottom}
.iconbtn{display:block;width:50px;height:50px;padding:0;text-align:center;background-color:#3886c9;border-radius:50%;-webkit-transition:all .4s ease;transition:all .4s ease}
.iconbtn:before{position:relative;font-size:20px;color:#fff;z-index:2;-webkit-transition:all .4s ease;transition:all .4s ease}
a.iconbtn:before{line-height:48px}
.iconbtn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#fff;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:0;-webkit-transition:all .4s ease;transition:all .4s ease}
.iconbtn.active,.no-touch .iconbtn:hover{box-shadow:0 2px 16px rgba(0,0,0,.2)}
.iconbtn.active:before,.no-touch .iconbtn:hover:before{color:#3886c9}
.iconbtn.active:after,.no-touch .iconbtn:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
@media (max-width:767px){.iconbtn{width:40px;height:40px}
.iconbtn:before{font-size:16px}
a.iconbtn:before{line-height:38px}
}
.iconbtnborder{display:block;width:50px;height:50px;padding:0;text-align:center;background-color:#3886c9;border-radius:50%;-webkit-transition:all .4s ease;transition:all .4s ease;background-color:transparent;border:1px solid #3886c9}
.iconbtnborder:before{position:relative;font-size:20px;color:#fff;z-index:2;-webkit-transition:all .4s ease;transition:all .4s ease}
a.iconbtnborder:before{line-height:48px}
.iconbtnborder:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#fff;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:0;-webkit-transition:all .4s ease;transition:all .4s ease}
.iconbtnborder.active,.no-touch .iconbtnborder:hover{box-shadow:0 2px 16px rgba(0,0,0,.2)}
.iconbtnborder.active:before,.no-touch .iconbtnborder:hover:before{color:#3886c9}
.iconbtnborder.active:after,.no-touch .iconbtnborder:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
@media (max-width:767px){.iconbtnborder{width:40px;height:40px}
.iconbtnborder:before{font-size:16px}
a.iconbtnborder:before{line-height:38px}
}
.iconbtnborder:before{color:#3886c9}
.iconbtnborder:after{background-color:#3886c9}
.iconbtnborder.active,.no-touch .iconbtnborder:hover{box-shadow:none}
.iconbtnborder.active:before,.no-touch .iconbtnborder:hover:before{color:#fff}
.iconbtn-white{display:block;width:50px;height:50px;padding:0;text-align:center;background-color:#3886c9;border-radius:50%;-webkit-transition:all .4s ease;transition:all .4s ease;background-color:#fff}
.iconbtn-white:before{position:relative;font-size:20px;color:#fff;z-index:2;-webkit-transition:all .4s ease;transition:all .4s ease}
a.iconbtn-white:before{line-height:48px}
.iconbtn-white:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#fff;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:0;-webkit-transition:all .4s ease;transition:all .4s ease}
.iconbtn-white.active,.no-touch .iconbtn-white:hover{box-shadow:0 2px 16px rgba(0,0,0,.2)}
.iconbtn-white.active:before,.no-touch .iconbtn-white:hover:before{color:#3886c9}
.iconbtn-white.active:after,.no-touch .iconbtn-white:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
@media (max-width:767px){.iconbtn-white{width:40px;height:40px}
.iconbtn-white:before{font-size:16px}
a.iconbtn-white:before{line-height:38px}
}
.iconbtn-white:before{color:#3886c9}
.iconbtn-white:after{background-color:#3886c9}
.iconbtn-white.active,.no-touch .iconbtn-white:hover{box-shadow:none}
.iconbtn-white.active:before,.no-touch .iconbtn-white:hover:before{color:#fff}
.iconbtn-white.active:after,.no-touch .iconbtn-white:hover:after{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:.9}
.close-btn{position:absolute;top:30px;right:30px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:99}
.close-btn.iconbtnborder{background-color:#fff}
.close-btn:before{display:inline-block}
.no-touch .close-btn:hover:before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
@media (max-width:979px){.close-btn{top:20px;right:20px}
}
@media (max-width:767px){.close-btn{top:15px;right:15px}
}
.select{position:relative;display:inline-block}
.select::before{position:absolute;right:1.8rem;top:50%;-webkit-transform:translateY(-55%);-ms-transform:translateY(-55%);transform:translateY(-55%);color:#fff;font-size:2rem;pointer-events:none}
.no-touch:not(.safari_9) .select:hover select{background-color:#3886c9;color:#fff;border-color:#3886c9}
.select select{display:inline-block;width:100%;min-width:160px;margin:0;padding:1rem 5rem 1rem 2rem;line-height:1.8;font-size:2rem;font-family:novecento_normal,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background-color:transparent;color:#fff;border:2px solid #fff;border-radius:0;outline:0;cursor:pointer;box-shadow:0 2px 16px rgba(0,0,0,.2);-webkit-appearance:none;-moz-appearance:none;appearance:none}
.select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}
.select select:focus{box-shadow:0 2px 32px rgba(0,0,0,.2)}
.select select:active{color:#fff;background-color:#3886c9;border-color:#3886c9}
.select select::-ms-expand{display:none}
@media (max-width:767px){.select select{font-size:14px}
}
.safari_9 .select{background-color:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px)}
.safari_9 .select select{border:none}
.safari_9.no-touch .select:hover{background-color:rgba(255,255,255,.5)}
@-moz-document url-prefix(){.select select{text-indent:.01px;text-overflow:'';padding-right:1rem}
.select option{background-color:#fff}
}
.coverbg{background-repeat:no-repeat;background-size:cover; background-position:center bottom; }
.containbg{background-repeat:no-repeat;background-size:contain;background-position:center center}
.fixedbg{background-repeat:no-repeat;background-size:cover;background-position:center center}
.no-touch .fixedbg{background-attachment:fixed}
#main{position:relative;width:100%;height:85%}
body.loading{overflow-y:hidden}
body.loading #main{overflow-y:hidden}
#head{background-color:#f0f0f0;overflow:hidden;z-index:0}
.page-head{height:250px;}

@media (max-width:767px){#head .h1,#head .h2,#head h1,#head h2{word-break:break-word}
}
.fixed-head{position:fixed;top:0;left:0;width:100%;z-index:0}
.headbg{z-index:0}
.headbg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0);background-image:-webkit-linear-gradient(top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 30%);background-image:linear-gradient(to bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 30%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);z-index:-1}
.no-touch .headbg.fixedbg::after{background-attachment:fixed}
@media (min-width:768px){.page-head{height:400px;}
.page-head2 {height:220px;}
.page-head2 .container { display:none; } 
}
.head{width:100%;height:80%;z-index:0}
.head::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);background-image:-webkit-linear-gradient(top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 30%);background-image:linear-gradient(to bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 30%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);z-index:-1}
.no-touch .head.fixedbg::after{background-attachment:fixed}
.head .iconimg #icon-path path{opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
.head .title{width:100%;text-align:center}
.head button{margin-left:auto;margin-right:auto}
@media (max-width:767px){.head{min-height:400px;height:auto;padding-top:100px;padding-bottom:100px}
.head.fixed-head{position:relative}
.head .iconimg{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);margin:-20px 0}
}
#body{position:relative;background-color:#f0f0f0}
.m-t-head{-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);margin-bottom:-60px}
@media (max-width:767px){.m-t-head{-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);margin-bottom:-50px}
}
.info-pic-group{position:relative;width:100%}
.info-pic-group:after,.info-pic-group:before{content:" ";display:table}
.info-pic-group:after{clear:both}
.info-pic-group:after,.info-pic-group:before{content:" ";display:table}
.info-pic-group:after{clear:both}
.info-pic-group .info{width:50%;float:left}
.info-pic-group .pic{position:absolute;right:0;width:50%;height:100%}
.info-pic-group .pic img{display:none;width:100%}
@media (max-width:767px) and (orientation:portrait){.info-pic-group .info,.info-pic-group .pic{width:100%}
.info-pic-group .pic{position:relative;height:auto;background-image:none!important}
.info-pic-group .pic img{display:block}
}
.bottom-nav{border-bottom:1px solid #dcdcdc}
.bottom-nav .title{padding:5px 0}
.bottom-nav li{display:inline-block;color:#999}
.bottom-nav li a{display:block;padding:3px 10px}
.no-touch .bottom-nav li a:hover{color:#333}
.shadow-sm{box-shadow:0 2px 2px rgba(0,0,0,.2)}
.shadow-lg{box-shadow:0 20px 40px rgba(0,0,0,.1)}
.will-change{will-change:transtorm}
#nav_overlayer{position:fixed;display:none;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0;z-index:900}
header{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,.1);overflow:visible;z-index:1000}

.loading header,.modal-show header{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.top_logo{float:left;height:60px;width:281px;padding:0 0;overflow:hidden; }
.max_header .top_logo{float:left;height:100px;width:281px;padding:0 0;overflow:hidden; }
.top_logo .logo_img{height:50px;width:221px;overflow:hidden; }
.top_logo img{height:100px;width:221px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.no-touch .top_logo:hover{background-color:#3886c9}

nav{float:right}
#nav>li{display:inline-block;float:left}
#nav>li>a{position:relative;display:block;height:60px;padding:0 20px;line-height:60px;text-align:left;color:#999;overflow:hidden;z-index:0}
#nav>li>a i{display:none}
#nav>li>a::before{content:"";position:absolute;top:0;left:0;width:100%;height:0;background-color:#3886c9;z-index:-1;-webkit-transition:all .4s ease;transition:all .4s ease}
#nav>li.has_sub.open>a,.no-touch #nav>li>a:hover{color:#fff}
#nav>li.has_sub.open>a::before,.no-touch #nav>li>a:hover::before{height:60px}
#nav>li.active>a{color:#3886c9}
.subnav{position:fixed;left:0;top:60px;background-color:#3886c9;width:100%;text-align:center;box-shadow:0 8px 16px rgba(0,0,0,.1);overflow:hidden;opacity:0;visibility:hidden;-webkit-transform:perspective(800px) rotateX(-90deg);transform:perspective(800px) rotateX(-90deg);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s}
.has_sub.open .subnav{opacity:1;visibility:visible;-webkit-transform:none;-ms-transform:none;transform:none}
.subnav .back_btn{display:none;width:100%;height:60px;padding:0 20px;text-align:left;font-size:12px;color:#fff;background-color:#3886c9;font-family:novecento_bold,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:400}
.subnav .back_btn::before{position:relative;display:inline-block;font-size:20px;margin-right:5px;margin-bottom:3px}
.subnav li{width:20%;float:left;-webkit-transition:all .4s cubic-bezier(1,0,0,1);transition:all .4s cubic-bezier(1,0,0,1)}
.subnav li a{display:block;padding:10px;line-height:1;color:#fff}
.subnav li a::before{display:block;font-size:64px;margin:-10px 0 -5px 0}
.no-touch .subnav li a:hover{background-color:#fff;color:#3886c9}
.lang_btn{display:block;float:right;width:70px;height:60px;line-height:60px;margin-right:10px;text-align:center;color:#999;overflow:hidden}
.no-touch .lang_btn:hover{background-color:#3886c9;color:#fff}
nav .menu_btn{position:relative;display:none;float:right;width:60px;height:60px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;cursor:pointer}
nav .menu_btn span,nav .menu_btn span:after,nav .menu_btn span:before{position:absolute;width:20px;height:2px;background-color:#3886c9;border-radius:1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease;transition:all .4s ease}
nav .menu_btn span{top:29px;left:20px}
nav .menu_btn span:after,nav .menu_btn span:before{content:"";left:0}
nav .menu_btn span:before{top:-6px}
nav .menu_btn span:after{top:6px}
.nav-open nav .menu_btn{background-color:#3886c9}
.nav-open nav .menu_btn span{background-color:transparent}
.nav-open nav .menu_btn span:before{background-color:#fff;-webkit-transform:translateY(6px) rotate(-45deg);-ms-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)}
.nav-open nav .menu_btn span:after{background-color:#fff;-webkit-transform:translateY(-6px) rotate(45deg);-ms-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)}
@media (min-width:768px){.max_header nav .menu_btn{width:80px;height:80px}
.max_header nav .menu_btn span,.max_header nav .menu_btn span:after,.max_header nav .menu_btn span:before{background-color:#fff}
.max_header nav .menu_btn span{top:39px;left:30px}
}
.max_header.nav-open nav .menu_btn span{background-color:transparent}
@media (max-width:979px){nav .menu_btn{display:block}
}
@media (max-width:767px){nav .menu_btn{display:block;width:50px;height:50px}
nav .menu_btn span{top:24px;left:15px}
#main{height:70%}
}
@media (min-width:768px){.max_header header{height:80px;background-color:transparent;border-color:transparent;box-shadow:none}
.max_header .top_logo{padding:20px 20px}
.max_header .top_logo img{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.max_header #nav>li>a{height:66px;line-height:80px;color:#fff}
.max_header #nav>li.has_sub.open>a,.no-touch .max_header #nav>li>a:hover{color:#fff}
.max_header #nav>li.has_sub.open>a::before,.no-touch .max_header #nav>li>a:hover::before{height:66px}
.max_header #nav>li.active>a{background-color:#fff;color:#3886c9}
.no-touch .max_header #nav>li.active>a:hover{color:#fff}
.max_header .subnav{top:66px}
.max_header .lang_btn{height:66px;line-height:80px;color:#fff}
}
@media (max-width:979px){#nav{position:fixed;background-color:#fff;width:100%;right:0;top:60px;overflow-x:visible;-webkit-transition:all .4s cubic-bezier(1,0,0,1);transition:all .4s cubic-bezier(1,0,0,1)}
.max_header #nav{top:80px}
#nav>li{width:100%;height:0;overflow:hidden}
.nav-open #nav>li{height:60px;border-top:1px solid #f0f0f0}
#nav>li>a,.max_header #nav>li>a{height:100%;padding:0 30px;line-height:60px;color:#999}
#nav>li>a i,.max_header #nav>li>a i{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:20px;display:block;font-size:16px}
#nav>li.active>a{color:#3886c9}
.subnav{top:0;left:100%;width:100%;height:100%;background-color:#fff;box-shadow:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:none;-ms-transform:none;transform:none}
.subnav ul{margin:0 -1px -1px 0}
.subnav li{width:50%;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0}
.subnav li a{color:#999}
.subnav .back_btn{display:block}
.max_header .subnav{top:0}
.open_sub #nav{right:100%}
.open_sub #nav .subnav{left:0}
}
@media (max-width:767px){header{height:50px}
.top_logo{ height:50px; padding:0; padding-top:6px; }
.max_header .top_logo{ height:50px; padding-top:6px; }
.logo_img img { width:70%; height:auto; overflow:hidden; }

.lang_btn{width:50px;height:50px;line-height:50px;margin-left:0}
#nav{top:50px}
.max_header #nav{top:50px}
.nav-open #nav>li{height:50px}
#nav>li>a,.max_header #nav>li>a{line-height:50px;padding:0 20px}
.subnav li a{padding:10px}
.subnav li a::before{font-size:48px}
.subnav .back_btn{height:50px}
}
@media (max-width:767px) and (orientation:landscape){#nav,header{position:absolute}
#nav>li{width:50%;border-right:1px solid #f0f0f0}
.subnav li{width:33.3333%}
}
@media (max-width:767px){footer .slogan{width:80%}
}
footer .botmbar{padding-top:25px;padding-bottom:25px;background-color:#333;font-size:12px}
footer .botmbar a,footer .botmbar span{display:inline-block;line-height:1.2;color:#fff}
footer .botmbar a{margin-left:8px;padding-left:10px;border-left:1px solid #dcdcdc;-webkit-transition:all .4s ease;transition:all .4s ease}
.no-touch footer .botmbar a:hover{color:#3886c9}
@media (max-width:767px){footer .botmbar{font-size:10px}
}
@media (max-width:400px){footer .botmbar a:last-child{display:block;margin-left:0;padding-left:0;margin-top:10px;border:none}
}
#pageloader{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2000}
#pageloader::after,#pageloader::before{content:"";display:block;position:absolute;left:0;width:100%;height:50%;background:#fff;z-index:-1;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
#pageloader::before{top:0}
#pageloader::after{bottom:0}
#pageloader .loader-icon{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#pageloader.hide::after,#pageloader.hide::before{height:0}
#pageloader.hide .loader-icon{opacity:0}
.loader-icon{position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px}
.loader-icon .circular{width:100%;height:100%;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.loader-icon .circular .path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}
@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}
100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}
}
@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}
100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}
}
@-webkit-keyframes mk_scale{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:.1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes mk_scale{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:.1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-webkit-keyframes mk_fade{0%{opacity:.1}
100%{opacity:1}
}
@keyframes mk_fade{0%{opacity:.1}
100%{opacity:1}
}
@-webkit-keyframes mk_left_to_right{0%{-webkit-transform:translate(-30px,0);transform:translate(-30px,0);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@keyframes mk_left_to_right{0%{-webkit-transform:translate(-30px,0);transform:translate(-30px,0);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@-webkit-keyframes mk_right_to_left{0%{-webkit-transform:translate(30px,0);transform:translate(30px,0);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@keyframes mk_right_to_left{0%{-webkit-transform:translate(30px,0);transform:translate(30px,0);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@-webkit-keyframes mk_bottom_to_top{0%{-webkit-transform:translate(0,50px);transform:translate(0,50px);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@keyframes mk_bottom_to_top{0%{-webkit-transform:translate(0,50px);transform:translate(0,50px);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@-webkit-keyframes mk_top_to_bottom{0%{-webkit-transform:translate(0,-50px);transform:translate(0,-50px);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@keyframes mk_top_to_bottom{0%{-webkit-transform:translate(0,-50px);transform:translate(0,-50px);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@-webkit-keyframes mk_bottom_to_top_scale{0%{-webkit-transform:translate(0,50px) scale(.8);transform:translate(0,50px) scale(.8);opacity:0}
100%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);opacity:1}
}
@keyframes mk_bottom_to_top_scale{0%{-webkit-transform:translate(0,50px) scale(.8);transform:translate(0,50px) scale(.8);opacity:0}
100%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);opacity:1}
}
@-webkit-keyframes mk_scale_blur{0%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-filter:blur(50);filter:blur(50);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}
}
@keyframes mk_scale_blur{0%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-filter:blur(50);filter:blur(50);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}
}
.cssanimations .anim_emt{visibility:visible;}
.anim_emt.start-animation.scale_up{-webkit-animation:mk_scale .8s 1 cubic-bezier(.445,.05,.55,.95) both;animation:mk_scale .8s 1 cubic-bezier(.445,.05,.55,.95) both;visibility:visible}
.anim_emt.start-animation.fade_in{-webkit-animation:mk_fade 1.2s 1 cubic-bezier(.445,.05,.55,.95) both;animation:mk_fade 1.2s 1 cubic-bezier(.445,.05,.55,.95) both;visibility:visible}
.anim_emt.start-animation.r_to_l{-webkit-animation:mk_right_to_left 1.2s 1 cubic-bezier(.77,0,.175,1) both;animation:mk_right_to_left 1.2s 1 cubic-bezier(.77,0,.175,1) both;visibility:visible}
.anim_emt.start-animation.l_to_r{-webkit-animation:mk_left_to_right 1.2s 1 cubic-bezier(.77,0,.175,1) both;animation:mk_left_to_right 1.2s 1 cubic-bezier(.77,0,.175,1) both;visibility:visible}
.anim_emt.start-animation.t_to_b{-webkit-animation:mk_top_to_bottom 1.2s 1 cubic-bezier(.77,0,.175,1) both;animation:mk_top_to_bottom 1.2s 1 cubic-bezier(.77,0,.175,1) both;visibility:visible}
.anim_emt.start-animation.b_to_t{-webkit-animation:mk_bottom_to_top 1.2s 1 cubic-bezier(.77,0,.175,1) both;animation:mk_bottom_to_top 1.2s 1 cubic-bezier(.77,0,.175,1) both;visibility:visible}
.anim_emt.start-animation.b_to_t_scale{-webkit-animation:mk_bottom_to_top_scale 1.2s 1 cubic-bezier(.77,0,.175,1) both;animation:mk_bottom_to_top_scale 1.2s 1 cubic-bezier(.77,0,.175,1) both;visibility:visible}
.anim_emt.start-animation.scale_blur{-webkit-animation:mk_scale_blur 2s 1 cubic-bezier(.77,0,.175,1) both;animation:mk_scale_blur 2s 1 cubic-bezier(.77,0,.175,1) both;visibility:visible}
.swiper-container{min-height:100px}
.swiper-container .swiper-slide{overflow:hidden}
.swiper-container .pagination{width:100%;padding:30px;text-align:center}
.swiper-container .pagination.inside{position:absolute;bottom:0;z-index:2}
.swiper-container .swiper-pagination-bullet{width:8px;height:8px;margin:0 8px;background:#fff;border:1px solid #3886c9;vertical-align:middle;opacity:1}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#3886c9;border-color:#fff;-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25);cursor:default}
.swiper-container .pagination-white .swiper-pagination-bullet{border:1px solid transparent}
.swiper-container .pagination-white .swiper-pagination-bullet.swiper-pagination-bullet-active{background:0 0;border-color:#fff}
.swiper-container .btn-next,.swiper-container .btn-prev{position:absolute;top:50%;margin-top:-25px;z-index:10}
.touch .swiper-container .btn-next,.touch .swiper-container .btn-prev{display:none}
.swiper-container .btn-prev{left:5%}
#gallery .swiper-container .btn-prev{left:30px}
.swiper-container .btn-next{right:5%}
#gallery .swiper-container .btn-next{right:30px}
.swiper-container .arrow{position:absolute;top:25%;margin-top:0;width:100px;height:50%;padding:0}
.swiper-container .arrow span,.swiper-container .arrow span:after,.swiper-container .arrow span:before{position:absolute;top:50%;height:2px;background-color:#fff;border-radius:1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease;transition:all .4s ease}
.swiper-container .arrow span{margin-top:-1px;width:0}
.swiper-container .arrow span:after,.swiper-container .arrow span:before{content:"";width:30px}
.swiper-container .arrow.btn-prev span{left:50%;margin-left:-10px}
.swiper-container .arrow.btn-prev span:before{left:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.swiper-container .arrow.btn-prev span:after{left:0;top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.swiper-container .arrow.btn-next span{right:50%;margin-right:-10px}
.swiper-container .arrow.btn-next span:before{right:0;bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
.swiper-container .arrow.btn-next span:after{right:0;top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
.no-touch .swiper-container .arrow:hover span{width:40px}
.no-touch .swiper-container .arrow:hover.btn-prev span{margin-left:-20px}
.no-touch .swiper-container .arrow:hover.btn-next span{margin-right:-20px}
.swiper-container .swiper-button-disabled{opacity:.3;cursor:default;pointer-events:none}
.swiper-container .swiper-lazy{opacity:0;-webkit-filter:blur(30px);filter:blur(30px);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.swiper-container .swiper-lazy.showin{opacity:1;-webkit-filter:blur(0);filter:blur(0)}
.no-touch .swiper-container.head-swiper .swiper-wrapper,.no-touch .swiper-container.head-swiper [data-swiper-parallax]{-webkit-transition-timing-function:cubic-bezier(.77,0,.175,1);transition-timing-function:cubic-bezier(.77,0,.175,1)}
@media (max-width:767px){.swiper-container .pagination{padding:20px}
.swiper-container .swiper-pagination-bullet{margin:0 6px}
.swiper-container .btn-next,.swiper-container .btn-prev{display:none}
}
.slide_transition{-webkit-transition-duration:1.6s;transition-duration:1.6s}
.modal{position:fixed;display:none;top:0;width:100%;height:100%;background-color:#f0f0f0;overflow:hidden;visibility:hidden;opacity:0;z-index:1040;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.modal .cont{position:relative}
.modal .scroll-cont{position:relative;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.modal.show{display:block;visibility:visible;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.modal.show .close-btn{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:background-color .4s ease,color .4s ease,box-shadow .4s ease,-webkit-transform .6s ease 1.2s;transition:background-color .4s ease,color .4s ease,box-shadow .4s ease,-webkit-transform .6s ease 1.2s;transition:transform .6s ease 1.2s,background-color .4s ease,color .4s ease,box-shadow .4s ease;transition:transform .6s ease 1.2s,background-color .4s ease,color .4s ease,box-shadow .4s ease,-webkit-transform .6s ease 1.2s}
#gallery .cont{height:100%}
body.modal-show{overflow:hidden}
.pop{position:absolute;background-color:#fff;padding:10px;top:-10px;left:50%;line-height:1;visibility:hidden;opacity:0;-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);box-shadow:0 0 16px rgba(0,0,0,.2)}
.pop:after{content:'';width:0;height:0;border:8px solid transparent;border-top-color:#fff;position:absolute;bottom:-16px;left:50%;margin-left:-8px}
.pop.popshow{visibility:visible;opacity:1}
.qrcode-img{width:129px;height:auto}
.home #head{background-color:#000;height:100%}
.home #head .fixed-head{height:100%}
.home #head .swiper-wrapper,.home #head [data-swiper-parallax]{will-change:transform}
.home .swiper-slide .cont .container{max-width:900px;-webkit-perspective:800px;perspective:800px}
.home .swiper-slide .cont a{display:inline-block;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.home .swiper-slide .cont a span::after{content:"";position:absolute;display:block;bottom:0;left:50%;width:0;height:1px;background-color:#fff;-webkit-transition:all .6s ease 0s;transition:all .6s ease 0s}
.no-touch .home .swiper-slide .cont a{-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s}
.no-touch .home .swiper-slide .cont a:hover{-webkit-transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0) translateX(0)!important;transform:perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0)!important}
.no-touch .home .swiper-slide .cont a:hover span::after{left:0;width:100%}
@media (max-width:767px){.home .swiper-slide .cont .container{padding-left:0;padding-right:0}
}
.home .bottom{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:20px;z-index:10}
.home .bottom .pagination{position:relative;padding:20px}
.home .bottom .line{position:relative;width:100%;height:1px;background:rgba(255,255,255,.4)}
.home .bottom .line::before{content:"";position:absolute;top:0;right:0;width:0;height:1px;background:#fff;-webkit-transition:width .4s ease;transition:width .4s ease}
.home .bottom .line.autoplay::before{left:0;width:100%;-webkit-transition:width 5s linear;transition:width 5s linear}
.home .bottom i{display:block;margin-top:20px;font-size:16px}
@media (max-width:767px){.home .bottom{bottom:15px}
.home .bottom .pagination{padding:10px}
.home .bottom i{margin-top:10px}
}
@media (max-width:767px) and (orientation:landscape){.home .bottom{bottom:0}
.home .bottom .line,.home .bottom i{display:none}
}
.home #products .grid{margin-left:-5px;margin-right:-5px}
@media (max-width:767px){.home #products .grid{margin-left:-1px;margin-right:-1px}
}
.home #products li{width:33.3333%;padding:5px}
.home #products li a{background-repeat:no-repeat;background-size:30%;background-position:center center}
.home #products li a .pic{width:100%;opacity:0;visibility:hidden;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s}
.home #products li a .title{position:absolute;bottom:0;left:0;width:100%;padding:15px}
.no-touch .home #products li a:hover .pic{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
@media (max-width:767px){.home #products li{padding:1px}
.home #products li a{background-size:50%;padding:0;box-shadow:none}
.home #products li a .title{}
.home #products li{width:50%;padding:5px}
}
body.product .product-group{position:relative;width:100%;background-color:#fff;overflow:hidden}
body.product .product-group+.product-group{margin-top:2px}
body.product .product-group .cover{position:relative;left:15%;width:70%;-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
body.product .product-group .cover img{width:100%}
body.product .product-group .info{position:relative;right:-30%;width:30%;text-align:left;opacity:0;-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
body.product .product-group .info .cont{position:relative;border-left:1px solid #dcdcdc}
body.product .product-group .info .title{color:#999}
body.product .product-group .info .gallery_btn{display:none}
body.product .product-group .btns{position:absolute;top:40px;right:40px}
body.product .product-group.showinfo .cover{left:0}
body.product .product-group.showinfo .info{right:0;opacity:1}
@media (max-width:979px){body.product .product-group .cover{left:20%;width:60%}
body.product .product-group .info{right:-40%;width:40%}
}
@media (max-width:767px) and (orientation:portrait){body.product .product-group{display:block}
body.product .product-group .cover{display:block;left:0;width:100%}
body.product .product-group .info{display:block;right:0;width:100%;height:auto;padding-top:0;padding-left:25px;padding-right:25px;opacity:1}
body.product .product-group .info .cont{display:block;height:auto;padding:0;border-left:none;padding-top:20px;border-top:1px solid #f0f0f0}
body.product .product-group .info .gallery_btn{display:block;position:absolute;top:20px;right:25px;background-color:#fff}
.no-touch body.product .product-group .info .gallery_btn:hover{background-color:#3886c9}
body.product .product-group .btns{display:none}
}
@media (max-width:767px) and (orientation:landscape){body.product .product-group .btns{top:20px;right:20px}
}
body.room .product-group{position:relative;background-color:#fff;text-align:left}
body.room .product-group:last-child{margin-bottom:0}
body.room .product-group .cover{position:relative;width:70%}
body.room .product-group .cover img{width:100%}
body.room .product-group .info{position:relative;width:30%;border-left:1px solid #f0f0f0}
body.room .product-group .info .title{color:#999}
body.room .product-group .info .gallery_btn{margin-top:30px}
@media (max-width:1199px){body.room .product-group .cover{width:60%}
body.room .product-group .info{width:40%}
}
@media (max-width:767px) and (orientation:portrait){body.room .product-group{display:block}
body.room .product-group .cover{display:block;width:100%}
body.room .product-group .info{display:block;width:100%;border-left:none;border-top:1px solid #dcdcdc}
body.room .product-group .info .gallery_btn{position:absolute;top:-20px;right:20px;margin-top:0;background-color:#fff}
.no-touch body.room .product-group .info .gallery_btn:hover{background-color:#3886c9}
}
@media (max-width:767px){body.room .m-t-head{margin-top:-30px}
}
.news-cont{text-align:left;background-color:#fff}
.news-cont .wrap+.wrap{border-top:1px solid #f0f0f0}
.news-cont img+img{margin-top:2px}
.news-cont .video{width:100%}
.news-cont .video iframe{border:none!important;width:100%!important;height:600px!important}
@media (max-width:979px){.news-cont .video iframe{height:400px!important}
}
@media (max-width:767px){.news-cont .video iframe{height:260px!important}
}
.store-item{position:relative;background-color:#fff}
.store-item:last-child{margin-bottom:0}
.store-item .info{width:80%;float:left;text-align:left;border-right:1px solid #f0f0f0}
.store-item .info .phone::before{font-size:90%;margin-right:5px}
.store-item .map-btn{position:absolute;display:block;right:0;width:20%;height:100%}
.store-item .map-btn i{position:relative;display:block;font-size:3rem;margin-bottom:5px;color:#3886c9}
.store-item .map-btn i:before{display:block}
.no-touch .store-item .map-btn:hover{background-color:#3886c9}
.no-touch .store-item .map-btn:hover .title,.no-touch .store-item .map-btn:hover i{color:#fff}
@media (max-width:767px) and (orientation:portrait){.store-item .info{width:100%}
.store-item .map-btn{position:relative;width:100%;height:auto;padding:10px 19px;text-align:left;float:left;border-top:1px solid #f0f0f0}
.store-item .map-btn .center{position:relative;top:0;left:0;-webkit-transform:none;-ms-transform:none;transform:none}
.store-item .map-btn i{display:inline-block;float:left;font-size:18px;margin-bottom:0;margin-right:5px}
.store-item .map-btn .title{display:inline-block}
}

.main2 { max-width:1000px; margin:70px auto 0 auto; }
.main2 .left { width:40%; float:left; background:#fff; -webkit-box-shadow:0 0 7px #ccc; -moz-box-shadow:0 0 7px #ccc; box-shadow:0 0 7px #ccc;  }
.main2 .right { float:right; width:58%; background:#fff; -webkit-box-shadow:0 0 7px #ccc; -moz-box-shadow:0 0 7px #ccc; box-shadow:0 0 7px #ccc; }
.form-control { border:0px; border-bottom:1px solid #ddd; padding:5px; width:100%; line-height:2em; font-size:1.15em; }
.message { padding:20px; }
.message h5 { text-align:left; margin-bottom:16px; font-weight:bolder; }

.form-control2{
	color:#fef4e9;
	border:solid 1px #da7c0c;
	background:#f78d1d;
	background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background:-moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.form-control2:hover{
	background:#f47c20;
	background:-webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background:-moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.form-control2:active{
	color:#fcd3a5;
	background:-webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background:-moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 1.3em;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover{text-decoration:none;}
.button:active{position:relative;top:1px;}
.news { padding:20px; }
.news .type li a { display:block; border-radius: .3em; background:#fff; font-size:1.3em; line-height:2em; float:left; padding:0 20px; margin-right:10px; }
.news .type li a:hover { background:#5b9fe2; color:#fff; }
.news .type .now a { background:#5b9fe2; color:#fff; }
.newlist ul { padding:10px 0 0 0; }
.newlist li { width:95%; padding:8px 0; margin:0 auto; }
.newlist li a { float:left; color:#666; } 
.newlist li a:hover { color:#000; }
.newlist li span { float:right; color:#ccc; } 
.new_more { text-align:right; width:95%; margin:0 auto; }
.new_more a { color:#5b9fe2; }
.new_more a:hover { text-decoration:underline; }

.menu { float:left; width:18%; height:100%; padding-bottom:15%; padding-right:3%; border-right:1px solid #eee; }
.menu li a { font-size:1em; border-bottom:1px solid #ddd; padding:12px 0 12px 25px; display:block; line-height:1.2em; }
.menu li a:hover { color:#f30; }
.menu .TypeNode a { padding:12px 0 12px 0; font-size:1.2em; line-height:1.2em; }
.MemoTxt { float:right; width:80%; padding:0 1% 0 2%; }
.MemoTxt * { line-height:160%; }
.MemoTxt h5 { padding-bottom:50px; }
.MemoTxt h5 img { margin-bottom:20px; width:100%; height:auto; }
@media (max-width:767px){
.menu { float:none; width:100%; border-right:0px; padding:0; }
.menu li a { float:left; width:25%; border-bottom:0px; }
.menu .TypeNode a { float:left; width:100%; position:relative; border-bottom:1px solid #ddd; font-weight:bolder; }
.MemoTxt { padding:6% 2% 2% 2%; width:100%; float:none; }
}

.dl-list dl { height:50px; margin:20px auto 0 auto; width:100%; border-bottom:1px solid #ddd; }
.dl-list dl dt { float:left; width:20%; text-align:right; font-size:1.1em; padding:0; }
.dl-list dl dd { float:left; font-size:1.1em; padding:0; }
.dl-list dl dd label { margin-right:20px; }
.Validform_checktip { font-size:0.7em; color:#ccc; margin-left:10px; }
.Validform_wrong { color:#f00; background:url(../images/wrong.gif) no-repeat; padding-left:25px; }
.Validform_right { color:#060; background:url(../images/right.gif) no-repeat; padding-left:25px; }
.dl-list .no_border { border-bottom:0px; }
.dl-list dl dd a { color:#06c; text-decoration:underline; }

.login_input { border:1px solid #999; border-bottom:0; margin:20px auto 30px auto; width:420px; }
.login_input input { float:right; width:85%; border-bottom:1px solid #999; }
.login_flag1 { background:url(../images/flag1.gif) #ddd no-repeat center; width:15%; float:left; border-bottom:1px solid #999; height:43px; border-right:1px solid #ddd; }
.login_flag2 { background:url(../images/flag2.gif) #ddd no-repeat center; width:15%; float:left; border-bottom:1px solid #999; height:43px; border-right:1px solid #ddd; }
.login_txt { margin:20px auto 60px auto; width:420px; color:#ccc; font-size:1.3em; }
.login_txt2 { color:#222; font-size:1.1em; margin-bottom:30px; }
.login_txt2 a { color:#06c; margin-left:15px; text-decoration:underline; }
.login_txt2 a:hover { text-decoration:none; }

.litop_h1 { border-bottom:1px solid #ddd; padding-bottom:20px; }
.litop_h1 span { font-size:0.7em; color:#ddd; padding-left:15px; }
.newslist { padding-bottom:50px; }
.newslist li { padding:15px 0; border-bottom:1px dashed #ddd; }
.newslist .left { float:left; width:80%; }
.newslist .left a { font-size:1.2em; }
.newslist .left a:hover { color:#06c; text-decoration:underline; }
.newslist .right { float:right; color:#ccc; }
.news_title { text-align:center;  }
.news_date { padding-bottom:30px; margin-bottom:35px; border-bottom:1px solid #ddd; text-align:center; color:#ccc; }
.UserHello { font-size:1.5em; border-bottom:1px solid #ddd; padding-bottom:20px; }
.UserHello strong { color:#06c; padding-left:10px; }
.UserLoginShow { width:100%; padding-bottom:80px; }
.UserLoginShow dt { font-weight:bolder; float:left; width:15%; margin:0; padding:10px 0; text-align:right; color:#000; } 
.UserLoginShow dd { float:left; width:35%; text-align:left; margin:0; padding:10px 0;  }
.UserInfo { padding:20px 0 80px 0; }
.UserInfo dl { padding:3px 0; width:100%; } 
.UserInfo dt { float:left; width:15%; font-weight:bolder; text-align:right; line-height:30px; padding-right:6px; }
.UserInfo dd {  }
.UserInfo dd .txt { width:240px; }
.UserInfo dd .wide { width:360px; }
.UserInfo dd select { min-width:100px; padding:3px; }
.UserInfo dd .radio { padding-right:20px; }

.UserAction { border:1px solid #ddd; margin:10px 20px 50px 20px; padding:0; }
.UserAction dl { margin:0; padding:0; }
.UserAction dt { background:#999; color:#fff; }
.UserAction dt, .UserAction dd { margin:0; padding:7px 0; border-bottom:1px solid #ddd; }
.UserAction1 { float:left; width:80px; text-align:center; }
.UserAction1 input{ margin-top:5px;}
.UserAction2 { float:left; width:120px; }
.UserAction3 { float:right; text-align:right; padding-right:15px; }
.UserAction4 { float:left; width:200px; }
.UserAction5 { float:left; }
.UserAction dd .UserAction3 { color:#bbb; font-size:.8em; }
.UserAction dd:hover { background:#f5f5f5; }
.UserAction .UserActionBtn { padding:15px 0 20px 25px; border-bottom:0px; background:#fff; }
.UserActionCheckBox { height:16px; width:16px; }
.form-control3{
	font-size: 1em;
	padding:.2em .8em .4em .8em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
}

/*以下部分是WebUploader必须的
----------------------------------------------*/
.webuploader-container{position: relative;}
.webuploader-element-invisible{position: absolute !important;clip: rect(1px 1px 1px 1px);/* IE6, IE7*/clip: rect(1px,1px,1px,1px);}
.webuploader-pick{position: relative;display: inline-block;padding: 0 25px;line-height: 32px;height: 32px;border: 1px solid #02598E;border-radius: 2px;cursor: pointer;background: #1e7bb3;color: #fff;text-align: center;overflow: hidden;zoom: 1;*display: inline;}
.webuploader-pick-hover{opacity: 0.9;}
.webuploader-pick-disable{opacity: 0.6;pointer-events: none;}
.upload-box{position: relative;display: inline-block;height: 32px;vertical-align: middle;zoom: 1;*display: inline;}
.upload-box .upload-btn{display: inline-block;height: 32px;zoom: 1;*display: inline;}
.upload-box .upload-progress{position: absolute;top: 0;left: 0;padding: 2px 5px;width: 115px;height: 28px;border: 1px solid #d7d7d7;background: #fff;overflow: hidden;}
.upload-box .upload-progress .txt{display: block;padding-right: 10px;font-weight: normal;font-style: normal;font-size: 11px;line-height: 18px;height: 18px;text-overflow: ellipsis;overflow: hidden;}
.upload-box .upload-progress .bar{position: relative;display: block;width: 112px;height: 4px;border: 1px solid #1da76b;}
.upload-box .upload-progress .bar b{display: block;width: 0%;height: 4px;font-weight: normal;text-indent: -99em;background: #28B779;overflow: hidden;}
.upload-box .upload-progress .close{position: absolute;display: block;top: 1px;right: 1px;width: 14px;height: 14px;text-indent: -99em;background: url(../images/sprite.gif) 0 -240px no-repeat;cursor: pointer;overflow: hidden;}
/*头像上传*/
.avatar-img{display: block;margin: 20px 0;padding: 1px;width: 180px;height: 180px;border: 1px solid #f0f0f0;border-radius: 2px;background: #fff;}
.avatar-img img{width: 300px;height: 180px;}
.cropper-wraper{padding-bottom:80px;}
.cropper-wraper .cropper-box{position: relative;float: left;margin-right: 20px;padding: 1px;width: 350px;height: 350px;text-align: center;border: 1px solid #f0f0f0;border-radius: 2px;background: #f4f4f4;text-align: center;vertical-align: middle;}
.cropper-wraper .cropper-box div{margin: auto;vertical-align: middle;}
.cropper-wraper .cropper-view{float: left;width: 184px;}
.cropper-wraper .cropper-view .img-box{padding: 1px;width: 180px;height: 180px;border: 1px solid #f0f0f0;border-radius: 2px;background: #fff;overflow: hidden;}
.cropper-wraper .cropper-view .img-box img{display: block;width:300px; height:180px;padding:50px 0 0 0;}
.cropper-wraper .cropper-view .btn-box p{margin: 8px 0;text-align: center;color: #333;font-size: 13px;line-height: 24px;}
.cropper-wraper .cropper-view .btn-box p.tip{text-align: left;color: #f30;font-size: 13px;line-height: 22px;}
.cropper-wraper .cropper-view .btn-box .btn{width: 100%;line-height: 34px;height: 36px;}













.tips {
    color: #f00;
    display: none;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: center;
}
/*提示样式*/
.msg-tips{position: relative;margin: 30px auto;padding: 30px 0;width: 380px;font-size: 14px;text-align: left;}
.msg-tips .ico{display: block;float: left;background: url(../images/icon-tips.png) no-repeat left top;width: 46px;height: 46px;text-indent: -99999px;overflow: hidden;}
.msg-tips .ico.error{background-position: -50px 0;}
.msg-tips .ico.warning{background-position: -100px 0;}
.msg-tips .msg{margin-left: 60px;}
.msg-tips .msg strong{margin-bottom: 10px;color: #444;font-size: 15px;}
.msg-tips .msg p{line-height: 1.8em;}
.msg-tips .msg i{color: #f00;font-style: normal;}

/*页码容器*/
.page-box{margin-top: 15px;color: #999;font-size: 14px;}
div.digg{ margin:0; padding:0; text-align:left; font-size:14px; }
    div.digg a{ display:block; float:left; padding:5px 12px; margin:0 0 0 8px; border:1px solid #e1e2e3; line-height:20px; color:#3b8dd1; background:#fff; text-decoration:none; }
    div.digg a:hover { border:1px solid #3b8dd1; }
    div.digg span{ display:block; float:left; padding:5px 0; line-height:20px;  }
    div.digg span.current { padding:5px 12px; margin:0 0 0 8px; color:#555; font-weight:bold; }
    div.digg span.disabled { border:1px solid #eee; padding:5px 12px; margin:0 0 0 8px; color:#ddd; }
    
.content-tab-wrap {
    height: 42px;
}
.content-tab {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    bottom: auto;
    height: 41px;
    left: 15px;
    right: 15px;
    top: 120px;
    z-index: 3;
}
.content-tab-ul-wrap {
    position: relative;
}
.content-tab-ul-wrap::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.content-tab ul {
    left: 0;
    position: absolute;
    top: 10px;
}
.content-tab ul::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.content-tab ul li {
    display: block;
    float: left;
    margin-right: -1px;
    position: relative;
}
.content-tab ul li a {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #333;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 31px;
    padding: 0 25px;
    text-align: center;
    white-space: nowrap;
    word-break: break-all;
}
.content-tab ul li a:hover {
    color: #2a72c5;
    text-decoration: none;
}
.content-tab ul li a.selected {
    background: #fff none repeat scroll 0 0;
    color: #2a72c5;
    height: 31px;
}
.content-tab .tab-title {
    display: none;
}

.UserHello span{
 float: right;
    font-size: 12px;
    margin-right: 20px;
    margin-top: 20px;
}