@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; line-height:1.15; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
@media screen and (min-width:1530px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; background-color:rgba(0,0,0,.5);}
.header .head{ width:87%; max-width:1450px; margin:auto; height:96px;}
.header .head .logo{ float:left; height:60px; margin:18px 0;}
.header .head .logo img{ display:block; height:60px;}
.header .head .logo img.img02{ display:none;}
.header .head .nav{ float:right; height:96px; display:block;}
.header .head .nav li{ display:block; float:left; margin-left:25px; width:140px; text-align:center;}
.header .head .nav li a{ width:100%; display:block; height:96px; line-height:96px; font-size:18px; overflow:hidden; position:relative; color:#fff;}
.header .head .nav li:hover a{ color:#ff9700;}
.header .head .nav li.on a{ background-color:#ff9700; color:#fff; font-weight:bold;}
.header .head .menu{ display:none;}
.sav{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; background-color:rgba(0,0,0,.5);}
.header .head{ width:90%; margin:auto; height:78px;}
.header .head .logo{ float:left; height:60px; margin:14px 0;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img01{ display:none;}
.header .head .nav{ float:right; height:78px; display:block;}
.header .head .nav li{ display:block; float:left; margin-left:1.3vw; width:7.29vw; min-width:100px; text-align:center;}
.header .head .nav li a{ width:100%; display:block; height:78px; line-height:78px; font-size:16px; overflow:hidden; position:relative; color:#fff;}
.header .head .nav li:hover a{ color:#ff9700;}
.header .head .nav li.on a{ background-color:#ff9700; color:#fff; font-weight:bold;}
.header .head .menu{ display:none;}
.sav{ display:none;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:90; background-color:#fff; box-shadow:0 0 10px rgba(255,255,255,.1);}
.header .head{ width:97%; padding-left:3%; height:60px;}
.header .head .logo{ float:left; margin:10px 0;}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.img01{ display:none;}
.header .nav{ display:none;}
.header .menu{ width:30px; padding:18px 15px; float:right; position:relative; border-left:1px solid rgba(51,51,51,0.1);}
.header .menu img{ width:30px; display:block; cursor:pointer;}

.sav{ position:fixed; z-index:100; right:0; top:0; width:210px; padding-left:20px; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); background:#fff; -webkit-transform-origin:right; -moz-transform-origin:right; -ms-transform-origin:right; -o-transform-origin:right; transform-origin:right; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:perspective(230px) rotateY(90deg); -moz-transform:perspective(230px) rotateY(90deg); -ms-transform:perspective(230px) rotateY(90deg); -o-transform:perspective(230px) rotateY(90deg); transform:perspective(230px) rotateY(90deg); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; display:table; vertical-align:middle;}
.sav.on{ -moz-transform:perspective(230px) rotateY(0deg); -ms-transform:perspective(230px) rotateY(0deg); -o-transform:perspective(230px) rotateY(0deg); transform:perspective(230px) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}
.sav .close{ position:absolute; right:10%; color:#333; font-size:14px; height:24px; line-height:24px; top:5%; text-transform:uppercase; padding-right:20px; background-image:url(../images/close.png); background-position:right center; background-repeat:no-repeat; font-weight:bold; cursor:pointer;}
.sav ul{ overflow:hidden; padding-top:100px;}
.sav ul li{ overflow:hidden; display:block; padding:10px 0; position:relative;}
.sav ul li>a{ display:inline-block; overflow:hidden; position:relative; height:30px; line-height:26px; color:#999; font-size:16px;}
.sav ul li>a b{ position:absolute; right:0; bottom:0; width:0; height:2px; background:#ff9700; -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.sav ul li.on>a b,.sav ul li:hover>a b,.sav ul li>a.xuan b{ width:100%; left:0;}
.sav ul li.on>a,.sav ul li:hover>a,.sav ul li>a.xuan{ color:#333;}
}

/*banner*/
@media screen and (min-width:1530px){
.banner{ width:100%; position:relative; z-index:1;}
.banner img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.banner{ width:100%; position:relative; z-index:1;}
.banner img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1; border-top:60px solid #fff;}
.banner img{ width:100%; display:block;}
}

@media screen and (min-width:1530px){
.title{ width:87%; max-width:1450px; margin:auto; position:relative; z-index:3;}
.title .t01{ display:flex; justify-content:center; align-items:center;}
.title .t01 img{ display:block; height:23px;}
.title .t01 b{ display:block; font-size:40px; line-height:50px; color:#ff9800; margin:0 20px;}
.title .t02{ text-align:center; font-size:24px; line-height:34px; margin-top:30px;}
.title .t03{ text-align:center; font-size:18px; line-height:28px; color:#cfcfcf; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.title{ width:90%; margin:auto; position:relative; z-index:3;}
.title .t01{ display:flex; justify-content:center; align-items:center;}
.title .t01 img{ display:block; height:18px;}
.title .t01 b{ display:block; font-size:32px; line-height:42px; color:#ff9800; margin:0 15px;}
.title .t02{ text-align:center; font-size:20px; line-height:30px; margin-top:20px;}
.title .t03{ text-align:center; font-size:16px; line-height:26px; color:#cfcfcf; margin-top:5px;}

}
@media only screen and (max-width:1023px){
.title{ width:94%; margin:auto; position:relative; z-index:3;}
.title .t01{ display:flex; justify-content:center; align-items:center;}
.title .t01 img{ display:block; height:12px;}
.title .t01 b{ display:block; font-size:24px; line-height:34px; color:#ff9800; margin:0 10px;}
.title .t02{ text-align:center; font-size:16px; line-height:26px; margin-top:5px;}
.title .t03{ text-align:center; font-size:14px; line-height:24px; color:#cfcfcf;}
}

/*新闻中心*/
@media screen and (min-width:1530px){
.nbox{ width:100%; padding-top:75px; position:relative; z-index:1;}
.nbox .box{ width:87%; max-width:1450px; margin:auto; margin-top:45px; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block; overflow:hidden;}
.nbox .box .list li{ width:31.03%; display:block; float:left; margin-left:3.455%; background-color:#f9f9f9; border-radius:20px; overflow:hidden;}
.nbox .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li:hover{ background-color:#fff9f0;}
.nbox .box .list li .tu{ width:100%; position:relative; padding-top:78%;}
.nbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.nbox .box .list li .wen{ padding:25px 30px;}
.nbox .box .list li .wen .w01{ font-size:24px; line-height:34px; height:34px; color:#ff9800; font-weight:700;}
.nbox .box .list li .wen .w02{ font-size:18px; line-height:28px; height:112px; color:#5b5b5b; margin-top:10px;}
.nbox .box .list li .wen .w03{ display:flex; justify-content:flex-end; align-items:center; font-size:18px; line-height:28px; color:#cfcfcf; margin-top:10px;}
.nbox .box .list li .wen .w03 img{ display:block; height:12px; margin-left:10px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.nbox{ width:100%; padding-top:55px; position:relative; z-index:1;}
.nbox .box{ width:90%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block; overflow:hidden;}
.nbox .box .list li{ width:31.6%; display:block; float:left; margin-left:2.6%; background-color:#f9f9f9; border-radius:15px; overflow:hidden;}
.nbox .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li:hover{ background-color:#fff9f0;}
.nbox .box .list li .tu{ width:100%; position:relative; padding-top:78%;}
.nbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.nbox .box .list li .wen{ padding:20px 25px;}
.nbox .box .list li .wen .w01{ font-size:20px; line-height:30px; height:30px; color:#ff9800; font-weight:700;}
.nbox .box .list li .wen .w02{ font-size:16px; line-height:26px; height:104px; color:#5b5b5b; margin-top:7px;}
.nbox .box .list li .wen .w03{ display:flex; justify-content:flex-end; align-items:center; font-size:16px; line-height:26px; color:#cfcfcf; margin-top:7px;}
.nbox .box .list li .wen .w03 img{ display:block; height:10px; margin-left:7px;}
}
@media only screen and (max-width:1023px){
.nbox{ width:100%; padding-top:35px; position:relative; z-index:1;}
.nbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block; overflow:hidden; margin-top:-20px;}
.nbox .box .list li{ width:100%; display:block; float:left; margin-top:20px; background-color:#f9f9f9; border-radius:10px; overflow:hidden;}
.nbox .box .list li:hover{ background-color:#fff9f0;}
.nbox .box .list li .tu{ width:100%; position:relative; padding-top:78%;}
.nbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.nbox .box .list li .wen{ padding:15px;}
.nbox .box .list li .wen .w01{ font-size:16px; line-height:26px; height:26px; color:#ff9800; font-weight:700;}
.nbox .box .list li .wen .w02{ font-size:14px; line-height:24px; max-height:96px; color:#5b5b5b; margin-top:4px;}
.nbox .box .list li .wen .w03{ display:flex; justify-content:flex-end; align-items:center; font-size:14px; line-height:24px; color:#cfcfcf; margin-top:4px;}
.nbox .box .list li .wen .w03 img{ display:block; height:10px; margin-left:4px;}
}

/*团山红产业*/
@media screen and (min-width:1530px){
.tbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.tbox .box{ width:87%; max-width:1450px; margin:auto; margin-top:45px; position:relative; z-index:3;}
.tbox .box .list{ display:flex; justify-content:center;}
.tbox .box .list li{ width:20%; display:block; text-align:center;}
.tbox .box .list li strong{ display:block; height:74px; width:100%; overflow:hidden;}
.tbox .box .list li strong img{ display:block; height:74px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.tbox .box .list li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.tbox .box .list li b{ display:block; width:100%; overflow:hidden; color:#ff9800; font-size:20px; line-height:30px; margin-top:15px;}
.tbox .box .wen{ margin-top:45px; padding:45px 50px; background:linear-gradient(to bottom,rgba(255,152,0,1),rgba(255,152,0,0)); font-size:24px; line-height:44px; color:#fff; border-top-left-radius:20px; border-top-right-radius:20px;}
.tbox .box .wen p{ display:block; margin-bottom:10px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.tbox{ width:100%; padding-top:55px; padding-bottom:50px; position:relative; z-index:1; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.tbox .box{ width:90%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.tbox .box .list{ display:flex; justify-content:center;}
.tbox .box .list li{ width:23%; display:block; text-align:center;}
.tbox .box .list li strong{ display:block; height:62px; width:100%; overflow:hidden;}
.tbox .box .list li strong img{ display:block; height:62px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.tbox .box .list li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.tbox .box .list li b{ display:block; width:100%; overflow:hidden; color:#ff9800; font-size:18px; line-height:28px; margin-top:10px;}
.tbox .box .wen{ margin-top:30px; padding:35px 40px; background:linear-gradient(to bottom,rgba(255,152,0,1),rgba(255,152,0,0)); font-size:20px; line-height:30px; color:#fff; border-top-left-radius:15px; border-top-right-radius:15px;}
.tbox .box .wen p{ display:block; margin-bottom:5px;}
}
@media only screen and (max-width:1023px){
.tbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.tbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.tbox .box .list{ width:100%; display:block; margin-top:-15px;}
.tbox .box .list li{ width:48.5%; display:block; text-align:center; float:left; margin-left:3%; margin-top:15px;}
.tbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.tbox .box .list li strong{ display:block; height:50px; width:100%; overflow:hidden;}
.tbox .box .list li strong img{ display:block; height:50px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.tbox .box .list li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.tbox .box .list li b{ display:block; width:100%; overflow:hidden; color:#ff9800; font-size:16px; line-height:26px; margin-top:5px;}
.tbox .box .wen{ margin-top:15px; padding:15px; background:linear-gradient(to bottom,rgba(255,152,0,1),rgba(255,152,0,0)); font-size:16px; line-height:26px; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px;}
}

/*产品中心*/
@media screen and (min-width:1530px){
.pbox{ width:100%; padding-top:75px; padding-bottom:35px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .box{ width:87%; max-width:1450px; margin:auto; position:relative; z-index:3;}
.pbox .box .swiper-container{ width:100%; padding:45px 0;}
.pbox .box .swiper-slide{ width:85%; border-radius:20px; overflow:hidden; position:relative;}
.pbox .box .swiper-slide.swiper-slide-active{ box-shadow:0 0 20px rgba(0,0,0,.5);}
.pbox .box .swiper-slide .tu{ width:100%; position:relative; z-index:1; padding-top:57.64%;}
.pbox .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .swiper-slide .wen{ width:100%; padding:35px 50px; box-sizing:border-box; position:absolute; lefft:0; bottom:0; z-index:3; background-color:rgba(0,0,0,.5); display:none;}
.pbox .box .swiper-slide.swiper-slide-active .wen{ display:block;}
.pbox .box .swiper-slide .wen .w01{ font-size:24px; line-height:34px; color:#fff;}
.pbox .box .swiper-slide .wen .w02{ font-size:18px; line-height:28px; color:#cfcfcf; margin-top:10px;}
.pbox .box .swiper-button-white{ width:56px; height:56px; position:absolute; z-index:3; top:50%; margin-top:-28px; background-size:100% 100%;}
.pbox .box .swiper-button-prev{ background-image:url(../images/prev.png); left:7.5%; margin-left:-28px;}
.pbox .box .swiper-button-next{ background-image:url(../images/next.png); right:7.5%; margin-right:-28px;}
.pbox .box .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.pbox .box .swiper-button-next:hover{ background-image:url(../images/next01.png);}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pbox{ width:100%; padding-top:55px; padding-bottom:20px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .box{ width:90%; margin:auto; position:relative; z-index:3;}
.pbox .box .swiper-container{ width:100%; padding:30px 0;}
.pbox .box .swiper-slide{ width:85%; border-radius:15px; overflow:hidden; position:relative;}
.pbox .box .swiper-slide.swiper-slide-active{ box-shadow:0 0 15px rgba(0,0,0,.5);}
.pbox .box .swiper-slide .tu{ width:100%; position:relative; z-index:1; padding-top:57.64%;}
.pbox .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .swiper-slide .wen{ width:100%; padding:25px 35px; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:3; background-color:rgba(0,0,0,.5); display:none;}
.pbox .box .swiper-slide.swiper-slide-active .wen{ display:block;}
.pbox .box .swiper-slide .wen .w01{ font-size:20px; line-height:30px; color:#fff;}
.pbox .box .swiper-slide .wen .w02{ font-size:16px; line-height:26px; color:#cfcfcf; margin-top:7px;}
.pbox .box .swiper-button-white{ width:52px; height:52px; position:absolute; z-index:3; top:50%; margin-top:-26px; background-size:100% 100%;}
.pbox .box .swiper-button-prev{ background-image:url(../images/prev.png); left:7.5%; margin-left:-26px;}
.pbox .box .swiper-button-next{ background-image:url(../images/next.png); right:7.5%; margin-right:-26px;}
.pbox .box .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.pbox .box .swiper-button-next:hover{ background-image:url(../images/next01.png);}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; padding-top:35px; padding-bottom:25px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pbox .box .swiper-container{ width:100%; padding:15px 0;}
.pbox .box .swiper-slide{ width:85%; border-radius:10px; overflow:hidden; position:relative; background-color:#fff;}
.pbox .box .swiper-slide.swiper-slide-active{ box-shadow:0 0 10px rgba(0,0,0,.5);}
.pbox .box .swiper-slide .tu{ width:100%; position:relative; z-index:1; padding-top:57.64%;}
.pbox .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .swiper-slide .wen{ width:100%; padding:15px; box-sizing:border-box; position:relative; z-index:3; background-color:#fff;}
.pbox .box .swiper-slide .wen .w01{ font-size:16px; line-height:26px; color:#333;}
.pbox .box .swiper-slide .wen .w02{ font-size:14px; line-height:24px; color:#5b5b5b; margin-top:4px;}
.pbox .box .swiper-button-white{ width:40px; height:40px; position:absolute; z-index:3; top:50%; margin-top:-20px; background-size:100% 100%;}
.pbox .box .swiper-button-prev{ background-image:url(../images/prev.png); left:7.5%; margin-left:-20px;}
.pbox .box .swiper-button-next{ background-image:url(../images/next.png); right:7.5%; margin-right:-20px;}
.pbox .box .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.pbox .box .swiper-button-next:hover{ background-image:url(../images/next01.png);}
}

/*旗下餐饮*/
@media screen and (min-width:1530px){
.qbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#f9f9f9;}
.qbox .box{ width:87%; max-width:1450px; margin:auto; margin-top:45px; position:relative; z-index:3;}
.qbox .box .list{ width:100%; display:block;}
.qbox .box .list li{ width:23.785%; display:block; float:left; margin-left:1.62%; background-color:#fff; border-radius:20px; overflow:hidden;}
.qbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.qbox .box .list li .tu{ width:100%; position:relative; padding-top:137.5%;}
.qbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.qbox .box .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.qbox .box .list li .wen{ padding:40px; padding-top:35px; position:relative;}
.qbox .box .list li .wen .w01{ font-size:24px; line-height:34px; text-align:center; position:relative; z-index:3;}
.qbox .box .list li:hover .wen .w01{ color:#ff9800;}
.qbox .box .list li .wen .w02{ height:56px; margin-top:25px; position:relative; z-index:3;}
.qbox .box .list li .wen .w02 img{ display:block; height:56px; float:right;}
.qbox .box .list li .wen .w03{ position:absolute; left:20px; top:20px; z-index:1;}
.qbox .box .list li .wen .w03 img{ display:block; height:140px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.qbox{ width:100%; padding-top:55px; padding-bottom:50px; position:relative; z-index:1; background-color:#f9f9f9;}
.qbox .box{ width:90%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.qbox .box .list{ width:100%; display:block;}
.qbox .box .list li{ width:23.785%; display:block; float:left; margin-left:1.62%; background-color:#fff; border-radius:15px; overflow:hidden;}
.qbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.qbox .box .list li .tu{ width:100%; position:relative; padding-top:137.5%;}
.qbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.qbox .box .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.qbox .box .list li .wen{ padding:30px; padding-top:25px; position:relative;}
.qbox .box .list li .wen .w01{ font-size:20px; line-height:30px; text-align:center; position:relative; z-index:3;}
.qbox .box .list li:hover .wen .w01{ color:#ff9800;}
.qbox .box .list li .wen .w02{ height:46px; margin-top:15px; position:relative; z-index:3;}
.qbox .box .list li .wen .w02 img{ display:block; height:46px; float:right;}
.qbox .box .list li .wen .w03{ position:absolute; left:20px; top:20px; z-index:1;}
.qbox .box .list li .wen .w03 img{ display:block; height:100px;}
}
@media only screen and (max-width:1023px){
.qbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f9f9f9;}
.qbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.qbox .box .list{ width:100%; display:block; margin-top:-20px;}
.qbox .box .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:20px; background-color:#fff; border-radius:10px; overflow:hidden;}
.qbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.qbox .box .list li .tu{ width:100%; position:relative; padding-top:137.5%;}
.qbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.qbox .box .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.qbox .box .list li .wen{ padding:15px; padding-bottom:20px; position:relative;}
.qbox .box .list li .wen .w01{ font-size:16px; line-height:26px; text-align:center; position:relative; z-index:3;}
.qbox .box .list li:hover .wen .w01{ color:#ff9800;}
.qbox .box .list li .wen .w02{ height:36px; margin-top:10px; position:relative; z-index:3;}
.qbox .box .list li .wen .w02 img{ display:block; height:36px; float:right;}
.qbox .box .list li .wen .w03{ position:absolute; left:10px; top:10px; z-index:1;}
.qbox .box .list li .wen .w03 img{ display:block; height:70px;}
}

/*生态旅游*/
@media screen and (min-width:1530px){
.sbox{ width:100%; padding-top:75px; padding-bottom:75px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; background-image:url(../images/sbg.png); background-size:100% 100%; position:absolute; left:0; top:0; z-index:1;}
.sbox .title .t01{ color:#fff;}
.sbox .title .t02{ color:#f9f9f9;}
.sbox .title .t03{ color:#e8f5e9;}
.sbox .box{ width:87%; max-width:1450px; margin:auto; margin-top:45px; position:relative; z-index:3;}
.sbox .box .list{ width:100%; border:2px solid #fff; box-sizing:border-box; border-right:none;}
.sbox .box .list li{ width:20.53%; float:left; border-right:2px solid #fff; box-sizing:border-box; background-position:center; background-repeat:no-repeat; background-size:cover; height:51.63vw; max-height:700px;}
.sbox .box .list li.on{ width:38.41%;}
.sbox .box .list li .wen{ width:100%; padding:25px 30px; box-sizing:border-box;}
.sbox .box .list li .wen .w01{ display:flex; align-items:center}
.sbox .box .list li .wen .w01 p{ font-size:24px; line-height:34px; color:#fff; display:block; text-shadow:0px 2px 2px rgba(0,0,0,0.78);}
.sbox .box .list li .wen .w01 b{ flex:1; margin-left:15px; height:2px; background-color:#fff; display:block; opacity:0; box-shadow:0px 2px 2px 1px rgba(0,0,0,0.5);}
.sbox .box .list li.on .wen .w01 b{ opacity:.5;}
.sbox .box .list li .wen .w02{ font-size:20px; line-height:30px; color:#fff; margin-top:15px; text-shadow:0px 2px 2px rgba(0,0,0,0.78);}
.sbox .box .wz{ text-align:center; font-size:24px; line-height:34px; color:#fff; margin-top:45px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.sbox{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; background-image:url(../images/sbg.png); background-size:100% 100%; position:absolute; left:0; top:0; z-index:1;}
.sbox .title .t01{ color:#fff;}
.sbox .title .t02{ color:#f9f9f9;}
.sbox .title .t03{ color:#e8f5e9;}
.sbox .box{ width:90%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.sbox .box .list{ width:100%; border:2px solid #fff; box-sizing:border-box; border-right:none;}
.sbox .box .list li{ width:20.53%; float:left; border-right:2px solid #fff; box-sizing:border-box; background-position:center; background-repeat:no-repeat; background-size:cover; height:51.63vw; max-height:700px;}
.sbox .box .list li.on{ width:38.41%;}
.sbox .box .list li .wen{ width:100%; padding:15px 20px; box-sizing:border-box;}
.sbox .box .list li .wen .w01{ display:flex; align-items:center}
.sbox .box .list li .wen .w01 p{ font-size:20px; line-height:30px; color:#fff; display:block; text-shadow:0px 2px 2px rgba(0,0,0,0.78);}
.sbox .box .list li .wen .w01 b{ flex:1; margin-left:10px; height:2px; background-color:#fff; display:block; opacity:0; box-shadow:0px 2px 2px 1px rgba(0,0,0,0.5);}
.sbox .box .list li.on .wen .w01 b{ opacity:.5;}
.sbox .box .list li .wen .w02{ font-size:18px; line-height:28px; color:#fff; margin-top:10px; text-shadow:0px 2px 2px rgba(0,0,0,0.78);}
.sbox .box .wz{ text-align:center; font-size:20px; line-height:30px; color:#fff; margin-top:30px;}
}
@media only screen and (max-width:1023px){
.sbox{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; background-image:url(../images/sbg.png); background-size:100% 100%; position:absolute; left:0; top:0; z-index:1;}
.sbox .title .t01{ color:#fff;}
.sbox .title .t02{ color:#f9f9f9;}
.sbox .title .t03{ color:#e8f5e9;}
.sbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.sbox .box .list{ width:100%; border:2px solid #fff; box-sizing:border-box; border-right:none; border-top:none;}
.sbox .box .list li{ width:50%; float:left; border-right:2px solid #fff; border-top:2px solid #fff; box-sizing:border-box; background-position:center; background-repeat:no-repeat; background-size:cover; height:70vw;}
.sbox .box .list li .wen{ width:100%; padding:10px 15px; box-sizing:border-box;}
.sbox .box .list li .wen .w01{ display:flex; align-items:center}
.sbox .box .list li .wen .w01 p{ font-size:16px; line-height:26px; color:#fff; display:block; text-shadow:0px 2px 2px rgba(0,0,0,0.78);}
.sbox .box .list li .wen .w01 b{ flex:1; margin-left:5px; height:2px; background-color:#fff; display:block; opacity:0; box-shadow:0px 2px 2px 1px rgba(0,0,0,0.5);}
.sbox .box .list li.on .wen .w01 b{ opacity:.5;}
.sbox .box .list li .wen .w02{ font-size:16px; line-height:26px; color:#fff; margin-top:5px; text-shadow:0px 2px 2px rgba(0,0,0,0.78);}
.sbox .box .wz{ text-align:center; font-size:16px; line-height:26px; color:#fff; margin-top:15px;}
}

/*关于我们*/
@media screen and (min-width:1530px){
.abox{ width:100%; padding-top:75px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:100%; margin-top:45px; position:relative; z-index:3; background-color:#fff9f0;}
.abox .box .left{ width:54.94%; height:100%; position:absolute; left:0; top:0;}
.abox .box .left img{ width:100%; height:100%; display:block; object-fit:cover;}
.abox .box .right{ width:87%; max-width:1450px; margin:auto; padding:50px 0;}
.abox .box .right .list{ width:40%; display:block; float:right; margin-top:-26px;}
.abox .box .right .list li{ border:1px solid #707070; border-radius:20px; margin-top:26px; display:block; overflow:hidden; position:relative; padding:25px 30px;}
.abox .box .right .list li:hover{ border:1px solid #ff9800;}
.abox .box .right .list li span{ width:calc(100% - 50px); display:block; font-size:18px; line-height:28px; color:#707070;}
.abox .box .right .list li p{ width:calc(100% - 50px); display:block; font-size:18px; line-height:28px; color:#707070; margin-top:4px;}
.abox .box .right .list li img{ height:36px; display:block; position:absolute; right:30px; top:50%; margin-top:-18px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.abox{ width:100%; padding-top:55px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:100%; margin-top:30px; position:relative; z-index:3; background-color:#fff9f0;}
.abox .box .left{ width:54.94%; height:100%; position:absolute; left:0; top:0;}
.abox .box .left img{ width:100%; height:100%; display:block; object-fit:cover;}
.abox .box .right{ width:90%; margin:auto; padding:35px 0;}
.abox .box .right .list{ width:40%; display:block; float:right; margin-top:-20px;}
.abox .box .right .list li{ border:1px solid #707070; border-radius:15px; margin-top:20px; display:block; overflow:hidden; position:relative; padding:15px 20px;}
.abox .box .right .list li:hover{ border:1px solid #ff9800;}
.abox .box .right .list li span{ width:calc(100% - 50px); display:block; font-size:16px; line-height:26px; color:#707070;}
.abox .box .right .list li p{ width:calc(100% - 50px); display:block; font-size:16px; line-height:26px; color:#707070; margin-top:2px;}
.abox .box .right .list li img{ height:36px; display:block; position:absolute; right:20px; top:50%; margin-top:-18px;}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:100%; margin-top:15px; position:relative; z-index:3; background-color:#fff9f0;}
.abox .box .left{ width:100%;}
.abox .box .left img{ width:100%; display:block;}
.abox .box .right{ width:94%; margin:auto; padding:40px 0;}
.abox .box .right .list{ width:100%; display:block; float:right; margin-top:-15px;}
.abox .box .right .list li{ border:1px solid #707070; border-radius:10px; margin-top:15px; display:block; overflow:hidden; position:relative; padding:10px 15px;}
.abox .box .right .list li:hover{ border:1px solid #ff9800;}
.abox .box .right .list li span{ width:calc(100% - 50px); display:block; font-size:14px; line-height:24px; color:#707070;}
.abox .box .right .list li p{ width:calc(100% - 50px); display:block; font-size:14px; line-height:24px; color:#707070;}
.abox .box .right .list li img{ height:36px; display:block; position:absolute; right:15px; top:50%; margin-top:-18px;}
}

/*footer*/
@media screen and (min-width:1530px){
.footer{ width:100%; background-color:#222021; position:relative; z-index:1;}
.footer .foot{ width:87%; max-width:1450px; margin:60px auto; display:flex; align-items:center;}
.footer .foot .left{ flex:1;}
.footer .foot .left p{ display:block; float:left; border-bottom:2px solid #2E7D32; padding-bottom:15px; margin-bottom:5px;}
.footer .foot .left p a{ display:block; padding:0 25px; font-size:18px; line-height:28px; color:#fff; float:left;}
.footer .foot .right{ display:flex;}
.footer .foot .right li{ display:block; width:130px; border:1px solid #707070; border-radius:20px; margin-left:16px; padding:15px;}
.footer .foot .right li strong{ width:100%; height:130px; display:block; background-color:#fff; overflow:hidden; border-radius:20px;}
.footer .foot .right li strong img{ width:100%; display:block;}
.footer .foot .right li span{ display:block; text-align:center; font-size:18px; line-height:28px; margin-top:10px; color:#fff;}
.footer .bq{ width:100%; display:flex; align-items:center; justify-content:center; background-color:#0e0c0d; padding:25px 0;}
.footer .bq p{ display:block; font-size:16px; line-height:26px; color:#fff; margin:0 15px;}
.footer .bq p a{ color:#fff;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(255,152,0,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.footer{ width:100%; background-color:#222021; position:relative; z-index:1;}
.footer .foot{ width:90%; margin:40px auto; display:flex; align-items:center;}
.footer .foot .left{ flex:1;}
.footer .foot .left p{ display:block; float:left; border-bottom:2px solid #2E7D32; padding-bottom:15px; margin-bottom:5px;}
.footer .foot .left p a{ display:block; padding:0 15px; font-size:16px; line-height:26px; color:#fff; float:left;}
.footer .foot .right{ display:flex;}
.footer .foot .right li{ display:block; width:110px; border:1px solid #707070; border-radius:10px; margin-left:12px; padding:10px;}
.footer .foot .right li strong{ width:100%; height:110px; display:block; background-color:#fff; overflow:hidden; border-radius:15px;}
.footer .foot .right li strong img{ width:100%; display:block;}
.footer .foot .right li span{ display:block; text-align:center; font-size:16px; line-height:26px; margin-top:7px; color:#fff;}
.footer .bq{ width:100%; display:flex; align-items:center; justify-content:center; background-color:#0e0c0d; padding:20px 0;}
.footer .bq p{ display:block; font-size:15px; line-height:25px; color:#fff; margin:0 10px;}
.footer .bq p a{ color:#fff;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(255,152,0,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; background-color:#222021; position:relative; z-index:1;}
.footer .foot{ width:94%; margin:24px auto; margin-top:25px;}
.footer .foot .left{ width:100%;}
.footer .foot .left p{ display:flex; justify-content:space-between; border-bottom:2px solid #2E7D32; padding-bottom:5px; margin-bottom:5px;}
.footer .foot .left p a{ display:block; padding:0 5px; font-size:14px; line-height:24px; color:#fff;}
.footer .foot .right{ display:flex; justify-content:center; flex-wrap:wrap; margin-top:14px;}
.footer .foot .right li{ display:block; width:90px; border:1px solid #707070; border-radius:10px; margin:6px; padding:5px;}
.footer .foot .right li strong{ width:100%; height:90px; display:block; background-color:#fff; overflow:hidden; border-radius:10px;}
.footer .foot .right li strong img{ width:100%; display:block;}
.footer .foot .right li span{ display:block; text-align:center; font-size:14px; line-height:24px; margin-top:4px; color:#fff;}
.footer .bq{ width:100%; display:flex; align-items:center; flex-wrap:wrap; justify-content:center; background-color:#0e0c0d; padding:10px 0;}
.footer .bq p{ display:block; font-size:14px; line-height:24px; color:#fff; margin:0 5px;}
.footer .bq p a{ color:#fff;}

#gotop{ width:30px; height:30px; display:block; cursor:pointer; background-color:rgba(255,152,0,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}

/*内页*/
@media screen and (min-width:1530px){
.ban{ width:100%; height:457px; position:relative; z-index:1;}
.ban img{ width:100%; height:100%; display:block; object-fit:cover;}
.ban img.img02{ display:none;}

.sec{ width:100%; padding-top:80px; padding-bottom:15vw; background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}
.fanye{ width:100%; margin-top:50px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:18px;}
.fanye li a{ min-width:30px; padding:0 5px; height:40px; line-height:40px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:30px; padding:0 5px; height:40px; line-height:40px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#ff9800;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#ff9800;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ban{ width:100%; height:23.8vw; position:relative; z-index:1;}
.ban img{ width:100%; height:100%; display:block; object-fit:cover;}
.ban img.img02{ display:none;}

.sec{ width:100%; padding-top:60px; padding-bottom:15vw; background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}
.fanye{ width:100%; margin-top:35px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:16px;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#ff9800;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#ff9800;}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; position:relative; z-index:1; border-top:60px solid #fff;}
.ban img{ width:100%; display:block;}
.ban img.img01{ display:none;}

.sec{ width:100%; padding-top:40px; padding-bottom:15vw; background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}
.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:14px;}
.fanye li a{ min-width:18px; padding:0 5px; height:28px; line-height:28px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:18px; padding:0 5px; height:28px; line-height:28px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#ff9800;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#ff9800;}
}

/*新闻中心*/
@media screen and (min-width:1530px){
.news{ width:87%; max-width:1450px; display:block; margin:auto; margin-top:-50px;}
.news li{ width:48.5%; float:left; margin-top:50px; margin-left:3%; background-color:#fffaef; box-sizing:border-box; border:1px solid #dfdfdf; border-radius:15px; overflow:hidden;}
.news li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.news li .tu{ width:49.16%; height:210px; float:left;}
.news li .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.news li .wen{ width:50.84%; padding:25px 30px; height:210px; box-sizing:border-box; float:left; position:relative;}
.news li .wen .w01{ font-size:20px; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap; font-weight:700;}
.news li .wen .w01:hover{ color:#ff9800;}
.news li .wen .w02{ width:70px; height:2px; background-color:#ff9800; margin-top:5px;}
.news li .wen .w03{ font-size:16px; line-height:26px; max-height:78px; margin-top:10px; vertical-align:middle;}
.news li .wen .w03 span{ display:inline-block; font-size:12px; line-height:16px; border-radius:5px; background-color:#ff9800; color:#fff; padding:0 10px; overflow:hidden; vertical-align:middle; margin-left:5px;}
.news li .wen .w04{ font-size:14px; line-height:24px; position:absolute; left:30px; bottom:25px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.news{ width:90%; display:block; margin:auto; margin-top:-35px;}
.news li{ width:48.7%; float:left; margin-top:35px; margin-left:2.6%; background-color:#fffaef; box-sizing:border-box; border:1px solid #dfdfdf; border-radius:20px; overflow:hidden;}
.news li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.news li .tu{ width:49.16%; height:190px; float:left;}
.news li .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.news li .wen{ width:50.84%; padding:15px 20px; height:190px; box-sizing:border-box; float:left; position:relative;}
.news li .wen .w01{ font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap; font-weight:700;}
.news li .wen .w01:hover{ color:#ff9800;}
.news li .wen .w02{ width:50px; height:2px; background-color:#ff9800; margin-top:5px;}
.news li .wen .w03{ font-size:15px; line-height:25px; max-height:75px; margin-top:10px; vertical-align:middle;}
.news li .wen .w03 span{ display:inline-block; font-size:12px; line-height:16px; border-radius:5px; background-color:#ff9800; color:#fff; padding:0 10px; overflow:hidden; vertical-align:middle; margin-left:5px;}
.news li .wen .w04{ font-size:14px; line-height:24px; position:absolute; left:20px; bottom:15px;}
}
@media only screen and (max-width:1023px){
.news{ width:94%; display:block; margin:auto; margin-top:-20px;}
.news li{ width:100%; float:left; margin-top:20px; background-color:#fffaef; box-sizing:border-box; border:1px solid #dfdfdf; border-radius:10px; overflow:hidden;}
.news li .tu{ width:100%; padding-top:78%; float:left; position:relative;}
.news li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.news li .wen{ width:100%; padding:15px; box-sizing:border-box; float:left; position:relative;}
.news li .wen .w01{ font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap; font-weight:700;}
.news li .wen .w01:hover{ color:#ff9800;}
.news li .wen .w02{ width:30px; height:2px; background-color:#ff9800; margin-top:5px;}
.news li .wen .w03{ font-size:14px; line-height:24px; max-height:72px; margin-top:10px; vertical-align:middle;}
.news li .wen .w03 span{ display:inline-block; font-size:12px; line-height:16px; border-radius:5px; background-color:#ff9800; color:#fff; padding:0 10px; overflow:hidden; vertical-align:middle; margin-left:5px;}
.news li .wen .w04{ font-size:14px; line-height:24px; margin-top:5px;}
}

/*新闻中心内页*/
@media screen and (min-width:1530px){
.ny{ width:87%; max-width:1450px; display:block; margin:-5px auto;}
.ny .w01{ font-size:30px; line-height:40px; font-weight:bold; text-align:center;}
.ny .w02{ text-align:center; font-size:16px; line-height:26px; margin-top:10px;}
.ny .w03{ font-size:18px; line-height:2; margin-top:45px;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%; border-top:1px solid #c4c4c4; margin-top:45px; padding-top:15px;}
.ny .w04 .left{ float:left; font-size:18px; line-height:28px;}
.ny .w04 .left a{ display:block; overflow:hidden;}
.ny .w04 .left a img{ display:block; height:16px; float:left; margin:6px 10px; margin-left:0;}
.ny .w04 .left a:hover{ color:#ff9800;}
.ny .w04 .right{ float:right; font-size:18px; line-height:28px;}
.ny .w04 .right a{ display:block; float:left; margin-left:30px;}
.ny .w04 .right a:hover{ color:#ff9800;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ny{ width:90%; display:block; margin:-5px auto;}
.ny .w01{ font-size:24px; line-height:34px; font-weight:bold; text-align:center;}
.ny .w02{ text-align:center; font-size:15px; line-height:25px; margin-top:7px;}
.ny .w03{ font-size:16px; line-height:2; margin-top:30px;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%; border-top:1px solid #c4c4c4; margin-top:30px; padding-top:10px;}
.ny .w04 .left{ float:left; font-size:16px; line-height:26px;}
.ny .w04 .left a{ display:block; overflow:hidden;}
.ny .w04 .left a img{ display:block; height:14px; float:left; margin:6px 7px; margin-left:0;}
.ny .w04 .left a:hover{ color:#ff9800;}
.ny .w04 .right{ float:right; font-size:16px; line-height:26px;}
.ny .w04 .right a{ display:block; float:left; margin-left:20px;}
.ny .w04 .right a:hover{ color:#ff9800;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; display:block; margin:-5px auto;}
.ny .w01{ font-size:18px; line-height:28px; font-weight:bold; text-align:center;}
.ny .w02{ text-align:center; font-size:14px; line-height:24px; margin-top:4px;}
.ny .w03{ font-size:14px; line-height:2; margin-top:15px;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%; border-top:1px solid #c4c4c4; margin-top:15px; padding-top:5px;}
.ny .w04 .left{ float:left; font-size:14px; line-height:24px;}
.ny .w04 .left a{ display:block; overflow:hidden;}
.ny .w04 .left a img{ display:block; height:12px; float:left; margin:6px 4px; margin-left:0;}
.ny .w04 .left a:hover{ color:#ff9800;}
.ny .w04 .right{ float:right; font-size:14px; line-height:24px;}
.ny .w04 .right a{ display:block; margin-left:10px;}
.ny .w04 .right a:hover{ color:#ff9800;}
}

/*农产品*/
@media screen and (min-width:1530px){
.pro{ width:87%; max-width:1450px; display:block; margin:auto; margin-top:80px;}
.pro:first-child{ margin-top:0;}
.titles{ width:100%;}
.titles img{ display:block; height:36px; float:left;}
.titles b{ display:block; float:left; font-size:24px; line-height:36px; font-weight:bold; margin:0 10px; color:#ff9800;}
.titles p{ display:block; float:left; font-size:18px; line-height:28px; margin-top:8px; color:#afafaf;}
.pro .list{ width:100%; display:block;}
.pro .list li{ width:31.77%; float:left; margin-top:40px; margin-left:2.345%; background-color:#fffaef; border-radius:20px; overflow:hidden;}
.pro .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro .list li .tu{ width:100%; padding-top:76.24%; position:relative;}
.pro .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.pro .list li .wen{ width:100%; padding:30px; padding-top:25px; box-sizing:border-box; position:relative;}
.pro .list li .wen .w01{ font-size:24px; line-height:34px; height:34px; text-overflow:ellipsis; white-space:nowrap; font-weight:700;}
.pro .list li .wen .w01:hover{ color:#ff9800;}
.pro .list li .wen .w02{ width:70px; height:2px; background-color:#ff9800; margin-top:5px;}
.pro .list li .wen .w03{ font-size:18px; line-height:28px; height:112px; margin-top:10px; color:#8C8C8C;}
.pro .list li .wen .w04{ margin-top:25px;}
.pro .list li .wen .w04 span{ display:block; float:right; font-size:18px; height:38px; line-height:38px; padding:0 20px; border-radius:38px; background-color:#ff9800; color:#fff; overflow:hidden;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pro{ width:90%; display:block; margin:auto; margin-top:60px;}
.pro:first-child{ margin-top:0;}
.titles{ width:100%;}
.titles img{ display:block; height:30px; float:left;}
.titles b{ display:block; float:left; font-size:20px; line-height:30px; font-weight:bold; margin:0 7px; color:#ff9800;}
.titles p{ display:block; float:left; font-size:16px; line-height:26px; margin-top:4px; color:#afafaf;}
.pro .list{ width:100%; display:block;}
.pro .list li{ width:31.77%; float:left; margin-top:30px; margin-left:2.345%; background-color:#fffaef; border-radius:15px; overflow:hidden;}
.pro .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro .list li .tu{ width:100%; padding-top:76.24%; position:relative;}
.pro .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.pro .list li .wen{ width:100%; padding:25px; padding-top:20px; box-sizing:border-box; position:relative;}
.pro .list li .wen .w01{ font-size:20px; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap; font-weight:700;}
.pro .list li .wen .w01:hover{ color:#ff9800;}
.pro .list li .wen .w02{ width:50px; height:2px; background-color:#ff9800; margin-top:5px;}
.pro .list li .wen .w03{ font-size:16px; line-height:26px; height:104px; margin-top:10px; color:#8C8C8C;}
.pro .list li .wen .w04{ margin-top:15px;}
.pro .list li .wen .w04 span{ display:block; float:right; font-size:16px; height:36px; line-height:36px; padding:0 20px; border-radius:38px; background-color:#ff9800; color:#fff; overflow:hidden;}
}
@media only screen and (max-width:1023px){
.pro{ width:94%; display:block; margin:auto; margin-top:40px;}
.pro:first-child{ margin-top:0;}
.titles{ width:100%;}
.titles img{ display:block; height:26px; float:left;}
.titles b{ display:block; float:left; font-size:16px; line-height:26px; font-weight:bold; margin:0 4px; color:#ff9800;}
.titles p{ display:block; float:left; font-size:14px; line-height:24px; margin-top:2px; color:#afafaf;}
.pro .list{ width:100%; display:block;}
.pro .list li{ width:100%; float:left; margin-top:20px; background-color:#fffaef; border-radius:15px; overflow:hidden;}
.pro .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro .list li .tu{ width:100%; padding-top:76.24%; position:relative;}
.pro .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.pro .list li .wen{ width:100%; padding:15px; padding-bottom:20px; box-sizing:border-box; position:relative;}
.pro .list li .wen .w01{ font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap; font-weight:700;}
.pro .list li .wen .w01:hover{ color:#ff9800;}
.pro .list li .wen .w02{ width:30px; height:2px; background-color:#ff9800; margin-top:5px;}
.pro .list li .wen .w03{ font-size:14px; line-height:24px; height:72px; margin-top:10px; color:#8C8C8C;}
.pro .list li .wen .w04{ margin-top:10px;}
.pro .list li .wen .w04 span{ display:block; float:right; font-size:14px; height:34px; line-height:34px; padding:0 15px; border-radius:38px; background-color:#ff9800; color:#fff; overflow:hidden;}
}

/*农产品内页*/
@media screen and (min-width:1530px){
.pro .box{ width:100%; display:block; margin-top:40px;}
.pro .box .left{ width:50%; float:left; border-radius:20px;}
.pro .box .left img{ width:100%; display:block;}
.pro .box .right{ margin-left:4.5%; width:45.5%; float:right;}
.pro .box .right .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.pro .box .right .w02{ font-size:18px; line-height:38px; margin-top:15px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pro .box{ width:100%; display:block; margin-top:30px;}
.pro .box .left{ width:50%; float:left; border-radius:15px;}
.pro .box .left img{ width:100%; display:block;}
.pro .box .right{ margin-left:3%; width:47%; float:right;}
.pro .box .right .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.pro .box .right .w02{ font-size:16px; line-height:30px; margin-top:7px;}
}
@media only screen and (max-width:1023px){
.pro .box{ width:100%; display:block; margin-top:20px;}
.pro .box .left{ width:100%; float:left; border-radius:10px;}
.pro .box .left img{ width:100%; display:block;}
.pro .box .right{ margin-top:10px; width:100%; float:right;}
.pro .box .right .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.pro .box .right .w02{ font-size:14px; line-height:24px; margin-top:5px;}
}

/*生态旅游*/
@media screen and (min-width:1530px){
.stai{ width:87%; max-width:1450px; display:block; margin:auto;}
.stai .box{ width:100%; margin-top:40px; display:flex; align-items:center;}
.stai .box:nth-child(2n+1){ flex-direction:row-reverse;}
.stai .box .left{ width:360px; height:360px; border-radius:100%; padding:15px; background-color:#ffce9e;}
.stai .box .left a{ width:100%; height:100%; display:block; overflow:hidden; border-radius:100%;}
.stai .box .left a img{ width:100%; height:100%; display:block; object-fit:cover;}
.stai .box .right{ margin-left:40px; flex:1; border-bottom:1px dashed #ff9800; padding-bottom:25px;}
.stai .box:nth-child(2n+1) .right{ margin-left:0; margin-right:40px;}
.stai .box .right .w01{ font-size:30px; line-height:1; color:#e9e9e9; text-transform:uppercase;}
.stai .box .right .w02{ font-size:24px; line-height:34px; font-weight:bold;}
.stai .box .right .w03{ font-size:18px; line-height:28px; color:#797979; margin-top:10px;}
.stai01{ width:87%; max-width:1450px; display:block; margin:auto; margin-top:80px;}
.stai01 .box{ width:100%; display:flex; flex-wrap:wrap;}
.stai01 .box li{ display:block; margin-top:40px; width:24.13%; position:relative; padding-bottom:20px; margin-left:13.805%;}
.stai01 .box li:nth-child(3n+1){ margin-left:0;}
.stai01 .box li strong{ display:block; overflow:hidden; width:100%; box-sizing:border-box; border-radius:100%; border:15px solid #ffce9e; position:relative;}
.stai01 .box li strong:before{ width:100%; display:block; content:''; padding-top:100%;}
.stai01 .box li strong img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.stai01 .box li p{ display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:0; line-height:34px; font-size:24px; color:#fff; background-color:#ff9800; border-radius:40px; width:60%; text-align:center; padding:5px 20px; box-sizing:border-box;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.stai{ width:90%; display:block; margin:auto;}
.stai .box{ width:100%; margin-top:30px; display:flex; align-items:center;}
.stai .box:nth-child(2n+1){ flex-direction:row-reverse;}
.stai .box .left{ width:24vw; height:24vw; border-radius:100%; padding:10px; background-color:#ffce9e;}
.stai .box .left a{ width:100%; height:100%; display:block; overflow:hidden; border-radius:100%;}
.stai .box .left a img{ width:100%; height:100%; display:block; object-fit:cover;}
.stai .box .right{ margin-left:30px; flex:1; border-bottom:1px dashed #ff9800; padding-bottom:20px;}
.stai .box:nth-child(2n+1) .right{ margin-left:0; margin-right:30px;}
.stai .box .right .w01{ font-size:24px; line-height:1; color:#e9e9e9; text-transform:uppercase;}
.stai .box .right .w02{ font-size:20px; line-height:30px; font-weight:bold;}
.stai .box .right .w03{ font-size:16px; line-height:26px; color:#797979; margin-top:7px;}
.stai01{ width:90%; display:block; margin:auto; margin-top:60px;}
.stai01 .box{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.stai01 .box li{ display:block; margin-top:30px; width:28%; position:relative; padding-bottom:20px; margin-left:8%;}
.stai01 .box li:nth-child(3n+1){ margin-left:0;}
.stai01 .box li strong{ display:block; overflow:hidden; width:100%; box-sizing:border-box; border-radius:100%; border:10px solid #ffce9e; position:relative;}
.stai01 .box li strong:before{ width:100%; display:block; content:''; padding-top:100%;}
.stai01 .box li strong img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.stai01 .box li p{ display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:0; line-height:30px; font-size:20px; color:#fff; background-color:#ff9800; border-radius:40px; width:60%; text-align:center; padding:5px 15px; box-sizing:border-box;}
}
@media only screen and (max-width:1023px){
.stai{ width:94%; display:block; margin:auto;}
.stai .box{ width:100%; margin-top:20px;}
.stai .box .left{ max-width:300px; box-sizing:border-box; margin:auto; border-radius:100%; padding:10px; background-color:#ffce9e;}
.stai .box .left a{ width:100%; position:relative; display:block; overflow:hidden; border-radius:100%;}
.stai .box .left a:before{ width:100%; display:block; content:''; padding-top:100%;}
.stai .box .left a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.stai .box .right{ margin-top:10px; border-bottom:1px dashed #ff9800; padding-bottom:15px;}
.stai .box:nth-child(2n+1) .right{ margin-left:0; margin-right:30px;}
.stai .box .right .w01{ font-size:20px; line-height:1; color:#e9e9e9; text-transform:uppercase;}
.stai .box .right .w02{ font-size:16px; line-height:26px; font-weight:bold;}
.stai .box .right .w03{ font-size:14px; line-height:24px; color:#797979; margin-top:4px;}
.stai01{ width:94%; display:block; margin:auto; margin-top:40px;}
.stai01 .box{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.stai01 .box li{ display:block; margin-top:20px; width:31.33%; position:relative; padding-bottom:10px; margin-left:3%;}
.stai01 .box li:nth-child(3n+1){ margin-left:0;}
.stai01 .box li strong{ display:block; overflow:hidden; width:100%; box-sizing:border-box; border-radius:100%; border:5px solid #ffce9e; position:relative;}
.stai01 .box li strong:before{ width:100%; display:block; content:''; padding-top:100%;}
.stai01 .box li strong img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.stai01 .box li p{ display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:0; line-height:22px; font-size:16px; color:#fff; background-color:#ff9800; border-radius:40px; width:100%; text-align:center; padding:5px 10px; box-sizing:border-box;}
}

/*旗下餐饮*/
@media screen and (min-width:1530px){
.cy{ width:87%; max-width:1450px; display:block; margin:auto; margin-top:70px;}
.cy:first-child{ margin-top:0;}
.cy .box{ width:100%; position:relative; padding:0 100px; box-sizing:border-box;}
.cy .box .swiper-button-white{ width:70px; position:absolute; top:50%; margin-top:-35px; cursor:pointer;}
.cy .box .swiper-button-white img{ width:100%; display:block;}
.cy .box .swiper-button-prev{ left:0;}
.cy .box .swiper-button-next{ right:0;}
.cy .box .swiper-container{ width:100%;}
.cy .box .swiper-slide{ width:31.33%; margin:0 1.5%;}
.cy .box .swiper-slide .tu{ display:block; overflow:hidden; width:100%; box-sizing:border-box; border-radius:100%; border:15px solid #ffce9e; position:relative;}
.cy .box .swiper-slide .tu:before{ width:100%; display:block; content:''; padding-top:100%;}
.cy .box .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.cy .box .swiper-slide .wz{ font-size:24px; line-height:34px; text-align:center; margin-top:16px;}
.cy .wen{ width:100%; font-size:18px; line-height:38px; margin-top:30px;}
.cy .wen img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.cy{ width:90%; display:block; margin:auto; margin-top:53px;}
.cy:first-child{ margin-top:0;}
.cy .box{ width:100%; position:relative; padding:0 76px; box-sizing:border-box;}
.cy .box .swiper-button-white{ width:56px; position:absolute; top:50%; margin-top:-28px; cursor:pointer;}
.cy .box .swiper-button-white img{ width:100%; display:block;}
.cy .box .swiper-button-prev{ left:0;}
.cy .box .swiper-button-next{ right:0;}
.cy .box .swiper-container{ width:100%;}
.cy .box .swiper-slide{ width:31.33%; margin:0 1.5%;}
.cy .box .swiper-slide .tu{ display:block; overflow:hidden; width:100%; box-sizing:border-box; border-radius:100%; border:10px solid #ffce9e; position:relative;}
.cy .box .swiper-slide .tu:before{ width:100%; display:block; content:''; padding-top:100%;}
.cy .box .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.cy .box .swiper-slide .wz{ font-size:20px; line-height:30px; text-align:center; margin-top:10px;}
.cy .wen{ width:100%; font-size:16px; line-height:30px; margin-top:23px;}
.cy .wen img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.cy{ width:94%; display:block; margin:auto; margin-top:35px;}
.cy:first-child{ margin-top:0;}
.cy .box{ width:100%; position:relative; padding:0 50px; box-sizing:border-box;}
.cy .box .swiper-button-white{ width:40px; position:absolute; top:50%; margin-top:-20px; cursor:pointer;}
.cy .box .swiper-button-white img{ width:100%; display:block;}
.cy .box .swiper-button-prev{ left:0;}
.cy .box .swiper-button-next{ right:0;}
.cy .box .swiper-container{ width:100%;}
.cy .box .swiper-slide{ width:100%; margin:0 1.5%;}
.cy .box .swiper-slide .tu{ display:block; overflow:hidden; width:100%; box-sizing:border-box; border-radius:100%; border:5px solid #ffce9e; position:relative;}
.cy .box .swiper-slide .tu:before{ width:100%; display:block; content:''; padding-top:100%;}
.cy .box .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.cy .box .swiper-slide .wz{ font-size:16px; line-height:26px; text-align:center; margin-top:10px;}
.cy .wen{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.cy .wen img{ max-width:100%; height:auto !important;}
}

/*关于我们*/
@media screen and (min-width:1530px){
.ab01{ width:87%; max-width:1450px; display:block; margin:auto; margin-top:80px;}
.ab01:first-child{ margin-top:0;}
.ab01 .box{ padding:40px; margin-top:40px; border:1px solid #959595; border-radius:20px; display:flex; align-items:center;}
.ab01 .box .tu{ width:25.71%; float:left; border-radius:15px;}
.ab01 .box .tu img{ width:100%; display:block;}
.ab01 .box .wen{ flex:1; margin-left:30px; font-size:18px; line-height:2;}

.ab02{ width:87%; max-width:1450px; display:block; margin:auto; margin-top:80px;}
.ab02 .box{ padding:40px; padding-bottom:0; margin-top:40px; border:1px solid #959595; border-radius:20px; display:flex; align-items:center;}
.ab02 .box ul{ width:100%; display:block;}
.ab02 .box ul li{ width:23.26%; display:block; float:left; margin-left:2.32%; margin-bottom:35px;}
.ab02 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box ul li strong{ width:100%; padding-top:100%; border-radius:15px; position:relative; overflow:hidden; display:block;}
.ab02 .box ul li strong img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.ab02 .box ul li p{ display:block; font-size:18px; line-height:28px; margin-top:10px; text-align:center;}

.ab03{ width:87%; max-width:1450px; display:block; margin:auto; margin-top:80px;}
.ab03 .box{ padding:40px; padding-bottom:0; margin-top:40px; border:1px solid #959595; border-radius:20px; display:flex; align-items:center;}
.ab03 .box ul{ width:100%; display:block;}
.ab03 .box ul li{ width:23.26%; display:block; float:left; margin-left:2.32%; margin-bottom:35px;}
.ab03 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box ul li strong{ width:100%; padding-top:66.44%; position:relative; overflow:hidden; display:block;}
.ab03 .box ul li strong img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ab01{ width:90%; display:block; margin:auto; margin-top:60px;}
.ab01:first-child{ margin-top:0;}
.ab01 .box{ padding:30px; margin-top:30px; border:1px solid #959595; border-radius:15px; display:flex; align-items:center;}
.ab01 .box .tu{ width:25.71%; float:left; border-radius:10px;}
.ab01 .box .tu img{ width:100%; display:block;}
.ab01 .box .wen{ flex:1; margin-left:20px; font-size:16px; line-height:2;}

.ab02{ width:90%; display:block; margin:auto; margin-top:60px;}
.ab02 .box{ padding:30px; padding-bottom:0; margin-top:30px; border:1px solid #959595; border-radius:15px; display:flex; align-items:center;}
.ab02 .box ul{ width:100%; display:block;}
.ab02 .box ul li{ width:23.26%; display:block; float:left; margin-left:2.32%; margin-bottom:35px;}
.ab02 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box ul li strong{ width:100%; padding-top:100%; border-radius:10px; position:relative; overflow:hidden; display:block;}
.ab02 .box ul li strong img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.ab02 .box ul li p{ display:block; font-size:16px; line-height:26px; margin-top:7px; text-align:center;}

.ab03{ width:90%; display:block; margin:auto; margin-top:60px;}
.ab03 .box{ padding:30px; padding-bottom:0; margin-top:30px; border:1px solid #959595; border-radius:20px; display:flex; align-items:center;}
.ab03 .box ul{ width:100%; display:block;}
.ab03 .box ul li{ width:23.26%; display:block; float:left; margin-left:2.32%; margin-bottom:25px;}
.ab03 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box ul li strong{ width:100%; padding-top:66.44%; position:relative; overflow:hidden; display:block;}
.ab03 .box ul li strong img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}
@media only screen and (max-width:1023px){
.ab01{ width:94%; display:block; margin:auto; margin-top:30px;}
.ab01:first-child{ margin-top:0;}
.ab01 .box{ padding:15px; padding-bottom:10px; margin-top:20px; border:1px solid #959595; border-radius:10px;}
.ab01 .box .tu{ width:100%; border-radius:5px;}
.ab01 .box .tu img{ width:100%; display:block;}
.ab01 .box .wen{ margin-top:10px; font-size:14px; line-height:24px;}

.ab02{ width:94%; display:block; margin:auto; margin-top:30px;}
.ab02 .box{ padding:15px; padding-bottom:0; margin-top:30px; border:1px solid #959595; border-radius:10px; display:flex; align-items:center;}
.ab02 .box ul{ width:100%; display:block;}
.ab02 .box ul li{ width:48.5%; display:block; float:left; margin-left:3%; margin-bottom:10px;}
.ab02 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box ul li strong{ width:100%; padding-top:100%; border-radius:5px; position:relative; overflow:hidden; display:block;}
.ab02 .box ul li strong img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.ab02 .box ul li p{ display:block; font-size:14px; line-height:24px; margin-top:4px; text-align:center;}

.ab03{ width:94%; display:block; margin:auto; margin-top:30px;}
.ab03 .box{ padding:15px; padding-bottom:0; margin-top:20px; border:1px solid #959595; border-radius:10px; display:flex; align-items:center;}
.ab03 .box ul{ width:100%; display:block;}
.ab03 .box ul li{ width:48.5%; display:block; float:left; margin-left:3%; margin-bottom:15px;}
.ab03 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box ul li strong{ width:100%; padding-top:66.44%; position:relative; overflow:hidden; display:block;}
.ab03 .box ul li strong img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}