:root{
    --c2d9f99: #2D9F99;
    --c2da09a:#2da09a;
    --cd3:#d3d3d3;
    --cfff:#fff;
    --cf9:#f9f9f9;
    --ce0:#e0e0e0;
    --ce2:#e2e2e2;
    --c7c:#7c7c7c;
    --ce8:#e8e8e8;
    --c12615c:#12615c;
    --c0:#000;
    --c8d:#8D8D8D;
    --ca2:#a2a2a2;
    --c627DC4:#627DC4;
    --c016E7F:#016E7F;
    --ce5:#e5e5e5;
    --cc1:#c1c1c1;
    --ce7:#e7e7e7;
    --cc9:#c9c9c9;
    --cce:##cecece;
    --c7f:#7f7f7f;
    --ca09251:#A09251;
    --c2DA09A:#2DA09A;
    --c999:#999;
}
@font-face {
	font-family: "pfb";
	src: url("font/PingFangSC-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "pfm";
	src: url("font/PingFangSC-Medium.ttf") format("truetype");
}
@font-face {
	font-family: "pfr";
	src: url("font/PingFangSC-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "amt";
	src: url("font/Arial MT.ttf") format("truetype");
}

*{margin: 0;padding: 0;box-sizing: border-box;}
html,body{
    font-size: 1.506vmin;
    color: #000;
}
a{
    text-decoration: none;
    color: #333;
}
a:hover{
    color: var(--c2d9f99);
}
a:visited,a:active{
    color: #333;
}
::-webkit-scrollbar{
    width: 0 !important;
    height: 0 !important;
}
li{
    list-style: none;
}
img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flex{
    display: flex;
}
.space-b{
    justify-content: space-between;
}
.center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.alignC{
    align-items: center;
}
.lineblock{
    display: inline-block;
}
.abcenter{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.wrap{
    flex-wrap: wrap;
}
.flex-column{
    display: flex;
    flex-direction: column;
}
.upcase{
    text-transform: uppercase;
}
.fupcase{
    text-transform: capitalize;
}
.main{
    width: 78.125vw;
    margin: 0 auto;
}
/* 字体大小 */
.f12{
    font-size: 1.2vmin;
}
.f13{
    font-size: 1.4vmin;
}
.f14{
    font-size: 1.506vmin;
}
.f16{
    font-size: 1.7225vmin;
}
.f18{
    font-size: 1.94vmin;
}
.f20{
    font-size: 2.15vmin;
}
.f22{
    font-size: 2.3663vmin;
}
.f24{
    font-size: 2.58vmin;
}
.f26{
    font-size: 2.8vmin;
}
.f28{
    font-size: 3.0125vmin;
}
.f30{
    font-size: 3.228vmin;
}
.f32{
    font-size: 3.45vmin;
}
.f36{
    font-size: 3.8725vmin;
}
.f40{
    font-size: 4.3vmin;
}
.f48{
    font-size: 5.1629vmin;
}
.f55{
    font-size: 5.9158vmin;
}
.bold{
    font-weight: bold;
}
/* 颜色 */
.c2d9f99{
    color: var(--c2d9f99);
}
.c0{
    color: var(--c0);
}
.cfff{
    color: var(--cfff);
}
.cd3{
    color: var(--cd3);
}
.ca2{
    color: var(--ca2);
}
.c7c{
    color: var(--c7c);
}
.c999{
    color: var(--c999);
}
.cc1{
    color: var(--cc1);
}
.c8d{
    color: var(--c8d);
}
.ce7{
    color: var(--ce7);
}
.ce2{
    color: var(--ce2);
}

.cc9{
    color: var(--cc9);
}
.ce8{
    color: var(--ce8);
}
.ce5{
    color: var(--ce5);
}
.cce{
    color: var(--cce);
}
.c7f{
    color: var(--c7f);
}
.c627DC4{
    color: var(--c627DC4);
}
.c016E7F{
    color: var(--c016E7F);
}
.ca09251{
    color: var(--ca09251);
}
.c2DA09A{
    color: var(--c2DA09A)
}
/* 背景颜色 */
.bg2d9f99{
    background-color: var(--c2d9f99);
}
.bgf9{
    background-color: var(--cf9);
}
.bgf9{
    background-color: var(--cf9);
}
/* 边距 */
.ml5{
    margin-left: 0.55vmin;
}
.ml10{
    margin-left: 1.0756vmin;
}
.ml15{
    margin-left: 1.6134vmin;
}
.ml28{
    margin-left:3.015vmin;
}
.mr5{
    margin-right: 0.55vmin;
}
.mr10{
    margin-right: 1.0756vmin;
}
.mr15{
    margin-right: 1.6134vmin;
}
.mr18{
    margin-right:1.915vmin;
}
.mr28{
    margin-right:3.015vmin;
}
.mr38{
    margin-right:4.115vmin;
}
.mr48{
    margin-right:5.1629vmin;
}
.mb10{
    margin-bottom:1.0756vmin;
}
.mb15{
    margin-bottom:1.6134vmin;
}

.mb18{
    margin-bottom:1.915vmin;
}
.mb25{
    margin-bottom:2.689vmin;
}
.mb28{
    margin-bottom:3.015vmin;
}
.mb38{
    margin-bottom:4.115vmin;
}
.mb48{
    margin-bottom:5.1629vmin;
}
.mb58{
    margin-bottom:6.2385vmin;
}
.mb85{
    margin-bottom: 9.1427vmin;
}
.mb110{
    margin-bottom: 11.8318vmin;
}
.mb68{
    margin-bottom:7.3142vmin;
}
.mb10{
    margin-bottom: 1.1vmin;
}
.mb5{
    margin-bottom: 0.55vmin;
}
.mb2{
    margin-bottom: 0.215vmin;
}
.mt18{
    margin-top:1.915vmin;
}
.mt56{
    margin-top: 6.023vmin;
}

.p45{
    padding: 4.8403vmin;
}
.plr38{
    padding: 0 4.0873vmin;
}
.ptb65{
    padding: 6.9915vmin 0;
}
.ptb86{
    padding: 9.25vmin 0;
}
.ptop86{
    padding-top: 9.25vmin;
}
/* 边框 */
.borderTop{
    border-top: 1px solid var(--ce0);
}
.borderBottom{
    border-bottom: 1px solid var(--ce0);
}
.bordere2{
    border: 1px solid var(--ce2);
}
.border15{
    border-radius: 1.6134vmin;
    -webkit-border-radius: 1.6134vmin;
    -moz-border-radius: 1.6134vmin;
    -ms-border-radius: 1.6134vmin;
    -o-border-radius: 1.6134vmin;
}
.border10{
    border-radius: 1.0756vmin;
    -webkit-border-radius: 1.0756vmin;
    -moz-border-radius: 1.0756vmin;
    -ms-border-radius: 1.0756vmin;
    -o-border-radius: 1.0756vmin;
}
/* 组件 */
.com-tit{
    font-family: 'pfb';
    color: var(--c2d9f99);
    font-size: 4.3vmin;
}
.com-tit-en{
    font-family: 'farial';
    color: var(--ce0);
    font-size: 3.8725vmin;
    position: relative;
    top:-4px;
}
/* 灰色时钟 */
.time{
    align-items: center;
}
.time-icon{
    width: 2vmin;
    height: 2vmin;
}
/* en-more */

.more{
    width: 17.3174vmin;
    height: 4.84vmin;
    background: url("../img/img73.png") no-repeat center center;
    background-size: 100% 100%;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}
.more:hover{
    background: url("../img/img7301.png") no-repeat center center;
    color: #fff;
    cursor: pointer;
    background-size: 100% 100%;
}
.more:hover a{
    color: var(--cfff);
}
.en_more{

}
.en-more-box{
    display: flex !important;
    align-items: center;
}
.en_more_icon{
    width: 2.2vmin;
    height: 2.2vmin;
    margin-left: 1vmin;
    background: url(../img/more_hover.png) no-repeat  center center;
    background-size: contain;
}
.en-more:hover .en_more_icon{
    background: url(../img/page_n_hover.png) no-repeat  center center;
    background-size: contain;
}
.loadmore{
    margin: 4vmin auto;
}
.loadmore .loadmore-box{
    cursor: pointer;
}
.loadmore .loadmore-box .pic{
    width: 7.099vmin;
    height: 7.099vmin;
    background: url(../img/img50_1.png) no-repeat center center;
    background-size: contain;
    margin: 0 auto 5px;
}
.loadmore .loadmore-box:hover .pic{
    background: url(../img/img50_2.png) no-repeat center center;
    background-size: contain;
}
.loadmore .loadmore-box:hover .moretxt{
    color: var(--c2d9f99);
}



.hoverimg img{
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all linear .5s;
}
.hoverimg:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.lh1-5{
    line-height:1.5;
}
.lh2{
    line-height:2;
}
/* 字体 */
.fyh{
    font-family: 'MicrosoftYaHei';
}
.fpfb{
    font-family: 'pfb';
}
.fpfm{
    font-family: 'pfm';
}
.fpfr{
    font-family: 'pfr';
}
.famt{
    font-family: 'amt';
}
.farial{
    font-family: 'Arial';
}
.white{
    color: var(--cfff) !important;
}
.opacity02{
    opacity: 0.2;
}

@keyframes scroll {
    0%, 100% {
        top: 0;
    }
    50%, 55% {
        top: 10px;
    }
}
@keyframes rotate180 {
    0%{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
}
    100%{
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
}
}
.text-cut /*限制文字,文字超出显示冒号*/
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
}
.text-two {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Number of lines to display */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}



/* 通用组件 */

.page .pagebox{
    width: 80%;
    margin: 0 auto;
}
.page .pagebox .btn,.page .pagebox div .btn{
    width: 5.378vmin;
    height: 5.378vmin;
    border-radius: 50%;
    display: inline-block;
}
.page .pagebox .prev{
    background: url(../img/page_p.png) no-repeat center center;
    background-size: contain;
    
}
.page .pagebox .next{
    background: url(../img/page_n.png) no-repeat center center;
    background-size: contain;
}
.page .pagebox .prev:hover {
    background: url(../img/page_p_hover.png) no-repeat center center;
    background-size: contain;
}
.page .pagebox .next:hover {
    background: url(../img/page_n_hover.png) no-repeat center center;
    background-size: contain;
}
.page .pagebox .list{
    /* width: calc(100% - 11vmin); */
}
.page .pagebox .list .pitem{
    width: 5.378vmin;
    height: 5.378vmin;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid var(--cc1);
    font-size: 1.9361vmin;
    margin: 0 1vmin;
}
.page .pagebox .list .pitem:hover{
    background-color: var(--c2d9f99);
    color: var(--cfff);
}


/* .page .pagebox .current,.page .pagebox .num:last-child{
    display: none;
} */


.shortline{
    width: 17px;
    height: 3px;
    background-color: var(--c2d9f99);
}
.message{
    height: 32.26847vmin;
    background: url("../img/img16.png") no-repeat center center;
    background-size: cover;
}
.message .main{
    align-items: center;
}
.message .left{
    width: 35%;
}
.message .right{
    width: 60%;
    margin-left: 5%;
}
.message .right .formbox{
    height: 13.983vmin;
}
.message .right .formbox .item{
    height: 13.983vmin;
    margin-left: 1%;
}
.message .right .formbox .fl{
    width: 29%;
}
.message .right .formbox .fm{
    width: 49%;
}
.message .right .formbox .fr{
    width: 19%;
}
.message .right .formbox .fl .input{
    display: block;
    width: 100%;
    height: 6.5vmin;
    line-height: 6.5vmin;
    border: 0px;
    outline: unset !important;
    padding: 0 2vmin;
}
.message .right .formbox .fl .input:first-child{
    margin-bottom: 0.983vmin;
}
.message .right .formbox .fm textarea{
    width: 100%;
    height: 13.983vmin;
    border: 0px;
    outline: unset !important;
    padding: 2vmin;
    resize: none;
}
.message input::placeholder{
    font-size: 12px;
}
/* copyright */
.copyright{
    justify-content: space-between;
    padding: 1vmin 3vw;
    align-items: center;
}
.copyright .right a{
    color: var(--cd3) !important;
}

/* footer */
.footer .fl,.footer .fr{
    width: 20%;
}
.footer .fm{
    width: 60%;
}
.footer .fl{
    height: 17vmin;
    align-items: center;
}
.footer .fl .footlogo{
    width: 50%;
}

.footer .fm {
    border-left:1px solid var(--ce0);
    border-right:1px solid var(--ce0);
    padding: 0 10vmin;
}
.footer .fm .row1{
    justify-content: space-between;
    margin-bottom: 3vmin;
}
.footer .fm .row1 ul li{
    margin-right: 3.2vmin;
}
.footer .fm .row1 ul li a:hover{
    color: var(--c2d9f99);
}
.footer .fm .row1 .top{
    width: 7vmin;
    height: 4.3024vmin;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer .fm .row1 .top .topbox{
    width: 4.3024vmin;
    height: 4.3024vmin;
    flex-shrink: 0;
}
.footer .fm .row2{
    align-items: flex-end;
    justify-content: space-between;
}
.footer .fm .row2 .left .item {
    line-height: 1.8;
    align-items: center;
}
.footer .fm .row2 .left .item .icon{
    width: 2vmin;
    height: 2vmin;
    margin-right: 1vmin;
    display: flex;
    align-items: center;
}
.footer .fm .row2 .left .item .icon img{
    object-fit: contain !important;
}
.footer .fm .row2 .right .picbox{
    width: 7vmin;
    height: 7vmin;
}


.footer .fr{
    height: 17vmin;
    align-items: center;
}
.footer .fr .qrbox{
    align-items: center;
    justify-content: center;
}
.footer .fr .qrbox .qr{
    width: 8.5vmin;
    height: 8.5vmin;
}

.leftmenu{
    position: fixed;
    top:0;
    left: 0;
    width: 20vw;
    height: 100vh;
    z-index: 99999999;
    background-color: #fff;
    left:-20vw;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.leftmenu.leftshow{
    left:0;
}
.leftmenu .leftmenuclose{
    position: absolute;
    top:4vmin;
    right: 10%;
}
.leftmenu .leftmenuclose .close{
    width: 2.6vmin;
    height: 2.6vmin;
    cursor: pointer;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transition: all ease-in-out .31s;
    -webkit-transition: all ease-in-out .31s;
    -moz-transition: all ease-in-out .31s;
    -ms-transition: all ease-in-out .31s;
    -o-transition: all ease-in-out .31s;
}
.leftmenu .leftmenuclose .close:hover{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.leftmenu .leftlogo{
    margin-top: 5vmin;
    width: 100%;
    padding: 0 10%;
}
.leftmenu .leftlogo .f-nav{
    display: block;
    width: 50%;
}
.leftmenu .leftlogo .f-nav img{
    width: 100%;
    height: auto;
}
.leftmenu .leftmenunav{
    width: 100%;
    padding: 0 10%;
    margin-top: 4vmin;
    
}
.leftmenu .leftmenunav li{
    /* margin-bottom: 1vmin; */
}
.leftmenu .leftmenunav .f-nav{
    display: block;
    width: 100%;
    line-height: 2.5;
    border-bottom: 1px dashed rgba(45, 159, 153, 0.3);
}
.leftmenu .leftmenunav .f-nav .submenu{
    display: block;
    /* margin-top: 2vmin; */
    /* margin-bottom: 2vmin; */
}
.leftmenu .leftmenunav .submenu a{
    display: block;
    /* margin-top: 1.2vmin; */
    padding-left: 10%;
    line-height: 2;
}

/* swiper-button */

.swiper-button{
    width: 5vmin;
    height: 5vmin;
    border-radius: 50%;
}
.swiper-button-prev::after{
    background: url(../img/img76.png) no-repeat center center;
    background-size: cover;
    font-size: 0;
    width: 5vmin;
    height: 5vmin;
    border-radius: 50%
}
.swiper-button-prev:hover::after{
    background: url("../img/img79.png") no-repeat center center;
    background-size: cover;
}
.swiper-button-next::after{
    background: url(../img/img78.png) no-repeat center center;
    background-size: cover;
    font-size: 0;
    width: 5vmin;
    height: 5vmin;
    border-radius: 50%
}
.swiper-button-next:hover::after{
    background: url("../img/img77.png") no-repeat center center;
    background-size: cover;
}

.pichover{
    overflow: hidden;
}
.pichover img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s e;
    -moz-transition: all 0.3s e;
    -ms-transition: all 0.3s e;
    -o-transition: all 0.3s e;
}
.pichover:hover img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}