@charset "utf-8"; .banner img{display: block;width: 100%;height: 100%;} .banner{height: 100%;width: 100%;} .PC_ban,.BannerShow_b1,.banner .swiper-container,.Mob_ban{height: 100%;width: 100vw;} .Mob_ban{display: none;} .banner .swiper-slide {overflow: hidden;} .banner .swiper-slide a{display: block;width: 100%;height: 100%;overflow: hidden;} .banner .swiper-slide img{transform: scale(1.3) ;-ms-transform: scale(1.3) ;-webkit-transform: scale(1.3) ; transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;} .banner .swiper-slide-active img{opacity: 1;transform: scale(1) ;-ms-transform: scale(1) ;-webkit-transform: scale(1) ; -webkit-animation-duration: 0.8s;-o-animation-duration: 0.8s;animation-duration: 0.8s; -webkit-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;} .banner .swiper-pagination{bottom: 2.7vw;} .banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 8px;width: 26px;border-radius: 4px;margin: 0 5px;opacity: 0.66;background-color: #fff;} .banner .swiper-pagination-bullet-active{width: 78px !important;background: #fabe00 !important;opacity: 1 !important;} .banner .swiper-button-next{right: 40px!important;left: auto!important;} .banner .swiper-button-prev{left: 40px!important;} #myMenu{position: fixed;right: 28px;bottom: 5.2vw;} #slideDown{width: 50px;height: 50px;border-radius: 50%;background-color: #fff;position: relative;} #slideDown:after{content: "";display: inline-block;border: 5px solid transparent;border-top-color: red;content: "";position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);} #fp-nav{z-index: 2;} #fp-nav ul li a, .fp-slidesNav ul li a{width: 25px;display: block;border-radius: 50%;height: 25px; padding: 8px;box-sizing:border-box; transition:.2s all ease;-ms-transition:.2s all ease;-webkit-transition:.2s all ease;} #fp-nav ul li a span, .fp-slidesNav ul li a span{width: 100%;background: #fff;position: static;width: 9px !important;height: 9px !important;display: block;margin: 0 !important;} #fp-nav ul li a.active{background-color: rgba(255,255,255,0.46);padding: 7px;} #fp-nav ul li a.active span{;width: 12px !important;height: 12px !important;} #fp-nav ul li {margin: 8px 0;width: auto;height: auto;} #fp-nav ul li a .fp-sr-only{display: none;} #dowebok .section{background-size: cover;background-position: bottom;overflow: hidden;width: 100%;position: relative; transition:.8s all ease; -ms-transition:.8s all ease; -webkit-transition:.8s all ease; } #dowebok .main02{background-image: url(../images/bg2.jpg);background-size: 100% 100%;} #dowebok .main04{background-image: url(../images/bg4.jpg);background-size: 100% 100%;} #dowebok .main05{background-image: url(../images/bg5.jpg);} #dowebok .main06{background-image: url(../images/bg6.jpg);background-size: 120% 120%;} #dowebok .main03{background: #fff;} #dowebok .main06.active{background-size: 100% 100%;} #dowebok .main04.active{background-size: 105% 105%;} #dowebok .main02{position: relative;} .mainbox{padding-top: 18vh;width: 84.8%;margin: 0 auto;} .ResTitle_a3{text-align: center;line-height: 1.8;position: relative;margin-bottom: 1.5vw;} .ResTitle_a3 span{font-size: 1.8vw;color: #2a2a2a;} .ResTitle_a3 em{text-transform: uppercase;color: #fabe00;font-size: 18px;display: block;font-family: Arial;} .ResTitle_a3 em:after,.ResTitle_a3 em:before{content: "/";margin: 0 1em;} .ResTitle_a3 br{display: none;} .main02 .mainbox>p{width: 940px;max-width: 90%;color: #4a4a4a;line-height: 1.8;margin: 0 auto 1.5vw auto;min-height: 5.4em; display: block;text-align: center;} .main02 .link-list{position: relative;padding-top: 0;width: 73%;margin: 0 auto;} .main02 .link-list li{position: relative;} .main02 .link-list i{display: inline-block;position: absolute;right: 1.5vw;bottom: 2vw;display: block;width: 1.7vw;height: 1.7vw;max-width: 35px;max-height: 35px; min-width: 20px;min-height: 20px;background: url(../images/right3.png) no-repeat;background-size: auto 100%;border-radius: 50%; transition:.8s all ease; -ms-transition:.8s all ease; -webkit-transition:.8s all ease; } .main02 .pic{position: relative;height: 21vh;overflow: hidden;max-height: 202px;} .main02 .pic img{display: block;position: absolute;width: 100%;height: 100%;} .main02 .txt{position: relative;background: #fff;padding: 0.8vw 2vw 1vw;} .main02 .txt h4{font-weight: bold;font-size: 1.8vw;color: #fabe00;display: block;margin-bottom: 0.6vw;} .main02 .txt h4 sup{font-weight: normal;font-size: 12px;color: #32495d;margin-left: 0.5vw;position: absolute; } .main02 .txt p{font-size: 16px;color: #32495d;} .section .swiper-button-next,.section .swiper-button-prev{background-image: url(../images/next.png);width: 3vw;height: 3vw;background-size: 100% auto;max-width: 60px;max-height: 60px;right: -5.2vw;} .section .swiper-button-prev{left: -5.2vw;} .section .swiper-button-prev {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);} .main02 .play{position: absolute;left: 50%;top: 50%;z-index: 2;width: 3.2vw;height: 3.2vw;max-width: 60px;max-height: 60px; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .bg_txt{background: url(../images/bg2_2.jpg) center bottom no-repeat ;background-size: 100% 34vh;padding-bottom: 21vh;position: absolute;bottom: 0;width: 100%;} .main03{overflow: hidden;background: #fbfbfb;box-sizing: border-box;padding-top: 16vh;position: relative;overflow: hidden;} .main03 .ResTitle_a3{position: absolute;width: 100%;left: 0;top: 15vh;text-align: center; z-index: 2;} .main03 .series-list{height: 76vh;color: #d5dbe2;width: 75%;margin: 0 7% 0 auto;} .main03 .series-list a{box-sizing: border-box;display: block;position: relative;height: 100%;width: 100%;background-size: cover;} .main03 .series-list .pic{position: relative;overflow: hidden;height: 100%;width: 100%; } .main03 .series-list .pic img{position: absolute;left: 50%;top: 50%;min-width: 100%;height: 100%;z-index: 1; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transition:.8s all ease;-webkit-transition:.8s all ease;transition:.8s all ease;} .main03 .series-list .txt{position: absolute;bottom: 0; width: 100%;z-index: 2;padding: 1.3vw 1vw;text-align: center;box-sizing: border-box; background: #fabe00;color: #000000; transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease; } .main03 .series-list .txt h4{font-size: 1.1vw;line-height: 1.5;display: block;} .main03 .series-list .txt p{font-size: 14px;text-transform: uppercase;display: block;} .main03 .series-list .swiper-container{height: 100%;width: 100%;overflow: visible;} .main03 .swiper-slide { display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center;transition: 300ms; } .main03 .swiper-slide a{ height: 65%; /* transform: scale(0.75); -ms-transform: scale(0.75); -webkit-transform: scale(0.75); */ } .main03 .swiper-slide-active a{ left: -100%; top: 0; height: 100%; width: 200%; position: absolute; z-index: 2; } .swiper-slide-duplicate-prev{opacity: 0;} .main03 .swiper-slide-active .pic{margin: 0 0 0 auto;} .main03 .swiper-slide-active .txt{background: rgba(250,190,0,0.9);width: auto;padding: 1.5vw 2.6vw 1.5vw 3.5vw;bottom: 1.6vw;padding-left: 25%;left: -15%;} .main03 .swiper-slide-active .txt p{font-size: 1vw;} .main03 .swiper-slide-active .txt h4{font-size: 1.6vw;} .main03 .swiper-slide-active a:before{content: "";display: block;position: absolute;bottom: 1.6vw;left: -15%;width: 15%;height: 85%;background: #ffe07d;} .main03 .swiper-button-next,.main03 .swiper-button-prev{background: url(../images/pnext.png) center no-repeat;width: 2.6vw;height: 2.6vw;min-height: 30px;min-width: 30px; background-size: auto auto;max-width: 50px;opacity: 1; max-height: 50px;display: inline-block;margin: 0; position: static;border: 1px solid #dcdcdc;border-radius: 0;} .main03 .swiper-button-next{border-left: none;} .main03 .arrow-group{position: absolute;bottom: 8vh;left: 37.5%;z-index: 2;} .main03 .swiper-pagination{display: none;position: static;margin-top: 6vw;} .main03{overflow: hidden;} .main04 .mainbox .ResTitle_a3{margin-bottom: 2.6vw;} .main04 .mainbox{width: 73%;} .main04 .mainbox ul{position: relative;text-align: right;} .main04 li{text-align: left;position: relative;} .main04 a{display: block;} .main04 .newnr b{color: #550b00;font-size: 1vw;font-weight: normal;margin-bottom: 1.2vw;display: block;height: 3.6em;line-height: 1.8; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .main04 .newnr p{font-size: 0.8vw;color: #666;line-height: 2.0;display: block;height: 6em; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .main04 .newnr b{display: block;} .main04 .fr .newimg{display: none;} .main04 .fr .data{font-size: 1.2vw;color: #2a2a2a;font-family: Arial;margin-bottom: 4.4vw;} .main04 .fr .data span{font-size: 1.8vw;color: #fabe00;font-weight: normal;display: block;} .main04 .fr a{padding-top: 3vw;} .main04 .fr:after{content: "";display: block;width: 100%;background: #e0e0e0;height: 1px;top: 9vw;position: absolute;right: 0;} .main04 .fr a:before{content: "";display: block;width: 9px;background: #e0e0e0;height: 9px;top: calc(9vw - 4px);position: absolute;left: 0;border-radius: 50%;} .main04 .fr{width: 58.6%;} .main04 .fl{width: 37%;} .main04 .fl .data{background: url(../images/clock.png) left center no-repeat;background-size: 18px;line-height: 18px;padding-left: 28px;box-sizing: border-box;font-size: 14px;color: #666; /* position: absolute;top: 19.8vw;left: 2vw; */text-align: left;margin: 0.5vw auto;} .main04 .fl .data span:after{content: ".";} .main04 .fl .data span{font-weight: normal;width: auto;padding: 0;display: inline;font-size: inherit;color: inherit;} .main04 .fl .newnr{padding: 1vw 2vw;box-sizing: border-box;border: 1px solid #e1e1e1;border-top: none;background: #fff;} .main04 .fl .newnr>b{font-size: 1.2vw;height: auto; line-height: 1.5;display: block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .main04 .fl .newnr p{height: 4em;-webkit-line-clamp: 2;font-size: 1vw;} .main04 .newimg{height: 13.5vw;position: relative;overflow: hidden;display: block;} .main04 .newimg img,.PhotoList_i1 .pic img{display: block;position: absolute;left: 50%;top: 50%;width: 101%;min-height: 100%; transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;} /* .main04 .fr li:last-child{position: absolute;opacity: 0;} */ .main04 .swiper-pagination{display: none;} .main05 {overflow: hidden;} .main05 .ResTitle_a3{position: absolute;width: 27%;left: 3vw;top: 16.8vh;text-align: center;z-index: 2;} .main05 .mainbox{position: relative;padding-top: 16.8vh;margin: 0 auto 0 19vw;overflow: visible;} .PhotoList_i1 h4{font-size: 18px;color: #fff;line-height: 1.8; position: absolute;left: 1.7vw;bottom: 1.3vw;padding-left: 38px;background: url(../images/location.png) left center no-repeat; z-index: 2; display: none; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-size: auto 100%;max-width: 75%;} /* .PhotoList_i1 li:first-child .txt{left: 0;top: 0;opacity: 0;} */ .main05 .PhotoList_i1 .swiper-container{overflow: visible;} .main05 .PhotoList_i1 .swiper-slide{opacity: 0.8;width: 52vw;position: relative;overflow: hidden;height: 59.6vh;} .main05 .PhotoList_i1 .swiper-slide .pic{height: 38.9vh;margin-top: 17.8vh;border-radius: 10px;background-color: #fabe00;position: relative;width: 100%;display: block;overflow: hidden;} .main05 .PhotoList_i1 .swiper-slide .pic:after{content: "";border-radius: 10px; position: absolute;left: 0;bottom: 0;width: 100%;height: 50%; background: linear-gradient(transparent,rgba(0,0,0,0.58)); background: -ms-linear-gradient(transparent,rgba(0,0,0,0.50)); background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.50)); } .main05 .PhotoList_i1 .swiper-slide-active{opacity: 1;} .main05 .PhotoList_i1 .swiper-slide-active h4{display: block;} .main05 .PhotoList_i1 .swiper-slide-active .pic{height: 100%;margin: 0;} .main05 .gallery-thumbs{height: 11.4vh;margin-top: 5.5vh;position: relative;z-index: 3;} .main05 .gallery-thumbs li .pic{display: block;width: 100%;height: 100%;border-radius: 10px;overflow: hidden;cursor: pointer;} .main05 .gallery-thumbs li img{width: 100%;height: 100%;object-fit:cover;} .main05 .swiper-button-next,.main05 .swiper-button-prev{background: url(../images/arrow-right.png) center no-repeat;width: 2.6vw;height: 2.6vw;min-height: 30px;min-width: 30px; background-size: cover;max-width: 55px;opacity: 1; max-height: 55px;top: 47.8vh;} .main05 .swiper-button-next{right: 15%;} .main05 .swiper-button-prev{left: 13%;} .main05 .gallery-thumbs .swiper-slide-active .pic:after{content: "";border-radius: 10px; position: absolute;left: 0;top: 0;width: 100%;height: 100%; border: 2px solid #f6c93c;box-sizing:border-box;} .main06 .mainbox{width: 73%;} .contact-box{margin-bottom: 2vw; box-sizing:border-box;padding: 1.5vw 0 3vw 3.5vw; height: 52.6vh;background: url(../images/cbg.jpg) #fff right center no-repeat;background-size: auto 100%;} .contact-box h3{font-size: 1.8vw;color: #2a2a2a;font-weight: bold;margin-bottom: 7px;} .contact-box span,.contact-box dd p{font-size: 18px;color: #555555;} .contact-box dd i{display: block;width: 1.5em;height: 1.5em;background-repeat: no-repeat;background-position: center;background-size: auto 100%; position: absolute;left: 0;top: 0; } .contact-box .phone{background-image: url(../images/phone2.png);} .contact-box .fax{background-image: url(../images/fax.png);} .contact-box .name{background-image: url(../images/name.png);} .contact-box .add{background-image: url(../images/dizhi.png);} .contact-box .mail{background-image: url(../images/youxiang.png);} .contact-box dl{margin: 1.5vw 0;} .contact-box dd{margin-bottom: 15px;position: relative;position: relative;box-sizing: border-box;padding-left: 2em;} .contact-box dd p{display: inline;} .contact-box .fl{width: 630px;max-width: 60%;} .contact-box .map{padding: 0.8vw 2vw;display: inline-block;background: #f7cc42;border-radius: 1.4vw;} .contact-box .fr{width: 160px;color: #2a2a2a;font-size: 16px;} .contact-box .fr a{display: block;background-color: #ededec;padding: 0.6vw 0;text-align: center;margin-bottom: 0.6vw;} .contact-box .fr .on a{display: block;background-color: #fabe00;position: relative;} .contact-box .fr .on a:after{content: "";display: block; position: absolute;width: 15px;height: 100%;top: 0; right: -15px;background-color: #fabe00;} .contact-box .fr .on a:before{content: "";display: block;position: absolute;bottom: -19px;right: -15px;width: 15px;height: 23px;background: #b38e1b; background: linear-gradient(-60deg, #d9ad1f 42%,transparent 43%); background: -ms-linear-gradient(-60deg, #d9ad1f 42%,transparent 43%); background: -webkit-linear-gradient(-60deg, #d9ad1f 42%,transparent 43%); transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;} .main06 .swiper-pagination{position: relative;margin-bottom: 1.7vw;font-size: 0;text-align: left;} .main06 .swiper-pagination-clickable .swiper-pagination-bullet{height: 4px;width: 15px;border-radius: 2px;margin-right: 5px;display: inline-block; background: #ededed;opacity: 1;} .main06 .swiper-pagination-bullet-active{width: 32px !important;background: #fabe00 !important;} .main06 .footer{position: absolute;bottom: 0;width: 100%;} .main06 .swiper-slide{opacity: 0;} .main06 .swiper-slide-active{opacity: 1;} .section .more{display: block;width: 170px;height: 40px;margin: 0 auto; line-height: 40px;border: 1px solid #fff;text-align: center;font-size: 16px;color: #fff;} .section .more:hover{background-color: #fabe00;border-color: #fabe00;} .active.main02 .mainbox>p{ -webkit-animation: fadeInUp 0.8s ease 0.3s both; -ms-animation: fadeInUp 0.8s ease 0.3s both; -moz-animation: fadeInUp 0.8s ease 0.3s both; -o-animation: fadeInUp 0.8s ease 0.3s both; } .active .ResTitle_a3 span{ -webkit-animation: fadeInUp 0.8s ease 0.5s both; -ms-animation: fadeInUp 0.8s ease 0.5s both; -moz-animation: fadeInUp 0.8s ease 0.5s both; -o-animation: fadeInUp 0.8s ease 0.5s both; } .active .ResTitle_a3 em{ -webkit-animation: fadeInUp 0.8s ease 0.3s both; -ms-animation: fadeInUp 0.8s ease 0.3s both; -moz-animation: fadeInUp 0.8s ease 0.3s both; -o-animation: fadeInUp 0.8s ease 0.3s both; } .active.main04 .w12 p{ -webkit-animation: fadeIn 0.8s ease 0.6s both; -ms-animation: fadeIn 0.8s ease 0.6s both; -moz-animation: fadeIn 0.8s ease 0.6s both; -o-animation: fadeIn 0.8s ease 0.6s both; } .fp-viewing-0 #fp-nav{display: none !important;} .fp-viewing-2 #fp-nav ul li a span,.fp-viewing-2 .fp-slidesNav ul li a span{background: #fbc210;} .fp-viewing-2 #fp-nav ul li a.active{background: rgba(250,190,0,0.3);} .fp-viewing-3 #fp-nav ul li a span,.fp-viewing-3 .fp-slidesNav ul li a span{background: #fbc210;} .fp-viewing-3 #fp-nav ul li a.active{background: rgba(250,190,0,0.3);} .fp-viewing-4 #fp-nav ul li a span,.fp-viewing-4 .fp-slidesNav ul li a span{background: #fbc210;} .fp-viewing-4 #fp-nav ul li a.active{background: rgba(250,190,0,0.3);} @media screen and (min-width: 1024px){ .main05 .PhotoList_i1 li:hover img{transform: scale(1.1,1.1) translate(-45%,-45%);} .main05 .PhotoList_i1 li:hover .txt{opacity: 1;/* left: 0;top: 0; */} .main04 .fr li:hover .newnr>b{color: #f9bd01;} .main04 .fr li:hover:before{background-color: #f9bd01;} .main03 .series-list a:hover img{transform:translate(-50%,-50%) scale(1.05,1.05) ;-ms-transform:translate(-50%,-50%) scale(1.05,1.05) ;-webkit-transform:translate(-50%,-50%) scale(1.05,1.05) ;} .main03 .series-list a:hover .txt{padding-bottom: 2.5vw;} .main02 .link-list a:hover i{right: 3vw;} .active.main04 li{ -webkit-animation: fadeInRight 0.8s ease 0.3s both; -ms-animation: fadeInRight 0.8s ease 0.3s both; -moz-animation: fadeInRight 0.8s ease 0.3s both; -o-animation: fadeInRight 0.8s ease 0.3s both; opacity: 1; } .active.main04 .fl li:nth-child(1){ -webkit-animation: fadeInLeft 0.8s ease 0.3s both; -ms-animation: fadeInLeft 0.8s ease 0.3s both; -moz-animation: fadeInLeft 0.8s ease 0.3s both; -o-animation: fadeInLeft 0.8s ease 0.3s both; } .active.main04 li:nth-child(3){ -webkit-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .active.main04 li:nth-child(4){ -webkit-animation-delay: 1.2s; -o-animation-delay: 1.2s; -ms-animation-delay: 1.2s; animation-delay: 1.2s; } .active.main04 li:nth-child(2){ -webkit-animation-delay: 0.6s; -o-animation-delay: 0.6s; -ms-animation-delay: 0.6s; animation-delay: 0.6s; } .active.main02 .link-list li{ -webkit-animation: fadeInRight 0.8s ease 0.7s both; -ms-animation: fadeInRight 0.8s ease 0.7s both; -moz-animation: fadeInRight 0.8s ease 0.7s both; -o-animation: fadeInRight 0.8s ease 0.7s both; } .active.main02 .link-list li:nth-child(2){ -webkit-animation: fadeInRight 0.8s ease 1s both; -ms-animation: fadeInRight 0.8s ease 1s both; -moz-animation: fadeInRight 0.8s ease 1s both; -o-animation: fadeInRight 0.8s ease 1s both; } .active.main02 .link-list li:nth-child(3){ -webkit-animation: fadeInRight 0.8s ease 1.3s both; -ms-animation: fadeInRight 0.8s ease 1.3s both; -moz-animation: fadeInRight 0.8s ease 1.3s both; -o-animation: fadeInRight 0.8s ease 1.3s both; } .active.main02 .link-list li:nth-child(4){ -webkit-animation: fadeInRight 0.8s ease 1.7s both; -ms-animation: fadeInRight 0.8s ease 1.7s both; -moz-animation: fadeInRight 0.8s ease 1.7s both; -o-animation: fadeInRight 0.8s ease 1.7s both; } } @media screen and (max-width: 1440px){ .contact-box .fr,.contact-box span, .contact-box dd p,.PhotoList_i1 h4{font-size: 16px;} .main04 .newnr>b,.main04 .fr .data span{font-size: 18px;} .main04 .newnr p{font-size: 14px;} .main04 .newnr b,.main04 .fr .data{font-size: 16px;} .PhotoList_i1 .txt span{font-size: 14px;} } @media screen and (max-width: 1250px){ .contact-box .fr, .contact-box span, .contact-box dd p, .PhotoList_i1 h4{font-size: 14px;} .main03 .swiper-slide-active .txt h4{font-size: 18px;} .main03 .swiper-slide-active .txt p{font-size: 14px;} .main02 .txt p{font-size: 14px;} .main02 .txt h4{margin-bottom: 0;} } @media screen and (max-width: 1024px) and (orientation: portrait){ .mainbox{padding-top: 17vw;} .ResTitle_a3{margin-bottom: 3vw;} .ResTitle_a3 span{font-size: 4vw;} .section .swiper-button-next, .section .swiper-button-prev{width: 5vw;height: 5vw;} .PhotoList_i1 h4{font-size: 18px;} .main02 .pic{height: 16vh;} .main02 .mainbox>p{margin-bottom: 4vw;} .main04 .fr{width: 100%;} .main04 .fl{width: 100%;background: #fff;} .main04 .fl .newnr b{font-size: 18px;height: auto;} .main04 .fl .data{margin: 1.5vw auto;} .main04 .fl .newimg{width: 48%;height: 23vw;float: left;} .main04 .fl .newnr{float: right;width: 50%;padding-top: 3.5vw;border: none;} .main04 .fl .newnr p{font-size: 16px; height: 6em;-webkit-line-clamp: 4;} .PhotoList_i1 .txt{display: none;} .main05 .PhotoList_i1 .swiper-slide{height: 40vh;} .main05 .mainbox{padding-top: 20vh;} .main06 .mainbox{padding-top: 22vw;} .contact-box h3{font-size: 24px;} .contact-box{background-size: 100% auto;background-position: left bottom;padding: 4.5vw 0 3vw 5.5vw;} .contact-box dd p, .PhotoList_i1 h4{font-size: 16px;} .contact-box{height: auto;min-height: 38vh;} .main03 .series-list{height: 40vh;} .main03{padding-top: 30vh;} .main03 .arrow-group{bottom: 30vh;} } @media screen and (max-width: 750px) and (orientation: portrait){ #fp-nav{display: none;} .bg_txt{ background-image: url(../images/mbg2_2.jpg);background-size: 100% 28vw;background: none;position: static;padding: 0;} #dowebok .main02{background-image: url(../images/mmbg22.jpg);} #dowebok .main04{background-image: url(../images/mmbg4.jpg);} #dowebok .main06{background-image: url(../images/mmbg6.jpg);} /* #dowebok .main03{background-image: url(../images/mbg3.jpg);} #dowebok .main05{background-image: url(../images/mbg5.jpg);} */ .PC_ban{display: none;} .Mob_ban{display: block;} .banner .swiper-pagination-clickable .swiper-pagination-bullet{width: 3.6vw;height: 1.6vw;border-radius: 0.8vw;} .banner .swiper-pagination-bullet-active{width: 10.4vw !important;} .ResTitle_a3 span{font-size: 4.8vw;font-weight: normal;} .ResTitle_a3 em{font-size: 3.8vw;} .mainbox{padding-top: 14.8vh;width: 86.4%;} .main02 .mainbox>p{font-size: 3.6vw;width: 100%;max-width: 100%;text-indent: 2em;margin-bottom: 6.4vw; text-align: left;} .main02 .link-list{width: 86.4%;} .main02 .pic{height: 28vw;} .main02 .txt p{font-size: 3.6vw;} .main02 .txt sup{font-size: 3.2vw;} .main02 .txt h4{font-size: 4.8vw;font-weight: normal;} .main02 .link-list i{width: 4.6vw;height: 4.6vw;right: 3vw;bottom: 4.6vw;} .main03{padding-top: 16vh;} .main03 .ResTitle_a3{position: static;} .main03 .swiper-slide a{opacity: 0;} .main03 .series-list{width: 65%;height: 58vh;margin: 0 auto 0 22%;} .main03 .arrow-group{display: none;} .main03 .swiper-slide-active a{position: static;width: 100%;opacity: 1;} .main03 .swiper-slide-active a:before{height: 75%;bottom: 7%;width: 12%;left: -12%;} .main03 .swiper-slide-active .txt{bottom: 7%;padding: 2.5vw 3.6vw 2.5vw 22%;left: -12%;} .main03 .swiper-slide-active .txt h4{font-size: 4.5vw;} .main03 .swiper-slide-active .txt p{font-size: 12px;} .main03 .swiper-pagination{display: block;width: 100%;text-align: center;bottom: 4vw;} .section .swiper-pagination-bullet{width: 3.6vw;height: 1.6vw;border-radius: 0.8vw;margin-right: 5px;display: inline-block; background: #ededed;opacity: 1;} .section .swiper-pagination-bullet-active{width: 10.4vw !important;background: #fabe00 !important;} .main04 .fl{display: none;} .main04 .mainbox{width: 86.6%;padding-top: 20vw;} .main04 .mainbox .ResTitle_a3{margin-bottom: 4.9vh;} .main04 .swiper-pagination{display: block;width: 100%;position: static;margin-top: 4vw;} .main04 .newimg{display: none;} .main04 .newnr {padding: 2vw 3vw;background: #fff;border: 1px solid #e1e1e1;} .main04 .newnr p{height: auto; font-size: 3.8vw;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .main04 .newnr b{height: auto; font-size: 4.5vw;margin-bottom: 8vw;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .main04 .fr .data {background: url(../images/clock.png) left center no-repeat;background-size: 12px;line-height: 18px; padding-left: 16px;font-size: 12px; position: absolute;left: 3vw;top: 12vw;} .main04 .fr .data span:after{content: ".";} .main04 .fr .data span{display: inline;font-size: 12px; } .main04 .fr a{padding-top: 0;} .main04 .fr a:before{display: none;} .main04 .fr:after{display: none;} .main06 .mainbox{width: 86.6%;} .main06 .swiper-pagination{margin-bottom: 6vw;} .contact-box{padding: 3.8vw 3vw;min-height: 80vw;min-height: 53vh;} .contact-box .fl{width: 100%;max-width: 100%;float: none;} .contact-box dl{min-height: 10vw;} .contact-box .fr{display: none;} .contact-box dd p, .PhotoList_i1 h4{font-size: 3.6vw;} .contact-box h3{font-size: 4vw;} .contact-box span{font-size: 3.4vw;} .contact-box dd{margin-bottom: 3.4vw;} .contact-box .map{height: 7vw;line-height: 7vw;width: 6em;margin-top: 3vw; border-radius: 4vw;padding: 0;text-align: center;font-size: 3.6vw;} .contact-box dd i{width: 3.6vw;height: 3.6vw;margin-right: 3vw;float: none;display: inline-block;vertical-align: middle;} .main05 .PhotoList_i1 .swiper-slide{width: 70%;height: 36vh;} .main05 .PhotoList_i1 .swiper-slide .pic{height: 100%;margin: 0;} .main05 .ResTitle_a3{width: 100%;text-align: center;top: 15vh;left: 0;} .main05 .mainbox{padding-top: 28vh;margin: 0 auto 0 18vw;} .main05 .gallery-thumbs{height: 9vh;} .main05 .gallery-thumbs li .pic,.main05 .PhotoList_i1 .swiper-slide .pic,.main05 .gallery-thumbs .swiper-slide-active .pic:after{border-radius: 1.2vw;} .main05 .swiper-button-next, .main05 .swiper-button-prev{display: block;top: 44vh;left: -10%;} .main05 .swiper-button-next{right: 14%;left: auto;} .PhotoList_i1 h4{padding-left: 5vw;background-size: 4vw;} }