body { font-size: 14px; font-family:"syR"; color: #333; background: #333;;width: 100%;overflow-x: hidden}
@font-face{font-family: "syR";src: url("");}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;height:100%}
input, select, textarea { vertical-align: middle; outline:none; border:0; }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; vertical-align: middle;max-width: 100%}
ul, li, ol, dl, dt {list-style: none;}
em,i{font-style: normal}
a { text-decoration: none; outline: none; color:#2b2b2b; }

* { padding: 0; margin: 0; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.w1200 { width: 1200px; margin: 0 auto; }



.top {padding: 10px 0;text-align: right;background: #333333}
.top a {color: #fff;display: inline-block;padding-left: 50px;}


header {background:#2e2e2e;width: 100%;padding:10px 0;position:relative;}
.logo{width:288px;height:auto;}
.logo img {width: 100%;height: auto}
.nav {margin:10px 0 0 0;transition: 0.3s ease}
.nav li {float: left;padding:0 10px;display: inline-block;position: relative}
.nav li>a {line-height:30px;font-size: 16px;display: inline-block;position: relative;color: #ababab}
.nav li>a:after {content: "";display:inline-block;position: absolute;width: 0;left: 50%;bottom: -7px;height:2px;background: #fabe00;transition: 0.3s}
.nav li>a.active,.nav li>a:hover {color: #fabe00;display: inline-block;position: relative;transition: 0.2s}
.nav li>a.active:after,.nav li>a:hover:after {width:100%;left:0;transition: 0.3s}
.nav li>a span{font-size: 22px;}
.sub {position: absolute;width: 100%;left: 0;top:56px;z-index: 9999;display: none}
.sub a {display: inline-block;width: 100%;line-height:30px;color: #fff;font-size: 12px;background: #06364d;text-align: center}
.sub a:hover {background: #f59e31}

.menu-handler { display:none; overflow: hidden; width:40px; height:35px; cursor: pointer; position: absolute; right:10px; top:12px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);z-index: 120}
.menu-handler .burger { width: 40px; height: 5px; background:#1472c4; display: block; position: absolute; z-index: 5; top:0px; left: 50%; margin: 0px 0px 0px -20px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px; }
.menu-handler .burger-2 { top:10px; }
.menu-handler .burger-3 { top:20px; }
.menu-handler.active .burger-1 { top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.menuBox{ position:fixed; left: 100%; top: 0px; background-color:rgba(0,0,0,0.9); height: 100%; width: 100%; z-index:110; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;  }
.openMneu{ left: 0;}
.menuBox a:link, .menuBox a:visited { color: #b19c9c;}
.menuBox a:active,.menuBox a:hover { color: #b19c9c;}
.navMobile{ padding:50px 0;}
.navMobile a{ padding: 15px 40px; font-size: 18px; display: block; position: relative;}
.navMobile p a{ display:block; padding-left:20px; border-bottom:1px solid #2b2929;}
.navMobile p a:before{ content:""; width:15px; height:15px; position:absolute; right:5%; top:50%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); -moz-transform:translateY(-50%) scale(0); background:url(404.png) center no-repeat;  transition:0.4s; -webkit-transition:0.4s;}
.navMobile p a:hover,.navMobile p a.cur{ background-color:#2f8cdd; border-bottom:1px solid #aaa;}
.navMobile p a:hover:before,.navMobile p a.cur:before{ transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1);}
.navMobile .msubnav{ display: none;}
.msubnav{ background:#2f8cdd; display:none;}
.msubnav li{ width:50%; float:left; border-bottom:1px solid #4da0e8; box-sizing:border-box;}
.msubnav li a{ font-size: 16px; position:relative; display:block;}
.msubnav li a:before{ content:""; width:7px; height:12px; background:url(404.png) center no-repeat; position:absolute; right:10%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transition:0.4s; -webkit-transition:0.4s;}
.msubnav li:nth-child(odd){ border-right:1px solid #4da0e8;}
.msubnav li a:hover{ color:#fff;}
.msubnav li a:hover:before{ right: 5%;}



.banner-wrap {position: relative;padding-bottom:70px;}
.banner{overflow: hidden;width: 100%;margin-top: 0px;position: relative;}
.banner .swiper-slide {width: 100%;overflow: hidden}
.banner .swiper-slide img{width:100%;height:auto;transition:1s linear 2s}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:16s linear;transform:scale(1.2,1.2)}
.banner .banner-pagination{position: absolute;bottom:30px!important;left:0px!important;text-align:center;cursor: pointer;z-index: 101}
.banner .swiper-pagination-bullet{display: inline-block;width:12px;height:12px;opacity:1;background:#cccccc;border-radius: 50%;cursor: pointer}
.banner .swiper-pagination-bullet-active{background:#fabe00;}
.swiper-wrapper{height: auto!important;}
.swiper-slide{height: auto!important;}



.i-hd {text-align: center;margin:50px 0;position: relative}
.i-hd .des {height:48px;display: inline-block;color: #ababab;padding: 0 40px;position: relative;z-index:2;background:url("../image/des-bg_04.png") no-repeat center;background-size: cover;width: 244px;box-sizing: border-box}
.i-hd .des:before {content: "";display: inline-block;width: 200%;right:242px;height: 1px;background: #484848;top: 50%;position: absolute}
.i-hd .des:after {content: "";display: inline-block;width:150%;left:242px;height: 1px;background: #484848;top: 50%;position: absolute}
.i-hd .des .cn {font-size:23px;position: relative;top: -10px;z-index: 5;background: #333;padding: 0 10px;}
.i-hd .des .en {font-size: 12px;position: relative;bottom: -6px;z-index: 5;background: #333;padding: 0 10px;}
.i-hd .line {width: 100%;height: 1px;background: #484848;position: absolute;top: 45%;left: 0}
.i-hd .p-nav {position: absolute;top:15px;right: 0;background: #333;z-index: 2;padding: 0 20px;line-height: 16px;}
.i-hd .p-nav a {color: #ababab;display: inline-block;padding:0 10px;border-right: 1px solid #3c3c3c}
.i-hd .p-nav a:last-child {border: 0}
.i-hd .p-nav a.active {color: #fabe00;}


.zt-item {width: 100%;margin-bottom: 25px;}
.zt-item .pic {width:450px;height: 280px;overflow:hidden;}
.zt-item .pic img{width:100%}
.zt-item .text {width:750px;height: 280px;padding: 60px 30px;box-sizing: border-box;background: #f4f4f4;}
.zt-item .text .int {width: 80%;box-sizing: border-box;padding-right: 30px;}
.zt-item .text .int h3 {font-size: 16px;color: #000;}
.zt-item .text .int p {color: #999999;}
.zt-item .text .int .con {padding: 20px 0;height: 135px;overflow: hidden;box-sizing: border-box}
.zt-item .text .date p{color: #000;display: inline-block;padding-left:30px;box-sizing: border-box;margin-right:40px;}
.zt-item .text .date  .xc {background: url("../image/xc-ico_06.png") no-repeat left center}
.zt-item .text .date  .yy {background: url("../image/date-ico_09.png") no-repeat left center}
.zt-item .text .price {width: 120px;border: 2px solid #999999;}
.zt-item .text .price  .num {padding: 50px 0;text-align: center}
.zt-item .text .price  a {display: inline-block;width: 100%;background:#fabe00;text-align: center;line-height: 36px;border-top: 2px solid #999}

.zt-item2 {width: 385px;float: left;margin: 0 22px 25px 0}
.zt-item2:nth-child(3n+0){margin-right: 0;}
.zt-item2 .pic {width: 100%;height: 280px;overflow: hidden}
.zt-item2 .pic  img{width: 100%;transition: 1s;}
.zt-item2:hover .pic  img{transform: scale(1.1);transition: 1s;}
.zt-item2 .text {background: #f4f4f4;padding: 20px;box-sizing: border-box;}
.zt-item2 .text .price {padding-top: 10px;}
.more {width:100px;height: 30px;line-height: 30px;text-align: center;margin: 0 auto;}

.zx-wrapper .int{color: #ababab;width: 80%;text-align: center;margin: 0 auto}
.zx-box {width: 100%;overflow: hidden;position: relative;margin-top: 30px;}
.zx-box .pic {width: 100%;}
.zx-box .pic img{width: 100%;}
.zx-box .text {position: absolute;left: 0;bottom: 0;width: 100%;padding:20px 155px 20px 20px;background: rgba(0,0,0,0.6);color: #fff;}
.zx-box .text .tit {font-size: 16px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.zx-box .text .con {max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:30px;}
.zx-box .text .auth {color: #f0b601;font-size: 12px;}
.zx-box .zx-pagination {position: absolute;right: 20px;bottom: 45px;width: auto;text-align: right;z-index: 101}
.zx-box .swiper-pagination-bullet{display: inline-block;width:12px;height:12px;opacity:1;background:#cccccc;border-radius: 50%;cursor: pointer}
.zx-box .swiper-pagination-bullet-active{background:#fabe00;}

.sy-item {width: 385px;float: left;margin-right: 22px;margin-bottom: 22px;position: relative}
.sy-item .pic {width: 100%;overflow: hidden;height: 280px;}
.sy-item .pic img{width: 100%;overflow: hidden}
.sy-item:nth-child(3n+0) {margin-right: 0;}
.sy-item .text {background: rgba(0,0,0,0.6);position: absolute;left:0;bottom: 0;width: 100%;color: #fff;box-sizing: border-box;padding:10px;text-align: center;transition: 0.5s ease;overflow: hidden}
.sy-item:hover .text {height: 100%;transition: 0.8s ease}
.sy-item .text h3 {font-size: 14px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sy-item:hover .text h3 {margin-top:5%;font-size: 14px; overflow:inherit;text-overflow: inherit;white-space:inherit;}
.sy-item .text p {margin-top:0;transition: 0.5s ease;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sy-item:hover .text p {margin-top: 0;transition:1s ease;overflow: inherit;text-overflow: inherit;white-space: inherit;}
.sy-item:before{ content:''; background:url(../image/xc.png) no-repeat; background-size:30px auto; width:30px; height:30px; position:absolute; right:10px; top:10px; z-index:3;}


.zc-box {width: 100%;overflow: hidden;position: relative}
.zc-box  .pic {width: 100%;overflow: hidden}
.zc-box  .pic img {width: 100%;}
.zc-box  .text {background: #fff;box-sizing: border-box;padding:25px 10px;}
.zc-box  .text h3  {font-size: 16px;color: #000;padding-bottom: 5px;}
.zc-box  .text em {font-size: 18px;color: #ff9600;}
.zc-box  .zc-prev {width:23px;height: 72px;background: url("../image/zc-prev_12.png") no-repeat center;background-size: cover;position: absolute;top: 40%;left: 10px;z-index: 10}
.zc-box  .zc-next {width:23px;height: 72px;background: url("../image/zc-next_12.png") no-repeat center;background-size: cover;position: absolute;top: 40%;right: 10px;z-index: 10}

    .dz-wrapper{background: url("../image/f-bg_42.jpg") no-repeat center;background-size: cover;padding: 50px 0;}
    .dz-wrapper .des .cn{background: transparent}
    .dz-wrapper .des .en{background: transparent}
    .dz-wrapper .p-nav{background: transparent}
.dz-box {padding-top:10px;}
.dz-box .int {width: 50%;padding-right:40px;box-sizing: border-box;color: #ababab;line-height: 30px;}
.dz-box .int h3 {padding: 20px 0; font-size: 22px;}
.dz-box  form {width:40%;float: left}
.dz-box  form>div {margin-bottom: 15px;}
.dz-box  form>div div {padding: 0 15px;box-sizing: border-box}
.dz-box  form>div div ,.sbtn{line-height: 43px;border: 1px solid #fff;color: #ababab;}
.dz-box  form input[type="text"] {background: transparent;font-size: 14px;color: #ababab;padding: 0 10px;box-sizing: border-box;max-width: 120px;}
.dz-box  form .time,.dz-box  form .dtn {width: 60%;}
.dz-box  form .rs,.dz-box  form .sbtn {width:30%;background: transparent}
.dz-box  form .rs input {width:40px;text-align: center}


        
.page-ctrl {text-align: center;margin-top: 50px;}
.page-ctrl a {display: inline-block;font-size: 16px;color: #333;padding: 4px 5px;background:#e8e2e2}
.page-ctrl span {display: inline-block;padding: 4px 8px;font-size: 16px;}
.page-ctrl .nowpage {display: inline-block;background: #20379a;color: #fff}


.footer {padding:20px 0;color: #bebebe;background: #2e2e2e}
.footer .qr-box {width: 30%;border-right: 1px solid #cfcfcf;box-sizing: border-box}
.footer .qr-box  .pic {width: 100px;}
.footer .qr-box  .pic img{width: 100%;}
.footer .qr-box .text {display: table;vertical-align: middle;height:100px;padding-left: 20px;}
.footer .qr-box .text p {display: table-cell;vertical-align: middle;}
.footer .f-int {width: 70%;display:table;vertical-align: middle;height: 100px;padding-left: 50px;box-sizing: border-box;font-size: 12px;}
.footer .f-int p{display: table-cell;vertical-align: middle;line-height: 24px;}






.ny-main {padding: 30px 0 50px 0;}
.zt-ny {padding-top:50px;}
.zt-ny .zt-item2 {width: 49%;margin-right: 2%}
.zt-ny .zt-item2:nth-child(2n+0) {margin-right: 0}
.zt-ny .zt-item2:nth-child(2n+1) {clear: left}
.zt-ny .zt-item2 .pic {height:390px;}
.zt-ny .zt-item2 .text {padding-right: 250px;box-sizing: border-box;position: relative}
.zt-ny .zt-item2 .text h3{font-size: 16px;color: #000;}
.zt-ny .zt-item2 .text p,.zt-ny .zt-item2 .text time {color: #666666;font-size: 16px;line-height: 30px;}
.zt-ny .zt-item2 .text .price{color: #666666;font-size: 16px;line-height: 30px;position: absolute;right: 10px;bottom:20px;}
.zt-ny .zt-item2 .text .price span {font-size: 22px;color: #000}
    .paging {margin-top: 30px;}
    .paging a{height: 38px;line-height: 38px;padding:0 15px;background: #4e4e4e;display: inline-block;font-size: 16px;color: #a6a6a6;margin:0 5px;}
    .paging a:hover{background: #fabe00;color: #fff}
    .paging .nowpage {height: 38px;line-height: 38px;padding:0 15px;background: #fabe00;display: inline-block;font-size: 16px;color: #fff;margin:0 5px;}

.por-wrap {background: #444444;margin:20px auto;padding: 20px;box-sizing: border-box;color: #cccccc}
.por-wrap .tit {font-size: 24px;padding: 20px 0;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.por-wrap .pic {width: 50%;overflow: hidden}
.pics-show {position:relative}
.pics-show .pics-pagination {position:absolute;bottom:20px;left:auto;right:10px;z-index:10;text-align:right;}
.pics-pagination .swiper-pagination-bullet {background:#fff;opacity:1;}
 .pics-pagination .swiper-pagination-bullet-active {background:#f4b200}
.por-wrap .pic img{width:100%;}
.por-wrap .text {width: 50%;float: left;box-sizing: border-box;padding: 20px;}
.por-wrap .text .con {padding-bottom: 30px;border-bottom: 1px dashed #cccccc;font-size: 16px;line-height:30px;}
.por-wrap .text .det {padding-top: 30px;line-height: 30px;font-size: 16px;padding-right: 200px;box-sizing: border-box;position: relative}
.por-wrap .text .det .price {width: 120px;border:2px solid #999999;text-align: center;position: absolute;right: 0;top: 30px}
.por-wrap .text .det a {display: inline-block;width: 100%;border-top: 2px solid #999;background: #fabe00;}
.des-bar {background: #444444;color: #959595;margin-bottom: 20px;}
.des-bar.on {position: fixed;top: 0;left:0;width: 100%;z-index: 10;box-shadow: 0 0 5px 0 rgba(0,0,0,0.3)}
.des-bar span {display: inline-block;padding: 20px;margin: 0 10px;cursor: pointer}
.des-bar span.active {background: #222222}
.dse-con .con {background: #444444;color: #cccccc;margin-bottom: 20px;padding: 30px 20px;min-height: 300px;line-height: 30px;font-size: 16px;}

.bm-sec {background: #222222;padding: 30px 20px;}
.bm-sec .tit {font-size: 24px;color: #cccccc;padding-left: 30px;border-left: 5px solid #444444}
.bm-sec p {color: #9e9e9e;padding:20px 0;font-size: 18px;}
.bm-sec form {margin-top: 30px;}
.bm-sec form div {background: #f4f4f4;width:325px;float: left;margin-right: 20px;margin-bottom: 50px;padding: 10px 20px;line-height: 30px;}
.bm-sec form div input {padding:0 7px;background: transparent;font-size: 16px;line-height: 30px;width: 190px;}
.bm-sec form div label {font-size: 16px;color: #333;float: left;min-width: 120px;box-sizing: border-box;padding-left: 40px;text-align: center;border-right: 1px solid #cccccc;}
.bm-sec form div.bm1 label {background: url("../image/bm-ico1_12.png") no-repeat left center}
.bm-sec form div.bm2 label {background: url("../image/bm-ico2_12.png") no-repeat left center}
.bm-sec form div.bm3 label {background: url("../image/bm-ico3_19.png") no-repeat left center}
.bm-sec form div.bm4 label {background: url("../image/bm-ico4_20.png") no-repeat left center}
.bm-sec form div.bm5 label {background: url("../image/bm-ico5_22.png") no-repeat left center}
.bm-sec form div.bm6 label {background: url("../image/bm-ico6_13.png") no-repeat left center}
.bm-sec form .sbtn {background: transparent;border: 0;width: 100%;padding: 0}
.bm-sec form .s-btn {float: left;width: 230px;line-height: 45px;background: #fabe00;}

.tips {padding: 20px 0 40px 0;text-align: center;color:#ababab}
.tips h3 {display: inline-block;padding-left:35px;background: url("../image/tips-ico_04.png") no-repeat left center}
.nz-item {background: #f4f4f4;margin-bottom: 20px;}
.nz-item .pic {width:32%;overflow:hidden}
.nz-item .pic img{width:100%}
.nz-item .text {padding: 30px 20px;box-sizing: border-box;width: 68%;float: left}
.nz-item .text h3 {font-size: 18px;color: #000;}
.nz-item .text .con {font-size: 16px;color: #666666;line-height: 28px;padding: 20px 0;border-bottom: 1px dashed #ababab;box-sizing: border-box;max-height: 104px;overflow: hidden}
.nz-item .text .int {padding-top:15px;color: #666666;font-size: 16px;}
.nz-item .text .int .mes {width:70%;}
.nz-item .text .int .mes span {display: inline-block;width: 50%;text-align:left;padding-left: 20px;box-sizing: border-box;border-left: 5px solid #cccccc;margin-bottom: 20px;}
.nz-item .text .int .price-box {width:30%;text-align: right;}
.nz-item .text .int .price-box p {font-size: 18px;color: #666666;padding-bottom:10px;}
.nz-item .text .int .price-box p span {color: #ff9600;}

.ny-zx .swiper-slide {margin-bottom: 30px;}
.fm-pic {height: 370px;display: table;vertical-align: middle;width: 100%;margin-bottom: 30px;}
.fm-pic .text {display: table-cell;vertical-align: middle;text-align: center;color: #fff;}
.fm-pic .text h3 {font-size: 18px;padding-bottom: 10px;}
.fm-pic .text p {color: #ccc;}
.ny-zx-det .con {background: #444444;color: #ccc;line-height: 30px;padding: 20px;font-size: 16px;}
.ny-zx-det .con .zy-int {border: 1px solid #ccc;padding:10px 20px;margin-bottom: 30px;}

.ny-dz .dz-top {margin-bottom: 30px;}
.ny-dz .dz-top h3{font-size: 22px;color: #cccccc;text-align: center;padding-bottom: 20px;}
.ny-dz .dz-top p {color: #cccccc;line-height: 30px;text-align: center}

.sy-bar {width: 100%;background: #444;text-align: center}
.sy-bar a {display: inline-block;height: 80px;font-size: 16px;color: #cccccc;line-height: 80px;margin: 0 100px;}
.sy-bar a.active {border-bottom: 2px solid #fabe00;}
.sy-bd>div {margin-bottom: 20px;}
.sy-bd .pic {float: left;overflow: hidden;height:280px;box-sizing: border-box;background-position:center;background-repeat:no-repeat;background-size:cover;}

.pic-a li {margin-bottom:20px;float:left;height:200px;overflow:hidden;padding:0 10px;box-sizing:border-box; background-position:center;background-repeat:no-repeat;background-size:cover; position:relative;}

.pic-a li .figure{ width:100%;height:100%;box-sizing:border-box; background-position:center;background-repeat:no-repeat;background-size:cover;}
.pic-a li img {width:100%;}

.pic-a li .text {background: rgba(0,0,0,0.6);position: absolute;left:10px;bottom: 0; width:calc(100% - 20px); color: #fff;box-sizing: border-box;padding:10px;text-align: center;transition: 0.5s ease;overflow: hidden}
.pic-a li:hover .text {height: 100%;transition: 0.8s ease}
.pic-a li .text h4 {font-size: 14px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pic-a li:hover .text h4 {margin-top:0;font-size: 14px;}
.pic-a li .text p {margin-top:0;transition: 0.5s ease;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pic-a li:hover .text p {margin-top: 0;transition:1s ease; overflow:inherit; text-overflow:none; white-space:inherit; text-align:left;}

.pic-a li:before{ content:''; background:url(../image/xc.png) no-repeat; background-size:30px auto; width:30px; height:30px; position:absolute;  right:15px; top:10px; z-index:3;}
.pic-a li:nth-child(2n) {width:37%;}
.pic-a li:nth-child(2n-1),.pic-a li:nth-child(3n-2) {width:26%;}

.sy-bd img {width: auto;min-height: 100%;}
.sy-bd  .sy-more {text-align: center;margin-top: 50px;}
.sy-bd  .sy-more a {display:inline-block;width: 350px;line-height: 40px;background: #fabe00;}

.lp-item {float: left;width:590px;margin-right: 20px;position: relative}
.lp-item:nth-child(2n+0) {margin-right: 0}
.lp-item:nth-child(2n+1) {clear: left}
.lp-item .pic {width: 100%;}
.lp-item .pic img{width: 100%;}
.lp-item .auth-box {position: absolute;width: 100%;background: rgba(0,0,0,0.5);left: 0;bottom: 0;z-index: 1;padding: 10px;box-sizing: border-box}
.lp-item .pic-wrap {width: 60%;}
.lp-item .pic-wrap .s-pic {width: 30%;margin-right: 3.3%;float: left;height: 60px;overflow: hidden}
.lp-item .pic-wrap .s-pic img {width: 100%;}
.lp-item  .text {display: inline-block;width: 40%;text-align: center;padding-right: 30px;box-sizing: border-box;background: url("../image/right-ico_03.png") no-repeat right center;line-height: 60px;color: #ccc;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.lp-det {background: #444444;padding: 40px 15px;box-sizing: border-box;margin-bottom: 30px;}
.lp-det .tit {font-size: 24px;color: #cccccc;padding-bottom: 40px;}
.lp-det .s-tit {font-size: 16px;color: #cccccc;padding-left: 50px;background: url("../image/ren-ico_03.png") no-repeat left center;}
.td-show {margin-top: 30px;}
.td-show  .td-item {width: 375px;margin-right: 20px;float: left;margin-bottom: 20px;}
.td-show  .td-item:nth-child(3n+0) {margin-right:0}
.td-show  .td-item:nth-child(3n+1) {clear: left}
.td-show  .td-item .pic {width: 100%;height: 225px;overflow: hidden;}
.td-show  .td-item .text {color: #cccccc;line-height: 30px;}
.lp-det2 {padding:20px 15px;box-sizing: border-box;background: #444}
.lp-det2  img {width: 100%}

.dse-con .con .date-room .date span {color: rgba(255,0,0,1);margin-right: 10px;}
.dse-con .con .date-room .room {margin-left: 20%}
.dse-con .con .pic {padding-top: 10px;margin-bottom: 50px;}
.dse-con .con .pic .pic-item {float: left;width: 25%;}
.dse-con .con .pic .pic-item img {width:100%;}



.hide{ display:none;}

.ptravel-deta-big .item{ position:relative;}
.ptravel-deta-big .item img{ width:100%; display:block;}
.ptravel-deta-big .item .cover{ background:rgba(0,0,0,.5); width:100%; text-align:left; padding:10px 15px; color:#fff;  position:absolute; left:0; bottom:0; z-index:2; box-sizing:border-box;}
.ptravel-deta-big .item .cover .t{ font-size:16px;}
.ptravel-deta-big .item .c{ line-height:24px; text-align:justify; padding-top:10px; display:none;}
.ptravel-deta-big .item:hover .c{ display:block;}
.ptravel-deta{ overflow:hidden; margin-top:30px; padding:0 30px; position:relative;}
.ptravel-deta li{ float:left; display:inline-block; position:relative;max-height:135px;}
.ptravel-deta li title{ background:rgba(0,0,0,.5); width:100%; text-align:center; font-size:14px; color:#fff; line-height:36px; display:block; position:absolute; left:0; bottom:0; z-index:2; transition:all 0.3s; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
.ptravel-deta li.swiper-slide-active:before{ content:''; width:100%; height:100%; position:absolute;  left:0; top:0; z-index:3; border:2px #737373 solid; box-sizing:border-box;}
.ptravel-deta .pt-next, .ptravel-deta .pt-prev{ background:#737373; position:absolute; width:25px; height:100%; top:0; z-index:99; cursor:pointer;}
.ptravel-deta .pt-prev{ left:0;}
.ptravel-deta .pt-prev:before{content:''; height:10px; width:10px; display:block; border:2px solid #444; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:50%; margin-top:-10px; left:9px;}
.ptravel-deta .pt-next{ right:0;}
.ptravel-deta .pt-next:before{content:''; height:10px; width:10px; display:block; border:2px solid #444; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:50%; margin-top:-10px; left:4px;}

.gallery-main{ position:relative;}
.gallery-top{ overflow:hidden;}
.gallery-top .swiper-slide{ height:605px !important; overflow:hidden; text-align:center;}
.gallery-top .swiper-slide img{ max-height:100%;}
.gallery-top .swiper-slide .cover{ background:rgba(0,0,0,.7); width:100%; text-align:left; padding:10px 15px; color:#fff;  position:absolute; left:0; bottom:0; z-index:2; box-sizing:border-box;}
.gallery-top .swiper-slide .cover .t{ font-size:16px;}
.gallery-top .swiper-slide .c{ line-height:24px; text-align:justify; padding-top:10px; display:none;}
.gallery-top .swiper-slide:hover .c{ display:block;}

.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{ width:30px; height:50px; margin-top:-54px;}
.gallery-top .swiper-button-next{ background:url(../image/gallery-rtarrow.png) no-repeat; }
.gallery-top .swiper-button-prev{ background:url(../image/gallery-ltarrow.png) no-repeat; }

.gallery-thumbs{ background:rgba(0,0,0,.8); width:100%; z-index:2;}
.gallery-thumbs .swiper-slide {	width:16.6%; height: 100%; opacity: 0.7; max-height:120px; overflow:hidden; }
	
.gallery-thumbs .swiper-slide title{ background:rgba(0,0,0,.5); width:100%; text-align:center; font-size:14px; color:#fff; line-height:36px; display:block; position:absolute; left:0; bottom:0; z-index:2; transition:all 0.3s; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }



.align-vertical { display:table-cell; vertical-align:middle;}
.productpop-warp{ background:#000; width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:-2; opacity:0;}
.productpop-warp .close { background:rgba(255,255,255,.1); width:40px; height:40px; line-height:34px; color:#fff; font-family:"Arial, Helvetica, sans-serif"; text-align:center; position: absolute; top:15px; right:15px; display: block; font-size:26px; border-radius:50%; z-index:10;}
.productpop-imgbox{ width:1200px; margin:auto; height:100%; position:relative; overflow:hidden;}
.productpop-imgbox .swiper-wrapper{ height:100% !important; width:100%;}
.productpop-imgbox li{ width:100%; height:100% !important; text-align:center; position:relative;}
.productpop-imgbox li .img{ width:100%; height:100%; display:table;}
.productpop-imgbox li .tit{ background:#333; width:calc(100% - 100px); padding:10px 15px; color:#fff; line-height:24px; font-size:15px; z-index:2; position:absolute; left:50px; bottom:0; text-align:left; box-sizing:border-box;}
.productpop-imgbox .swiper-button-next, .productpop-imgbox .swiper-button-prev{ background:#333; width:30px; height:30px; color:#fff; margin-top:auto; top:auto !important; bottom:10px; color:#ccc; border-radius:50%; z-index:99; opacity:1;}

.productpop-imgbox .swiper-button-next{ right:0;}
.productpop-imgbox .swiper-button-prev{ left:0;}