@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,td,section,article,aside,header,footer,nav,dialog,figure{margin:0;padding:0}
section,article,aside,header,footer,nav,dialog,figure{display:block}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,b,th,var,i{font-weight:normal;font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-family:"microsoft yahei";  font-weight:normal;font-size:100%}
q:before,q:after{content:""}
abbr,acronym{border:0}
select,input,button,button img,textarea,img{margin:0;vertical-align:middle}
input[type=radio],input[type=checkbox]{margin-right:5px}
b{font-weight:bold}
label{font-weight:normal}
a,a:link,a:hover,a:visited,a:active{text-decoration:none}

.mb15{ margin-bottom: 15px;}
.mb70{ margin-bottom: 70px;}
.mb150{ margin-bottom: 150px;}
.none{ display: none;}
body{ font:12px/1.5 "microsoft yahei";}
.container{width: 1200px; max-width: 1200px; padding: 0 15px;}
.head{}
.logo{ background: url("../img/logo.jpg") no-repeat; width: 250px; height:90px; display: block; margin-top: 10px;}
.navgation{}
.navgation li{ display: block; float: left; margin:40px 12px 0;}
.navgation li a{ font-size: 16px; color: #352520; text-align: center; display: block; padding-bottom: 30px; border-bottom: 2px solid transparent;}
.navgation li a span b{  font-weight: normal;}
.navgation li a span small{ display: block; text-transform: uppercase; font-size: 10px; color: #98928f;}
.navgation li.active a{ border-bottom: 2px solid #2c1c16; }

.banner{ position:relative;overflow:hidden;height:575px;}
.banner .imgs div{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background-size: 100% 100% !important;}
.banner .textlist{position:absolute;top:175px;width:930px;height:150px;background: rgba(0,0,0,.5);}
.banner .text{position:absolute;top:0; width:930px;height:150px;color:#fff; padding-left: 300px; }
.banner .text .p1{position:relative;display:none;font-size:36px; height: 54px; overflow: hidden;}
.banner .text .p2{position:relative;display:none; font-size: 14px; height: 42px; overflow: hidden; margin-bottom: 10px;}
.banner .text .p3{position:relative;display:none;}
.banner .text .more{display:block;color:#fff;text-align:right;text-transform:uppercase; margin-right: 20px; cursor: pointer;}
.banner .btns{position:absolute;top:0;right:0;width:110px; height: 100%;  background: url("../img/bg-btns.png") repeat-y;}
.banner .btns li{position:relative;top: 50%; right: -55px;  width:10px;height:10px; border: 1px solid #fff; border-radius: 50%; margin:6px 0; cursor: pointer;}
.banner .btns li.active{ background-color: #fff;}
.icon{ background: url("../img/css-image.png") no-repeat;}
.i-fff{ display: inline-block; width: 22px; height: 7px; background-position: -51px -3px;}
.btn-prev,.btn-next{position: absolute; right: 40px; width: 23px; height: 14px;background: url("../img/css-image.png") no-repeat;}
.btn-prev{ background-position: 0 0; top:45%;}
.btn-next{ background-position: -25px 0; bottom: 40%;}

.hb{}
.hd-title{ border-bottom: 1px solid #b8b8b8; text-align: center; margin-bottom: 70px;}
.hd-title-name{ display: inline-block; background-color: #fff; color: #2f1e19; height: 20px; font-size: 30px; position: relative; top: 46px; padding: 0 20px;border: 1px solid #b8b8b8; border-top: none; border-bottom: none;}
.hd-title-name b,.hd-title-name small{ position: relative; top: -20px;}
.name-en{ display: block; margin-top:5px; color: #747474; font-size: 24px; font-family: "黑体"; text-transform: uppercase;}
.hotel-bd{ margin: 0 -10px;}
.hotel-box{  width: 380px; background-color: #f3f3f3; border-bottom: 2px solid #ebeaea; margin: 0 7px;display: inline-block;}
.hotel-box img{ display: block; width: 100%;margin-bottom: 15px;}
h1.hotel-name{ height: 56px; line-height: 56px; overflow: hidden; font-size: 24px; color: #4e4340; display: block; margin: 0 10px 15px; border-bottom: 1px solid #e1e1e1;}
p.hotel-infro{ font-size: 14px; color: #7d7d7d; padding:0 10px; line-height: 2; margin-bottom: 30px; height: 56px; overflow: hidden;}
.hotel-box .more{ display: block; margin: 0 auto; width: 57px; height: 57px; padding: 10px 7px; margin-bottom: 20px; border-radius: 50%; border: 1px solid #c6c5c5; font-size: 16px; text-align: center; color: #727272;}
.i-8d{ display: block; width: 22px; height: 7px; background-position: -77px -3px; margin: 0 auto;}
.hotel-box:hover{ border-bottom: 2px solid #24120d;}
.hotel-box:hover .more{ border: 1px solid #24120d; background-color: #24120d; color: #fff;}
.hotel-box:hover .more .i-8d{ background-position: -51px -3px; }

.owl-controls{ text-align: center;}
.owl-controls .owl-page{ background-color: #ddd; border-radius: 50%;  display: inline-block;  height: 10px;  margin: 3px;  width: 10px; position: relative; top: 40px;}
.owl-controls .owl-page.active{ background-color: #24120d;}
.owl-controls .owl-buttons div{ display: inline-block; width: 38px; height: 38px; margin-top: 10px; border: 1px solid #24120d; color: #50423e; font: 34px "宋体"; text-align:  center;}
.owl-controls .owl-buttons div.owl-prev{ margin-right: 50px;}
.owl-controls .owl-buttons div.owl-next{ margin-left: 50px;}

.service{ background-color: #e9e9e9;}
.service .hd-title-name{ background-color: #e9e9e9; }
.list-item{ display: block; padding: 20px; padding-top: 25px; background-color: #e1e1e1; margin-bottom: 35px;}
.list-item .icon{float: left; margin-right: 30px; margin-top: 20px; margin-left: 10px;}
.i-do-1{ display: block; width: 60px; height: 60px; background-position: 0 -50px;}
.i-do-2{ display: block; width: 64px; height: 60px; background-position: -83px -50px;}
.i-do-3{ display: block; width: 65px; height: 65px; background-position:-176px -44px;}
.i-do-4{ display: block; width: 65px; height: 65px; background-position: -255px -44px;}
.item-detail{ width: 420px; float: left; }
.item-tile{ font-size: 24px; color: #2c1c16; border-bottom: 1px solid #d5d5d5; width: 100%; margin-bottom: 10px; padding-bottom: 10px;}
.name-en-2{ display: block; margin-top:10px; color: #919191; font-size: 14px; font-family: "Arial"; text-transform: uppercase;}
.item-infro{font-size: 14px;color: #696969; margin-bottom: 10px; height: 42px; overflow: hidden;}
.list-item:hover{ background-color: #372722; color: #fff;}
.list-item:hover .i-do-1{ display: block; width: 60px; height: 60px; background-position: 0 -120px;}
.list-item:hover .i-do-2{ display: block; width: 64px; height: 60px; background-position: -77px -120px;}
.list-item:hover .i-do-3{ display: block; width: 65px; height: 65px; background-position:-176px -115px;}
.list-item:hover .i-do-4{ display: block; width: 65px; height: 65px; background-position: -255px -115px;}
.list-item:hover .item-tile,.list-item:hover .item-infro{ color: #fff;}

.foot{ background-color: #202020;}
.foot .container{position: relative;}
.foot-nav{ border-bottom: 1px solid #333333; font-size: 18px; margin-bottom: 60px; width: 75%;}
.foot-nav a{ color: #f5f5f5; margin:25px 10px; display: inline-block;}
.foot-contact{ margin-bottom: 20px;}
.tell{ margin-bottom: 70px;}
.i-tell{ display: inline-block; width: 53px; height: 53px; background-position: 0 -196px; margin-right: 10px;}
.tell span{ display: inline-block; font-size: 14px; color: #9c9c9c;line-height: 1.2;}
.tell span b{ display: block; font-size: 36px; color: #42b855; font-weight: normal}
.tellway p{ font-size: 14px; color: #a2a2a2; margin-bottom: 10px;}

.bdshare-button-style0-24 a.icon{margin:10px 15px 10px 0;width:45px;height:45px;background:url("../img/css-image.png") repeat-x}
.bdshare-button-style0-24 a.icon.bds_tsina{background-position:-72px -196px}
.bdshare-button-style0-24 a.icon.bds_sqq{background-position:-180px -196px}
.bdshare-button-style0-24 a.icon.bds_weixin{background-position:-125px -196px}

.copyright{ color: #646464; padding: 20px 0; border-top: 1px solid #333;}

.gettop{ background:rgba(27,27,27,1); position: absolute; top: 0; right: 15px; padding: 15px; padding-top: 0;}
.gettop img{ width: 175px; height: 175px;}
.caret-a{background: url("../img/arrow.png") no-repeat center center; width: 15px; height: 6px; margin: -6px auto 0; display: block;}
.top{ background: rgba(46,46,46,1); display: block; margin: 0 -15px 15px; padding: 20px; text-align: center; color: #f5f5f5; cursor: pointer;}
.top b{ display: block; font-size: 18px; text-transform: uppercase;}
.top small{ font-size: 14px;}
.top:hover{color: #f5f5f5;}
.toolbg{ background: url("../img/b1920x250.jpg") no-repeat center center; height: 250px; margin-bottom: 40px;}
.tool-top{ background: rgba(49,33,28,.7); color: #fff; float: left; margin-top:40px; padding: 15px; }
.tool-top-title{ margin-bottom: 20px;}
.tool-top-title b{ display: block; font-size: 48px; text-transform: uppercase; font-family: "黑体"}
.tool-top-title small{ color: #fff;}
.tool-bread a{ color: #fff; margin: 0 5px;}
.artcile-hd{ font-size: 36px; color: #372722; margin-bottom: 15px; padding-bottom: 10px;}
.artcile-hd.bline{ border-bottom: 1px solid #dbdbdb;}
.artcile-hd p{ font-size: 14px; text-transform: uppercase}
.artcile-bd{ line-height: 2; font-size: 14px; color: #706865; margin-bottom: 50px;}
.artcile-bd img{ margin-bottom: 15px;}

.under-title{ border-bottom: 1px solid #dbdbdb; margin-bottom: 15px; padding-bottom: 15px;}
.under-title h1{ float: left;}
.under-title h1 b{ font-size: 25px; color: #2f1e19; margin-right: 5px;}
.under-title h1 small{ font-size: 12px; color: #8e8e8e; text-transform: uppercase; font-family: "黑体"}
.more-right{ float: right; color: #837c7b; font-size: 14px;}
.i-mr{ display: inline-block; width: 20px; height: 15px; background:url("../img/css-image.png") no-repeat -59px -22px; position: relative; top: 2px; }

.bline1{ border-bottom: 1px dotted #d2d0cf; margin-bottom: 40px; padding-bottom: 10px;}
.bline1 p{ font-size: 14px; color: #8b8482;}
.bline1 p.us-name{ font-size: 18px; color: #372722;}
.map{ width: 100%; height: 380px;}

.div-head {width: 26%; float: left;}
.div-head li{margin-bottom: 20px;}
.tab-name{ display: block; background-color:#ececec; padding: 15px; margin: 0 2px; }
.div-head li span b{ font-size: 20px; color: #2f1e19; font-weight: normal; }
.div-head li span small{ font-size: 14px; color: #989898; display: block; }
.div-head li.active span.tab-name,.div-head li:hover span.tab-name{ background-color: #372722;}
.div-head li.active span b,.div-head li:hover span b{ color: #fff;}
.div-head li.active span small,.div-head li:hover span small{ color: #aeaba9;}
.caret-b{display: none;width: 15px;height: 5px;background: url("../img/arrow2.png") no-repeat;margin: 0 auto;/* position: absolute; *//* top: 50%; *//* right: -10px; *//* margin-top: -7px; */}
#tab-panel .db{width:70%; float:right;}
.div-main{ font-size: 14px; line-height: 2; color: #372722;}

.row.invite{ margin: 0; margin-bottom: 30px;}
.invite div.toux{ padding: 0;}
.invite div.toux img{ display: block; width: 100%;}
.infro{ padding: 22px; background: rgba(63,48,43,.1);}
.infro.o{ height: 272px; overflow: hidden; }
.personal .pos{ display: inline-block; margin-bottom: 15px;}
.personal .pos b{ font-size: 36px; font-family: "黑体"; color: #41322d; display: block; text-transform: uppercase}
.personal .pos small{ font-size: 14px; color: #797270;}
.personal .name-zh{ display: block; color: #41322d; font-size: 18px; margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.post-infro{ margin-bottom: 30px; font-size: 14px; line-height: 2;}
.post-infro.o{ height: 85px; overflow: hidden;}
.skill{ margin-bottom: 20px;}
.skill-title{ border-bottom: 1px solid #d1d1d0; padding-bottom: 10px;}
.skill-title b{ font-weight: bold; font-size: 16px; color: #584c49;}
.skill-title small{ text-transform: uppercase; font-size: 14px;}
.s1{ font-size: 14px; line-height: 2; color: #584c49;}
.s2{ color: #6d6c6c; text-transform: uppercase;line-height: 2; margin-bottom: 15px;}

.switch{ position: absolute; bottom: 22px; right: 22px; width: 80px; height: 27px; background: url("../img/switch1.png") repeat-y;}
.switch.on{ background-position: 0 27px;}
.switch.off{ background-position: 0 0;}

.hotel-list{ margin: 0 -10px;}
.hotel-list a{ margin-bottom: 20px;}
.hotel .banner{ height: 455px; margin-bottom: 15px;}
.hotel .banner .textlist{background: rgba(67,53,48,.9); width: 400px; height: 180px; top: 105px; right: 40px; }
.hotel .banner .text{ position: absolute; top:0; right: 0; width: 400px; height: 180px; padding: 15px; padding-top: 0;}
.hotel .banner .btns{ background: transparent; height: auto; top: 256px; right: 50px;}
.hotel .banner .btns li{ float: left; margin: 3px; width: 7px; height: 7px;}
.hotel .banner .text .p1{ font-size: 30px;}
.hotel .banner .text .p2{ height: 50px; margin-bottom: 0;}

.recruit{ background-color: #eae8e8; position: relative; margin-bottom: 25px;}
.recruit .infro{ padding: 15px; background: transparent}
.recruit .infro.o{ height: 250px; overflow: hidden; }
.recruit-name{ font-size: 30px; color: #3f302b; border-bottom: 1px solid #b6b0af; padding-bottom: 10px; margin-bottom: 10px;}
.recruit-name small{ margin-left: 8px; font-size: 18px; color: #2f1e19;}
.recruit .skill-title{ border-bottom: 1px dotted #d0cdcc; padding-bottom: 5px; line-height: 1.5}
.recruit .skill-title small{ font-size: 12px; margin-left: 5px;}
.recruit .s2{ margin-bottom: 15px;}

/* 2015-4-3 news */
.panel{ background-color: #ebeae9; margin-bottom: 20px; height: 200px; overflow: hidden; border-radius: 0;}
.panel-img{ display: block; float: left; margin-right: 20px;}
.panel-main{ padding: 15px;}
.panel-main h3{ margin-bottom: 15px; }
.panel-main h3 a{ font-size: 24px;color: #41322d;  }
.panel-main h3 .time{ color: #7a7371; font-size: 12px; float: right; position: relative; top: 10px;}
.panel-main p{  border-top: 1px solid #d1d1d0; font-size: 14px; color: #584d49; line-height: 2; height: 77px; padding: 15px 0 10px; overflow: hidden;}
.panel-main .more{ margin-top: 10px; padding: 2px 3px; font-size: 14px; border: 1px solid #d8d5d4; color: #2f1e19; display: block; float: right; text-transform: uppercase; font-family: "Arial"; border: 1px solid}
.panel-main span{ margin: 0 3px;}
.panel-main .more .caret-r{ width: 16px; height: 16px;  display: inline-block; position: relative; top: 3px; margin-left: 5px;}
.panel:hover{ background-color: #d9d6d5; }

.news-text{ text-align: center; padding-bottom: 5px;}
.news-text h3.text-h3{ font-size: 30px; font-weight: normal; margin-bottom: 5px;}

.goTo{ border: 1px solid #b2b2b2; background-color: #ececec; color: #7b7b7b; width: 244px; height: 40px; margin: 25px auto; display: block; text-align: center; line-height: 40px;}
.goTo i{ display: inline-block; width: 14px; height: 14px; background: url("../img/back.png") ; margin-right: 5px; position: relative; top: 2px;}
.goTo:hover{ color: #7b7b7b;}

.herepage{ text-align: right;}
.herepage li{ display: inline-block; width: 25px; height: 25px; margin: 0 3px;}
.herepage li a{ font-size: 16px; display: block; background-color: #737373; color: #fff; text-align: center;}
.herepage li.active a{ background-color: #34241f; }