@charset "utf-8"; * {word-wrap: break-word; padding:0px; margin:0px;} p {margin:10px 0;} ul,li {list-style:none;} form, img {margin:0; border:0px; padding:0; vertical-align:top;} a {color:#000; transition: all 0.2s; text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); blr:expression(this.onFocus=this.blur()); outline:none; } a:hover {color:#333; text-decoration:none; transition: all 0.2s;} select,input,textarea{font:18px Helvetica, sans-serif;} .clear {clear:both;} .b {font-weight:bold;} .xt {font-style:italic;} .s1 {color:#000;} .s1 a{color:#000;} .s1 a:hover{color:#000;} .s2 {color:#666;} .s2 a{color:#666;} .s2 a:hover{color:#000;} .s3 {color:#999;} .s3 a{color:#999;} .s3 a:hover{color:#000;} .s4 {color:#fff;} .s4 a{color:#fff;} .s4 a:hover{color:#fff;} .s5 {color:#ffcc00;} .s5 a{color:#ffcc00;} .s5 a:hover{color:#ffcc00;} @font-face { font-family: 'Gotham-Book'; src: url('../font/Gotham-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'iconfont'; src: url('../font/iconfont.woff2?t=1688515173500') format('woff2'), url('../font/iconfont.woff?t=1688515173500') format('woff'), url('../font/iconfont.ttf?t=1688515173500') format('truetype'); } .iconfont {font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*统一文字居中*/ .tc {text-align:center;} /*****************************************************************************************************************************************************************/ /************************************************************************ PC端 ***********************************************************************************/ /*****************************************************************************************************************************************************************/ @media screen and (min-width: 1367px){ body {width:100%; height:100%; margin: 0px; font:15px Gotham-Book, Helvetica, Arial, sans-serif; color:#000; background:#f5f5f5;_background-attachment:fixed;_background-image:url(about:blank);} .f12 {font-size:12px;} .f14 {font-size:14px;} .f16 {font-size:16px;} .f18 {font-size:18px;} .f22 {font-size:22px;} .f26 {font-size:26px;} .f30 {font-size:30px;} .f36 {font-size:36px;} /*页面宽度*/ #main-block {margin:0 15%;} /*隐藏移动端*/ #mobile-nav, #mobile-menu, #mobile-footer {display:none;} /*头部*/ #header {background:rgba(255,255,255,0.95); width:100%; position:fixed; top:0; left:0; z-index:99; height:70px; box-shadow:0 0 10px rgba(102, 102, 102, .1);} #header .block {margin:0 2%; position:relative;} #header .logo {float:left;} #header .logo a {background:url(../images/logo.png) no-repeat; width:166px; height:46px; background-size:100%; display:block; margin:12px 0;} #header .contact {float:right; margin-top:12px;} #header .contact a {text-align:center; width:120px; padding:12px; display:block; border-radius:50px;} #header .contact a:hover {background:#000; color:#fff;} /*导航*/ #nav {position:absolute; top:46%; left:20%; transform: translate(0,-46%);} #nav li {float:left; margin-left:3vw; display:block; background:linear-gradient( to right, #ffcc00, #ffcc00) no-repeat left bottom; background-size: 0 4px; transition: all 0.2s;} #nav li:hover {background-size: 100% 4px;} #nav .nav1 {height:46px; line-height:46px; display:block;} #nav .nav2 {padding-top:18px; position:absolute; display:none;} #nav .nav2 a {padding:0.8vw 1.8vw; display:block; white-space:nowrap;} #nav .nav3 {background:rgba(255,255,255,0.95); border-radius:5px; margin-left:-1.8vw; box-shadow:-5px 5px 10px -5px rgba(102, 102, 102, .1), /* 左边阴影 */5px 0 10px -5px rgba(102, 102, 102, .1); /* 右边阴影 */} #nav li .active {font-weight:bold;} /*首页banner*/ #index-banner {padding:0 0 1% 0; overflow:hidden; background:url(../images/index_banner.jpg) #f5f5f5 center top no-repeat; background-size:100% auto;} #index-banner .bt {padding:110px 0 30px 0;} #index-banner .swiper {overflow:hidden; padding:0 0 4% 0;} #index-banner .swiper .swiper-slide {overflow:hidden; width:100%; padding-left:-1px;} #index-banner .swiper .pic {float:left; width:60%; overflow:hidden; padding:0 10px 10px 1px;} #index-banner .swiper .pic img {width:100%; height:100%; border-radius:15px; box-shadow: 5px 5px 5px rgba(255, 204, 0, .1); transition: all 0.2s;} #index-banner .swiper .content {float:right; padding:0 3% 0 2%; width:33%; overflow:hidden; margin-right:1px;} #index-banner .swiper .txta {font-size:30px;} #index-banner .swiper .txtb {padding-top:10%; font-size:18px; line-height:180%;} #index-banner .swiper .txtb img {height:30px; padding:0 0 5% 0;} #index-banner .swiper .more a {margin-top:2vw; text-align:center; width:6vw; padding:0.7vw; background:#ffcc00; display:block; border-radius:50px;} #index-banner .swiper .more a:hover {background:#fff;} #index-banner .swiper .swiper-button-prev,#index-banner .swiper .swiper-button-next{display:none;} #index-banner .swiper:hover .swiper-button-prev,#index-banner .swiper:hover .swiper-button-next {display:block; margin:0 20px; width:60px; height:60px; line-height:60px; border-radius:100%; font-size:24px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.1); transition: all 0.2s;} #index-banner .swiper .swiper-button-prev:hover, #index-banner .swiper .swiper-button-next:hover {background-color:rgba(0,0,0,0.2); transition: all 0.2s;} #index-banner .swiper .swiper-button-prev::after, #index-banner .swiper .swiper-button-next::after {display:none;} #index-banner .swiper-pagination-bullet {background:#ddd; width:12px; height:12px; opacity:1;} #index-banner .swiper-pagination-bullet-active {background:#ffcc00;} /*首页热门*/ #index-hot {margin:0; padding:0 0 50px 0;} #index-hot .list {margin-top:30px; margin-bottom:-3%;} #index-hot .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #index-hot .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff; } #index-hot .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #index-hot .list li .pic {overflow:hidden; height:13vw; border-radius:15px 15px 0 0;} #index-hot .list li .pic img {width:100%; min-height:13vw; transition: all 0.3s;} #index-hot .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #index-hot .list .title {margin:20px 20px 0 20px; text-align:justify;} #index-hot .list .detail {margin:20px; line-height:150%; text-align:justify;} /*首页定制*/ #custom {background:#ffcc00; padding:3.5vw 0 2.8vw 0;} #custom .text {float:left; line-height:300%;} #custom .text .bt {font-size:36px;} #custom .menu {float:right; margin-top:6px;} #custom .menu a {background:#000; color:#fff; padding:0.8vw 2.5vw; text-align:center; display:block; border-radius:50px;} #custom .menu a:hover {background:#fff; color:#000;} /*首页特点*/ #choice {margin:0; padding:50px 0;} #choice .list {padding-top:50px; margin-bottom:-3%;} #choice .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #choice .list li {flex-basis:calc(30.33%); padding:40px 0; margin:0 0 3% 3%; transition: all 0.2s; background:#fff; border-radius:15px; box-shadow:0 0 15px rgba(170, 170, 170, .1);} #choice .list li:hover {transform: scale(1.03);} #choice .list li .iconfont {transition: all 0.2s; font-size:40px; width:85px; height:85px; line-height:85px; margin:auto; color:#ffcc00; border:1px #ddd solid; border-radius:100px;} #choice .list li:hover .iconfont {background:#000; color:#ffcc00; border:1px #000 solid; transition: all 0.2s;} #choice .list li .title {padding-top:20px;} #choice .list li .detail {padding:20px 40px 0 40px; line-height:150%;} /*首页热门国家*/ #index-country {padding:50px 0 40px 0; overflow:hidden; background:#fff;} #index-country .swiper {margin-top:50px; padding:0 0 60px 0;} #index-country .swiper .swiper-wrapper {margin-left:-4%;} #index-country .swiper .swiper-slide {overflow:hidden; width:100%; height:25vw; border-radius:15px;} #index-country .swiper .swiper-slide img {width:100%; min-height:25vw; transition: all 0.3s;} #index-country .swiper .swiper-slide:hover img {transform: scale(1.1); transition: all 0.3s;} #index-country .swiper-pagination-bullet {background:#ddd; width:12px; height:12px; opacity:1;} #index-country .swiper-pagination-bullet-active {background:#ffcc00;} #index-country .swiper .title {position:absolute; z-index:2; width:100%; padding:20px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} /*首页新闻*/ #index-news {margin:0; padding:50px 0;} #index-news .list {margin-top:30px; margin-bottom:-3%;} #index-news .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #index-news .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #index-news .list li:nth-of-type(3n+1){clear:both;} #index-news .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #index-news .list li .pic {overflow:hidden; height:13vw; border-radius:15px 15px 0 0;} #index-news .list li .pic img {width:100%; min-height:13vw; transition: all 0.3s;} #index-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #index-news .list .title {margin:20px 20px 0 20px; text-align:justify;} #index-news .list .date {margin:20px 0 0 20px;} #index-news .list .detail {margin:20px; line-height:150%; text-align:justify;} /*首页关注*/ #index-ewm {margin:0; padding:50px 0; background:#fff;} #index-ewm .list {margin-top:30px; overflow:hidden;} #index-ewm .list ul {margin-left:-3%;} #index-ewm .list li {float:left; width:30.33%; margin-left:3%; line-height:220%;} #index-ewm .list li .pic {float:left; margin-right:20px; overflow:hidden;} #index-ewm .list li .pic img {width:80px; height:80px;} /*底部*/ #footer {background:url(../images/map.png) #333 center center; padding:50px 0 0 0; color:#ccc;} #footer a {color:#ccc;} #footer a:hover {color:#fff;} #footer .list ul {margin-left:-3%;} #footer .list li {float:left; width:30.33%; margin-left:3%;} #footer .menu li {margin-top:30px;} #footer .contact div {margin-top:30px;} #footer .copyright {margin-top:50px; border-top:1px #444 solid; padding:20px 0;} /**************内页***************/ #n-banner {position:relative; margin:70px 0 30px 0; height:260px; background:#eee; overflow:hidden;} #n-banner img {width:auto;} #n-banner .content {position:absolute; z-index:2; top:50%; transform: translate(0,-50%); left:15%; font-size:36px;} #n-banner .line {margin-top:20px; width:50px; height:4px; background:#ffcc00;} /*内页面包屑*/ #n-nav {margin-top:70px; padding-top:20px;} /*内页导航按钮*/ #n-menu {margin-bottom:10px;} #n-menu li {float:left; margin-right:10px;} #n-menu li a {padding:0.8vw 1.2vw; background:#eee; border-radius:50px;} #n-menu li a:hover {background:#ffcc00;} #n-menu li .active {background:#ffcc00;} /*内页关于*/ #n-about {padding:20px 0 50px 0; min-height:300px;} #n-about .content {line-height:220%; background:#fff; border-radius:15px; padding:3%; text-align:justify;} #n-about .title {margin-bottom:50px;} #n-about img {max-width:100%;} /*内页资质*/ #n-certificate {padding:20px 0 50px 0; min-height:300px;} #n-certificate .list {column-count:4; column-gap:3%;} #n-certificate .list li {width:100%; overflow:hidden; margin-bottom:2vw; border-radius:15px;} #n-certificate .list li .pic {overflow:hidden; width:100%; border-radius:15px 15px 0 0;} #n-certificate .list li .pic img {width:100%; transition: all 0.3s;} #n-certificate .list li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-certificate .list .title {padding:1vw 0; width:100%; background:#fff;} /*内页路线*/ #n-route {padding:20px 0 50px 0; min-height:300px;} #n-route .list {margin-bottom:-3%; overflow:hidden;} #n-route .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-route .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #n-route .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #n-route .list li .pic {overflow:hidden; height:13vw; border-radius:15px 15px 0 0;} #n-route .list li .pic img {width:100%; min-height:13vw; transition: all 0.3s;} #n-route .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-route .list .title {margin:20px 20px 0 20px; text-align:justify;} #n-route .list .detail {margin:20px; line-height:150%; text-align:justify;} #n-route .info {background:#fff; border-radius:15px; padding:3%;} #n-route .info .left {float:left; width:52%; overflow:hidden;} #n-route .info .left img {width:100%; height:100%; border-radius:15px; box-shadow: 5px 5px 5px rgba(255, 204, 0, .1); transition: all 0.2s;} #n-route .info .right {float:right; width:44%; overflow:hidden;} #n-route .info .right .tag {margin-top:1vw;} #n-route .info .right .tag span {background:#f5f5f5; padding:0.4vw 0.8vw; margin:0 5px 5px 0; transition: all 0.2s; border-radius:50px; display:inline-block; word-wrap:break-word;white-space:normal;} #n-route .info .right .tag span:hover {background:#eee;} #n-route .info .start {margin-top:1vw;} #n-route .info .start li {float:left; margin:0 1.2vw 5px 0;} #n-route .info .liangdian {margin-top:1vw; line-height:180%;} #n-route .info .liangdian img {height:30px; padding:0 0 2.5% 0;} #n-route .info .more a {margin-top:1vw; text-align:center; width:6vw; padding:0.7vw; background:#ffcc00; display:block; border-radius:50px;} #n-route .info .more a:hover {background:#000; color:#fff; transition: all 0.2s;} #n-route .content {margin:3% 0 0 0; background:#fff; border-radius:15px; padding:3%; line-height:220%; text-align:justify;} #n-route .content .title {margin:0 0 3% 0;} #n-route .content img {max-width:100%;} #n-route .faq {margin:3% 0 0 0; background:#fff; border-radius:15px; padding:3%; line-height:220%; text-align:justify;} #n-route .faq .title {margin:0 0 3% 0;} #n-route .faq img {max-width:100%;} #n-route .like {margin:3% 0 0 0; background:#fff; border-radius:15px; padding:3%;} #n-route .like-list {margin-top:30px; margin-bottom:-3%;} #n-route .like-list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-route .like-list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s;} #n-route .like-list li:nth-of-type(3n+1){clear:both;} #n-route .like-list li .pic {overflow:hidden; height:13vw; border-radius:15px;} #n-route .like-list li .pic img {width:100%; min-height:13vw; transition: all 0.3s;} #n-route .like-list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-route .like-list .title {margin:20px 20px 0 0; text-align:justify;} #n-route .like-list .date {margin:20px 0 0 20px;} #n-route .like-list .detail {margin:20px 0 0 0; line-height:150%; text-align:justify;} /*内页国家*/ #n-country {padding:20px 0 50px 0; min-height:300px;} #n-country .list {margin-bottom:-3%; overflow:hidden;} #n-country .list ul {margin-left:-3%;} #n-country .list li {float:left; position:relative; width:22%; margin:0 0 3% 3%; overflow:hidden; border-radius:15px;} #n-country .list li .pic {overflow:hidden; width:100%; height:21vw;} #n-country .list li .pic img {width:100%; min-height:21vw; transition: all 0.3s;} #n-country .list li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-country .list li .title {position:absolute; z-index:2; width:100%; padding:25px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} #n-country .left {float:left; width:70%; background:#fff; border-radius:15px;} #n-country .left .title {padding:4% 0 0 4%;} #n-country .left .content {padding:4%; line-height:220%; text-align:justify;} #n-country .left .content img {max-width:100%; border-radius:15px;} #n-country .right {float:left; width:27%; margin-left:3%; background:#fff; border-radius:15px;} #n-country .right ul {padding:9% 9% 0 9%;} #n-country .right li {margin-bottom:1.5vw; position:relative; overflow:hidden; border-radius:15px;} #n-country .right li .pic {overflow:hidden; width:100%; height:21vw;} #n-country .right li .pic img {width:100%; min-height:21vw; transition: all 0.3s;} #n-country .right li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-country .right .bt {padding:9% 0 0 9%;} #n-country .right .title {position:absolute; z-index:2; width:100%; padding:20px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} /*内页新闻*/ #n-news {padding:20px 0 50px 0; min-height:300px;} #n-news .list {margin-bottom:-3%; overflow:hidden;} #n-news .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-news .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #n-news .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #n-news .list li .pic {overflow:hidden; height:13vw; border-radius:15px 15px 0 0;} #n-news .list li .pic img {width:100%; min-height:13vw; transition: all 0.3s;} #n-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-news .list .title {margin:20px 20px 0 20px; text-align:justify;} #n-news .list .date {margin:20px 0 0 20px;} #n-news .list .detail {margin:20px; line-height:150%; text-align:justify;} #n-news .content {line-height:220%; background:#fff; border-radius:15px; padding:3%; text-align:justify;} #n-news .content img {max-width:100%;} #n-news .title {margin-bottom:20px;} #n-news .date {margin-bottom:40px;} /*内页联系*/ #n-contact {padding:20px 0 50px 0;} #n-contact .list {margin:0;} #n-contact .list ul {margin-left:-3%; display: flex;} #n-contact .list li {float:left; flex: 1; width:30.33%; padding:40px 0; margin:0 0 0 3%; transition: all 0.2s; background:#fff; border-radius:15px;} #n-contact .list li .iconfont {transition: all 0.2s; font-size:40px; width:85px; height:85px; line-height:85px; margin:auto; color:#ffcc00; border:1px #ddd solid; border-radius:100px;} #n-contact .list li:hover .iconfont {background:#000; color:#ffcc00; border:1px #000 solid; transition: all 0.2s;} #n-contact .list li .title {padding:20px 20px 0 20px; line-height:150%;} #n-contact .list li .detail {padding:20px 40px 0 40px; line-height:150%;} #n-contact .content {margin-top:3%; padding:40px; line-height:260%; background:#fff; border-radius:15px;} /*翻页样式*/ .pagelist {text-align:center;} .pagelist a{margin-top:50px; border: 1px solid #ddd; background:#fff; color:#666; display: inline-block; width:40px; height:40px;line-height:40px; border-radius:100%; white-space: nowrap; text-align: center;} .pagelist a+a{margin-left:8px;} .pagelist a.active,.pagelist a:hover{background:#ffcc00; color:#000; border:1px solid #ffb900;} /*上一页下一页*/ .prevnext {margin-top:2vw;} .prevnext div {margin-top:10px;} } /*****************************************************************************************************************************************************************/ /************************************************************************ IPAD PRO *******************************************************************************/ /*****************************************************************************************************************************************************************/ @media screen and (min-width: 1025px) and (max-width: 1367px) { body {width:100%; height:100%; margin: 0px; font:15px Gotham-Book, Helvetica, Arial, sans-serif; color:#000; background:#f5f5f5;_background-attachment:fixed;_background-image:url(about:blank);} .f12 {font-size:12px;} .f14 {font-size:14px;} .f16 {font-size:16px;} .f18 {font-size:18px;} .f22 {font-size:20px;} .f26 {font-size:24px;} .f30 {font-size:26px;} .f36 {font-size:30px;} /*页面宽度*/ #main-block {margin:0 2%;} /*隐藏移动端*/ #mobile-nav, #mobile-menu, #mobile-footer {display:none;} /*头部*/ #header {background:rgba(255,255,255,0.95); width:100%; position:fixed; top:0; left:0; z-index:99; height:70px; box-shadow:0 0 10px rgba(102, 102, 102, .1);} #header .block {margin:0 2%; position:relative;} #header .logo {float:left;} #header .logo a {background:url(../images/logo.png) no-repeat; width:166px; height:46px; background-size:100%; display:block; margin:12px 0;} #header .contact {float:right; margin-top:12px;} #header .contact a {text-align:center; width:120px; padding:12px; display:block; border-radius:50px;} #header .contact a:hover {background:#000; color:#fff;} /*导航*/ #nav {position:absolute; top:46%; left:20%; transform: translate(0,-46%);} #nav li {float:left; margin-left:3vw; display:block; background:linear-gradient( to right, #ffcc00, #ffcc00) no-repeat left bottom; background-size: 0 4px; transition: all 0.2s;} #nav li:hover {background-size: 100% 4px;} #nav .nav1 {height:46px; line-height:46px; display:block;} #nav .nav2 {padding-top:18px; position:absolute; display:none;} #nav .nav2 a {padding:0.8vw 1.8vw; display:block; white-space:nowrap;} #nav .nav3 {background:rgba(255,255,255,0.95); border-radius:5px; margin-left:-1.8vw; box-shadow:-5px 5px 10px -5px rgba(102, 102, 102, .1), /* 左边阴影 */5px 0 10px -5px rgba(102, 102, 102, .1); /* 右边阴影 */} #nav li .active {font-weight:bold;} /*首页banner*/ #index-banner {padding:0 0 1% 0; overflow:hidden; background:url(../images/index_banner.jpg) #f5f5f5 center top no-repeat; background-size:100% auto;} #index-banner .bt {padding:100px 0 30px 0;} #index-banner .swiper {overflow:hidden; padding:0 0 4% 0;} #index-banner .swiper .swiper-slide {overflow:hidden; width:100%; padding-left:-1px;} #index-banner .swiper .pic {float:left; width:60%; overflow:hidden; padding:0 10px 10px 1px;} #index-banner .swiper .pic img {width:100%; height:100%; border-radius:15px; box-shadow: 5px 5px 5px rgba(255, 204, 0, .1); transition: all 0.2s;} #index-banner .swiper .content {float:right; padding:0 3% 0 2%; width:33%; overflow:hidden; margin-right:1px;} #index-banner .swiper .txta {font-size:30px;} #index-banner .swiper .txtb {padding-top:10%; font-size:18px; line-height:180%;} #index-banner .swiper .txtb img {height:30px; padding:0 0 5% 0;} #index-banner .swiper .more a {margin-top:2vw; text-align:center; width:6vw; padding:0.7vw; background:#ffcc00; display:block; border-radius:50px;} #index-banner .swiper .more a:hover {background:#fff;} #index-banner .swiper .swiper-button-prev,#index-banner .swiper .swiper-button-next{display:none;} #index-banner .swiper:hover .swiper-button-prev,#index-banner .swiper:hover .swiper-button-next {display:block; margin:0 20px; width:60px; height:60px; line-height:60px; border-radius:100%; font-size:24px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.1); transition: all 0.2s;} #index-banner .swiper .swiper-button-prev:hover, #index-banner .swiper .swiper-button-next:hover {background-color:rgba(0,0,0,0.2); transition: all 0.2s;} #index-banner .swiper .swiper-button-prev::after, #index-banner .swiper .swiper-button-next::after {display:none;} #index-banner .swiper-pagination-bullet {background:#ddd; width:12px; height:12px; opacity:1;} #index-banner .swiper-pagination-bullet-active {background:#ffcc00;} /*首页热门*/ #index-hot {margin:0; padding:0 0 40px 0;} #index-hot .list {margin-top:30px; margin-bottom:-3%;} #index-hot .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #index-hot .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff; } #index-hot .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #index-hot .list li .pic {overflow:hidden; height:18vw; border-radius:15px 15px 0 0;} #index-hot .list li .pic img {width:100%; min-height:18vw; transition: all 0.3s;} #index-hot .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #index-hot .list .title {margin:20px 20px 0 20px; text-align:justify;} #index-hot .list .detail {margin:20px; line-height:150%; text-align:justify;} /*首页定制*/ #custom {background:#ffcc00; padding:2.5vw 0 1.8vw 0;} #custom .text {float:left; line-height:300%;} #custom .text .bt {font-size:36px;} #custom .menu {float:right; margin-top:6px;} #custom .menu a {background:#000; color:#fff; padding:0.8vw 2.5vw; text-align:center; display:block; border-radius:50px;} #custom .menu a:hover {background:#fff; color:#000;} /*首页特点*/ #choice {margin:0; padding:40px 0;} #choice .list {padding-top:50px; margin-bottom:-3%;} #choice .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #choice .list li {flex-basis:calc(30.33%); padding:40px 0; margin:0 0 3% 3%; transition: all 0.2s; background:#fff; border-radius:15px; box-shadow:0 0 15px rgba(170, 170, 170, .1);} #choice .list li:hover {transform: scale(1.03);} #choice .list li .iconfont {transition: all 0.2s; font-size:40px; width:85px; height:85px; line-height:85px; margin:auto; color:#ffcc00; border:1px #ddd solid; border-radius:100px;} #choice .list li:hover .iconfont {background:#000; color:#ffcc00; border:1px #000 solid; transition: all 0.2s;} #choice .list li .title {padding-top:20px;} #choice .list li .detail {padding:20px 40px 0 40px; line-height:150%;} /*首页热门国家*/ #index-country {padding:40px 0 30px 0; overflow:hidden; background:#fff;} #index-country .swiper {margin-top:50px; padding:0 0 60px 0;} #index-country .swiper .swiper-wrapper {margin-left:-4%;} #index-country .swiper .swiper-slide {overflow:hidden; width:100%; height:25vw; border-radius:15px;} #index-country .swiper .swiper-slide img {width:100%; min-height:25vw; transition: all 0.3s;} #index-country .swiper .swiper-slide:hover img {transform: scale(1.1); transition: all 0.3s;} #index-country .swiper-pagination-bullet {background:#ddd; width:12px; height:12px; opacity:1;} #index-country .swiper-pagination-bullet-active {background:#ffcc00;} #index-country .swiper .title {position:absolute; z-index:2; width:100%; padding:20px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} /*首页新闻*/ #index-news {margin:0; padding:40px 0;} #index-news .list {margin-top:30px; margin-bottom:-3%;} #index-news .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #index-news .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #index-news .list li:nth-of-type(3n+1){clear:both;} #index-news .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #index-news .list li .pic {overflow:hidden; height:18vw; border-radius:15px 15px 0 0;} #index-news .list li .pic img {width:100%; min-height:18vw; transition: all 0.3s;} #index-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #index-news .list .title {margin:20px 20px 0 20px; text-align:justify;} #index-news .list .date {margin:20px 0 0 20px;} #index-news .list .detail {margin:20px; line-height:150%; text-align:justify;} /*首页关注*/ #index-ewm {margin:0; padding:40px 0; background:#fff;} #index-ewm .list {margin-top:30px; overflow:hidden;} #index-ewm .list ul {margin-left:-3%;} #index-ewm .list li {float:left; width:30.33%; margin-left:3%; line-height:220%;} #index-ewm .list li .pic {float:left; margin-right:20px; overflow:hidden;} #index-ewm .list li .pic img {width:80px; height:80px;} /*底部*/ #footer {background:url(../images/map.png) #333 center center; padding:40px 0 0 0; color:#ccc;} #footer a {color:#ccc;} #footer a:hover {color:#fff;} #footer .list ul {margin-left:-3%;} #footer .list li {float:left; width:30.33%; margin-left:3%;} #footer .menu li {margin-top:30px;} #footer .contact div {margin-top:30px;} #footer .copyright {margin-top:50px; border-top:1px #444 solid; padding:18px 0; font-size:14px;} /**************内页***************/ #n-banner {position:relative; margin:70px 0 20px 0; background:#eee; overflow:hidden;} #n-banner img {width:100%; height:100%;} #n-banner .content {position:absolute; z-index:2; top:50%; transform: translate(0,-50%); left:5%; font-size:30px;} #n-banner .line {margin-top:20px; width:50px; height:4px; background:#ffcc00;} /*内页面包屑*/ #n-nav {margin-top:70px; padding-top:20px; font-size:14px;} /*内页导航按钮*/ #n-menu {margin-bottom:10px;} #n-menu li {float:left; margin-right:10px;} #n-menu li a {padding:0.8vw 1.2vw; background:#eee; border-radius:50px;} #n-menu li a:hover {background:#ffcc00;} #n-menu li .active {background:#ffcc00;} /*内页关于*/ #n-about {padding:20px 0 40px 0; min-height:300px;} #n-about .content {line-height:220%; background:#fff; border-radius:15px; padding:2%; text-align:justify;} #n-about .title {margin-bottom:50px;} #n-about img {max-width:100%;} /*内页资质*/ #n-certificate {padding:20px 0 40px 0; min-height:300px;} #n-certificate .list {column-count:4; column-gap:3%;} #n-certificate .list li {width:100%; overflow:hidden; margin-bottom:2vw; border-radius:15px;} #n-certificate .list li .pic {overflow:hidden; width:100%; border-radius:15px 15px 0 0;} #n-certificate .list li .pic img {width:100%; transition: all 0.3s;} #n-certificate .list li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-certificate .list .title {padding:1vw 0; width:100%; background:#fff;} /*内页路线*/ #n-route {padding:20px 0 40px 0; min-height:300px;} #n-route .list {margin:-10px 0 -3% 0; overflow:hidden;} #n-route .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-route .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #n-route .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #n-route .list li .pic {overflow:hidden; height:18vw; border-radius:15px 15px 0 0;} #n-route .list li .pic img {width:100%; min-height:18vw; transition: all 0.3s;} #n-route .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-route .list .title {margin:20px 20px 0 20px; text-align:justify;} #n-route .list .detail {margin:20px; line-height:150%; text-align:justify;} #n-route .info {background:#fff; border-radius:15px; padding:2%;} #n-route .info .left {float:left; width:52%; overflow:hidden;} #n-route .info .left img {width:100%; height:100%; border-radius:15px; box-shadow: 5px 5px 5px rgba(255, 204, 0, .1); transition: all 0.2s;} #n-route .info .right {float:right; width:45%; overflow:hidden;} #n-route .info .right .tag {margin-top:1vw;} #n-route .info .right .tag span {background:#f5f5f5; padding:0.4vw 0.8vw; margin:0 5px 5px 0; transition: all 0.2s; border-radius:50px; display:inline-block; word-wrap:break-word;white-space:normal;} #n-route .info .right .tag span:hover {background:#eee;} #n-route .info .start {margin-top:1vw;} #n-route .info .start li {float:left; margin:0 1.2vw 5px 0;} #n-route .info .liangdian {margin-top:1vw; line-height:180%;} #n-route .info .liangdian img {height:30px; padding:0 0 2.5% 0;} #n-route .info .more a {margin-top:1vw; text-align:center; width:6vw; padding:0.7vw; background:#ffcc00; display:block; border-radius:50px;} #n-route .info .more a:hover {background:#000; color:#fff; transition: all 0.2s;} #n-route .content {margin:2% 0 0 0; background:#fff; border-radius:15px; padding:2%; line-height:220%; text-align:justify;} #n-route .content .title {margin:0 0 3% 0;} #n-route .content img {max-width:100%;} #n-route .faq {margin:2% 0 0 0; background:#fff; border-radius:15px; padding:2%; line-height:220%; text-align:justify;} #n-route .faq .title {margin:0 0 3% 0;} #n-route .faq img {max-width:100%;} #n-route .like {margin:2% 0 0 0; background:#fff; border-radius:15px; padding:2%;} #n-route .like-list {margin-top:30px; margin-bottom:-3%;} #n-route .like-list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-route .like-list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s;} #n-route .like-list li:nth-of-type(3n+1){clear:both;} #n-route .like-list li .pic {overflow:hidden; height:18vw; border-radius:15px;} #n-route .like-list li .pic img {width:100%; min-height:18vw; transition: all 0.3s;} #n-route .like-list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-route .like-list .title {margin:20px 20px 0 0; text-align:justify;} #n-route .like-list .date {margin:20px 0 0 20px;} #n-route .like-list .detail {margin:20px 0 0 0; line-height:150%; text-align:justify;} /*内页国家*/ #n-country {padding:20px 0 40px 0; min-height:300px;} #n-country .list {margin-bottom:-3%; overflow:hidden;} #n-country .list ul {margin-left:-3%;} #n-country .list li {float:left; position:relative; width:22%; margin:0 0 3% 3%; overflow:hidden; border-radius:15px;} #n-country .list li .pic {overflow:hidden; width:100%; height:29vw;} #n-country .list li .pic img {width:100%; min-height:29vw; transition: all 0.3s;} #n-country .list li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-country .list li .title {position:absolute; z-index:2; width:100%; padding:25px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} #n-country .left {float:left; width:70%; background:#fff; border-radius:15px;} #n-country .left .title {padding:3% 0 0 3%;} #n-country .left .content {padding:3%; line-height:220%; text-align:justify;} #n-country .left .content img {max-width:100%; border-radius:15px;} #n-country .right {float:left; width:27%; margin-left:3%; background:#fff; border-radius:15px;} #n-country .right ul {padding:8% 8% 0 8%;} #n-country .right li {margin-bottom:2vw; position:relative; overflow:hidden; border-radius:15px;} #n-country .right li .pic {overflow:hidden; width:100%; height:29vw;} #n-country .right li .pic img {width:100%; min-height:29vw; transition: all 0.3s;} #n-country .right li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-country .right .bt {padding:8% 0 0 8%;} #n-country .right .title {position:absolute; z-index:2; width:100%; padding:20px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} /*内页新闻*/ #n-news {padding:20px 0 40px 0; min-height:300px;} #n-news .list {margin-bottom:-3%; overflow:hidden;} #n-news .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-news .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #n-news .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #n-news .list li .pic {overflow:hidden; height:18vw; border-radius:15px 15px 0 0;} #n-news .list li .pic img {width:100%; min-height:18vw; transition: all 0.3s;} #n-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-news .list .title {margin:20px 20px 0 20px; text-align:justify;} #n-news .list .date {margin:20px 0 0 20px;} #n-news .list .detail {margin:20px; line-height:150%; text-align:justify;} #n-news .content {line-height:220%; background:#fff; border-radius:15px; padding:2%; text-align:justify;} #n-news .content img {max-width:100%;} #n-news .title {margin-bottom:10px;} #n-news .date {margin-bottom:50px; font-size:14px;} /*内页联系*/ #n-contact {padding:20px 0 40px 0;} #n-contact .list {margin:0;} #n-contact .list ul {margin-left:-3%; display: flex;} #n-contact .list li {float:left; flex: 1; width:30.33%; padding:40px 0; margin:0 0 0 3%; transition: all 0.2s; background:#fff; border-radius:15px;} #n-contact .list li .iconfont {transition: all 0.2s; font-size:40px; width:85px; height:85px; line-height:85px; margin:auto; color:#ffcc00; border:1px #ddd solid; border-radius:100px;} #n-contact .list li:hover .iconfont {background:#000; color:#ffcc00; border:1px #000 solid; transition: all 0.2s;} #n-contact .list li .title {padding:20px 20px 0 20px; line-height:150%;} #n-contact .list li .detail {padding:20px 40px 0 40px; line-height:150%;} #n-contact .content {margin-top:2%; padding:2%; line-height:260%; background:#fff; border-radius:15px;} /*翻页样式*/ .pagelist {text-align:center;} .pagelist a{margin-top:40px; border: 1px solid #ddd; background:#fff; color:#666; display: inline-block; width:40px; height:40px;line-height:40px; border-radius:100%; white-space: nowrap; text-align: center;} .pagelist a+a{margin-left:8px;} .pagelist a.active,.pagelist a:hover{background:#ffcc00; color:#000; border:1px solid #ffb900;} /*上一页下一页*/ .prevnext {margin-top:2vw; font-size:14px;} .prevnext div {margin-top:10px;} } /*****************************************************************************************************************************************************************/ /************************************************************************ IPAD 横 ********************************************************************************/ /*****************************************************************************************************************************************************************/ @media screen and (min-width: 769px) and (max-width: 1025px) { body {width:100%; height:100%; margin: 0px; font:14px Gotham-Book, Helvetica, Arial, sans-serif; color:#000; background:#f5f5f5;_background-attachment:fixed;_background-image:url(about:blank);} .f12 {font-size:12px;} .f14 {font-size:14px;} .f16 {font-size:14px;} .f18 {font-size:14px;} .f22 {font-size:18px;} .f26 {font-size:20px;} .f30 {font-size:20px;} .f36 {font-size:26px;} /*页面宽度*/ #main-block {margin:0 2%;} /*隐藏移动端*/ #mobile-nav, #mobile-menu, #mobile-footer {display:none;} /*头部*/ #header {background:rgba(255,255,255,0.95); width:100%; position:fixed; top:0; left:0; z-index:99; height:60px; box-shadow:0 0 10px rgba(102, 102, 102, .1);} #header .block {margin:0 2%; position:relative;} #header .logo {float:left;} #header .logo a {background:url(../images/logo.png) no-repeat; width:130px; height:36px; background-size:100%; display:block; margin:12px 0;} #header .contact {float:right; margin-top:12px;} #header .contact a {text-align:center; width:120px; padding:8px; display:block; border-radius:50px;} #header .contact a:hover {background:#000; color:#fff;} /*导航*/ #nav {position:absolute; top:50%; left:20%; transform: translate(0,-50%);} #nav li {float:left; margin-left:4vw; display:block; background:linear-gradient( to right, #ffcc00, #ffcc00) no-repeat left bottom; background-size: 0 4px; transition: all 0.2s;} #nav li:hover {background-size: 100% 4px;} #nav .nav1 {height:40px; line-height:40px; display:block;} #nav .nav2 {padding-top:14px; position:absolute; display:none;} #nav .nav2 a {padding:1.2vw 1.8vw; display:block; white-space:nowrap;} #nav .nav3 {background:rgba(255,255,255,0.95); border-radius:5px; margin-left:-1.8vw; box-shadow:-5px 5px 10px -5px rgba(102, 102, 102, .1), /* 左边阴影 */5px 0 10px -5px rgba(102, 102, 102, .1); /* 右边阴影 */} #nav li .active {font-weight:bold;} /*首页banner*/ #index-banner {padding:0 0 1% 0; overflow:hidden; background:url(../images/index_banner.jpg) #f5f5f5 center top no-repeat; background-size:100% auto;} #index-banner .bt {padding:80px 0 20px 0;} #index-banner .swiper {overflow:hidden; padding:0 0 4% 0;} #index-banner .swiper .swiper-slide {overflow:hidden; width:100%; padding-left:-1px} #index-banner .swiper .pic {float:left; width:55%; overflow:hidden; padding:0 10px 10px 1px;} #index-banner .swiper .pic img {width:100%; height:100%; border-radius:15px; box-shadow: 5px 5px 5px rgba(255, 204, 0, .1); transition: all 0.2s;} #index-banner .swiper .content {float:right; padding:0 3% 0 2%; width:38%; overflow:hidden; margin-right:1px;} #index-banner .swiper .txta {font-size:26px;} #index-banner .swiper .txtb {padding-top:10%; font-size:14px; line-height:180%;} #index-banner .swiper .txtb img {height:26px; padding:0 0 5% 0;} #index-banner .swiper .more a {margin-top:2vw; text-align:center; width:8vw; padding:0.7vw; background:#ffcc00; display:block; border-radius:50px;} #index-banner .swiper .more a:hover {background:#fff;} #index-banner .swiper .swiper-button-prev,#index-banner .swiper .swiper-button-next{display:none;} #index-banner .swiper:hover .swiper-button-prev,#index-banner .swiper:hover .swiper-button-next {display:block; margin:0 20px; width:50px; height:50px; line-height:50px; border-radius:100%; font-size:20px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.1); transition: all 0.2s;} #index-banner .swiper .swiper-button-prev:hover, #index-banner .swiper .swiper-button-next:hover {background-color:rgba(0,0,0,0.2); transition: all 0.2s;} #index-banner .swiper .swiper-button-prev::after, #index-banner .swiper .swiper-button-next::after {display:none;} #index-banner .swiper-pagination-bullet {background:#ddd; width:12px; height:12px; opacity:1;} #index-banner .swiper-pagination-bullet-active {background:#ffcc00;} /*首页热门*/ #index-hot {margin:0; padding:0 0 30px 0;} #index-hot .list {margin-top:20px; margin-bottom:-3%;} #index-hot .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #index-hot .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff; } #index-hot .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #index-hot .list li .pic {overflow:hidden; height:20vw; border-radius:15px 15px 0 0;} #index-hot .list li .pic img {width:100%; min-height:20vw; transition: all 0.3s;} #index-hot .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #index-hot .list .title {margin:20px 20px 0 20px; text-align:justify;} #index-hot .list .detail {margin:20px; line-height:150%; text-align:justify; font-size:12px;} /*首页定制*/ #custom {background:#ffcc00; padding:2vw 0 1.8vw 0;} #custom .text {float:left; line-height:300%;} #custom .text .bt {font-size:26px;} #custom .menu {float:right; margin-top:6px;} #custom .menu a {background:#000; color:#fff; padding:0.8vw 2.5vw; text-align:center; display:block; border-radius:50px;} #custom .menu a:hover {background:#fff; color:#000;} /*首页特点*/ #choice {margin:0; padding:30px 0;} #choice .list {padding-top:30px; margin-bottom:-3%;} #choice .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #choice .list li {flex-basis:calc(30.33%); padding:30px 0; margin:0 0 3% 3%; transition: all 0.2s; background:#fff; border-radius:15px; box-shadow:0 0 15px rgba(170, 170, 170, .1);} #choice .list li:hover {transform: scale(1.03);} #choice .list li .iconfont {transition: all 0.2s; font-size:32px; width:70px; height:70px; line-height:70px; margin:auto; color:#ffcc00; border:1px #ddd solid; border-radius:100px;} #choice .list li:hover .iconfont {background:#000; color:#ffcc00; border:1px #000 solid; transition: all 0.2s;} #choice .list li .title {padding-top:20px;} #choice .list li .detail {padding:20px 30px 0 30px; line-height:150%; font-size:12px;} /*首页热门国家*/ #index-country {padding:30px 0 20px 0; overflow:hidden; background:#fff;} #index-country .swiper {margin-top:30px; padding:0 0 60px 0;} #index-country .swiper .swiper-wrapper {margin-left:-4%;} #index-country .swiper .swiper-slide {overflow:hidden; width:100%; height:30vw; border-radius:15px;} #index-country .swiper .swiper-slide img {width:100%; min-height:30vw; transition: all 0.3s;} #index-country .swiper .swiper-slide:hover img {transform: scale(1.1); transition: all 0.3s;} #index-country .swiper-pagination-bullet {background:#ddd; width:12px; height:12px; opacity:1;} #index-country .swiper-pagination-bullet-active {background:#ffcc00;} #index-country .swiper .title {position:absolute; z-index:2; width:100%; padding:20px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} /*首页新闻*/ #index-news {margin:0; padding:30px 0;} #index-news .list {margin-top:20px; margin-bottom:-3%;} #index-news .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #index-news .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #index-news .list li:nth-of-type(3n+1){clear:both;} #index-news .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #index-news .list li .pic {overflow:hidden; height:20vw; border-radius:15px 15px 0 0;} #index-news .list li .pic img {width:100%; min-height:20vw; transition: all 0.3s;} #index-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #index-news .list .title {margin:20px 20px 0 20px; text-align:justify;} #index-news .list .date {margin:20px 0 0 20px; font-size:12px;} #index-news .list .detail {margin:20px; line-height:150%; text-align:justify; font-size:12px;} /*首页关注*/ #index-ewm {margin:0; padding:30px 0; background:#fff;} #index-ewm .list {margin-top:20px; overflow:hidden;} #index-ewm .list ul {margin-left:-3%;} #index-ewm .list li {float:left; width:30.33%; margin-left:3%; line-height:220%;} #index-ewm .list li .pic {float:left; margin-right:20px; overflow:hidden;} #index-ewm .list li .pic img {width:80px; height:80px;} /*底部*/ #footer {background:url(../images/map.png) #333 center center; padding:30px 0 0 0; color:#ccc;} #footer a {color:#ccc;} #footer a:hover {color:#fff;} #footer .list ul {margin-left:-3%;} #footer .list li {float:left; width:30.33%; margin-left:3%;} #footer .menu li {margin-top:20px; font-size:12px;} #footer .contact div {margin-top:20px; font-size:12px;} #footer .copyright {margin-top:30px; border-top:1px #444 solid; padding:15px 0; font-size:12px;} /**************内页***************/ #n-banner {position:relative; margin:60px 0 10px 0; background:#eee; overflow:hidden;} #n-banner img {width:100%; height:100%;} #n-banner .content {position:absolute; z-index:2; top:50%; transform: translate(0,-50%); left:5%; font-size:26px;} #n-banner .line {margin-top:10px; width:50px; height:4px; background:#ffcc00;} /*内页面包屑*/ #n-nav {margin-top:60px; padding-top:20px; font-size:12px;} /*内页导航按钮*/ #n-menu {padding:10px 0 ;} #n-menu li {float:left; margin-right:10px;} #n-menu li a {padding:0.8vw 1.5vw; background:#eee; border-radius:50px; font-size:12px;} #n-menu li a:hover {background:#ffcc00;} #n-menu li .active {background:#ffcc00;} /*内页关于*/ #n-about {padding:20px 0 30px 0; min-height:300px;} #n-about .content {line-height:220%; background:#fff; border-radius:15px; padding:2%; text-align:justify;} #n-about .title {margin-bottom:30px;} #n-about img {max-width:100%;} /*内页资质*/ #n-certificate {padding:20px 0 30px 0; min-height:300px;} #n-certificate .list {column-count:4; column-gap:3%;} #n-certificate .list li {width:100%; overflow:hidden; margin-bottom:2vw; border-radius:15px;} #n-certificate .list li .pic {overflow:hidden; width:100%; border-radius:15px 15px 0 0;} #n-certificate .list li .pic img {width:100%; transition: all 0.3s;} #n-certificate .list li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-certificate .list .title {padding:1vw 0; width:100%; background:#fff;} /*内页路线*/ #n-route {padding:20px 0 30px 0; min-height:300px;} #n-route .list {margin:-10px 0 -3% 0; overflow:hidden;} #n-route .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-route .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #n-route .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #n-route .list li .pic {overflow:hidden; height:20vw; border-radius:15px 15px 0 0;} #n-route .list li .pic img {width:100%; min-height:20vw; transition: all 0.3s;} #n-route .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-route .list .title {margin:20px 20px 0 20px; text-align:justify;} #n-route .list .detail {margin:20px; line-height:150%; text-align:justify; font-size:12px;} #n-route .info {background:#fff; border-radius:15px; padding:2%;} #n-route .info .left {float:left; width:52%; overflow:hidden;} #n-route .info .left img {width:100%; height:100%; border-radius:15px; box-shadow: 5px 5px 5px rgba(255, 204, 0, .1); transition: all 0.2s;} #n-route .info .right {float:right; width:45%; overflow:hidden;} #n-route .info .right .tag {margin-top:1vw; font-size:12px;} #n-route .info .right .tag span {background:#f5f5f5; padding:0.4vw 0.8vw; margin:0 5px 5px 0; transition: all 0.2s; border-radius:50px; display:inline-block; word-wrap:break-word;white-space:normal;} #n-route .info .right .tag span:hover {background:#eee;} #n-route .info .start {margin-top:1vw; font-size:12px;} #n-route .info .start li {float:left; margin:0 1.2vw 5px 0;} #n-route .info .liangdian {margin-top:1vw; line-height:180%; font-size:12px;} #n-route .info .liangdian img {height:26px; padding:0 0 2.5% 0;} #n-route .info .more a {margin-top:1vw; text-align:center; width:8vw; padding:0.7vw; background:#ffcc00; display:block; border-radius:50px;} #n-route .info .more a:hover {background:#000; color:#fff; transition: all 0.2s;} #n-route .content {margin:2% 0 0 0; background:#fff; border-radius:15px; padding:2%; line-height:180%; text-align:justify;} #n-route .content .title {margin:0 0 3% 0;} #n-route .content img {max-width:100%;} #n-route .faq {margin:2% 0 0 0; background:#fff; border-radius:15px; padding:2%; line-height:180%; text-align:justify;} #n-route .faq .title {margin:0 0 3% 0;} #n-route .faq img {max-width:100%;} #n-route .like {margin:2% 0 0 0; background:#fff; border-radius:15px; padding:2%;} #n-route .like-list {margin-top:20px; margin-bottom:-3%;} #n-route .like-list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-route .like-list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s;} #n-route .like-list li:nth-of-type(3n+1){clear:both;} #n-route .like-list li .pic {overflow:hidden; height:20vw; border-radius:15px;} #n-route .like-list li .pic img {width:100%; min-height:20vw; transition: all 0.3s;} #n-route .like-list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-route .like-list .title {margin:20px 20px 0 0; text-align:justify;} #n-route .like-list .date {margin:20px 0 0 20px; font-size:12px;} #n-route .like-list .detail {margin:20px 0 0 0; line-height:150%; text-align:justify; font-size:12px;} /*内页国家*/ #n-country {padding:20px 0 30px 0; min-height:300px;} #n-country .list {margin-bottom:-3%; overflow:hidden;} #n-country .list ul {margin-left:-3%;} #n-country .list li {float:left; position:relative; width:22%; margin:0 0 3% 3%; overflow:hidden; border-radius:15px;} #n-country .list li .pic {overflow:hidden; width:100%; height:29vw;} #n-country .list li .pic img {width:100%; min-height:29vw; transition: all 0.3s;} #n-country .list li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-country .list li .title {position:absolute; z-index:2; width:100%; padding:15px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} #n-country .left {float:left; width:70%; background:#fff; border-radius:15px;} #n-country .left .title {padding:3% 0 0 3%;} #n-country .left .content {padding:3%; line-height:180%; text-align:justify;} #n-country .left .content img {max-width:100%; border-radius:15px;} #n-country .right {float:left; width:27%; margin-left:3%; background:#fff; border-radius:15px;} #n-country .right ul {padding:8% 8% 0 8%;} #n-country .right li {margin-bottom:2vw; position:relative; overflow:hidden; border-radius:15px;} #n-country .right li .pic {overflow:hidden; width:100%; height:29vw;} #n-country .right li .pic img {width:100%; min-height:29vw; transition: all 0.3s;} #n-country .right li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-country .right .bt {padding:8% 0 0 8%;} #n-country .right .title {position:absolute; z-index:2; width:100%; padding:15px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} /*内页新闻*/ #n-news {padding:20px 0 30px 0; min-height:300px;} #n-news .list {margin-bottom:-3%; overflow:hidden;} #n-news .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-news .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #n-news .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #n-news .list li .pic {overflow:hidden; height:20vw; border-radius:15px 15px 0 0;} #n-news .list li .pic img {width:100%; min-height:20vw; transition: all 0.3s;} #n-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-news .list .title {margin:20px 20px 0 20px; text-align:justify;} #n-news .list .date {margin:20px 0 0 20px; font-size:12px;} #n-news .list .detail {margin:20px; line-height:150%; text-align:justify; font-size:12px;} #n-news .content {line-height:180%; background:#fff; border-radius:15px; padding:2%; text-align:justify;} #n-news .content img {max-width:100%;} #n-news .title {margin-bottom:10px;} #n-news .date {margin-bottom:20px; font-size:12px;} /*内页联系*/ #n-contact {padding:20px 0 30px 0;} #n-contact .list {margin:0;} #n-contact .list ul {margin-left:-3%; display: flex;} #n-contact .list li {float:left; flex: 1; width:30.33%; padding:40px 0; margin:0 0 0 3%; transition: all 0.2s; background:#fff; border-radius:15px;} #n-contact .list li .iconfont {transition: all 0.2s; font-size:36px; width:70px; height:70px; line-height:70px; margin:auto; color:#ffcc00; border:1px #ddd solid; border-radius:100px;} #n-contact .list li:hover .iconfont {background:#000; color:#ffcc00; border:1px #000 solid; transition: all 0.2s;} #n-contact .list li .title {padding:20px 20px 0 20px; line-height:150%;} #n-contact .list li .detail {padding:20px 40px 0 40px; line-height:150%;} #n-contact .content {margin-top:2%; padding:2%; line-height:260%; background:#fff; border-radius:15px;} /*翻页样式*/ .pagelist {text-align:center;} .pagelist a{margin-top:30px; border: 1px solid #ddd; background:#fff; color:#666; display: inline-block; width:36px; height:36px;line-height:36px; border-radius:100%; white-space: nowrap; text-align: center;} .pagelist a+a{margin-left:8px;} .pagelist a.active,.pagelist a:hover{background:#ffcc00; color:#000; border:1px solid #ffb900;} /*上一页下一页*/ .prevnext {margin-top:2vw; font-size:12px;} .prevnext div {margin-top:10px;} } /*****************************************************************************************************************************************************************/ /************************************************************************ IPAD 竖 ********************************************************************************/ /*****************************************************************************************************************************************************************/ @media screen and (min-width: 481px) and (max-width: 768px) { body {width:100%; height:100%; margin: 0px; font:14px Gotham-Book, Helvetica, Arial, sans-serif; color:#000; background:#f5f5f5;_background-attachment:fixed;_background-image:url(about:blank);} .f12 {font-size:12px;} .f14 {font-size:14px;} .f16 {font-size:14px;} .f18 {font-size:14px;} .f22 {font-size:16px;} .f26 {font-size:18px;} .f30 {font-size:20px;} .f36 {font-size:26px;} /*页面宽度*/ #main-block {margin:0 2%;} /*头部*/ #header {background:rgba(255,255,255,0.95); width:100%; position:fixed; top:0; left:0; z-index:99; height:46px; box-shadow:0 0 10px rgba(102, 102, 102, .1);} #header .block {position:relative;} #header .logo {float:left;} #header .logo a {background:url(../images/logo.png) no-repeat; width:108px; height:30px; background-size:100%; display:block; margin:8px 2vw;} #header .contact {display:none;} /*导航*/ #nav {display:none;} /*移动滑出菜单*/ #mobile-nav {position:fixed; z-index:999; right:10px; top:6px;} #mobile-nav a {font-size:34px; color:#333;} #mobile-nav a:hover {text-decoration: none;} #mobile-menu {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:999;} #mobile-menu .mask {position:absolute; width:100%;height:100%; background:#333; left:0px;top:0px; z-index:20;} #mobile-menu .close-x a {position:absolute; top:8px; right:10px; font-size:34px; color:#333; text-decoration: none;} #mobile-menu .close-x a:hover {transform: rotate(90deg);} #mobile-menu .content {position:absolute; width:30%; right:0px;top:0px; background:#fff; height:100%;z-index:100;right:-30%; box-shadow: -5px 0px 10px 0px rgba(30,30,30,0.5);} #mobile-menu .list {padding:30px; font-size:18px;} #mobile-menu .list li {margin-top:30px;} #mobile-menu .list li .nav2 a {float:left; font-size:16px; margin:20px 20px 0 0;} #mobile-menu .list li .active {color:#000;} /*首页banner*/ #index-banner {padding:0 0 1% 0; overflow:hidden; background:url(../images/index_banner.jpg) #f5f5f5 center top no-repeat; background-size:100% auto;} #index-banner .bt {padding:60px 0 15px 0;} #index-banner .swiper {overflow:hidden; padding:0 0 4% 0; width:100%;} #index-banner .swiper .swiper-slide {overflow:hidden; width:100%; padding-left:-1px;} #index-banner .swiper .pic {float:left; width:50%; overflow:hidden; padding:0 2% 2% 1px;} #index-banner .swiper .pic img {width:100%; height:100%; border-radius:15px; box-shadow: 5px 5px 5px rgba(255, 204, 0, .1); transition: all 0.2s;} #index-banner .swiper .content {float:right; padding:0 3% 0 2%; width:43%; overflow:hidden; margin-right:-1px;} #index-banner .swiper .txta {font-size:20px;} #index-banner .swiper .txtb {padding-top:5%; font-size:12px; line-height:180%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; /* 限制显示的行数为3行 */overflow: hidden;} #index-banner .swiper .txtb img {height:20px; padding:0 0 5% 0;} #index-banner .swiper .more a {margin-top:2vw; text-align:center; width:9vw; padding:0.8vw; background:#ffcc00; display:block; border-radius:50px;} #index-banner .swiper .more a:hover {background:#fff;} #index-banner .swiper .swiper-button-prev,#index-banner .swiper .swiper-button-next{display:none;} #index-banner .swiper:hover .swiper-button-prev,#index-banner .swiper:hover .swiper-button-next {display:block; margin:0 20px; width:40px; height:40px; line-height:40px; border-radius:100%; font-size:20px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.1); transition: all 0.2s;} #index-banner .swiper .swiper-button-prev:hover, #index-banner .swiper .swiper-button-next:hover {background-color:rgba(0,0,0,0.2); transition: all 0.2s;} #index-banner .swiper .swiper-button-prev::after, #index-banner .swiper .swiper-button-next::after {display:none;} #index-banner .swiper-pagination-bullet {background:#ddd; width:10px; height:10px; opacity:1;} #index-banner .swiper-pagination-bullet-active {background:#ffcc00;} /*首页热门*/ #index-hot {margin:0; padding:0 0 15px 0;} #index-hot .list {margin-top:15px; margin-bottom:-3%;} #index-hot .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #index-hot .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff; } #index-hot .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #index-hot .list li .pic {overflow:hidden; height:20vw; border-radius:15px 15px 0 0;} #index-hot .list li .pic img {width:100%; min-height:20vw; transition: all 0.3s;} #index-hot .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #index-hot .list .title {margin:15px 15px 0 15px; text-align:justify;} #index-hot .list .detail {margin:15px; line-height:150%; text-align:justify; font-size:12px;} /*首页定制*/ #custom {background:#ffcc00; padding:1.8vw 0 1.5vw 0;} #custom .text {float:left; line-height:300%;} #custom .text .bt {font-size:22px;} #custom .menu {float:right; margin-top:6px;} #custom .menu a {background:#000; color:#fff; padding:0.8vw 2.5vw; text-align:center; display:block; border-radius:50px;} #custom .menu a:hover {background:#fff; color:#000;} /*首页特点*/ #choice {margin:0; padding:15px 0;} #choice .list {padding-top:15px; margin-bottom:-3%;} #choice .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #choice .list li {flex-basis:calc(30.33%); padding:20px 0; margin:0 0 3% 3%; transition: all 0.2s; background:#fff; border-radius:15px; box-shadow:0 0 15px rgba(170, 170, 170, .1);} #choice .list li:hover {transform: scale(1.03);} #choice .list li .iconfont {transition: all 0.2s; font-size:26px; width:50px; height:50px; line-height:50px; margin:auto; color:#ffcc00; border:1px #ddd solid; border-radius:100px;} #choice .list li:hover .iconfont {background:#000; color:#ffcc00; border:1px #000 solid; transition: all 0.2s;} #choice .list li .title {padding-top:15px;} #choice .list li .detail {padding:15px 20px 0 20px; line-height:150%; font-size:12px;} /*首页热门国家*/ #index-country {padding:15px 0 10px 0; overflow:hidden; background:#fff;} #index-country .swiper {margin-top:15px; padding:0 0 50px 0;} #index-country .swiper .swiper-wrapper {margin-left:-4%;} #index-country .swiper .swiper-slide {overflow:hidden; width:100%; height:42vw; border-radius:15px;} #index-country .swiper .swiper-slide img {width:100%; min-height:42vw; transition: all 0.3s;} #index-country .swiper .swiper-slide:hover img {transform: scale(1.1); transition: all 0.3s;} #index-country .swiper-pagination-bullet {background:#ddd; width:10px; height:10px; opacity:1;} #index-country .swiper-pagination-bullet-active {background:#ffcc00;} #index-country .swiper .title {position:absolute; z-index:2; width:100%; padding:15px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} /*首页新闻*/ #index-news {margin:0; padding:15px 0;} #index-news .list {margin-top:15px; margin-bottom:-3%;} #index-news .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #index-news .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #index-news .list li:nth-of-type(3n+1){clear:both;} #index-news .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #index-news .list li .pic {overflow:hidden; height:20vw; border-radius:15px 15px 0 0;} #index-news .list li .pic img {width:100%; min-height:20vw; transition: all 0.3s;} #index-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #index-news .list .title {margin:15px 15px 0 15px; text-align:justify;} #index-news .list .date {margin:15px 0 0 15px; font-size:12px;} #index-news .list .detail {margin:15px; line-height:150%; text-align:justify; font-size:12px;} /*首页关注*/ #index-ewm {display:none;} /*底部*/ #footer {display:none;} /*移动端底部*/ #mobile-footer {background:#333; font-size:1.6vw; padding:12px; line-height:150%; color:#fff;} #mobile-footer img {height:2.2vw;} /**************内页***************/ #n-banner {position:relative; margin:46px 0 0 0; background:#eee; overflow:hidden;} #n-banner img {width:100%; height:100%;} #n-banner .content {position:absolute; z-index:2; top:50%; transform: translate(0,-50%); left:5%; font-size:20px;} #n-banner .line {margin-top:10px; width:50px; height:4px; background:#ffcc00;} /*内页面包屑*/ #n-nav {margin-top:46px; padding-top:15px; font-size:12px;} /*内页导航按钮*/ #n-menu {padding:15px 0 10px 0;} #n-menu li {float:left; margin-right:10px;} #n-menu li a {padding:0.8vw 1.5vw; background:#eee; border-radius:50px; font-size:12px;} #n-menu li a:hover {background:#ffcc00;} #n-menu li .active {background:#ffcc00;} /*内页关于*/ #n-about {padding:15px 0; min-height:880px;} #n-about .content {line-height:180%; background:#fff; border-radius:15px; padding:2%; text-align:justify;} #n-about .title {margin-bottom:15px;} #n-about img {max-width:100%;} /*内页资质*/ #n-certificate {padding:15px 0; min-height:800px;} #n-certificate .list {column-count:3; column-gap:3%;} #n-certificate .list li {width:100%; overflow:hidden; margin-bottom:2vw; border-radius:15px;} #n-certificate .list li .pic {overflow:hidden; width:100%; border-radius:15px 15px 0 0;} #n-certificate .list li .pic img {width:100%; transition: all 0.3s;} #n-certificate .list li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-certificate .list .title {padding:1vw 0; width:100%; background:#fff;} /*内页路线*/ #n-route {padding:15px 0; min-height:880px;} #n-route .list {margin:-10px 0 -3% 0; overflow:hidden;} #n-route .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-route .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #n-route .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #n-route .list li .pic {overflow:hidden; height:20vw; border-radius:15px 15px 0 0;} #n-route .list li .pic img {width:100%; min-height:20vw; transition: all 0.3s;} #n-route .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-route .list .title {margin:15px 15px 0 15px; text-align:justify;} #n-route .list .detail {margin:15px; line-height:150%; text-align:justify; font-size:12px;} #n-route .info {background:#fff; border-radius:15px; padding:2%;} #n-route .info .left {width:100%; margin-bottom:2%; overflow:hidden;} #n-route .info .left img {width:100%; height:100%; border-radius:15px; box-shadow: 5px 5px 5px rgba(255, 204, 0, .1); transition: all 0.2s;} #n-route .info .right {width:100%; overflow:hidden;} #n-route .info .right .tag {margin-top:1.5vw; font-size:12px;} #n-route .info .right .tag span {background:#f5f5f5; padding:0.4vw 1vw; margin:0 5px 5px 0; transition: all 0.2s; border-radius:50px; display:inline-block; word-wrap:break-word;white-space:normal;} #n-route .info .right .tag span:hover {background:#eee;} #n-route .info .start {margin-top:1.5vw; font-size:12px;} #n-route .info .start li {float:left; margin:0 1.2vw 5px 0;} #n-route .info .liangdian {margin-top:1.5vw; line-height:150%; font-size:12px; } #n-route .info .liangdian img {height:20px; padding:0 0 2% 0;} #n-route .info .more a {margin-top:1.5vw; text-align:center; width:10vw; padding:1vw; background:#ffcc00; display:block; border-radius:50px;} #n-route .info .more a:hover {background:#000; color:#fff; transition: all 0.2s;} #n-route .content {margin:2% 0 0 0; background:#fff; border-radius:15px; padding:2%; line-height:180%; text-align:justify;} #n-route .content .title {margin:0 0 3% 0;} #n-route .content img {max-width:100%;} #n-route .faq {margin:2% 0 0 0; background:#fff; border-radius:15px; padding:2%; line-height:180%; text-align:justify;} #n-route .faq .title {margin:0 0 3% 0;} #n-route .faq img {max-width:100%;} #n-route .like {margin:2% 0 0 0; background:#fff; border-radius:15px; padding:2%;} #n-route .like-list {margin-top:15px; margin-bottom:-3%;} #n-route .like-list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-route .like-list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s;} #n-route .like-list li:nth-of-type(3n+1){clear:both;} #n-route .like-list li .pic {overflow:hidden; height:20vw; border-radius:15px;} #n-route .like-list li .pic img {width:100%; min-height:20vw; transition: all 0.3s;} #n-route .like-list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-route .like-list .title {margin:15px 15px 0 0; text-align:justify;} #n-route .like-list .date {margin:15px 0 0 15px; font-size:12px;} #n-route .like-list .detail {margin:15px 0 0 0; line-height:150%; text-align:justify; font-size:12px;} /*内页国家*/ #n-country {padding:15px 0; min-height:880px;} #n-country .list {margin-bottom:-3%; overflow:hidden;} #n-country .list ul {margin-left:-3%;} #n-country .list li {float:left; position:relative; width:22%; margin:0 0 3% 3%; overflow:hidden; border-radius:15px;} #n-country .list li .pic {overflow:hidden; width:100%; height:29vw;} #n-country .list li .pic img {width:100%; min-height:29vw; transition: all 0.3s;} #n-country .list li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-country .list li .title {position:absolute; z-index:2; width:100%; padding:15px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} #n-country .left {float:left; width:70%; background:#fff; border-radius:15px;} #n-country .left .title {padding:3% 0 0 3%;} #n-country .left .content {padding:3%; line-height:180%; text-align:justify;} #n-country .left .content img {max-width:100%; border-radius:15px;} #n-country .right {float:left; width:27%; margin-left:3%; background:#fff; border-radius:15px;} #n-country .right ul {padding:8% 8% 0 8%;} #n-country .right li {margin-bottom:2vw; position:relative; overflow:hidden; border-radius:15px;} #n-country .right li .pic {overflow:hidden; width:100%; height:29vw;} #n-country .right li .pic img {width:100%; min-height:29vw; transition: all 0.3s;} #n-country .right li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-country .right .bt {padding:8% 0 0 8%;} #n-country .right .title {position:absolute; z-index:2; width:100%; padding:15px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} /*内页新闻*/ #n-news {padding:15px 0; min-height:880px;} #n-news .list {margin-bottom:-5%; overflow:hidden;} #n-news .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-news .list li {flex-basis:calc(30.33%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #n-news .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #n-news .list li .pic {overflow:hidden; height:20vw; border-radius:15px 15px 0 0;} #n-news .list li .pic img {width:100%; min-height:20vw; transition: all 0.3s;} #n-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-news .list .title {margin:15px 15px 0 15px; text-align:justify;} #n-news .list .date {margin:15px 0 0 15px; font-size:12px;} #n-news .list .detail {margin:15px; line-height:150%; text-align:justify; font-size:12px;} #n-news .content {line-height:180%; background:#fff; border-radius:15px; padding:2%; text-align:justify;} #n-news .content img {max-width:100%;} #n-news .title {margin-bottom:5px;} #n-news .date {margin-bottom:15px; font-size:12px;} /*内页联系*/ #n-contact {padding:15px 0; min-height:880px;} #n-contact .list {margin:0;} #n-contact .list ul {margin-left:-3%; display: flex;} #n-contact .list li {float:left; flex: 1; width:30.33%; padding:20px 0; margin:0 0 0 3%; transition: all 0.2s; background:#fff; border-radius:15px;} #n-contact .list li .iconfont {transition: all 0.2s; font-size:26px; width:50px; height:50px; line-height:50px; margin:auto; color:#ffcc00; border:1px #ddd solid; border-radius:100px;} #n-contact .list li:hover .iconfont {background:#000; color:#ffcc00; border:1px #000 solid; transition: all 0.2s;} #n-contact .list li .title {padding:15px 15px 0 15px; line-height:150%;} #n-contact .list li .detail {padding:15px 15px 0 15px; line-height:150%;} #n-contact .content {margin-top:2%; padding:2%; line-height:260%; background:#fff; border-radius:15px;} /*翻页样式*/ .pagelist {text-align:center;} .pagelist a{margin-top:30px; border: 1px solid #ddd; background:#fff; color:#666; display: inline-block; width:36px; height:36px;line-height:36px; border-radius:100%; white-space: nowrap; text-align: center;} .pagelist a+a{margin-left:8px;} .pagelist a.active,.pagelist a:hover{background:#ffcc00; color:#000; border:1px solid #ffb900;} /*上一页下一页*/ .prevnext {margin-top:2vw; font-size:12px;} .prevnext div {margin-top:10px;} } /*****************************************************************************************************************************************************************/ /************************************************************************ 手机版 *********************************************************************************/ /*****************************************************************************************************************************************************************/ @media screen and (min-width: 1px) and (max-width: 480px) { body {width:100%; height:100%; margin: 0px; font:14px Gotham-Book, Helvetica, Arial, sans-serif; color:#000; background:#f5f5f5;_background-attachment:fixed;_background-image:url(about:blank);} .f12 {font-size:12px;} .f14 {font-size:14px;} .f16 {font-size:14px;} .f18 {font-size:14px;} .f22 {font-size:16px;} .f26 {font-size:16px;} .f30 {font-size:18px;} .f36 {font-size:20px;} /*页面宽度*/ #main-block {margin:0 10px;} /*头部*/ #header {background:rgba(255,255,255,0.95); width:100%; position:fixed; top:0; left:0; z-index:99; height:40px; box-shadow:0 0 10px rgba(102, 102, 102, .1);} #header .block {position:relative;} #header .logo {float:left;} #header .logo a {background:url(../images/logo.png) no-repeat; width:94px; height:26px; background-size:100%; display:block; margin:7px 10px;} #header .contact {display:none;} /*导航*/ #nav {display:none;} /*移动滑出菜单*/ #mobile-nav {position:fixed; z-index:999; right:10px; top:6px;} #mobile-nav a {font-size:30px; color:#333;} #mobile-nav a:hover {text-decoration: none;} #mobile-menu {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:999;} #mobile-menu .mask {position:absolute; width:100%;height:100%; background:#333; left:0px;top:0px; z-index:20;} #mobile-menu .close-x a {position:absolute; top:8px; right:10px; font-size:30px; color:#333; text-decoration: none;} #mobile-menu .close-x a:hover {transform: rotate(90deg);} #mobile-menu .content {position:absolute; width:50%; right:0px;top:0px; background:#fff; height:100%;z-index:100;right:-30%; box-shadow: -5px 0px 10px 0px rgba(30,30,30,0.5);} #mobile-menu .list {padding:20px; font-size:16px;} #mobile-menu .list li {margin-top:30px;} #mobile-menu .list li .nav2 a {float:left; font-size:14px; margin:20px 20px 0 0;} #mobile-menu .list li .active {color:#000;} /*首页banner*/ #index-banner {padding:0 0 1% 0; overflow:hidden; background:url(../images/index_banner.jpg) #f5f5f5 center top no-repeat; background-size:100% auto;} #index-banner .bt {padding:50px 0 10px 0;} #index-banner .swiper {overflow:hidden; padding:0 0 10% 0;} #index-banner .swiper .swiper-slide {overflow:hidden; width:100%;} #index-banner .swiper .pic {width:100%; overflow:hidden; padding:0 10px 10px 0;} #index-banner .swiper .pic img {width:100%; height:100%; border-radius:15px; box-shadow: 5px 5px 5px rgba(255, 204, 0, .1); transition: all 0.2s;} #index-banner .swiper .content {width:100%; overflow:hidden;} #index-banner .swiper .txta {font-size:20px;} #index-banner .swiper .txtb {display:none;} #index-banner .swiper .more {display:none;} #index-banner .swiper .swiper-button-prev,#index-banner .swiper .swiper-button-next{display:none;} #index-banner .swiper:hover .swiper-button-prev,#index-banner .swiper:hover .swiper-button-next {display:block; margin:0 10px; width:36px; height:36px; line-height:36px; border-radius:100%; font-size:18px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.1); transition: all 0.2s;} #index-banner .swiper .swiper-button-prev:hover, #index-banner .swiper .swiper-button-next:hover {background-color:rgba(0,0,0,0.2); transition: all 0.2s;} #index-banner .swiper .swiper-button-prev::after, #index-banner .swiper .swiper-button-next::after {display:none;} #index-banner .swiper-pagination-bullet {background:#ddd; width:10px; height:10px; opacity:1;} #index-banner .swiper-pagination-bullet-active {background:#ffcc00;} /*首页热门*/ #index-hot {margin:0; padding:0 0 10px 0;} #index-hot .list {margin-top:10px; margin-bottom:-3%;} #index-hot .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #index-hot .list li {flex-basis:calc(47%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff; } #index-hot .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #index-hot .list li .pic {overflow:hidden; height:30vw; border-radius:15px 15px 0 0;} #index-hot .list li .pic img {width:100%; min-height:30vw; transition: all 0.3s;} #index-hot .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #index-hot .list .title {margin:10px 10px 0 10px; text-align:justify;} #index-hot .list .detail {margin:10px; line-height:150%; text-align:justify; font-size:12px;} /*首页定制*/ #custom {margin:0; padding:10px 0;} #custom .text {display:none;} #custom .text .bt {display:none;} #custom .menu {box-shadow:0 0 10px rgba(0, 0, 0, .2); border-radius:15px;} #custom .menu a {background:#ffcc00; color:#000; padding:10px 0; border-radius:15px; text-align:center; display:block;} #custom .menu a:hover {background:#000; color:#fff;} /*首页特点*/ #choice {margin:0; padding:10px 0;} #choice .list {padding-top:10px; margin-bottom:-3%;} #choice .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #choice .list li {flex-basis:calc(47%); padding:20px 0; margin:0 0 3% 3%; transition: all 0.2s; background:#fff; border-radius:15px; box-shadow:0 0 15px rgba(170, 170, 170, .1);} #choice .list li:hover {transform: scale(1.03);} #choice .list li .iconfont {transition: all 0.2s; font-size:26px; width:50px; height:50px; line-height:50px; margin:auto; color:#ffcc00; border:1px #ddd solid; border-radius:100px;} #choice .list li:hover .iconfont {background:#000; color:#ffcc00; border:1px #000 solid; transition: all 0.2s;} #choice .list li .title {padding-top:10px;} #choice .list li .detail {padding:10px 10px 0 10px; line-height:150%; font-size:12px;} /*首页热门国家*/ #index-country {padding:10px 0 5px 0; overflow:hidden; background:#fff;} #index-country .swiper {margin-top:10px; padding:0 0 40px 0;} #index-country .swiper .swiper-wrapper {margin-left:-4%;} #index-country .swiper .swiper-slide {overflow:hidden; width:100%; height:65vw; border-radius:15px;} #index-country .swiper .swiper-slide img {width:100%; min-height:65vw; transition: all 0.3s;} #index-country .swiper .swiper-slide:hover img {transform: scale(1.1); transition: all 0.3s;} #index-country .swiper-pagination-bullet {background:#ddd; width:10px; height:10px; opacity:1;} #index-country .swiper-pagination-bullet-active {background:#ffcc00;} #index-country .swiper .title {position:absolute; z-index:2; width:100%; padding:10px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} /*首页新闻*/ #index-news {margin:0; padding:10px 0;} #index-news .list {margin-top:10px; margin-bottom:-3%;} #index-news .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #index-news .list li {flex-basis:calc(47%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #index-news .list li:nth-of-type(3n){display:none;} #index-news .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #index-news .list li .pic {overflow:hidden; height:30vw; border-radius:15px 15px 0 0;} #index-news .list li .pic img {width:100%; min-height:30vw; transition: all 0.3s;} #index-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #index-news .list .title {margin:10px 10px 0 10px; text-align:justify;} #index-news .list .date {margin:10px 0 0 10px; font-size:12px;} #index-news .list .detail {margin:10px; line-height:150%; text-align:justify; font-size:12px;} /*首页关注*/ #index-ewm {display:none;} /*底部*/ #footer {display:none;} /*移动端底部*/ #mobile-footer {background:#333; font-size:2.6vw; padding:10px; line-height:150%; color:#fff;} #mobile-footer img {height:3.5vw;} /**************内页***************/ #n-banner {position:relative; margin:40px 0 0 0; background:#eee; overflow:hidden;} #n-banner img {width:100%; height:100%;} #n-banner .content {position:absolute; z-index:2; top:50%; transform: translate(0,-50%); left:5%; font-size:16px;} #n-banner .line {margin-top:5px; width:30px; height:3px; background:#ffcc00;} /*内页面包屑*/ #n-nav {margin-top:40px; padding-top:10px; font-size:12px;} /*内页导航按钮*/ #n-menu {padding:15px 0;} #n-menu li {float:left; margin-right:10px;} #n-menu li a {padding:1.5vw 2vw; background:#eee; border-radius:50px; font-size:12px;} #n-menu li a:hover {background:#ffcc00;} #n-menu li .active {background:#ffcc00;} /*内页关于*/ #n-about {padding:10px 0; min-height:880px;} #n-about .content {line-height:180%; background:#fff; border-radius:15px; padding:10px; text-align:justify;} #n-about .title {margin-bottom:10px;} #n-about img {max-width:100%;} /*内页资质*/ #n-certificate {padding:10px 0; min-height:880px;} #n-certificate .list {column-count:2; column-gap:3%;} #n-certificate .list li {width:100%; overflow:hidden; margin-bottom:10px; border-radius:15px;} #n-certificate .list li .pic {overflow:hidden; width:100%; border-radius:15px 15px 0 0;} #n-certificate .list li .pic img {width:100%; transition: all 0.3s;} #n-certificate .list li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-certificate .list .title {padding:2.5vw 0; width:100%; background:#fff;} /*内页路线*/ #n-route {padding:10px 0; min-height:880px;} #n-route .list {margin:-10px 0 -3% 0; overflow:hidden;} #n-route .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-route .list li {flex-basis:calc(47%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #n-route .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #n-route .list li .pic {overflow:hidden; height:30vw; border-radius:15px 15px 0 0;} #n-route .list li .pic img {width:100%; min-height:30vw; transition: all 0.3s;} #n-route .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-route .list .title {margin:10px 10px 0 10px; text-align:justify;} #n-route .list .detail {margin:10px; line-height:150%; text-align:justify; font-size:12px;} #n-route .info {background:#fff; border-radius:15px; padding:10px;} #n-route .info .left {width:100%; overflow:hidden;} #n-route .info .left img {width:100%; height:100%; border-radius:15px; box-shadow: 5px 5px 5px rgba(255, 204, 0, .1); transition: all 0.2s;} #n-route .info .right {margin:10px 0 0 0; width:100%; overflow:hidden;} #n-route .info .right .tag {margin-top:10px; font-size:12px;} #n-route .info .right .tag span {background:#f5f5f5; padding:0.8vw 1.8vw; margin:0 5px 5px 0; transition: all 0.2s; border-radius:50px; display:inline-block; word-wrap:break-word;white-space:normal;} #n-route .info .right .tag span:hover {background:#eee;} #n-route .info .start {margin-top:1vw; font-size:12px;} #n-route .info .start li {float:left; margin:0 5vw 5px 0;} #n-route .info .liangdian {margin-top:10px; line-height:150%; font-size:12px;} #n-route .info .liangdian img {height:20px; padding:0 0 2.5% 0;} #n-route .info .more a {margin-top:10px; text-align:center; padding:10px; background:#ffcc00; display:block; border-radius:50px;} #n-route .info .more a:hover {background:#000; color:#fff; transition: all 0.2s;} #n-route .content {margin:10px 0 0 0; background:#fff; border-radius:15px; padding:10px; line-height:180%; text-align:justify;} #n-route .content .title {margin:0 0 3% 0;} #n-route .content img {max-width:100%;} #n-route .faq {margin:10px 0 0 0; background:#fff; border-radius:15px; padding:10px; line-height:180%; text-align:justify;} #n-route .faq .title {margin:0 0 10px 0;} #n-route .faq img {max-width:100%;} #n-route .like {margin:10px 0 0 0; background:#fff; border-radius:15px; padding:10px;} #n-route .like-list {margin-top:10px; margin-bottom:-3%;} #n-route .like-list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-route .like-list li {flex-basis:calc(47%); margin:0 0 3% 3%; transition: all 0.2s;} #n-route .like-list li:nth-of-type(3n){display:none;} #n-route .like-list li .pic {overflow:hidden; height:30vw; border-radius:15px;} #n-route .like-list li .pic img {width:100%; min-height:30vw; transition: all 0.3s;} #n-route .like-list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-route .like-list .title {margin:10px 10px 0 0; text-align:justify;} #n-route .like-list .date {margin:10px 0 0 10px; font-size:12px;} #n-route .like-list .detail {margin:10px 0 0 0; line-height:150%; text-align:justify; font-size:12px;} /*内页国家*/ #n-country {padding:10px 0; min-height:880px;} #n-country .list {margin-bottom:-3%; overflow:hidden;} #n-country .list ul {margin-left:-3%;} #n-country .list li {float:left; position:relative; width:47%; margin:0 0 3% 3%; overflow:hidden; border-radius:15px;} #n-country .list li .pic {overflow:hidden; width:100%; height:61vw;} #n-country .list li .pic img {width:100%; min-height:61vw; transition: all 0.3s;} #n-country .list li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-country .list li .title {position:absolute; z-index:2; width:100%; padding:10px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} #n-country .left {width:100%; background:#fff; border-radius:15px;} #n-country .left .title {padding:10px 0 0 10px;} #n-country .left .content {padding:10px; line-height:180%; text-align:justify;} #n-country .left .content img {max-width:100%; border-radius:15px;} #n-country .right {margin-top:10px; width:100%; background:#fff; border-radius:15px;} #n-country .right ul {padding:3% 0 0 3%;} #n-country .right li {float:left; width:47%; margin:0 3% 3% 0; position:relative; overflow:hidden; border-radius:15px;} #n-country .right li .pic {overflow:hidden; width:100%; height:61vw;} #n-country .right li .pic img {width:100%; min-height:61vw; transition: all 0.3s;} #n-country .right li a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-country .right .bt {padding:10px 0 0 10px;} #n-country .right .title {position:absolute; z-index:2; width:100%; padding:10px; line-height:180%; color:#fff; bottom:0; text-shadow:0 0 10px #666; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));} /*内页新闻*/ #n-news {padding:10px 0; min-height:880px;} #n-news .list {margin-bottom:-5%; overflow:hidden;} #n-news .list ul {margin-left:-3%; display:flex; flex-wrap:wrap;} #n-news .list li {flex-basis:calc(47%); margin:0 0 3% 3%; transition: all 0.2s; border-radius:15px; background:#fff;} #n-news .list li:hover {box-shadow:0 0 15px rgba(170, 170, 170, .1);} #n-news .list li .pic {overflow:hidden; height:30vw; border-radius:15px 15px 0 0;} #n-news .list li .pic img {width:100%; min-height:30vw; transition: all 0.3s;} #n-news .list a:hover img {transform: scale(1.1); transition: all 0.3s;} #n-news .list .title {margin:10px 10px 0 10px; text-align:justify;} #n-news .list .date {margin:10px 0 0 10px; font-size:12px;} #n-news .list .detail {margin:10px; line-height:150%; text-align:justify; font-size:12px;} #n-news .content {line-height:180%; background:#fff; border-radius:15px; padding:10px; text-align:justify;} #n-news .content img {max-width:100%;} #n-news .title {margin-bottom:5px;} #n-news .date {margin-bottom:10px; font-size:12px;} /*内页联系*/ #n-contact {padding:10px 0; min-height:880px;} #n-contact .list {margin:0;} #n-contact .list li {width:100%; margin-bottom:10px; padding:20px 0; transition: all 0.2s; background:#fff; border-radius:15px;} #n-contact .list li .iconfont {transition: all 0.2s; font-size:26px; width:50px; height:50px; line-height:50px; margin:auto; color:#ffcc00; border:1px #ddd solid; border-radius:100px;} #n-contact .list li:hover .iconfont {background:#000; color:#ffcc00; border:1px #000 solid; transition: all 0.2s;} #n-contact .list li .title {padding:10px 10px 0 10px; line-height:150%;} #n-contact .list li .detail {padding:10px 10px 0 10px; line-height:150%;} #n-contact .content {margin-top:10px; padding:10px; line-height:200%; background:#fff; border-radius:15px;} /*翻页样式*/ .pagelist {text-align:center;} .pagelist a{margin-top:20px; border: 1px solid #ddd; background:#fff; color:#666; display: inline-block; width:30px; height:30px;line-height:30px; border-radius:100%; white-space: nowrap; text-align: center;} .pagelist a+a{margin-left:8px;} .pagelist a.active,.pagelist a:hover{background:#ffcc00; color:#000; border:1px solid #ffb900;} /*上一页下一页*/ .prevnext {margin-top:2vw; font-size:12px;} .prevnext div {margin-top:10px;} }