﻿@media screen and  (max-width:1440px){
    .logo {width: 250px;}
    .nav {margin: 10px 15px 0 20px}
    .nav li>a {margin: 0  10px;}
    .nav a span {font-size: 18px;}
    .r-op {margin-top: 5px;}
    .banner-wrap .text-wrap .swiper-slide h3 {margin-top: 15%}
    .ny-banner {height: 300px;}
}

@media screen and  (max-width:1024px) {
    .w1200 {width: 95%;}
    .logo {width: 150px;}
    .menu-handler{ display:block;}
    .nav {display: none}
    .menu-handler {top: 17px;}
    header {padding:10px 0;z-index: 1000}
    .menu-handler {width:33px;top: 9px;}
    .menu-handler .burger {width: 33px;margin: 0;left: 0;height: 4px;}
    .menu-handler .burger-2 {top: 8px;background: #f5b400;width: 80%;margin-left: 20%}
    .menu-handler .burger-3 {top: 16px;}
    .menu-handler.active {z-index: 1000}
    .menu-handler.active .burger {background: #fff}
    .menu-handler.active .burger-1 {top: 10px;}
    .menu-handler.active .burger-3 {top: 10px;}
    .banner .banner-pagination{bottom: 10px !important;}
    .banner .swiper-pagination-bullet {width: 10px;height: 10px;}
    .top{display: none}
    .i-hd {margin: 30px 0;overflow: hidden;padding: 5px 0;}
    .i-hd .des {height: 35px;width: 175px;}
    .i-hd .des .en {bottom: 0;padding: 0}
    .i-hd .des .cn {font-size: 16px;}
    .i-hd .p-nav {position: static;margin-top: 25px;}
    .i-hd .des:before {right: 175px;}
    .i-hd .des:after {left: 175px;}
    .zt-item .pic {width: 100%;height: auto}
    .zt-item .text {width: 100%;padding: 10px;height: auto}
    .zt-item .text .int {width: calc(100% - 125px);padding-right: 10px;}
    .zt-item .text .int .con {height: auto;padding: 10px 0}
    .zt-item2 ,.sy-item{width: 100%}
    .zt-item2 .pic {height: auto;}
    .zx-box .pic {min-height: 220px;}
    .zx-box .zx-pagination {bottom: 20px;}
    .sy-item .pic {height: auto}
    .dz-box .int {width: 100%;padding-right: 0;}
    .dz-box .int h3 {font-size: 16px;}
    .dz-box form {width: 100%}
    .dz-box form>div div {padding: 0 5px;}
    .dz-box form>div div, .sbtn {line-height: 38px;}
    .name {width: 120px;}
    .name input {max-width: 80px !important;}
    .phone {float: left;margin-left: 20px;}
    .dz-wrapper {padding: 20px 0;}
    .footer .qr-box {width: 100%;border-right:0}
    .footer .f-int {width: 100%;padding-left: 0;margin-top: 10px;}

    .ny-main {padding: 20px 0}
    .zt-ny {padding-top: 0}
    .zt-ny .zt-item2 {width: 100%;margin-right: 0}
    .zt-ny .zt-item2 .text .price span {font-size: 18px;}
    .zt-ny .zt-item2 .text {padding-right: 0}
    .zt-ny .zt-item2 .text .price {position:static;}
    .zt-ny .zt-item2 .pic {height: auto}
    .por-wrap {padding: 10px;}

}
@media screen  and (max-width: 768px) {
    .text-wrap  .swiper-wrapper {display: none}
    .w1440 {width: 96%;margin: 0 auto}
    .menu-handler {top: 10px;}
    .por-wrap .pic {width: 100%}
    .por-wrap .text {width: 100%}
    .por-wrap .tit {font-size: 16px;}
    .por-wrap .text {padding: 0;}
    .por-wrap .text .det .price {position: static}
    .sy-bar a {height: 56px;line-height: 60px;margin: 0 15px;margin-bottom: 10px;}
    .nz-item .pic {width: 100%}
    .nz-item .text {padding: 10px;width: 100%}
    .nz-item .text .int .mes {width: 100%}
    .nz-item .text .int .price-box {width: 100%}
    .bm-sec form div {width: 100%;box-sizing: border-box;margin-right: 0;margin-bottom:30px;}
    .bm-sec form div label {min-width: 100px;padding-left: 15px;}
    .bm-sec form div input {width: calc(100% - 115px)}
    .bm-sec .tit {font-size: 18px;}
    .zx-box .text {box-sizing: border-box;}
    .paging a ,.paging .nowpage{height: 30px;line-height: 30px;margin: 3px;}

	.dz-box form>div div, .sbtn{ width:100%;}
 	.dz-box form .phone{ margin-left:0; margin-top:15px;}
	.dz-box form .rs, .dz-box form .sbtn{ width:100%;}
	.dz-box form .time, .dz-box form .dtn{ width:100%;}
	.dz-box form .time{ margin-bottom:15px;}
	.dz-box form .sbtn{ margin-top:15px;}
	
	.dz-box form label{ width:65px; text-align:right; line-height:38px; display:inline-block; vertical-align:top;}
	.dz-box form input[type="text"]{ max-width:inherit; width:calc(100% - 80px); line-height:38px; vertical-align:top; text-align:left;}

	.td-show .td-item{ width:100%; margin-right:0;}
	
	.ptravel-deta{ padding:0;}
	.ptravel-deta li{ padding:0 30px; box-sizing:border-box;}
	.ptravel-deta li title{ width:calc(100% -  60px); left:30px;}
	
	.pic-a li{ width:100%; height:200px; padding:0;} 
	.pic-a li:nth-child(2n-1), .pic-a li:nth-child(3n-2){ width:100%;}
	.pic-a li:nth-child(2n){ width:100%;}
	.pic-a li:before{ right:10px;}
	.pic-a li:hover .tit{ width:100%; left:0; padding:5px 10px;}
	
	.i-hd{ margin:20px 0;}
	.sy-bd .sy-more{ margin-top:0;}
	.sy-bd .sy-more a{ width:100%;}
	.zx-wrapper .int{ width:100%;}
	.zx-box{ margin-top:20px;}
	
	.sy-item .text{ padding:10px; height:auto;}
	.sy-item .text h3{ line-height:inherit;}
	.sy-item .text p{ margin-top:5px;}
	
	.des-bar span{ padding:10px; margin:0 5px;}
	.dse-con .con{ min-height:inherit; padding:15px 12px; font-size:15px; line-height:28px;}
	
	.lp-det{ padding:20px 0;}
	.lp-det .tit{ font-size:18px; padding:0 0 0 10px;}
	.lp-det .txt{ padding:5px 10px !important;}
	
	.gallery-top{ max-height:200px;}
	.gallery-top .swiper-slide{ height:200px !important;}
	.gallery-top .swiper-slide .cover{ bottom:0;}
	
	.gallery-top .swiper-button-next{ background-size:13px auto; width:13px; height:24px;}
	.gallery-top .swiper-button-prev{ background-size:13px auto; width:13px; height:24px;}
	.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{ margin-top:-12px;}
	.gallery-thumbs{ position:relative;}
	.gallery-thumbs .swiper-slide{ width:33.3%; max-height:65px;}
	.gallery-thumbs .swiper-slide title{ font-size:13px; line-height:26px;} 
	
	.zt-item .text .int h3{ max-height:52px; overflow:hidden;}
	.zt-item .text .int .con{ max-height:48px; line-height:24px; overflow:hidden; text-align:justify; padding:0;}
	.zt-item .text .int .date{ margin-top:10px;}
	
	.productpop-imgbox{ width:100%;}
	
	.productpop-imgbox .swiper-button-next, .productpop-imgbox .swiper-button-prev{ width:30px; height:30px; line-height:30px; font-size:24px; margin-top:-15px;}
	.productpop-imgbox .swiper-button-prev{ left:10px;}
	.productpop-imgbox .swiper-button-next{ right:10px;}

}