.container{width:60%;z-index: 11;}
.swiper-pagination-bullet{outline: none;}
.section{
    overflow: hidden;
    position: relative;
    width: 100%;
    height:100%; 
    background-color: #f6e055; 
    
}
.section1{z-index: 99900099999;}
.section .banner{height: 100vh;padding-top: 1rem}
.section .banner img{width: 100%;}
.section .swiper-pagination{bottom: 3%;}
.section .swiper-pagination-bullet-active{background-color: #202020;}
.section .swiper-button-prev:after, .section .swiper-button-next:after{font-size: 16px;color: #202020;}
.section .swiper-button-prev{top: 96%;left: 45%;cursor: pointer;z-index: 111;}
.section .swiper-button-next{top: 96%;right: 45%;cursor: pointer;z-index: 111;}
.section .swiper-slide{display: flex;align-items: center;}
.ydshow{display: none;}
.section2{overflow: hidden;position: relative;background-color:#fdfae8 ;z-index: 9;}
.section2 .container{position: relative;z-index: 99;}
.section2 .left .tit h1{text-align: left;color: #202020;}
.section2 .left .tit p{text-align: left;color: #202020;}
.mvWrap .c {display: block;overflow: hidden;margin: 0 auto;clip-path: circle(50% at 50% 50%);height: 100%;}      
.mvWrap {position: relative;display: flex;align-items:center;justify-content: space-between; height: 100vh;text-align: center;}
.mvWrap .img_box2 {top: -25%;transition:top 1s .6s ease-in-out;-webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
-moz-box-shadow:  0 5px 20px rgba(0,0,0,.2);
box-shadow: 0 5px 20px rgba(0,0,0,.2)}
.mvWrap .img_box1 {bottom: -25%;transition:bottom 1s .6s ease-in-out;-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
-moz-box-shadow:  0 0 20px rgba(0,0,0,.2);
box-shadow: 0 0 20px rgba(0,0,0,.2)}
.mvWrap .img_box {position: relative;display: block;vertical-align: top;border-radius: 100%;overflow: hidden;height: 50%;}
.mvWrap .a {position: absolute;left: 0;bottom: 0;border-radius: 100%;overflow: hidden;width: 100%;clip-path: circle(50% at 50% 50%);height: 100%;z-index: 99;transition:bottom 1s .6s ease-in-out}
.mvWrap.gogo .img_box2 {top: -10%;}
.mvWrap.gogo .img_box1 {bottom: -10%;}
.mvWrap.gogo .a {bottom: 60%;}
.mvWrap .img_wrap {display: inline-block;height: 70vw;max-height: 100%; vertical-align: top;position: relative;}
.mvWrap  .c_ty1 {position: absolute;width: 7vh;height: 7vh;left: 90%;top: 40%;border-radius: 100%;background-color: #f3df6d ;transition:all 1s 1s ease-in-out, transform 0s;opacity: 0;}
.mvWrap  .c_ty2 {position: absolute;width: 14vh;height: 14vh;right: 50%;bottom: 30%;border-radius: 100%;background-color: #fcf6d1;transition:all 1s 1s ease-in-out, transform 0s;opacity: 0;}
.mvWrap  .c_ty3 {position: absolute;width: 10vh;height: 10vh;right: 50%;bottom: 30%;border-radius: 100%;background-color: #f9efb4;transition:all 1s 1s ease-in-out, transform 0s;opacity: 0;}
.mvWrap.gogo  .c_ty1 {top: 20%;left: 105%;opacity: 1;}
.mvWrap.gogo  .c_ty2 {bottom: 10%;right: 50%;opacity: 1;}
.mvWrap.gogo  .c_ty3 {top: 5%;right: 74%;opacity: 1;}

.mvWrap .mvTxt {position: absolute;top: 50%;left: 6.77%;right: 6.77%;}
.mvWrap .mvTxt .mvLine {display: block;width: 0%;height: 1px;background-color: #707070;position: relative;transition:all 1s 0.6s linear;opacity: 0.2;}
.mvWrap .mvTxt p {position: absolute;background-color: #fff;font-weight: 300;left: 0;top: -12px;font-size: 16px;line-height: 24px;z-index: 10;padding-right: 10px;}
.mvWrap .mvTxt p:before {content:'';position: absolute;height: 100%;left: 0;right: 0;top: 0;background-color: #fff;transition:all 0.6s linear}
.mvWrap .mvTxt strong {display: block;text-align: right;position: absolute;right: 0;top: 50%;transform:translateY(-50%);font-family: 'Sora';font-size: 3.5vw;line-height: 1.4;font-weight: 300;z-index: 999;overflow: hidden;}
.mvWrap .mvTxt strong span {display: block;position: relative;transform:translateY(100%);transition:all 1s 1s ease-in-out;text-align: left;}
.mvWrap.gogo .mvTxt .mvLine {width: 100%;}
.mvWrap.gogo .mvTxt p:before {left: 100%;}
.mvWrap.gogo .mvTxt strong span {transform:translateY(0)}


.section2 .bgb{position: absolute;bottom: 0;left: 0.5rem;}
.section2 .bgb img{max-width: 100%;}
.section2 .icoy1{position: absolute;background-color: #f6e055;width: 0.8rem;height: 0.8rem;border-radius: 50%;top: 0.5rem;left: 2rem;}
.section3{overflow: hidden;position: relative;display: flex;align-items: center;background-color: #fff;}
.tit h1{font-size: 0.6rem;font-weight: bold;text-align: center;margin-bottom: 0.2rem;}
.tit p{font-size: 0.21rem;text-align: center;margin: 0.3rem auto;line-height: 1.6;}
.section3 .rcitems{margin-top: 0.5rem;display: block;}
.section3 .rcitems .rc_date{display: flex;align-items: center;}
.section3 .rcitems .rc_date b{width: 0.96rem;height: 0.96rem;background-color: #f6e055;border-radius: 50%;box-sizing: border-box;padding: 0.15rem;}
.section3 .rcitems .rc_date b em{display: block;text-align: center;font-size: 0.16rem;font-style: normal;}
.section3 .rcitems .rc_date b i{display: block;font-style: normal;text-align: center;font-size: 0.38rem;}
.section3 .rcitems .rc_date h3{font-size: 0.27rem;font-weight: bold;margin:0; margin-left: 0.2rem;width: 38%}
.section3 .rcitems .rc_date .gobm{width: auto;height: auto;background-color: #3C3C3C;border-radius: 5px;color: #fff;text-align: center;padding:0.1rem 0.2rem;font-size: 0.2rem;margin-left: 0.2rem}
.section3 .rcitems .rc_date .gobm:hover{background-color:rgba(60,60,60,.8) ;}
.section3 .rcitems .boximg{
    margin-top: 0.3rem;
    overflow: hidden;
}
.section3 .rcitems .boximg img{
    width: 100%;
    height: auto;
    min-height: 100%;
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.section3 .rcitems:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.section4{overflow: hidden;position: relative;width: 100%;height: 100%;background: url(../images/bg2.png) no-repeat top center;background-size: cover;padding: 0.8rem 0 1.8rem 0;}
.section4 .tib{width: 100%;height: 100%;background: rgba(255,255,255,.6);box-sizing: border-box;padding: 0.5rem 1.2rem;margin: 0.8rem auto;}
.section4 .tib ul li{display: flex;font-size: 0.21rem;color: #3C3C3C;margin: 0.1rem 0;}
.section4 .tib ul li::before{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #F6E055;margin-top: 0.1rem;margin-right: 0.5rem;}
.section4 .tib ul li span{width: 90%;}
.section5{overflow: hidden;position: relative;background-color:  #F6E055;display: flex;align-items: center;}
.section5 .container{width: 76%;}
.section5 .tib ul li {position: relative;}
.section5 .tib ul{display: flex;align-items: center;justify-content: space-between;}
.section5 .tib ul li .con{width: auto;height: 4.8rem;background-color: #fff;padding: 0.8rem 0.3rem;position: relative;margin-top: 0.7rem;}
.section5 .tib ul li .con img{max-width: 100%;margin: 0.3rem auto;}
.section5 .tib ul li .con p{text-align: center;font-size: 0.21rem;}
.section5 .tib ul li .numi{position: absolute;width: 100%;height: auto;display: flex;align-items: center;justify-content: center;}
.section5 .tib ul li .number{width: 0.96rem;height: 0.96rem;background-color: #3C3C3C;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.28rem;text-align: center;color: #fff;position: absolute;top: 0;z-index: 111;}
.section6{overflow: hidden;position: relative;display: flex;align-items: center;flex-wrap: wrap;background-color: #fff;}
.section6 .tit {width: 100%;}
.section6 .tit h1{text-align: left;}
.section6  img{max-width: 100%;display: block;margin: 0 auto;width: auto;}
.section7{overflow: hidden;position: relative;background-color: #f4f5f5;display: flex;align-items: center;}
.section7 .items{margin-top: 0.5rem;display: block;}
.section7 .items .boximg{overflow: hidden;position: relative;}
.section7 .items .boximg img{
    width: 100%;
    height: auto;
    min-height: 100%;
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.section7 .items:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.section7 .items span{width: 100%;height: auto;background-color: #f3df6d;text-align: center;display: block;padding: 0.2rem 0;font-size: 0.21rem;}
.section8{overflow: hidden;position: relative;background-color: #fefbe5;display: flex;align-items: center;}
.section8 .row{display: flex;justify-content: center;flex-wrap: wrap;}
.section8 .items{margin-top: 0.5rem;display: block;box-sizing: border-box;}
.section8 .items .boximg{overflow: hidden;position: relative;background-color: #fff;padding: 0.3rem;}
.section8 .items .boximg img{
    display: block;
    max-width: 100%;
    height: auto;
    min-height: 100%;
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
    margin: 0 auto;
}
.section8 .items:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.section8 .items span{
    width: 100%;
    height: auto;
    background-color: #f3df6d;
    text-align: center;
    display: block;
    padding: 0.2rem 0;
    font-size: 0.21rem;
}
.section8 .items:hover span{background-color: #3C3C3C;color: #fff;}
.section8 .items:hover{border: 0.02rem solid #3C3C3C;}
.section9{overflow: hidden;position: relative;background-color: #f5f5f5;display: flex;align-items: center;}
.section9 .row{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1rem;}
.section9 .contact li{margin-bottom: 0.5rem;}
.section9 .contact li b{display: block;width: 100%;height: auto;background-color: #F6E055;padding: 0.1rem;font-size: 0.21rem;}
.section9 .contact li p{font-size: 0.21rem;margin-top: 0.2rem;}
.section9 .bak{width: 100%;height: 100%;background-color: #fff;box-sizing: border-box;padding: 0.3rem;}
.section9 .bak h3{text-align: center;font-size: 0.28rem;}
.section9 .bak img{display: block;margin: 0.3rem auto;max-width: 100%;width: auto;}
.section9 .bak dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.section9 .bak dl dd{width: 48%; border-radius: 5px;background-color: #3C3C3C;text-align: center;color: #fff;font-size: 0.21rem;padding: 0.1rem;}
.section9 .bak dl dd a{width: 100%;height: 100%;color: #fff;display: flex;justify-content: space-between;}
.section9 .bak dl dd i{width: 0.25rem;height: 0.25rem;background-color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.section9 .bak dl dd:hover{background-color:rgba(60,60,60,.8) ;}
.section10{overflow: hidden;position: relative;padding: 1.2rem 0;background-color: #fff;}
.section10 .fitems ul{display: flex;width: 100%;margin-top: 0.3rem;}
.section10 .fitems ul li{margin-right: 0.15rem;}
.section10 .fitems ul li img{max-width: 100%;}
.section10 h3{font-size: 0.3rem;margin-top: 0;}
.section10 .tit h1{margin-bottom: 0.5rem;}
.section10 .col-md-6:nth-child(1){border-right: 1px solid #707070;padding-right: 0.5rem;}
.section10 .col-md-6:nth-child(2){padding-left: 1rem;}
.section10 .row{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1rem;}
.section10 .add{margin-top: 0.3rem;}
.section10 .add li a{display: flex;width: 100%;align-items: center;margin-top: 0.1rem;font-size: 0.16rem}
.section10 .add li a i{width: 0.3rem;height: 0.3rem;background-color: #f6e055;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 0.1rem;}
.section10 .add li a i img{max-width: 100%;width: auto;}
.section10 .add li a p{margin-bottom: 0;}
.backtop a i{font-size: 0.3rem}
.scpcshow{display: block !important;}
.scydshow{display: none !important;}



@media screen and (max-width:1680px) {
    .container{width: 64%;}
    .tit h1{font-size: 0.32rem}
    .section3 .rcitems .rc_date h3{font-size: 0.22rem}
    .section3 .rcitems .rc_date b{width: 0.68rem;height: 0.68rem}
    .section3 .rcitems .rc_date b em{font-size: 0.12rem}
    .section3 .rcitems .rc_date b i{font-size: 0.24rem}
    .section3 .rcitems .boximg{margin-top: 0.2rem}
    .section3 .rcitems{margin-top: 0.3rem}
    .section4 .tib{margin:0.5rem auto;padding: 0.5rem}
    .section4{padding-top: 0.5rem}
    .section5 .tib ul li .con p{font-size: 0.18rem}
    .section7 .items{margin-top: 0.3rem}
    .section7 .items{margin-top: 0.3rem}
    .section8 .items span{font-size: 0.18rem}
    .section10{padding-top: 0.3rem}
    .section10 .row{margin-top: 0.5rem}
    .section5 .tib ul li .con{height: 3.8rem}
    
}






@media screen and (max-width:1440px) {

    .container{width: 74%;}
    .section9 .bak dl dd{font-size: 0.18rem;}
    .section5 .tib ul li .con{height: 3.8rem;}
    .section6 img{max-width: 80%}
  


}
@media screen and (max-width:1366px) {
.section9 .bak dl dd{font-size: 0.16rem;}
footer .foot .inner .lins ul li{margin: 0 0.1rem;}
.headBox .toptop .link ul li img{max-width: 50%;display: block;margin:0 auto;}
.headBox .toptop .link ul li{padding: 0;}



}

@media screen and (max-width:1280px) {

    footer .foot .inner .right ul{margin: 0  0.1rem;}
    .section5 .tib ul li .con p{font-size: 0.18rem;}
    .section3 .rcitems .rc_date h3{width: 40%}
    
}

@media screen and (max-width:1024px) {
    .container{width: 98% !important;}
    .fixmenu{display: none;}
    .banner{height: 100%}
    .section .swiper-button-prev, .section .swiper-button-next{top: 96%;}
    .section .swiper-pagination{bottom: 3.5%;}
    .section .swiper-button-next{right: 40%;}
    .section .swiper-button-prev{left: 40%;}


}
@media screen and (max-width:1023px) {
    .section3,.section5,.section6,.section7,.section8,.section9{padding: 0.8rem 0;}
    footer{position: relative;margin-top: 0.8rem;}
    .section10{padding-bottom: 0;}
    .section10 .col-md-5{margin-top: 0.5rem;}
    .banner{margin-top: 0;}
    .section6 .tit h1{text-align: center;margin-bottom: 0.5rem;}
    .section10 h3{text-align: center;}
    .section10 .add li a{justify-content: center;}
    .section10 .fitems ul{justify-content: center;}
    .scpcshow{display: none !important;}
    .scydshow{display: block !important;}
}
@media screen and (max-width:960px) {
    .visible-xs{display:block !important;}
	.hidden-xs{display:none !important;}
	.headeryd{display:flex;justify-content:space-between;align-items:center;height:80px;}
	.headeryd .headright{display:flex;align-items:center;justify-content:space-between;position: relative;}
	.headeryd .headright  button{border:none;}
    .header{
        width: 100%;
        top: 0;
        left: 0;
        height: 80px;
        padding: 0 15px;
        -webkit-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        -moz-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        z-index: 999;
        background-color: #fff;
    }
    .header .logo{
        overflow: hidden;
        position: relative;
        padding: 10px 0;
        width: 90%;
       
  
    }
    .header .logo a{display: flex;align-items: center;}
    .header .logo img{
       width: 98%
    }
    .header .language-on{
        overflow: hidden;
        position: absolute;
        left: 15px;
        top: 0;
        padding: 17px 0 0 0;
        color: #333;
        z-index: 2;
    }
    .language-box ul{}
    .language-box ul li{Aq	`
        display: block;
        overflow: hidden;
        padding: 0 15px;
        background-color: #fff;
        list-style-type:none;
    }
    .language-box ul li a{
        display: block;
        overflow: hidden;
        padding:  15px  15px;
        color: #999;
        font-size: 16px;
        border-top: 1px solid #eee;
        background-color: #fff;
    }
	
    .header .menu-on{
        overflow: hidden;
        color: #333;
        z-index: 2;
    }
    .header .menu-on i{
        font-size: 20px;
        display: block;
    }
    .header .menu-on .fa-close{
        display: none;
    }

    .menu-box ul li{
        display: block;
        overflow: hidden;
        padding: 0 15px;
        background-color: #fff;
        list-style-type:none;
		position:relative;
    }
    .menu-box ul li a{
        display: block;
        overflow: hidden;
        padding:  10px  15px;
        color: #999;
        font-size: 16px;
        border-bottom: 1px solid #eee;
        background-color: #fff;
    }
    .menu-box ul li a i{
        float: right;
        font-size: 16px;
        color: #333;
        display: block;
    }
    .menu-box ul li a .fa-angle-up{
        display: none;
    }
    .menu-box ul li dl{
        margin: 0 -15px;
        display: none;
    }
    .menu-box ul li dl dd{

    }
    .menu-box ul li dl dd a{
        padding:  15px  45px;
        background-color: #fafafa;;
    }
    .menu-box .on-right-left{
        overflow: hidden;
        position: relative;
        padding:  20px  15px  15px 15px;
        background-color: #fff;
    }
    .menu-box .on-right-left a{
        display: block;
        overflow: hidden;
        height: 35px;
        line-height: 33px;
        padding: 0 10px;
        text-align: center;
        background-color: #f39800;
        border: 1px solid #f39800;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .menu-box .on-right-left img{
        margin: -2px 10px 0 0;
    }
    .menu-box .on-right-left span{
        color: #fff;
    }
    .menu-box .on-right-right{
        overflow: hidden;
        position: relative;
        padding:  0px  15px  20px  15px;
        background-color: #fff;
    }
    .menu-box .on-right-right form{
		
		position:relative;
        display: flex;
		justify-content:space-between;
        overflow: hidden;
        height: 35px;
        line-height: 33px;
        text-align: center;
        padding:0 0px 0 20px;
		box-sizing:border-box;
        border:1px solid #ccc;
		border-radius:20px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
	.menu-box .on-right-right input,.menu-box .on-right-right button{border:none;}
    .menu-box .on-right-right img{
        margin: -2px 10px 0 0;
    }
    .menu-box .on-right-right span{
        color: #fff;
    }
    .section2 .left .tit h1{text-align: center;}
    .mvWrap .img_wrap{margin: 0 auto;z-index: 111;}
    .section7 .items{margin-top: 0.2rem;}
    .section9 .contact{margin: 0 auto;}
    footer{position: relative;}
    footer .foot .inner .logo{width: 100%;}
    footer .foot .inner .logo img{display: block;max-width: 100%;margin: 0 auto;width: auto;}
    footer .foot .inner .right{width: 100%;margin: 0.3rem auto;}
    footer .wz{width: 100%;text-align: center;}
    footer .wz p{justify-content: center;}
    footer .foot .inner .lins{width: 100%;justify-content: center;}
    footer .foot .inner .lins ul{justify-content: center;margin-top: 0.3rem;}



    






}
@media screen and (max-width:768px) {
  
    .section4 .tib{padding: 0.5rem;}
    .mvWrap{flex-wrap: wrap;}
    .section .swiper-pagination{bottom: 3%}
    .mvWrap .img_wrap{margin-top: 0rem;width: 70% !important;height:100%}
    .section2{padding:1rem 0 2rem 0}
    .mvWrap.gogo .c_ty3{display: none;}

   

   

   
 

}
@media screen and (max-width:767px) {
    .section4 .tib{padding: 0.15rem;}
    .section6 .tit h1{text-align: center;margin-bottom: 0.5rem;}
    .tit h1{margin-bottom: 0.5rem;}
    .section9 .col-md-6{width: 100%;}
    .section10 .add li a{display: block;text-align: center;}
    .section10 .add li a i{margin: 0 auto;}
    .section10 .col-md-6:nth-child(1){border: none;padding: 0;}
    .section10 h3{text-align: center;}
    .section10 .fitems ul{justify-content: center;}
    .section5 .tib ul{flex-wrap: wrap;}
    .section5 .tib ul li{width: 100%; height: 100%;}
    .section5 .tib ul li .con img{width: 30%;display: block;margin:0.2rem auto;}
    .section5 .tib ul li .con{height: 3.6rem;}
    .section5 .tib ul li:nth-child(2){display: none;}
    .section5 .tib ul li:nth-child(4){display: none;}
    .section5 .tib ul li:nth-child(6){display: none;}
    .section5 .tib ul li:nth-child(8){display: none;}
    .section10 .add li a{margin-bottom: 0.3rem;}
    .pcshow{display: none;}
    .ydshow{display: block;}
    .section .swiper-button-prev{left: 30%}
    .section .swiper-button-next{right: 30%}
    .section .swiper-pagination{bottom: 3%}
    .tit h1{font-size: 0.46rem}
    .tit p{font-size: 0.28rem}
    .section3 .rcitems .rc_date b{width: 0.8rem;height: 0.8rem}
    .mvWrap .img_wrap { height: 128vw;}
    .section2{padding-bottom: 3rem}

    
}
@media screen and (max-width:414px) {
.mvWrap .img_wrap {height: 122vw;}
.section2{padding-bottom: 1rem}
}
@media screen and (max-width:320px) {
    
}