/*  字体16px */
.s48{font-size: 3em;}
.s42{font-size: 2.625em;}
.s24{font-size: 1.5em;}
.s18{font-size: 1.125em;}
.s16{font-size: 1em;}
.s14{font-size: .875em;}

.my-cont{width: 100%;box-sizing: border-box;}
.my-cont *{box-sizing: border-box;}
.my-top{width: 100%;text-align: center;padding-bottom: 4.6875em;}
.my-titles{width: 100%;margin-bottom: .625em; }
.my-titles span{display: block;width: 100%;color: #002752;font-weight: bold;line-height: 1.2;}
.my-en{width: 100%;color: rgba(0,39,82,.2);font-weight: bold;line-height: 1.2;}

.paging{width: 100%;text-align: center;font-size: 14px;}
.paging-item{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .375em;    line-height: 1.42857143;color: #999;padding: 6px 12px;background-color: #fff;border: 1px solid #ddd;}
.paging-item:hover{background-color: #eee;border-color: #ddd;}
.paging-item.active{background-color: #334870;border-color: #334870;color: #fff;}

.for-pagination{width: 100%;text-align: center;font-size: 14px;}
.pagination{width: 100%;}
.pagination li{display: inline-block;vertical-align: middle;}
.pagination li a{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .375em !important;line-height: 1.42857143;color: #999;padding: 6px 12px;background-color: #fff;border: 1px solid #ddd;}
.pagination li:hover a{background-color: #eee;border-color: #ddd;}
.pagination li.active a{background-color: #334870;border-color: #334870;color: #fff !important;}


/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 388;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;} 
.xv-main {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 800px;max-width: 94%;}
.xv-cont {width: 100%;} 
.xv-close {display: block;width: 40px;height: 40px;border-radius: 50%;background-color: #002752; position: absolute;right: -20px;top: -20px;cursor: pointer;z-index: 10000;}
.xv-icon {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;} 
.xv-iframe {width: 100%;height: 60vh;} 
.xv-video {width: 100%;height: auto;max-height: 90vh;} 
@media(max-width:1200px) {
    .xv-close {right: 0;top: -45px;}
}

.wa-a{width: 100%;}
.wa-video{width: 100%;padding-top: calc(860/1920*100%);position: relative;overflow: hidden;}
.wa-video video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wa-img{width: 100%;padding-top: calc(860/1920*100%);position: relative;overflow: hidden;}
.wa-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.wb-a{width: 100%;padding-top: 2.93em;padding-bottom: 7.5em;}
.wb-a .my-top{padding-bottom: 3.7575em;}
.wb-main{width: calc(1510/1920*100%);margin: 0 auto;}
.wb-cont{width: 100%;position: relative;}
.wb-item{width: 33.33% !important;padding: .93em;} 
.wb-link{display: block;cursor: pointer;position: relative; width: 100%;box-shadow: 0 0 .93em rgba(0,0,0,0.19);}
.wb-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(336/477*100%);}
.wb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00); transition: all ease .5s;}
.wb-text{position: absolute;bottom: 0;left: 0;background: linear-gradient(to bottom, rgba(0,39,82,0) 0%, #002752 100%);  width: 100%; display: flex;  align-items: center;opacity: 0;padding: 1.4em 1.4em 1em;font-size: 1.25em;transition: all .3s}
.wb-name{flex: 1; color: #fff;letter-spacing: .4em;}
.wb-text svg{color: #fff;width: 7%; transition: all .3s;transform: translate(200%, 0);}
.wb-link:hover .wb-img img{transform: scale(1.1);}
.wb-link:hover .wb-text{opacity: 1;}
.wb-link:hover .wb-text svg{transform: translate(0, 0);}

.wb-a .wb-prev{left: -4.875em;margin-top: -1.56em; width: 3.12em;height: 3.12em;text-align: center;line-height: 3.12em; background-color: #ffffff;background-size: 0 0 !important;}
.wb-a .wb-prev img{width: .56em;}
.wb-a .wb-prev:hover{background-color: #002752;}
.wb-a .wb-prev:hover img{filter: grayscale(100%) brightness(500%);}
.wb-a .wb-next{transform: rotate(-180deg); right: -4.875em;margin-top: -1.56em; width: 3.12em;height: 3.12em;text-align: center;line-height: 3.12em; background-color: #ffffff;background-size: 0 0 !important;}
.wb-a .wb-next img{width: .56em;}
.wb-a .wb-next:hover{background-color: #002752;}
.wb-a .wb-next:hover img{filter: grayscale(100%) brightness(500%);}

.wb-a .swiper-button-next:after, .wb-a .swiper-button-prev:after{display: none;}

.wc-a{width: 100%;padding: 7.5em 0 6.625em;background-color: #fff;}
.wc-form{width: 100%;}
.wc-main{width: calc(1480/1920*100%);margin: 0 auto;}
.wc-cont{width: 100%;display: flex;flex-wrap: wrap;padding-bottom: 2.18em;}
.wc-item{display: block;cursor: pointer;width: 32%;margin-right: 2%;margin-bottom: 2.81em;}
.wc-item:nth-child(3n){margin-right: 0;}
.wc-imgbox{width: 100%;position: relative;margin-bottom:.9375em;}
.wc-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(334/474*100%);}
.wc-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00); transition: all ease .5s;}
.wc-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.wc-play img{width: 3.75em;}
.wc-classify{position: absolute;top: 1.25em;left: 0;}
.wc-classify span{display: inline-block;max-width: 100%;padding: 0 2.42em 0  .714em; color: #ffffff;line-height: 2.14; background-image: linear-gradient(-90deg, rgba(0,39,82,0) 0%, #002752 100%);}
.wc-text{width: 100%;}
.wc-area{width: 100%;margin-bottom: .3125em;}
.wc-area span{display: block;width: 100%;color: #999999;line-height: 1.7;}
.wc-name{width: 100%;}
.wc-name span{display: block;width: 100%;color: #333333;line-height: 1.7;} 
.wc-item:hover .wc-img img{transform: scale(1.05);}
.wc-item:hover .wc-name span{color: #002752;}

.wc-navbox{width: 100%;text-align: center;margin-bottom: 3.125em;}
.wc-nav{display: inline-block;vertical-align: top;cursor: pointer;text-align: left;position: relative; width: 12.5em; margin: 0 .625em .625em;background-color: #ececee;}
.wc-buttom{width: 100%;position: relative; padding: .75em 2.5em .75em 1.25em;}
.wc-icon{position: absolute;top: 50%;right: 1.25em;transform: translate(0,-50%); width: .8125em;}
.wc-icon1{width: 100%;}
.wc-icon1 img{width: 100%;}
.wc-icon2{display: none; width: 100%;}
.wc-icon2 img{width: 100%;}
.wc-span{display: block;color: #333333;line-height: 1.6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wc-span1{display: none;color: #333333;line-height: 1.6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wc-span2{display: none;color: #333333;line-height: 1.6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wc-nav.one .wc-span{display: none;}
.wc-nav.one .wc-span1{display: block;}
.wc-nav.one .wc-span2{display: none;}

.wc-nav.two .wc-span{display: none;}
.wc-nav.two .wc-span1{display: none;}
.wc-nav.two .wc-span2{display: block;}

.wc-nav:hover .wc-buttom{background-color: #002752;} 
.wc-nav:hover .wc-span{color: #fff;} 
.wc-nav:hover .wc-span1{color: #fff;} 
.wc-nav:hover .wc-span2{color: #fff;} 
.wc-nav:hover .wc-icon1{filter: grayscale(100%) brightness(500%);} 
.wc-nav.show .wc-buttom{background-color: #002752;} 
.wc-nav.show .wc-span{color: #fff;} 
.wc-nav.show .wc-span1{color: #fff;} 
.wc-nav.show .wc-span2{color: #fff;} 
.wc-nav.show .wc-icon1{display: none;} 
.wc-nav.show .wc-icon2{display: block;} 

.wc-sub{display: none; position: absolute;top: 100%;left: 0;z-index: 88;width: 17.5em; padding-top: .625em;}
.wc-nav.show .wc-sub{display: block;}
.wcs-cont{width: 100%;padding: .93em  1.25em;max-height: 500px;overflow: auto; background-color: #ffffff;box-shadow: 0px 1px 1.25em 0px rgba(0, 0, 0, 0.15);}
.wcs-item{width: 100%;padding: .625em 0;}
.wc-sub .lb-label{width: 100%;position: relative;display: block; cursor: pointer;padding-right: 1.5em;}
.wc-sub .lb-icon{position: absolute;top: .3em;right: 0;width: 1em;height: 1em;display: flex;align-items: center;justify-content: center; border: solid 1px #cccccc;}
.wc-sub .lb-icon img{display: none;width: 68%;}
.wc-sub .lb-text{width: 100%;color: #333333;line-height: 1.6;}
.wc-sub .lb-label.selected .lb-icon{ background-color: #002752;}
.wc-sub .lb-label.selected .lb-icon img{display: block;}
.wc-sub .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}



.wd-a{width: 100%;padding-top: 6.25em;padding-bottom: 6.25em; box-sizing: border-box; }
.wd-a  .my-top{padding-bottom: 3.43em;}
.wd-a .my-titles span{color: #8a5532;}
.wd-a .my-en{color: rgba(138,85,50,.5);}
.wd-a *{box-sizing: border-box;}
.wd-main{width: 100%;max-width: 1500px;margin: 0 auto;}
.wd-bottom{width: 100%;position: relative;}
.wd-left{width: 84%;}
.wd-b{width: 100%;}
.wd-item{display: block; width: 100%;}
.wd-link{display: block;cursor: pointer; width: 100%;}
.wd-imgbox{width: 100%;}
.wd-img{width: 100%;position: relative;padding-top: calc(580/1260*100%);overflow: hidden;}
.wd-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wd-img:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%; height: 6.8em;background-image: linear-gradient(0deg, #8a5532 0%, rgba(138,85,50,0) 100%);}
.wd-text{position: absolute;bottom: 0;left: 0;padding:1.5625em 1.875em;}
.wd-name{width: 100%;color: #ffffff;line-height: 1.5;}
.wd-intro{width: 100%;color: #ffffff;line-height: 1.6;}
.wd-intro span{display: inline-block;vertical-align: middle;margin-right: 1em;}
.wd-link:hover .wd-img img{transform: scale(1.05);}

.wd-right{position: absolute;top: 0;right: 0;width: 13.33%;height: 100%;padding: 1.87em 0;}
.wd-c{width: 100%;height: 100%;}
.wd-nav{display: block;cursor: pointer; width: 100%;height: 25% !important;padding: .31em 0;}
.wd-bg{width: 100%;height: 100%;position: relative;background-color: #8a5532;}
.wd-bg img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 100%;height: 100%;object-fit: cover;}
.wd-nav.active img{width: calc(100% - .625em); height: calc(100% - .625em);}

.wd-a .wd-prev{top: 0;left:  50%;margin-left: -.94em; margin-top: 0;width: 1.88em;height: 1.88em;text-align: center;line-height: 1.88em; background-color: #ffffff;background-size: 0 0 !important;}
.wd-a .wd-prev img{width: .68em;} 
.wd-a .wd-next{transform: rotate(-180deg);bottom: 0; top: auto;left:  50%;margin-left: -.94em; margin-top: 0;width: 1.88em;height: 1.88em;text-align: center;line-height: 1.88em; background-color: #ffffff;background-size: 0 0 !important;}
.wd-a .wd-next img{width: .68em;} 

.wd-a .swiper-button-next:after, .wd-a .swiper-button-prev:after{display: none;}

.wd-a.option2 .my-titles span{color: #fff;}
.wd-a.option2 .my-en{color: rgba(255,255,255,.2);}
.wd-a.option2 .wd-bg{background-color: #fff;}
.wd-a.option2 .wd-img:after{background-image: linear-gradient(0deg, rgba(74, 67, 58,1) 0%, rgba(74, 67, 58,0) 100%);}

@media screen and (max-width: 1920px) {
    .wd-main{max-width: 78%;}
}

@media screen and (max-width: 1300px) { 
    .wd-main {
        max-width: 94%
    }
}

.we-a{width: 100%;padding-top: 6.25em;padding-bottom: 6.25em; box-sizing: border-box;}
.we-main{width: 94%;max-width: 80.25em;margin: 0 auto;}
.we-img{width: 100%;}
.we-img img{width: 100%;}


.wf-a{width: 100%;box-sizing: border-box;}
.wf-main{width: 100%;margin: 0 auto;}
.wf-img{width: 100%;}
.wf-img img{width: 100%;}



.wg-a{width: 100%;padding-top: 6.25em;padding-bottom: 6.25em; box-sizing: border-box;background-color: #f6f6f6;}
.wg-a .my-top{padding-bottom: 2.5em;}
.wg-a .my-titles span{color: #333333;}
.wg-main{width: 94%;max-width: 1280px;margin: 0 auto;}
.wg-cont{width: 100%;position: relative;background-color: #ffffff;}
.wg-left{width: 42.42%;}
.wg-img{width: 100%;}
.wg-img img{width: 100%;}
.wg-right{position: absolute;top: 50%;right: 0;transform: translate(0,-50%); width: calc(57.58%  + 2.5em);max-height: 100%;overflow: auto;}
.wg-list{width: 100%;}
.wg-item{width: 100%;padding: 2.18em 0; display: flex;align-items: center;}
.wg-icon{display: block;border-radius: 50%;overflow: hidden;background-color: #0090da;}
.wg-icon img{width: 5em;height: 5em;object-fit: contain;}
.wg-text{flex: 1;width: 0;padding-left: 1em;padding-right: 5.6em;}
.wg-name{width: 100%;color: #333333;line-height: 1.4;font-weight: bold;}
.wg-intro{width: 100%;line-height: 1.3;color: #666666;}


@media screen and (max-width: 1300px) { 
    .wg-item{
        padding: 1.5em 0;
    }
}

.wh-a{width: 100%;padding-top: 5.93em;padding-bottom: 5.62em; box-sizing: border-box;}
.wh-a .my-top{padding-bottom: 2.5em;}
.wh-a .my-titles span{color: #333333;}
.wh-cont{width: 100%;position: relative;display: flex;flex-wrap: wrap;}
.wh-item{display: block;position: relative;margin-right: calc(10/1920*100%);margin-bottom: .625em;width: calc(360/1920*100%);height: 12.5em;}
.wh-img{width: 100%;height: 100%; position: relative;overflow: hidden;}
.wh-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wh-img:after{opacity: 0;transition: all ease .5s; content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #002752;}
.wh-text{position: absolute;bottom: 0;left: 0;padding: .937em .3em;width: 100%;max-height: 100%;overflow: auto;}
.wh-name{width: 100%;text-align: center; color: #ffffff;line-height: 1.6;}
.wh-item:hover .wh-img:after{opacity: .8;}
.wh-item:hover .wh-img img{transform: scale(1.05);}
.wh-item:hover .wh-text{bottom: auto;top: 50%;transform: translate(0,-50%);}

.wh-item:nth-child(2){width: calc(120/1920*100%);}
.wh-item:nth-child(3){width: calc(160/1920*100%);}
.wh-item:nth-child(4){width: calc(310/1920*100%);}
.wh-item:nth-child(5){width: calc(300/1920*100%);}
.wh-item:nth-child(6){width: calc(340/1920*100%);}
.wh-item:nth-child(7){width: calc(120/1920*100%);}
.wh-item:nth-child(8){position: absolute;top: 0;right: 0;margin-right: 0;width: calc(140/1920*100%);}

.wh-item:nth-child(9){width: calc(490/1920*100%);height: 21.25em;}  
.wh-item:nth-child(10){width: calc(330/1920*100%);height: 21.25em;}
.wh-item:nth-child(11){width: calc(450/1920*100%);height: 21.25em;}
.wh-item:nth-child(12){position: absolute;bottom: 10.625em;margin-right: 0;right: calc(340/1920*100%);width: calc(280/1920*100%);height: 10.625em;}
.wh-item:nth-child(13){position: absolute;bottom: 10.625em;margin-right: 0;right: 0;width: calc(330/1920*100%);height: 10.625em;}
.wh-item:nth-child(14){position: absolute;bottom: 0;margin-right: 0;right: calc(280/1920*100%);width: calc(340/1920*100%);height: 10em;}
.wh-item:nth-child(15){position: absolute;bottom: 0;margin-right: 0;right: 0;width: calc(270/1920*100%);height: 10em;}