:root{--thime-body-color:#e8b000;--sec-body-color:#313131;--thr-body-color:#4a4a4a;}
.h1, h1{font-size:36px}
.h2, h2{font-size:36px}
.h3, h3{font-size:30px}
.h4, h4{font-size:24px}
.h5, h5{font-size:18px}
.h6, h6{font-size:16px}
.h3, .h4, .h5, .h6, h3, h4, h5, h6{font-weight:400}
.p, p{font-size:14px;font-weight:400}
ol, li, ul, p{list-style:none;padding: 0;margin: 0;list-style: none}
*{margin: 0;padding: 0;box-sizing: border-box;outline: none;}
.swiper-container{--swiper-theme-color: var(--thime-body-color);}
html, body{font-family:'Microsoft Yahei', 'Microsoft Yahei Light', PingFang SC, STXihei, sans-serif;/*transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;*/}
input{font-family:'Microsoft YaHei', 'Microsoft Yahei Light', PingFang SC, STXihei, sans-serif;outline: none;}
.overflow{width: 100%;height: 100%;overflow: hidden;}
a{text-decoration: none;line-height: normal;color: #333;}
a:hover{text-decoration: none;color:var(--thime-body-color)}
input[type=button], input[type=submit], input[type=reset]{border-radius:0;outline:0;-webkit-appearance:none}
input{-webkit-appearance:none;border-radius:0}
input:focus{outline:0}
textarea{-webkit-appearance:none;border-radius:0;outline:0}
.member{color: transparent!important;}
.member:hover{color: inherit!important;}
img{max-width: 100%;}
p{margin: 0}
.cls{display:block;clear:both;}
.cls:after{content:'';display:block;height:0;clear:both;visibility:hidden;line-height: 0;}
.hidden{visibility:hidden;}
.none{display:none;}
section{width: 100%;overflow: hidden;}
.left{float: left}
.right{float: right}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote，th, td, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin:0;padding:0;line-height:normal;}
.v_center{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.btn{padding: 0}
.swiper-container{width: 100%;height: 100%;}
.swiper-slide{text-align: center;font-size: 18px;background: #fff;width: 100%;height: 100%;}
.animated{visibility: visible !important;animation-duration: 2s;animation-fill-mode: both;animation-timing-function: linear;}
.animated.infinite{animation-iteration-count: infinite;}
@keyframes fadeIn-left1{0%{transform: translate(-10px, 0);}
    50%{transform: translate(10px, 0);}
    100%{transform: translate(-10px, 0);}}
.fadeIn-left1{animation-name: fadeIn-left1;}
.laiyuan{display: none}
/*正方形图形*/
.square_item{display: inline-block;border: 1px solid #e4e4e4;margin-top: 30px;width: 100%}
.square_item .img{display: block;width: 100%;height: 0;padding-top: 100%;background: #f3f3f3;position: relative;overflow: hidden}
.square_item .img img{position: absolute;left: 50%;top: 50%;transform: translate3d(-50%, -50%, 0);max-width: 100%;max-height: 100%;z-index: 2}
.square_item .text{display: block;width: 100%;padding: 15px;color: #333;text-align: left;font-size: 14px;background: #fff}
/*4:3图形*/
.square_item .img.four{padding-top: 75%}
/*16:9图形*/
.square_item .img.goden{padding-top: 56.25%;overflow: hidden}
.square_item .img.goden img{width: 100%;height: 100%;object-fit: cover}
@media screen and (min-width: 993px){
    .home-title{text-align: center; padding-bottom: 60px;}
    .home-title p{font-size: 18px; color: #636363; text-transform: capitalize; padding: 8px 0 15px;}
    .home-title p.p1{font-size: 14px; padding-top: 16px; font-family: "Microsoft YaHei", sans-serif;}
    .home-title h2{font-size: 40px; color: var(--thime-body-color); font-style: normal; line-height: 1;}
    .home-title span{display: block; padding-top: 20px;}
    .home-title span img{-webkit-filter:grayscale(100%);filter: grayscale(100%);}
    .more-but a{display: inline-block; font-size: 14px; text-transform: uppercase; color:var(--thime-body-color) ; border: 1px solid var(--thime-body-color); height: 37px; line-height: 37px; text-align: center; padding: 0 42px;}
    .more-but-big a{width: 50%;}
    .more-but a:hover,.more-but-big a:hover{background: var(--thime-body-color); border: 1px solid var(--thime-body-color); color: #fff;}
    /**********header css***********/
    header{width: 100%; padding: 30px 0; position: fixed; top: 0; transition: all 0.3s ease-in; z-index: 999;}
    header .logo2{display: none}
    header nav{font-size: 0;}
    header nav > a{margin-top: 20px; display: inline-block; color: #231917; font-size: 16px; font-weight: bold; position: relative; transition: all 0.3s ease 0s; letter-spacing: 1px; text-align: center;}
    /*header nav > a.on{color: var(--thime-body-color)}*/
    header nav > a.on:after{content: '';position: absolute;right: 50%;bottom: 0;transform: translateX(50%);display: block;width: 30px;height: 2px;background: var(--thime-body-color);}
    header.active nav > a.on:after{background: #fff;}
    header .toplink{width: auto; float: right; padding-top: 10px; font-size: 0;}
    header .toplink > a{display: inline-block; width: 40px; height: 40px; vertical-align: top;}
    header .toplink > a + a{margin-left:20px;}
    header .toplink > a + a:hover{transform:translateY(-2px);}
    header .toplink a.hottel{width: calc(100% - 120px); padding: 0; border: 1px solid var(--thime-body-color); color: #231917; font-size: 15px; line-height: 36px; height: 36px; text-align: center;}
    header.active{background-color: var(--thime-body-color); padding-top: 25px; padding-bottom: 25px;}
    header.active .logo1{display: none}
    header.active .logo2{display: block}
    header.active nav > a{color: #fff!important;}
    header.active .toplink a.hottel{border: 1px solid #fff; color: #fff;}
    /*******xuanfu css******/
    #xuanfu{position: fixed; width: 56px; bottom:50px; right: 2px; z-index: 99999;}
    #xuanfu ul li{width: 100%; height: 56px; display: block; margin-bottom: 1px; position: relative; transition: .3s;background: var(--thime-body-color);opacity: .8}
    #xuanfu ul li:hover{opacity: 1;cursor: pointer}


    /*footer*/
    .line-w{height: 20px;border-left: 1.2px solid #999;transform: rotate(155deg);width: 25px;overflow: hidden;margin-left: -18%;margin-top: 2%;}
    .bottom-wrap{background-color: var(--sec-body-color);color: #fff;}
    .bottom-wrap .boo-top{padding: 70px 0;border-bottom: 1px solid #393939;}
    .bottom-wrap .boo-left{text-align: right}
    .bottom-wrap .boo-left .web-img{display:inline-block;width: 145px;font-size: 18px;color: #cecece;line-height: 2;text-align: center;}
    .bottom-wrap .boo-left .web-img img{width: 145px;}

    /**/
    .nav-itema{display:flex;width:100%;padding-right: 60px;border-right:1px solid #666;justify-content: space-between;flex-wrap:wrap;}
    .nav-itema > li{color:#999;font-size:15px}
    .nav-list li{height: 24px;transition:all .3s;margin: 16px 0}
    .nav-list li a{color: #999999;font-size: 16px;}
    .nav-list li:hover a{color:var(--thime-body-color);cursor:pointer}
    .nav-list li:nth-of-type(1){margin-top: 0;margin-bottom: 16px;}
    .nav-list li:nth-of-type(1) a{font-size: 18px;color: #fff!important;margin-bottom: 16px;}
    /**/
    .boo-right{padding-left: 60px;}
    .boo-right .botcenter p.call-we{font-size: 18px;color: #ffffff;margin-bottom: 16px;}
    .boo-right .botcenter p:nth-child(2){margin-bottom:20px;height:40px;color:#666;font-size:26px}
    .boo-right .botcenter p:nth-child(3){margin-top:20px;margin-bottom:20px;color:#666;font-size:16px}
    .boo-right .botcenter .line-woker{width:130px;height:40px;border-radius:20px;background-color:var(--thime-body-color);color:#fff;text-align:center;font-size:14px;line-height:40px}
    .boo-right .botcenter .line-woker a{color:inherit;}
    /*copy*/
    .copy{margin:0 auto;color:#f1f1f1;font-size:14px;overflow: hidden;padding: 50px 0;}
    .copy .copyText,
    .copy .copyInfo{width: 100%;text-align: center}
    .copy p{font-size: 14px;color: #f1f1f1;margin: 0;}
    .copy .copyInfo a{vertical-align: baseline;text-align: center;padding-top: 20px;display: inline-block}
    .copy .copyInfo a+a{padding-left: 10px;}
    .copy .regRecordInfo i{vertical-align: middle;}
    .copy .regRecordInfo img{max-width:20px;}
    .copy a {color:inherit}
    .copy a + a{padding-left: 10px;}
    .copy a:hover{color: #fff;}
}
@media screen and (max-width: 992px){

    html,body{margin: 0 auto;width: 100%;line-height: 1.6;}
    .home-title{text-align: center; padding-bottom: 25px;}
    .home-title p{font-size: 12px; color: #636363; text-transform: uppercase; padding: 5px 0 0; }
    .home-title p.p1{font-size: 14px; padding-top: 16px;}
    .home-title h2{font-size: 18px; color: var(--thime-body-color); font-style: normal; line-height: 1; font-weight: bold;}
    .home-title span{display: inline-block; width: 20px; height: 20px; margin-right: 5px;}
    .home-title span img{width: 100%}
    .home-title h2 + span{width: 40%; height: auto; margin-top: 10px; margin-right: 0;}
    .title h3{font-size: 24px;color: #333;margin: 25px 0;font-weight: bold}



    /*header*/
    .header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999; height: 66px; background: var(--thime-body-color); overflow: hidden; padding-top: 15px;}
    .header .logo img{height:36px;}
    .tc-bj {background: rgba(0,0,0,.75);display: none;position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 99;height: 100vh}
    /*nav*/
    #nav_button{position: relative; height: 22px; float: right; margin-top: 5px;width: 30px}
    #nav_button span{display: block; width: 26px; height: 2px; background-color: #fff; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
    #nav_button span::before,#nav_button span::after{content: ''; display: inline-block; width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}
    #nav_button span::before{transform-origin: left top; -ms-transform-origin: left top;  -webkit-transform-origin: left top; -moz-transform-origin: left top;  -o-transform-origin: left top; top: -10px;}
    #nav_button span::after{transform-origin: left bottom; -ms-transform-origin: left bottom; -webkit-transform-origin: left bottom;  -moz-transform-origin: left bottom; -o-transform-origin: left bottom; bottom: -10px;}
    #nav_button.on span:before{transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); top: -7px;}
    #nav_button.on span{background-color: transparent;}
    #nav_button.on span:after{transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); bottom: -11px;}
    #nav_mobile{position: fixed; z-index: 998; width: 100%; height: calc(100% - 53px);  left: 0; top: 53px; display: none;}
    /* 隐藏滚动条 */
    #nav_mobile::-webkit-scrollbar {width: 0;height: 0 }
    #nav_mobile a{color: #333}
    #nav_mobile ul{background-color: #f9f9f9; width: 100%; padding: 0;}
    #nav_mobile ul li{overflow: hidden; transition: height 0.4s ease-in-out; font-size: 0;}
    #nav_mobile ul li p{display: inline-block; width: 100%; height: 43px; position: relative; font-size: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); overflow: hidden; padding: 0 0.6rem;}
    #nav_mobile ul li p i{display: inline-block; float: left; height: 100%;}
    #nav_mobile ul li p a{font-size: 14px; display: inline-block; height: 100%; float: left; line-height: 42px; margin-left: 20px; width: 60%;}
    #nav_mobile ul li p .icon,
    #nav_mobile ul li p .icon2{width: 42px; height: 42px; overflow: hidden; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; font-size: 28px; text-align: center; line-height: 42px;}
    #nav_mobile ul li p .icon2{float: right;}
    #nav_mobile ul li p.active .icon{color: var(--thime-body-color);}
    #nav_mobile ul li p.active .icon2{transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);}
    #nav_mobile ul li p.active a{color: var(--thime-body-color);}
    #nav_mobile ul li dl{display: none;}
    #nav_mobile ul li p.active + .sub{display: block;}
    #nav_mobile ul li dl dd{padding: 14px 5%; font-size: 14px; line-height: 1;}
    #nav_mobile ul li dl dd.active a{color: #ff8400;}
    #nav_mobile ul li dl dd a{font-size: 14px; display: block;}
    /*search*/
    #nav_mobile ul .cd-search{position: relative; padding: 1.2em 5% 0.6em; width: 100%}
    #nav_mobile ul .cd-search form{width: 100%; height: 36px; border: 1px solid #e4e4e4; border-radius: .25em; -webkit-appearance: none; -moz-appearance: none;appearance: none; background-color: #fff;}
    #nav_mobile ul .cd-search form input:focus{outline: none;}
    #nav_mobile ul .cd-search form input{float: left; border: none; display: inline-block; height: 100%; width: calc(100% - 36px); padding-left: 0.6rem}
    #nav_mobile ul .cd-search form input.search_bottom{width: 36px; background: url("../img/icon-test_1.png") no-repeat center / auto 70%;}

    .more-but a{display: inline-block; font-size: 14px; text-transform: uppercase; color:#fff ; padding: 10px 16px; background: var(--thime-body-color);}
    .more-but-big a{width: 75%;}
    .member{display: none!important;}
    .bottom-wrap{background-color: var(--sec-body-color);color: #fff;}
    .copy{/*border-top: 1px solid #393939;margin-top: 40px;*/text-align: center;color: #f1f1f1;font-size: 14px;overflow: hidden;padding: 20px 0;}
    .copy .copyInfo{margin-top: 10px}
    .copy p{font-size: 14px;color: #f1f1f1;margin: 0;}
    .copy .regRecordInfo img{max-width:20px;}
    .copy a {display:block;color:inherit}
}
@media screen and (max-width: 576px){
    .copy .copyInfo a + a{padding: 5px 0 0 0;}
}