@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{opacity: . ;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 em{font-size: 1.8vw;color: #2a2a2a;text-transform: uppercase;font-weight: bold;}
.ResTitle_a3 br,.ResTitle_a3 span{display: none;}

.main02 .mainbox>p{width: 940px;max-width: 90%;color: #4a4a4a;line-height: 1.5;margin: 0 auto 1.5vw auto;min-height: 5.4em;
    display: block;text-align: center;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;
max-height: 7.5em;}
.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 p{font-size: 1.1vw;line-height: 1.5;display: block;}
.main03 .series-list .txt h4{display: none;}
.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: 1.3vw;font-weight: bold;}
.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.2em;line-height: 1.6;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.main04 .newnr p{font-size: 0.8vw;color: #666;line-height: 1.6;display: block;height: 4.8em;
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: 3.2em;-webkit-line-clamp: 2;font-size: 1vw;line-height: 1.6;}
.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.3vw;color: #2a2a2a;font-weight: bold;margin-bottom: 7px;}
.contact-box span,.contact-box dd p{font-size: 16px;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: 270px;color: #2a2a2a;font-size: 14px;}
.contact-box .fr a{display: block;background-color: #ededec;padding: 0.6vw 0.5em;text-align: left;margin-bottom: 0.6vw;box-sizing: border-box;}
.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 em{
    -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.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 p{font-size: 18px;}
    .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 em{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: 22px;}
    .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 em{font-size: 4.8vw;font-weight: normal;}

    .mainbox{padding-top: 14.8vh;width: 86.4%;}
    .main02 .mainbox>p{font-size: 3.6vw;width: 100%;max-width: 100%;margin-bottom: 6.4vw; text-align: left;}
    .main02 .link-list{width: 86.4%;}
    .main02 .pic{height: 28vw;}
    .main02 .txt {padding: 2.8vw 3vw 3vw;}
    .main02 .txt p{font-size: 3.8vw;min-height: 3em;}
    .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;display: none;}
    
    .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 p{font-size: 4.5vw;}
    .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: 5vw;line-height: 1.6;}
    .contact-box span{font-size: 12px;}
    .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;}

}