@charset "utf-8";
/* CSS Document */
@font-face{font-family:'din';src:url("fonts/din.otf") format("OpenType"),url("fonts/din.eot") format("embedded-opentype");}
@font-face{font-family:'dinpro';src:url("fonts/dinpro.otf") format("OpenType"),url("fonts/dinpro.eot") format("embedded-opentype");}
/**自定义样式**/
*{ margin: 0 ; padding: 0; border:0; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box}

html{ font-size:100px;}
body {font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;  color:#555; background:#fff ;font-size: 16px;}
input, textarea, select, option, button{outline: none;-webkit-appearance:none;  -moz-appearance:none;  appearance:none; }

button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus{outline:none;}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
input::-webkit-input-speech-button {display: none}
button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);  }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
select::-ms-expand { display: none; }
input:-webkit-autofill{ background: none;}
a{color: #090b17;text-decoration: none;  }

a:focus,a:hover{text-decoration: none; color:#17af98;transition:all .3s;  -webkit-transition:all .3s; -moz-transition:all .3s;  -o-transition:all .3s;}
li{list-style: none;}

/*body a{outline:none;blr:expression(this.onFocus=this.blur());}  去掉a标签点击后的虚线*/
/* ----- clear fix for floats ----- */
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */
/* without this class applied, a float might hang over the bottom border of it's container */
.clearfix:after {content:"."; width:0; height:0; line-height:0; font-size:0; display:block; clear:both; visibility:hidden; overflow:hidden;margin:0;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/*======框架样式重置初始化========*/
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6,p,ul,dl{ margin: 0;}
.h16{ font-size:16px;}
.h20{ font-size:20px;}
.h22{ font-size:22px;}
.h28{ font-size:28px;}

.fr{ float: right;}
.fl{ float: left;}
.viewport{max-width:750px;margin:0 auto; background: #fff; /*height:100vh;*/ position: relative;    overflow: hidden;}
.box{width:1280px;margin:0 auto; }

.ptb60{padding-top:60px;padding-bottom:60px; }
.pt60{padding-top:60px;}
.pb60{padding-bottom:60px;}
.pt30{padding-top:30px; }
.mt60{margin-top:60px; }
.mb60{margin-bottom:60px; }
.mt30{margin-top:30px; }

.mo,.moswt-fixed{display: none;}

/* .title{width:100%; text-align:center; margin-bottom:40px; font-size:48px; font-weight:700;line-height:60px; color:#333; }
.title .line{width:80px;height:6px;background: #17af98;margin:15px auto 0;  } */


.inner-title{ font-size: 40px; line-height: 1.1;text-align: center; color: #333333; margin-bottom:40px; }
.inner-title span{color: #ff6347;}

.btn-box{text-align:center; margin-top:.35rem;}
.btn-box a{ line-height:.56rem;color:#fff; font-size:.24rem;height:.56rem;background: #e08014;border-radius:.3rem; display: inline-block;padding:0 .3rem; margin:0 .12rem;    }
.btn-box a i{display:inline-block;width:.34rem;height:.34rem; vertical-align:text-top;background-position:center; background-repeat: no-repeat;background-size:.32rem;   }

a.more{clear:left;display:block;width: 360px;line-height: 50px;height: 50px;border-radius:30px;background-color: #41b39f;font-size: 20px;font-weight: 300;color: #fff;text-align: center;margin:0 auto;-webkit-transition: all .6s ease;transition: all .6s ease;}
a.more b{ font-size:24px; font-weight: 300; color: #fff; text-align: center;margin-left: 10px; -webkit-transition: all .6s ease;  transition: all .6s ease;  }
a.more:hover{ background-color: #ff6347;}
.gift-img{ text-align: center;}
.gift-img img{ max-width:96%;}

/*-------------導航---------------*/
.header{background-color: #fff;}
.header-box {-o-box-shadow:none;-ms-box-shadow:none;box-shadow:none;z-index:1601; border: none; border-radius: 0; width:96%; height:auto; margin-bottom: 0; -webkit-transition: all .6s ease;  transition: all .6s ease; margin: 0 auto;position: relative }
.header-box .navbar-logo {display:table;float: left;padding:26px 0; }
.header-box .navbar-logo a{width:500px; margin-right:20px; display: inline-block;}
.header-box .navbar-logo a img{max-width:100%; display: block;}
.header-box .navbar-logo a img:last-child{display: none;}

/*导航*/
.navbar-menu{float:right;}
.navbar-menu .nav,.navbar-menu .tel{ float: left;}
.navbar-menu .nav > li{float:left; margin:0 5px;position: relative; padding:36px 0;  }
.navbar-menu .nav li:last-child{margin-right: 0;}
.navbar-menu .nav li > a{font-size:22px;display: block;/*-webkit-transition:all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;*/  padding:0px 17px;  line-height:40px; border-radius: 40px; position: relative; }
.navbar-menu .nav li > a span{z-index:2;position:relative;left:0; top:0; width:100%; height:100%; text-align: center;color:#333; -webkit-transition:color .3s cubic-bezier(.165,.84,.44,1);-o-transition:color .3s cubic-bezier(.165,.84,.44,1);transition:color .3s cubic-bezier(.165,.84,.44,1);  }
.navbar-menu .nav li > a:before{content:"";position:absolute;left:0;top:0;width: 100%;height:40px;background: #41b39f;border-radius:24px;z-index:1;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);opacity:.3;transition:opacity 1s ease-in-out;-webkit-transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;-o-transition:transform .5s cubic-bezier(.165,.84,.44,1) 0s;transition:transform .5s cubic-bezier(.165,.84,.44,1) 0s;transition:transform .5s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;transition:transform .5s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;}

.navbar-menu .nav li .nav-li-ol{height:auto;display:none;position:absolute; left:0; top:111px; width: 100%;-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.navbar-menu .nav li .nav-li-ol li{border-bottom:1px solid #d5d8d8; background-color:#fff; text-align: center; padding:0;  height:50px; }
.navbar-menu .nav li .nav-li-ol li a{ font-size:18px; line-height:44px; padding:0 10px;color: #333; font-weight:300; }
.navbar-menu .nav li .nav-li-ol li a:before{display: none;}
.navbar-menu .nav li .nav-li-ol li:last-child{border-bottom:0; border-radius:0 0 3px 3px; }
.navbar-menu .nav li .nav-li-ol li:hover a{color: #ff6347; }
/*.navbar-menu .nav li.active .nav-li-ol{height:auto;opacity:0;-webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition:  all .6s ease;  -o-transition:  all .6s ease; transition: all .6s ease;}*/
.navbar-menu .nav li.active > a,.navbar-menu .nav li:hover > a{color: #fff;}
.navbar-menu .nav li.active > a span,.navbar-menu .nav li:hover > a span{color:#fff; font-weight:300; }
.navbar-menu .nav li.active > a:before,.navbar-menu .nav li:hover > a:before{opacity:1;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;}
.navbar-menu .nav li.hover .nav-li-ol{display: block;-webkit-animation-name: fadeInDown ; animation-name: fadeInDown ;}
.navbar-menu .tel{padding: 26px 0;margin-left: 20px;width: 243px;}
.navbar-menu .tel img{display: block;max-width:100%;}
.navbar-menu .tel img:last-child{display: none;}


.index .header{position: absolute;top: 0;left: 0;width: 100%;border-bottom: 1px solid #fff;z-index: 9;}
.index .header-box .navbar-logo a img:first-child{display: none;}
.index .header-box .navbar-logo a img:last-child{display: block;}
.index .navbar-menu .nav li > a:before{background:#41b39f;}
.index .navbar-menu .nav li .nav-li-ol li:hover a{color: #41b39f; }
.index .navbar-menu .nav li > a span{color: #fff;}
.index .navbar-menu .tel img:first-child{display: none;}
.index .navbar-menu .tel img:last-child{display: block;}

/*tab*/
.tab-nav {height:40px;display:block;position:relative;z-index:1;width:100%;margin:0 auto 36px;}
.tab-nav-item {line-height:40px;position:relative;text-align:center;color:#585858;font-size:0.9rem;display:block;float:left;width:25%;}
.tab-nav-item.tab-active {/* background-color:#51bd03;*/}
.tab-nav-item.tab-active a {color:#3e9be8;font-size:0.5rem;}
.tab-nav-item a {display:inherit;font-size:0.54rem;color:#3e424b;}
.tab-panel {position:relative;}
.tab-panel .tab-panel-item {width:100%;position:absolute;top:0;display:none;-webkit-transform:translateX(-100%);transform:translateX(-100%);}
.tab-panel .tab-panel-item.tab-active ~ .tab-panel-item {-webkit-transform:translateX(100%);transform:translateX(100%);}
.tab-panel .tab-panel-item.tab-active {display:block;position:relative;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;-webkit-transform:translateX(0);transform:translateX(0);}
/*.tab-nav-item.tab-active:before {content:'';width:70%;height:3px;position:absolute;left:50%;bottom:0;margin-left:-35%;z-index:4;background-color:#3e9be8;}*/




/*=================作品展示=================*/
.works-box { width: 100%;     }
.works-list {position: relative;   width: 100%;     }
.works-list .item{width: 286.5px;vertical-align: top; padding:10px; box-sizing: border-box; -webkit-box-sizing: border-box;  cursor:-moz-zoom-in;  cursor:-webkit-zoom-in; cursor: zoom-in;}
.works-list .item p{ display: none; }
.works-list .item img{max-width:100%; display: block; }
.works-list .item:hover img{ z-index: 100;transition: 0.25s;      overflow: hidden;    animation: bounceIn 0.25s ease-in 2 alternate;}
@keyframes bounceIn{
    100% {
        transform: scale(1.07);
    }
}
@-webkit-keyframes bounceIn {
    100% {
        transform: scale(1.07);
    }
}
/*作品展示*/
.works-show{width:100%; height:100%; background:rgba(0,0,0,0.3);position:fixed;left:0;top:0;z-index: 9000; text-align: center; display: none;    -webkit-animation-duration: 1s;
    animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  }
.works-show.show{display: block;  -webkit-animation-name: bounceInDown; animation-name: bounceInDown;}
.works-show .works-inner{ width:1440px;text-align: center; display:inline-block; margin:0 auto;background: #fff; padding:20px;  box-sizing: border-box; -webkit-box-sizing: border-box; position: relative;}
.works-show .works-inner .show{width:100%; margin:0 auto;  max-height:800px; overflow-y:auto;  }
.works-show .works-inner .show p{  font-size: 24px; font-weight:500; color: #555; line-height: 90px; text-align: center; }
.works-show .works-inner .show img{width:100%; display: block; margin:0 auto;  }
.works-show .works-inner a.prev,.works-show .works-inner a.next{display:inline-block;width:150px; height:40px; line-height: 40px; text-align: center; font-size: 20px; border:solid 1px #e5e5e5;  color: #555; font-weight: 300; border-radius: 3px; margin:0 15px;    }
.works-show .works-inner a.prev:hover,.works-show .works-inner a.next:hover{background: #ff6347; border:solid 1px #ff6347; color: #fff;   }
.works-show .works-inner .close{display:inline-block;position:absolute;  top:-23px; right:-23px;    z-index: 1031;  width:50px;height: 50px; border-radius: 25px; background: url("../images/close.png") center no-repeat rgba(0,0,0,.5);  background-size:20px;  text-indent: -9999px;  -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; cursor:pointer; }




/*咨询流程*/
.process-list{width:100%; background: #17af98;}
.process-list ul{display: flex;flex-wrap: nowrap; justify-content: space-between; }
/* .process-list ul li{text-align: center; position: relative; }
.process-list ul li:after{content:""; position:absolute; right:-40px; top:42px;background:url("../images/icon-1.png") center no-repeat;background-size: 26px;   width:26px;  height:26px; }
.process-list ul li:last-child:after{display: none;  }
.process-list ul li .icon{width:110px; height:110px; border-radius:3px;  background:url("../images/process-icon-1.png") center center no-repeat;background-size:66px;border:2px solid #17af98; float: left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);transition:transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1)}
.process-list ul li:nth-child(2) .icon{background:url("../images/process-icon-2.png") center center no-repeat; background-size:66px;}
.process-list ul li:nth-child(3) .icon{background:url("../images/process-icon-3.png") center center no-repeat; background-size:66px;}
.process-list ul li:nth-child(4) .icon{background:url("../images/process-icon-4.png") center center no-repeat; background-size:66px;}
.process-list ul li .info{width:200px;height:104px;border:1px solid rgba(85,85,85,.5);border-left:none;border-top-right-radius:2px;border-bottom-right-radius:2px; margin-left:122px; margin-top:4px;box-sizing: border-box; -webkit-box-sizing: border-box;padding:25px 16px; }
.process-list ul li .info p{display:inline-block; font-size:18px; color:#333;line-height:26px; height:26px; text-align: justify }
.process-list ul li:hover .icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} */
.process-item li{ width:16.66%; position: relative;}
.process-item li:before{position:absolute;right:-13px; top:50%; margin-top:-13px;content:""; width:26px;height:26px;background: url("../images/icon-2.png") center no-repeat;  }
.process-item li .icon{ width: 68px; height: 68px; margin:0 auto; background-image:url("../images/step-white-1.png") ;background-position: center; background-repeat: no-repeat;background-size: contain;}
.process-item li .content{ font-size: 16px; line-height:1.3; color:#effffd; text-align: center; padding:6px 2px; text-align: center;}
.process-item li:nth-child(1) .icon{background-image:url("../images/step-white-1.png");}
.process-item li:nth-child(2) .icon{background-image:url("../images/step-white-2.png");}
.process-item li:nth-child(3) .icon{background-image:url("../images/step-white-3.png");}
.process-item li:nth-child(4) .icon{background-image:url("../images/step-white-5.png");}
.process-item li:nth-child(5) .icon{background-image:url("../images/step-white-6.png");}
.process-item li:nth-child(6) .icon{background-image:url("../images/step-white-6.png");}
.process-item li:last-child:before{display: none;}


/*底部*/
.footer-box{background-color: #165047; width:100%;}
.footer-box .footer-title{ font-size:20px; color:#f2f2f2; margin-bottom:8px;}
.footer-box .logo-part{width:25%; float: left;}
.footer-box .logo-part .logo-bottom img{max-width:80%;}
.footer-box .logo-part p{ font-size:20px; color:#d2dbdc; letter-spacing: 5px;}
.footer-box .logo-part .logo-tel{margin-top:26px;}
.footer-box .logo-part .logo-tel h4{ font-size:18px; color:#d2dbdc; line-height: 30px;}
.footer-box .logo-part .logo-tel h4 em{ font-size:16px; color:#d2dbdc; font-style: normal;}
.footer-box .logo-part .logo-tel p{  letter-spacing: 1px;font-family: "impact",Arial,sans-serif; font-size:30px; color:#edf5f5; line-height:1.5;}
.footer-box .logo-part .logo-tel p a{ color:#edf5f5;}
.footer-box .logo-part .logo-tel h5{font-size:18px;color:#edf5f5;margin-top: 20px;}

.footer-box .nav-part{width:12%; float: left;}
.footer-box .nav-part p{ color: #d2dbdc; font-size: 16px; line-height:2; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;}
.footer-box .nav-part p a{ color: #d2dbdc; transition:all .2s;  -webkit-transition:all .2s; -moz-transition:all .2s;  -o-transition:all .2s;}
.footer-box .nav-part p a:hover{ color: #fff;}

.footer-box .footer-reservation{
	float: left;
	width: 18%;
}
.footer-box .myform-box{ }
.footer-box .myform-box .input-group{background:#fff; clear: none; height:40px;border-radius:3px;   border:solid 1px #eee;box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:15px; position: relative; position: relative; }
.footer-box .myform-box .input-group.width400{width:400px; }
.footer-box .myform-box .input-group .label{ position:absolute; left:6px; top:4px; }
.footer-box .myform-box .input-group .label i{display: inline-block;width:34px;line-height:30px;height:30px; background-position: center; background-repeat: no-repeat;background-size: contain;}
.footer-box .myform-box .input-group:nth-child(1) .label i{background-image:url("../images/message-icon-2.png"); }
.footer-box .myform-box .input-group:nth-child(2) .label i{background-image:url("../images/message-icon-3.png"); }
.footer-box .myform-box .input-group:nth-child(3) .label i{background-image:url("../images/message-icon-4.png"); }
.footer-box .myform-box .input-group:nth-child(3):before{content:"";position: absolute;right:10px; top:10px;width:20px;height:20px;background:url("../images/message-icon-5.png") center no-repeat;background-size:20px;     }
.footer-box .myform-box .input-group input{width:100%;height:38px;line-height:38px; font-size:16px;overflow:hidden; border:0; padding-left:50px;box-sizing: border-box; -moz-box-sizing: border-box;border-radius:3px;}
.footer-box .myform-box .input-group select{width:100%;height:38px;line-height:38px; font-size:16px;overflow:hidden; border:0; padding-left:50px;box-sizing: border-box; -moz-box-sizing: border-box;border-radius:3px; background: none;}
.footer-box .myform-box .input-group textarea{font-size:18px;width:100%;height:1rem;line-height:24px; overflow:hidden; border:0;padding-left: 42px; padding-top:4px;box-sizing: border-box; -moz-box-sizing: border-box;}
.footer-box .myform-box .message-btn{display:block; font-size:22px; color:#fff; width:100%;line-height:40px;height:40px;  border:solid 1px #17af98;border-radius:3px; background: #17af98;  }

.footer-box .footer-info{float: right; width: 42%;max-width: 500px;}
.footer-box .footer-info .qr-box{ margin-top: 15px;}
.footer-box .footer-info .qr-box .qr{width:23.5%;max-width: 118px;float:right; margin:0 auto; text-align: center;  line-height:3; font-size:16px;color: #f9f9f9; }
.footer-box .footer-info .qr-box .qr img{max-width:100%;display: block;}
.footer-box .footer-info .qr-box .qr{margin-right:2%; }
.footer-box .footer-info .qr-box .qr:first-child{margin-right: 0;}

.footer-box .copyright{font-size:14px;color: #c4c4c4;background:#154a42;line-height:1.5;text-align: center;padding: 20px 0;}
.footer-box .copyright a{color: #c4c4c4; display: inline-block;}

/*==============在线留言=================*/
	
.liuyan-box-bg {height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.80);z-index:1001;display:none;}
.liuyan-box-bg.show {display:block;}
.liuyan-box {position:fixed;left:50%;top:50%;width:90%;max-width: 500px;;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:8px;}
.liuyan-box .liuyantitle{width:100%;padding-bottom: 21.5%; background:url("../images/popup-title2.jpg") center top no-repeat; background-size:100%;border-radius:8px 8px 0 0 ; }
.liuyan-box .close{position:absolute;right:-10px;top:-10px; background:#fff;background-size:100%; width:40px;;height:40px; text-align:center;cursor: pointer;font-size:40px; border-radius:25px;   }
.liuyan-box .close i{vertical-align:text-bottom;}
.lightbox{padding:18px;}
.lightbox .input-box {height:30px;display:table;border:1px solid #ddd;border-radius:1px;margin-bottom:18px;border-collapse: separate; width: 100%; position: relative;}
.lightbox .input-box label {display:table-cell;width:90px;word-spacing:5px;padding-left:8px;position:relative;font-style:normal; vertical-align: middle;}
.lightbox .input-box label i {color:#ff4141;width:6px;text-align:center;position:absolute;line-height:20px;left:0;top:0;}
.lightbox .input-box input {border:none;padding:0;margin:0;display:block;line-height:30px;float:left;width:100%;box-sizing: border-box;-moz-box-sizing: border-box;}
.lightbox .input-box select{width:100%;height:30px;line-height:30px;overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box;border-radius:3px; background: none;appearance:none;
	-moz-appearance:none; -webkit-appearance:none;border:none;box-shadow:none;display: block; }
.lightbox .input-box.select:before{content:"";position:absolute;right:5px;top:10px;width:12px;height:12px;background-size:12px;background-image:url(../images/message-icon-5.png);background-repeat:no-repeat;background-position:center;}
.lightbox .input-box select::-ms-expand{ display: none;}
.lightbox .input-box select:focus{ outline: none; }

.lightbox .input-box input:focus {outline:none;}
.lightbox .headline-btn {display:block;width:70%;margin:0 auto;font-size:12px;height:30px;text-align:center;line-height:30px;background: #41b39f;color:#fff;border-radius:20px;border:none;}
.protocol {display:inline-block;margin-right:3px;margin-top:5px;}


.nav-fixed{display: none;}

.swt-fixed{position:fixed;top:50%; margin-top: -200px; right:0;width:70px;z-index: 1800;}
.swt-fixed ul{}
.swt-fixed ul li{margin-top: 10px;}
.swt-fixed ul li.side{position:relative;width:70px;height:70px;}
.swt-fixed ul li.side .swt-btn{position: absolute; width:70px;height:70px; line-height:46px;border-radius: 8px; top: 0;  right: 0;  transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;-ms-transition: all .3s;  background: #000;  opacity:9; filter: Alpha(opacity=90); color: #fff;padding:12px; box-sizing:border-box; -moz-box-sizing: border-box; white-space: nowrap; z-index:1801; font-size: 18px;}
.swt-fixed ul li.side .swt-btn .icon{display:inline-block;width:46px;height: 46px;background-image:url(../images/swt-icon.png);background-repeat: no-repeat;background-size:46px; background-position:center top; float:left; margin-right:20px;}
.swt-fixed ul li.side:nth-child(1) .swt-btn{ background: #1ea690; }
.swt-fixed ul li.side:nth-child(1) .swt-btn .icon{background-position:center top;  }
.swt-fixed ul li.side:nth-child(2) .swt-btn{ background: #f5a61c; }
.swt-fixed ul li.side:nth-child(2) .swt-btn .icon{background-position:center -75px;  }
.swt-fixed ul li.side:nth-child(3) .swt-btn{ background: #1c8cf5; }
.swt-fixed ul li.side:nth-child(3) .swt-btn .icon{background-position:center -150px;  }
.swt-fixed ul li.side:nth-child(4) .swt-btn{ background: #1ea661; }
.swt-fixed ul li.side:nth-child(4) .swt-btn .icon{background-position:center -228px;  }
.swt-fixed ul li.side:nth-child(5) .swt-btn{ background: #73918c; }
.swt-fixed ul li.side:nth-child(5) .swt-btn .icon{background-position:center -305px;  }
/*.swt-fixed ul li:last-child{display: none;  }*/
/*连锁*/
.linkage-box{ position:absolute;left:0px; top:0; width:350px; background: #fff; box-sizing:border-box; -moz-box-sizing: border-box; border:solid 1px #e5e5e5;  z-index:1800; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;-ms-transition: all .3s; border-radius:3px 0 0 4px; }
.linkage-box iframe{width:100%;height: 413px; }
.linkage-box iframe body{overflow-x:auto; overflow-y:hidden;}
/*    .linkage-box .linkage-title{width:76%;margin:20px auto; background: #1fa690;height:1px; position: relative;}
.linkage-box .linkage-title span{display:block;position:absolute;left:50%; top:-15px; margin-left:-50px; font-weight:bold;width:100px;  text-align:center;letter-spacing:1px;lline-height:30px;font-size:18px; background: #fff;  color:#1fa690; }
.linkage-box ol li{height:33.7px; line-height: 34px; font-size: 16px; color: #132b2c; }
.linkage-box ol li em{font-size: 14px; color: #697e7f; font-style:normal; }
.linkage-box ol li:hover a{ color: #fc6161; }*/
/*回电*/
.swtform{display: none;}
.swtform form{position: relative;z-index: 1806;}
.swtform .form-input{width:150px;height:46px;line-height:46px; padding:5px 6px; color:#132b2c; box-sizing: border-box; -moz-box-sizing: border-box; border:solid 1px #eee;background:#fff;border-radius:3px; }
.swtform .call-btn{display:inline-block;position:relative;right:17px; font-size:18px; color:#fff; top:1px; width:60px;height:46px; line-height:46px; border:solid 1px #f18200;background:#f18200;border-radius:0 3px 3px 0;}

.swt-fixed ul li.side.active .swt-btn{ width:200px;}
.swt-fixed ul li.side:nth-child(1).active .swt-btn{ width:230px;}
.swt-fixed ul li.side:nth-child(4).active .swt-btn{ width:230px;}
.swt-fixed ul li.side.active .swt-btn .icon{ margin-right:10px;}
.swt-fixed ul li.side.active .swt-btn .swtform{display:block;}/* 
.swt-fixed ul li.side:nth-child(1).active .swt-btn{ width:70px;}
.swt-fixed ul li.side:nth-child(1).active .linkage-box{ left:-350px; } */

@media only screen and (max-width:1680px) {
    /*-------------導航---------------*/
    .header-box { }
    .header-box .navbar-logo {padding:10px 0; }
    .header-box .navbar-logo a{width: 364px;margin-right:16px;margin-top:5px;}


    /*导航*/
    .navbar-menu{}
    .navbar-menu .nav > li{ padding:20px 0;  }
    .navbar-menu .nav li > a{font-size:20px;padding:0px 12px;  line-height:36px;}
    .navbar-menu .nav li > a:before{height:36px;}
    .navbar-menu .nav li .nav-li-ol{left:0; top:76px; width: 100%;  }
    .navbar-menu .nav li .nav-li-ol li{ height:40px; }
    .navbar-menu .nav li .nav-li-ol li a{ font-size:16px; line-height:40px; padding:0 10px; }
	.navbar-menu .tel{padding: 10px 0;margin-left: 16px;margin-top:5px;width: 192px;}

}



@media only screen and (max-width:1560px) {

    a.more b{ font-size:18px;  }

    /*作品展示*/
    .works-show .works-inner{ width:1100px;}
    .works-show .works-inner .show{width:100%; margin:0 auto; max-height:800px; overflow-y:auto;   }


}

@media only screen and (max-width:1480px) {
	.header-box .navbar-logo a{width: 320px;}
    .navbar-menu .nav li > a{
		font-size: 18px;
	}
	.navbar-menu .nav > li {
		padding: 16px 0;
	}
	.navbar-menu .tel{width: 158px;}

}
@media only screen and (max-width:1360px) {
	.box{
		width: 96%;
	}

}

@media only screen and (max-width:1280px) {
	.header-box .navbar-logo a{width: 224px;}
	.navbar-menu .nav li > a{
		font-size: 16px;
		padding: 0px 10px;
	}
	.navbar-menu .nav > li {
		padding: 10px 0;
	}
	.navbar-menu .tel{width: 114px;}

}

@media only screen and (max-width:1100px){
	.navbar-menu .nav > li{margin: 0 3px;}
}

@media only screen and (max-width:1024px){
	.ptb60{padding-top:30px;padding-bottom:30px; }
	.pt60{padding-top:30px;}
	.pb60{padding-bottom:30px;}
	.pt30{padding-top:15px; }
	.mt60{margin-top:30px; }
	.mb60{margin-bottom:30px; }
	.mt30{margin-top:15px; }
	
	.mo{display: block;}
	.pc{display: none;}
	
	.inner-title{margin-bottom: 20px;font-size: 28px;}
	
	body{padding-top: 56px;}
	/*-------------導航---------------*/
	.m-header-box {-o-box-shadow:none;-ms-box-shadow:none;box-shadow:none;z-index:101;border: none;border-radius: 0;width: 100%;height:auto;margin-bottom: 0;-webkit-transition: all .6s ease;transition: all .6s ease;margin: 0 auto;position: fixed;left: 0;top: 0;padding: 15px 2%;background-color: #fff}
	.m-header-box .m-navbar-logo {padding:0px;display:block; margin:0 auto 0; width:186px;}
	.m-header-box .m-navbar-logo img { max-width: 100%}
	.m-header-box .telephone {position:absolute;right:2%;top: 15px;width: 23px;height:13px;display:block;}
	.m-header-box .telephone img { max-width: 100%}
	
	/*导航按钮*/
	.navbar-menu-btn{position:absolute;width:23px;height:13px;top:19.5px; }
	.navbar-menu-btn .btn-bar{box-sizing:border-box; -webkit-box-sizing:border-box;cursor: pointer; text-align: center;position:relative;width:23px;height:13px;}
	.navbar-menu-btn .btn-bar .bar{display:block;width:100%;height:1px;line-height:1px; overflow:hidden; background:#696969;border:0;position:absolute; left:0;   }
	.navbar-menu-btn .btn-bar .bar:first-child{ top:0; height:1px;}
	.navbar-menu-btn .btn-bar .bar:nth-child(2){top:50%;  margin-top:-0.5px; }
	.navbar-menu-btn .btn-bar .bar:last-child{ bottom:0;height:1px; }
	
	.opennav .navbar-menu-btn{ padding-right:0;}
	.opennav .navbar-menu-btn .bar{opacity:0; width: 100%;margin-left:0; height:2px; }
	.opennav .navbar-menu-btn .bar:first-child{opacity:1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:8%;-ms-transform-origin:8%;-o-transform-origin:8%;transform-origin:8%;}
	.opennav .navbar-menu-btn .bar:last-child{opacity:1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:8%;-ms-transform-origin:8%;-o-transform-origin:8%;transform-origin:8%;}
	
	/*导航*/
	/*.navbar-bg{position: absolute;  top:2.35rem; right:-100%;  bottom: 0; z-index: 999;  width:100%; height:100%; background:rgba(0,0,0,0.5); }*/
	.navbar-menu-box{ position: fixed;  top:56px; left:-100%;  bottom: 0;  z-index:999;  width:100%;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
	.m-navbar-menu{  width:100%;overflow: hidden;overflow-y:scroll;height: 100%;padding-bottom: 60px; background: #fff; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
	
	.m-navbar-menu .nav{ padding:0; border-top:1px solid #d5d8d8; }
	.m-navbar-menu .nav li{ border-bottom:1px solid #d5d8d8;  }
	.m-navbar-menu .nav li a{transform: translateY(60px) translateX(60px); opacity: 0;font-size:16px; line-height:25px; padding:19px;color: #333;display: block;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; position: relative;}
	.m-navbar-menu .nav li a i{position:absolute; right:15px; top:15px;font-family:"Ionicons";  font-size: 10px;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
	/*.m-navbar-menu .nav > li > a:after{display: inline-block;  font-family:"Ionicons"; content:"\f3d0"; font-weight:normal; font-size: 20px; text-rendering: auto;vertical-align: bottom;position:absolute; right:.3rem; top:.3rem;}*/
	/*.m-navbar-menu .nav > li.active > a:after{content:"\f3d8";}*/
	.m-navbar-menu .nav li .nav-li-ol{height:0;opacity:0;overflow: hidden;}
	.m-navbar-menu .nav li .nav-li-ol li{border-top:1px solid #d5d8d8; border-bottom:0;background-color:#f9f9f9; }
	.m-navbar-menu .nav li.active .nav-li-ol li.active a{border-top:1px solid #d5d8d8; border-bottom:0;background-color:#fff; }
	.m-navbar-menu .nav li .nav-li-ol li a{ font-size:13px; line-height:22px;  padding:15px;color: #333; font-weight:400; }
	.m-navbar-menu .nav li .nav-li-ol li:last-child{border-bottom:0;}
	.m-navbar-menu .nav li.active .nav-li-ol{height:auto;opacity:1;-webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition:  all .6s ease;  -o-transition:  all .6s ease; transition: all .6s ease;}
	
	.m-navbar-menu .nav li .nav-li-ol li .nav-li-ol-li{height:0;opacity:1;overflow: hidden; /*display: none;*/}
	.m-navbar-menu .nav li .nav-li-ol li .nav-li-ol-li li{border-top:1px solid #d5d8d8; border-bottom:0;background-color:#fff; }
	.m-navbar-menu .nav li .nav-li-ol li .nav-li-ol-li li a{ font-size:13px; line-height:22px;  padding:15px;color: #333; font-weight:400; }
	.m-navbar-menu .nav li .nav-li-ol li .nav-li-ol-li li:last-child{border-bottom:0;}
	.m-navbar-menu .nav li .nav-li-ol li.active .nav-li-ol-li{height:auto;opacity:1;-webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition:  all .6s ease;  -o-transition:  all .6s ease; transition: all .6s ease;}
	
	.m-navbar-menu .nav li.active > a{background:#17af98;color: #fff;}
	.m-navbar-menu .nav li.active > a i{transform:rotate(180deg);  -ms-transform:rotate(180deg);  -webkit-transform:rotate(180deg); }
	
	.m-navbar-menu .nav-tel{ font-size:14px; color:#333; line-height: 25px; padding:10px 15px;background: #fff;  width:225px; margin:30px auto 0; border:1px solid #d5d8d8; text-align: center; }
	.m-navbar-menu .nav-tel a{font-family:"impact",Arial, sans-serif;;  font-size:17px;  font-weight: normal; vertical-align: middle; color: #cb3a41;}
	
	.opennav{overflow: hidden;}
	.opennav .navbar-menu-box{left: 0; box-shadow: 0px 0 2px rgba(150,150,150,.3);}
	/*.opennav .navbar-menu .nav-tel{box-shadow: 0px 15px 15px -8px rgba(0,0,0,.1); -webkit-box-shadow: 0px 15px 15px -8px rgba(0,0,0,.1);}*/
	.opennav .m-navbar-menu .nav li a{transform: translateY(0px) translateX(0);  opacity: 1;}

	
	
	.process-list .auto{overflow-x: auto;}
	.process-item {width: max-content;}
	.process-item li{width: 160px;}
	
	.footer-box .box{display: flex;flex-wrap: wrap;justify-content: center;}
	.footer-box .logo-part{width: 36%;}
	.footer-box .logo-part .logo-tel h4,.footer-box .logo-part .logo-tel h5{font-size: 16px;}
	.footer-box .logo-part .logo-tel p{font-size: 26px;}
	.footer-box .nav-part{width: 20%;}
	.footer-box .footer-reservation{width: 25%;}
	.footer-box .footer-info{width: 60%;margin: auto;margin-top: 20px;}
	
}


@media only screen and (max-width:768px){
	.swt-fixed,.footer-box .nav-part,.footer-box .footer-reservation{display: none;}
	.moswt-fixed {
		display: block;
	    position: fixed;
	    bottom: 20%;
	    right: 5%;
	    z-index: 1800;
	}
	.moswt-fixed ul li.side{
		width: 10vw;
		height: 10vw;
		
	}
	.moswt-fixed ul li.side .swt-btn{display: flex;align-items: center;justify-content: center;width:100%;height:100%;border-radius: 50%; top: 0;  right: 0;  transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;-ms-transition: all .3s;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);}
	.moswt-fixed ul li.side .swt-btn .icon{display:inline-block;width:66%;height: 66%;background-image:url(../images/swt-icon.png);background-repeat: no-repeat;background-size:100% auto; background-position:center top; }
	.moswt-fixed ul li.side:nth-child(1) .swt-btn{ background: #1ea690; }

	.footer-box .logo-part,.footer-box .footer-info{width: 100%;max-width: 500px;}
	.footer-box .logo-part,.footer-box .footer-title{text-align: center;}
	.footer-box .logo-part .logo-tel,.footer-box .logo-part .logo-tel h5{margin-top: 6px;}
	
	.footer-box .copyright{padding-bottom: 75px;}
	.nav-fixed{display: block; position:fixed; left:0; bottom:0;width:100%;z-index:1000; /*max-width:750px; margin:0 auto;  */  }
	.nav-fixed .nav-f{width:100%; position: relative;display:flex;display: -webkit-flex;flex-wrap: nowrap;background:url("../images/float-swt-bg.png") left center no-repeat; background-size:100% 100%; }
	.nav-fixed .nav-f li{ width:20.5%;text-align:center; font-size:12px; box-sizing:border-box; -webkit-box-sizing:border-box; padding: 14px 0 5px  }
	.nav-fixed .nav-f li .icon{width:20px;height:20px;margin:0 auto 0;background-image:url("../images/float-swt-icon.png");background-repeat: no-repeat; background-position:0 0;background-size:20px 175px;  }
	.nav-fixed .nav-f li:nth-child(1) .icon{background-position:1px 1px;  }
	.nav-fixed .nav-f li:nth-child(2) .icon{background-position:1px -41px;  }
	.nav-fixed .nav-f li:nth-child(4) .icon{background-position:1px -84px;  }
	.nav-fixed .nav-f li:nth-child(5) .icon{background-position:1px -124px;  }
	.nav-fixed .nav-f li:nth-child(3){width:18%;background:none;padding:0; position: relative;}
	.nav-fixed .nav-f li:nth-child(3) .float-logo{background:url("../images/swt-logo.png") left center no-repeat; width:53px;  background-size:100% auto; height:53px; position:relative; left:50%; margin-left: -27px; top:-4px;   }
	.nav-fixed .nav-f li a{display: inline-block;width: 100%; letter-spacing:1px;  }
	.nav-fixed .nav-f li a{color: #333;}
	
	.nav-fixed .mess-btn{background-color: #fff;padding: 10px 0;}
	.nav-fixed .mess-btn a{
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		color: #fff;
		font-size: 16px;
		height: 40px;
		border-radius: 20px;
		background: #17af98;
		line-height: 1.2;
	}
	.nav-fixed .mess-btn .icon{width:20px;height:20px;display: inline-block;background-image:url("../images/float-swt-icon.png");background-repeat: no-repeat; background-position:1px -41px;;background-size:20px 175px; margin-right: 8px;-webkit-filter: drop-shadow(#fff 0 50px );
	filter: drop-shadow(#fff 0 50px);}
}
@media only screen and (max-width:580px){
	body{font-size: 14px;}
	.ptb60{padding-top:20px;padding-bottom:20px; }
	.pt60{padding-top: 20px;}
	.pb60{padding-bottom: 20px;}
	.pt30{padding-top:10px; }
	.mt60{margin-top:20px; }
	.mb60{margin-bottom:20px; }
	.mt30{margin-top:10px; }
	a.more{font-size: 16px;}
	a.more {
		width: 150px;
		line-height: 36px;
		height: 36px;
	}
	
	.inner-title{margin-bottom: 10px;font-size: 20px;}
	
	.process-item li{width: 146px;}
	.process-item li .icon{width: 39px;height: 39px;}
	.process-item li .content,.footer-box .footer-info .qr-box .qr{font-size: 14px;}
	
	.footer-box .copyright{padding-top: 10px;}
	.footer-box .logo-part p{font-size: 16px;}
	.footer-box .logo-part .logo-tel p{font-size: 18px;}
}