@font-face{ font-family: fontR; src: url('../fonts/PingFangRegular.ttf');}
@font-face{ font-family: fontB; src: url('../fonts/PingFangBold.ttf');}
html,body{padding: 0;margin: 0;font-family:fontR,"微软雅黑";font-size: 16px;color: #fff;min-width: 1200px; background: #06080b; }
.wrap{margin: 0 auto;max-width: 1430px;}
.wrap1{margin: 0 auto;padding: 0 6.9vw;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.imgOver{position: relative; }
.imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.imgOver .pic img{width: 100%;height: 100%;object-fit: cover; }

.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}

.bolder{font-family: fontB;}

/**导航菜单**/
header{position: absolute;top: 0;left: 0;width: 100%;z-index: 9999;color: #666;height: 90px;border-bottom: 1px solid rgba(255,255,255,.2);transition: all .5s;}
.header-container{padding-right: 2.5vw;}
header .logo{position: absolute;left: 50%;transform: translateX(-50%);}
header .logo a{height: 90px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;}
header .logo img{max-height: 90%; }
header .logo .dImg{display: block;}
header .logo .hImg{display: none;}
header .rightDiv{text-align: center;padding-top: 38px;}
header .rightDiv .menu{}
header .rightDiv .menu>ul{display: inline-block!important;}
header .rightDiv .menu>ul>li{float: left;margin:0 2.34375vw 0 0;}
header .rightDiv .menu>ul>li>a{height: 47px; text-align: left;color: #fff;position: relative;font-size: 14px;display: flex;justify-content: center;align-items: center;text-transform: capitalize;}
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a{background:transparent;}
header .rightDiv .menu>ul>li>a::after{content: "";width: 100%;position: absolute;left: 0;background: #fff;height: 2px;bottom: 0;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;border-radius: 2px;}
header .rightDiv .menu>ul>li:hover>a::after,
header .rightDiv .menu>ul>li.on>a::after{opacity: 1;transform: scaleX(1);}
header .rightDiv .otherDiv{/* position: absolute;right: 4.68vw;top: 0; */}
header .rightDiv .otherDiv>a{display: block;margin-left: 1.35vw;}
/* header .rightDiv .ssBtn .dImg{display: block;}
header .rightDiv .ssDiv .hImg{display: none;}
header .rightDiv .searchDiv{position:absolute;text-align: left;background: #f6f6f6; height:40px;border-radius: 20px; width: 218px; top: 50%;right:0;transform: translate(10px,-50%); opacity: 0;visibility: hidden;transition: transform .4s;}
header .rightDiv .searchDiv form{width: 100%;width: 100%; position: relative;margin: 0 0 0 auto; }
header .rightDiv .searchDiv form input{width: 100%;border-radius: 20px;padding: 0 52px 0 16px;line-height: 40px;border: 0;font-size: 14px;}
header .rightDiv .searchDiv form button{width: 52px;height: 100%;position: absolute;right: 0;top: 0;border: 0;cursor: pointer;background: transparent;}
header .rightDiv .ssDiv:hover .ssBtn{color: #0052bd;}
header .rightDiv .ssDiv:hover .ssBtn .dImg{display: none;}
header .rightDiv .ssDiv:hover .ssBtn .hImg{display: block;}
header .rightDiv .ssDiv.hover>.searchDiv{opacity: 1;visibility: visible;transform: translate(0,-50%);} */
header .rightDiv .languageDiv{margin-left: 1.5vw;position: relative;cursor: pointer;}
header .rightDiv .languageDiv .detaultDiv{height: 47px;}
header .rightDiv .languageDiv .detaultDiv .dImg{display: block;}
header .rightDiv .languageDiv .detaultDiv .hImg{display: none;}
header .rightDiv .languageDiv:hover .detaultDiv .dImg{display: none;}
header .rightDiv .languageDiv:hover .detaultDiv .hImg{display: block;}
header .rightDiv .languageDiv .detaultDiv span{display: block;margin: 0 0 0 8px;color: #fff;font-size: 14px;margin-right: 0.5vw;}
header .rightDiv .languageDiv .langList{position: absolute;left: 50%;min-width: 100%;background: #fff;color: #333;top: 100%;z-index: 99999;box-shadow: 0px 0px 10px rgba(0,0,0,.1);opacity: 0;visibility: hidden;transform: translate(-50%,10px);transition: all .6s;}
header .rightDiv .languageDiv:hover .langList{opacity: 1;visibility: visible;transform: translate(-50%,0);}
header .rightDiv .languageDiv .langList a{display: block;color: #333;line-height: 30px;font-size: 14px;padding: 0 10px;}
header .rightDiv .languageDiv .langList a:hover{background: #2b303b;color: #fff;}

header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide.png) no-repeat center center;background-size: 22px auto;}

.on-fixed header{background: #000;/* box-shadow: 0px 0px 10px rgba(0,0,0,.08); */}
/* .on-fixed header .logo .dImg{display: none;}
.on-fixed header .logo .hImg{display: block;}
.on-fixed header .rightDiv .menu>ul>li>a{color: #333;}
.on-fixed header .rightDiv .menu>ul>li>a::after{background: #000;}
.on-fixed header .rightDiv .ssBtn .dImg{display: none;}
.on-fixed header .rightDiv .ssBtn .hImg{display: block;}
.on-fixed header .rightDiv .detaultDiv .dImg{display: none;}
.on-fixed header .rightDiv .detaultDiv .hImg{display: block;}
.on-fixed header .rightDiv .languageDiv .detaultDiv span{color: #333;}
.on-fixed header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;} 

.onFixed header{background: #fff;border-bottom: 1px solid #E2E2E2;}
.onFixed header .logo .dImg{display: none;}
.onFixed header .logo .hImg{display: block;}
.onFixed header .rightDiv .menu>ul>li>a{color: #333;}
.onFixed header .rightDiv .menu>ul>li>a::after{background: #000;}
.onFixed header .rightDiv .ssBtn .dImg{display: none;}
.onFixed header .rightDiv .ssBtn .hImg{display: block;}
.onFixed header .rightDiv .detaultDiv .dImg{display: none;}
.onFixed header .rightDiv .detaultDiv .hImg{display: block;}
.onFixed header .rightDiv .languageDiv .detaultDiv span{color: #333;}
.onFixed header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;} 

.casesHeader header{background: #fff;border-bottom: 1px solid #E2E2E2;}
.casesHeader header .logo .dImg{display: none;}
.casesHeader header .logo .hImg{display: block;}
.casesHeader header .rightDiv .menu>ul>li>a{color: #333;}
.casesHeader header .rightDiv .menu>ul>li>a::after{background: #000;}
.casesHeader header .rightDiv .ssBtn .dImg{display: none;}
.casesHeader header .rightDiv .ssBtn .hImg{display: block;}
.casesHeader header .rightDiv .detaultDiv .dImg{display: none;}
.casesHeader header .rightDiv .detaultDiv .hImg{display: block;}
.casesHeader header .rightDiv .languageDiv .detaultDiv span{color: #333;}
.casesHeader header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;}


.on-menu header .logo .dImg{display: none;}
.on-menu header .logo .hImg{display: block;}
.on-menu header .rightDiv .ssBtn .dImg{display: none;}
.on-menu header .rightDiv .ssBtn .hImg{display: block;}
.on-menu header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;} */

.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{float:left;position: relative;}
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff}
/*.menu ul ul{position:absolute;text-align: left;background: #fff; padding:0;width: 100%;top: 100%;left:0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: transform .6s;box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); padding-left: calc((100vw - 1320px) / 2);height: 366px; }*/
.menu ul ul{position:absolute;background: #ffffff;text-align: left; width: max-content;top: 100%;left:0;transition: opacity .3s;opacity: 0;visibility: hidden;box-shadow: 0px 6px 16px rgba(89,89,89,.11);}
.menu ul ul .ul{align-items: flex-start;padding:20px;}
.menu ul ul .ul li:nth-child(2){margin-left: 100px;}
/*.menu ul ul .ulDiv{transition: all .4s;opacity: 0;position: absolute;z-index: -1;visibility: hidden;width: 100%;}*/
/*.menu ul ul:before{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;left: 90%;top: 0;z-index: -1;display: none; }
.menu ul ul:after{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;right: 90%;top: 0;z-index: -1;display: none; }*/
.menu>ul>li:hover>ul{height: initial;visibility: visible;opacity: 1; }
.menu ul ul .ul span{display: block;margin-bottom: 15px;color: #333333;}
.menu ul ul .ul a{font-size: 14px;color: #666666;margin-top: 10px;}
.menu ul ul .ul a:hover{color: #1560cf;}
/*.menu>ul>li:hover>ul>.wrap>.ulDiv{opacity: 1;z-index: 11;display: flex;position: initial;visibility: visible;}*/
/*.menu li:hover>ul:before,.menu li:hover>ul:after{display: block;}*/
.menu ul ul ul{position:absolute;text-align: center;width: 100vw;top:100%;left:0;transition: opacity .6s;height: 0;}

/*.menu>ul>li>ul li:hover>ul>.ulDiv{opacity: 1;z-index: 11;display: flex;position: initial;visibility: visible;}*/

/****底部***/
.footerDiv{text-align: center;}
.footerDiv .p{margin-bottom: 50px;}
/*.footerDiv .p img{width:48px; }*/
.footerDiv .p span{color: #868686;}
.footerDiv .p p{color: #e9e2d1;margin-top: 5px;}
.footerDiv .bdDiv{padding-bottom: 20px;color: #595959;font-size: 14px;}
.footerDiv .bdDiv a{color: #595959;}
.footerDiv .bdDiv a:hover{color: #e9e2d1;}


/*::-webkit-scrollbar  
{  
    width: 2px;  
    height: 2px;  
}  
::-webkit-scrollbar-track  
{  
    border-radius: 4px;  
    background-color: #f5f5f5;
}  
::-webkit-scrollbar-thumb  
{  
    border-radius: 4px; 
    background-color: #0E50D1;
}*/

/********************************* 首页 **********************************/
.main{margin-top: 0; }


/*banner轮播*/
.index-banner{width: 100%;position:relative;}
.index-banner .swiper-slide{overflow: hidden;}
.index-banner .img{width: 100%;display: block;height: 50vw;background: none no-repeat center;background-size: cover;}
.index-banner .img .wrap{position: relative;}
/*.index-banner .gridVideo{width: 100%;display: block;height: 50.46875vw;position: relative;position: absolute;left: 0;top: 0;}
.index-banner .gridVideo video {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition: z-index 0s ease 0.7s,opacity 0.35s ease 0.7s;display: block;}*/
/* .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
.index-banner .swiper-pagination-bullet{width: 16px;height: 16px;background: #fff;opacity:.5;}
.index-banner .swiper-pagination-bullet-active{opacity: 1;position: relative;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px;}
.index-banner .wrap{height: 100%;display:flex;justify-content:flex-start;align-items:center;color: #fff;}
.index-banner .textDiv{max-width: 590px;line-height: 1.4;}
.index-banner .textDiv .line{width: 4vw;height: 0.1vw;background: #fff;}
.index-banner .textDiv .p1{font-size: 3.125vw;margin: 3vw 0 2vw;text-transform: uppercase;}
.index-banner .textDiv .p2{font-size: 1.5625vw;text-transform: capitalize;color: rgba(255,255,255,1);}

.index-banner .swiper-button-prev,.index-banner .swiper-button-next{width: 40px;height: 68px;}
.index-banner .swiper-button-prev{background: url(../img/left.png) rgba(0,0,0,.5) no-repeat center center;left: 2vw;}
.index-banner .swiper-button-next{background: url(../img/right.png) rgba(0,0,0,.5) no-repeat center center;right: 2vw;} */
.index-banner .swiper-container-horizontal>.swiper-pagination-progressbar{top: initial;bottom: 2.96vw;background: #fff;}
.index-banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #7e7e7e;}
.index-banner video{width: 100%;height: 100%;object-fit: cover;}

.f44{font-size: 24px;}
.f34{font-size: 20px;}
.f30{font-size: 18px;}
.f28{font-size: 16px;}
.f20{font-size: 14px;}
.f18{font-size: 13px;}

.indexTitle{position: relative;text-align: center;}
.indexTitle span{display: block;color: #fff8e5;text-transform: uppercase;line-height: 1;}


.indexDiv1{padding: 130px 0 110px;background: #000;}
.indexDiv1 .bdDiv{max-width: 960px;margin: 0 auto;position: relative;width: 70%;}
.indexDiv1 .lunboDiv{width: 51.4%;color: #fff;display: block;}
.indexDiv1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align: left;left: 15px;}
.indexDiv1 .swiper-pagination-bullet{width: 10px;height: 10px;background: #2b303b;opacity: 1;transition: all .5s;border-radius: 5px; }
.indexDiv1 .swiper-pagination-bullet-active{width: 32px;}
.indexDiv1 .textDiv{position: absolute;right: 0;bottom: 0;background: #2b303b;padding:30px 40px;z-index: 1;width: 52%;color: #fff;display: block;}
.indexDiv1 .textDiv .name span{margin-right: 10px;}
.indexDiv1 .textDiv .p{margin-top: 30px;line-height: 2;}


.indexDiv2{padding: 130px 0 140px;background: #000;}
.indexDiv2 .hdDiv{margin-bottom: 118px;}
.indexDiv2 .hdDiv .yearDiv{margin: 90px 0 0;}
.yearDiv a{width: 180px;line-height: 60px;color: #717171;text-align: center;border-radius: 30px;}
.yearDiv a.on{background: #2b303b;color: #fff;}
.indexDiv2 .bdDiv{position: relative;}
.indexDiv2 .bdDiv .itemDiv{position: absolute;width: 100%;top: 0;left: 0;opacity: 0;}
.indexDiv2 .bdDiv .itemDiv.on{position: relative;opacity: 1;}
.indexDiv2 .bdDiv .bigImgDiv{position: absolute;left: 6.875vw;top: 0;width: 27vw;z-index: 99;}
.indexDiv2 .bdDiv .bigImgDiv .imgDiv{display: none;padding-top: 125.2%;}
.indexDiv2 .bdDiv .bigImgDiv .imgDiv.on{display: block;}
.indexDiv2 .bdDiv .bigImgDiv .imgDiv img{width: 100%;}
.indexDiv2 .bdDiv .introDiv{/* position: absolute; right: 6.875vw;top: 0;*/width: 39.3vw;z-index: 99;margin: 0 6.875vw 8.8vw auto;line-height: 1.8;}
.indexDiv2 .bdDiv .introDiv .p{display: none;}
.indexDiv2 .bdDiv .introDiv .p.on{display: block;}
.indexDiv2 .bdDiv .lunboDiv{position: relative;padding-bottom: 130px;}
.indexDiv2 .bdDiv .lunboDiv .imgDiv{padding-top: 125.2%; } 
.indexDiv2 .swiper-button-prev,.indexDiv2 .swiper-button-next{width:50px;height: 50px;top: auto;margin-top: auto;bottom: 0;}
.indexDiv2 .swiper-button-prev{background: url(../img/left.png) no-repeat center center/100%;left: 50%;margin-left: -70px;}
.indexDiv2 .swiper-button-next{background: url(../img/right.png) no-repeat center center/100%;right: 50%;margin-right: -70px;}

.indexDiv3{padding: 96px 0 106px;}
.indexDiv3 .p{margin: 110px 0 210px;color: #fff8e5;line-height: 1.8;}
.indexDiv3 .videoDiv{margin-top: 40px;position: relative;}
.indexDiv3 .videoDiv .spDiv{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;z-index: 0;}
.indexDiv3 .videoDiv .spDiv.on{position: relative;opacity: 1;z-index: 1;}

.indexDiv4{padding: 0 0 106px;}
.indexDiv4 .yearDiv{margin: 90px 0 68px;}
.indexDiv4 .bdDiv{position: relative;}
.indexDiv4 .bdDiv .itemDiv{position: absolute;width: 100%;top: 0;left: 0;opacity: 0;}
.indexDiv4 .bdDiv .itemDiv.on{position: relative;opacity: 1;}
.indexDiv4 .itemDiv .leftDiv{width: 59%;}
.indexDiv4 .itemDiv .leftDiv ul li{width: 14.5%;height: 780px;transition: all .5s;position: relative;cursor: pointer;flex: 1 1 auto;}
.indexDiv4 .itemDiv .leftDiv ul li:before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.6);left: 0;top: 0;position: absolute;z-index: 1;}
.indexDiv4 .itemDiv .leftDiv ul li.on{width: 38%;}
.indexDiv4 .itemDiv .leftDiv ul li.on:before{display: none;}
.indexDiv4 .itemDiv .leftDiv ul li img{width: 100%;height: 100%;object-fit: cover;}
.indexDiv4 .itemDiv .rightDiv{width: 41%;padding: 0 9%;}
.indexDiv4 .itemDiv .rightDiv .textDiv{display: none;color: #fff8e5;}
.indexDiv4 .itemDiv .rightDiv .textDiv.on{display: block;}
.indexDiv4 .itemDiv .rightDiv .textDiv .p{margin-top: 70px;line-height: 2;}

.aboutDiv1{padding: 270px 0 120px;}
.aboutDiv1 .hdDiv{max-width: 1160px;margin: 0 auto;width: 90%;}
.aboutDiv1 .lunboDiv{width: 42.6%;}
.aboutDiv1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align: left;left: 15px;}
.aboutDiv1 .swiper-pagination-bullet{width: 10px;height: 10px;background: #2b303b;opacity: 1;transition: all .5s;border-radius: 5px; }
.aboutDiv1 .swiper-pagination-bullet-active{width: 32px;}
.aboutDiv1 .textDiv{width: 42%;}
.aboutDiv1 .textDiv .name small{display: block;color: #fff8e5;}
.aboutDiv1 .textDiv .p{margin-top: 30px;line-height: 2;}
.aboutDiv1 .bdDiv{border-top: 4px solid #3d3d3d;padding-top: 110px;margin-top: 75px;}
.aboutDiv1 .bdDiv .p{margin-bottom: 70px;}
.aboutDiv1 .bdDiv .p span{font-size: 28px;}
.aboutDiv1 .bdDiv .p1{margin-top: 30px;line-height: 2;}
.aboutDiv1 .bdDiv form .row>div{margin-bottom: 40px;}
.aboutDiv1 .bdDiv form span{display: block;margin-bottom: 10px;}
.aboutDiv1 .bdDiv form input{width: 100%;line-height: 50px;border: 0;border-radius: 2px;background: #fff;padding: 0 10px;}
.aboutDiv1 .bdDiv form textarea{width: 100%;display: block;border: 0;border-radius: 2px;background: #fff;padding: 10px;height: 160px;resize: none;}
.aboutDiv1 .bdDiv form button{display: block;line-height: 50px;border: 0;border-radius: 2px;background: #fff;width: 100%;cursor: pointer;}

.productDiv{padding: 245px 0 120px;}
.productDiv .hdDiv{width: 90%;max-width: 850px;margin: 0 auto;}
.productDiv .hdDiv .indexTitle span{color: #fff;}
.productDiv .hdDiv .p{margin-top: 50px;line-height: 2;text-align: center;}
.productDiv .bdDiv{margin-top: 30px;padding-top: 50px;border-top: 4px solid #3d3d3d;}
.productDiv .bdDiv .rowDiv{margin-top: 68px;}
.productDiv .bdDiv .row{margin: 0 -30px;}
.productDiv .bdDiv .row>div{padding: 0 30px;margin-bottom: 50px;}
.productDiv .bdDiv .row>div .imgDiv{padding-top: 98.3%; }
.productDiv .bdDiv .row>div p{color: #fff;text-align: center;margin-top: 10px; }

.detaiDiv{padding: 245px 0 120px;}
.detaiDiv .bdDiv{margin-top: 130px;}
.detaiDiv .leftDiv{width: 50%;text-align: right;}
.detaiDiv .rightDiv{width: 50%;padding: 0 9%;line-height: 2;}
.detaiDiv .rightDiv .p{margin-top: 70px;}

/* .pageDiv{text-align: right;}
.pageDiv a,.pageDiv span{display: inline-block;margin: 0 20px;color: #e9e2d1; }
.pageDiv span{border-bottom: 1px solid #e9e2d1;} */

.pageDiv{text-align: right;}
.pageDiv a{display: inline-block;margin: 0 15px;color: #e9e2d1;}
.pageDiv .page-num-current{border-bottom: 1px solid #e9e2d1;}
.pageDiv span{font-size: 14px;}
.pageDiv .page-status{margin-right: 10px;color: #e9e2d1;display: none;}

.newsDiv{padding: 245px 0 80px;}
.newsDiv .yearDiv{margin: 90px 0 100px;}
.newsDiv .itemDiv:nth-child(1){padding-bottom: 70px;margin-bottom: 50px;border-bottom: 4px solid #3d3d3d;}
.newsDiv .itemDiv .ith{margin-bottom: 30px;}
.newsDiv .itemDiv .itb{line-height: 1.8;}
.newsDiv .itemDiv .itb video{display: block;}
.newsDiv .itemDiv .itb .videoDiv p{text-align: center;margin-top: 30px;}
.newsDiv .itemDiv:nth-child(3){margin: 120px 0 0;}
.newsDiv .itemDiv:nth-child(4){margin: 70px 0;}
.newsDiv .itemDiv .row>div{margin-bottom: 50px;}
.newsDiv .itemDiv .row>div .conDiv{height: 100%;}
.newsDiv .itemDiv .row>div .conDiv .imgDiv{padding-top: 87.3%; } 
.newsDiv .itemDiv .row>div .conDiv img{width: 100%;}
.newsDiv .itemDiv .row>div .conDiv p{text-align: center;margin-top: 10px; } 
.newsDiv .itemDiv .row>div video{width: 100%;height: 100%;object-fit: cover;}
.newsDiv .itemDiv ul li{margin-bottom: 50px;}
.newsDiv .itemDiv ul li img{width: 100%;}

/*body:after {
    content: '';
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
body.on-menu:after {
    display: block;
}*/




/*.menu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.menu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.menu ul ul li.has-sub:hover>a::after{border-color:#fff}*/

@media (max-width:1650px) {
	.wrap1{padding: 0 30px;}
}
@media (max-width:1440px) {
	.wrap{padding: 0 50px;width: 100%;}
}
@media (max-width:1330px) {
	header{min-width: 1200px;}
	header .logo{left: 2.5vw;transform: initial;}
	.aboutDiv1 .textDiv{width: 50%;}
}
@media (max-width:1220px) {
	/* .f44{font-size: 40px;}
	.f34{font-size: 30px;}
	.f30{font-size: 26px;}
	.f28{font-size: 24px;}
	.f20{font-size: 18px;}
	.f18{font-size: 16px;} */
}
@media (min-width:992px) and (max-width:1024px) {
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
	html, body{min-width: initial;}
	/* .f44{font-size: 36px;}
	.f34{font-size: 24px;}
	.f30{font-size: 22px;}
	.f28{font-size: 20px;}
	.f20{font-size: 16px;}
	.f18{font-size: 14px;} */
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.2);}
	/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/
	/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0;font-size:12px;color:#333;background:0 0}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}
	
	.indexHeader .menu ul ul li a{color:#fff;}
	.indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff}
	
	.on-fixed .indexHeader .menu ul ul li a{color:#333;}
	.on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333}
	
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}
	
	/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}
	.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/
	
	/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/
	
	
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	.menu ul ul .wrap{padding:0 15px;}
	.menu ul ul .hd{display: none;}
	.menu ul ul .bd{padding: 0;}
	header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;}
	/*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/
	.on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #333;}
	header:before{display: none;}
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
		min-width: initial;
	}
	header .header-container{height: 50px;}
	header .logo a{height: 50px;width: initial;}
	header .logo a img{max-height: 60%;}
	header .mbtn {display: block;}
	body.on-menu header{background: rgba(0,0,0,.97);}
	body.on-menu.on-fixed  header{background:  rgba(0,0,0,.97);}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 50px;
		right: 0;
		width: 100%;
		height: calc(100% - 50px);
		padding-top: 0;
		background-color: rgba(0,0,0,.97);
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	.on-fixed header .rightDiv .menu{
		background-color: rgba(0,0,0,.97);
	}
	header .rightDiv .menu ul{float: initial;height: initial;}
	/*header .rightDiv .menu ul.open{background: #000;}*/
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: initial;
		position: relative;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
	}
	header .rightDiv .menu>ul {display: block;padding-top: 0;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;}
	header .rightDiv .menu>ul>li>a::after{display: none;}
	header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{font-weight: bold;}
	header .rightDiv .menu>ul>li>a span{line-height: 50px;}
	.menu ul ul{box-shadow: none;opacity: 1;visibility: visible;transform: translate(0px);transition: transform .6s;padding: 0;left: 0;display: block;}
	header .rightDiv .menu>ul>li>a{color: #fff;}
	.main {position: relative;right: 0;transition: right 300ms !important;}
	header .rightDiv .otherDiv{height: 50px;justify-content: flex-start;float: initial; }
	header .rightDiv .searchDiv{margin: 0 auto;}
	header .rightDiv .ssDiv .dImg{display: none;}
	header .rightDiv .ssDiv .hImg{display: block;}
	.menu ul ul .ul span{margin-top: 0;}
	/* header .rightDiv .menu>ul>li .aDiv{margin-bottom: 20px;} */
	header .rightDiv .menu>ul>li li{border: 0;}
	header .rightDiv .menu>ul>li li a{line-height: initial;margin-bottom: 20px;height: initial;color: #fff;}
	/*.twoMenuDiv.onFixed{top: 50px;}
	.twoMenuDiv ul li a.top_dh_in::after{bottom: 8px;width: 4px;height: 4px;}*/
	
	.menu ul ul:before{display: none!important;}
	.menu ul ul:after{display: none!important;;}
	.menu ul ul a{padding: 0 15px;margin: 0;}
	.menu li:hover>ul{transform: translate(0);}
	header .rightDiv .otherDiv{position: relative;margin-left: 0;text-align: left;}
	header .rightDiv .otherDiv a{margin: 0 10px;}
	header .rightDiv .menu ul li .ulDiv{display: block;}
	.menu ul ul{height: initial;}
	.menu ul ul .ul{display: block;padding: 10px 30px 0;}
	.menu ul ul .ul li:nth-child(2){margin-left: 0;}
	.menu ul ul .ul span{color: #fff;}
	.menu ul ul .ul a{color: #fff;margin-top: 0;}
	
	.indexDiv1{padding: 60px 0 50px;}
	.indexDiv1 .bdDiv{width: 90%;}
	.yearDiv a{width: 150px;line-height: 50px;}
	.indexDiv2{padding: 60px 0 70px;}
	.indexDiv2 .hdDiv{margin-bottom: 60px;}
	.indexDiv2 .bdDiv .introDiv{margin-bottom: 3.8vw;}
	.indexDiv3 .p{margin: 50px 0 100px;}
	.indexDiv4 .itemDiv .leftDiv ul li{height: 580px;}
	.indexDiv4 .itemDiv .rightDiv{padding: 0 4%;}
	.indexDiv4 .itemDiv .rightDiv .textDiv .p{margin-top: 35px;}
	.footerDiv .p{margin-bottom: 25px;}
	.aboutDiv1{padding: 140px 0 100px;}
	.productDiv,.detaiDiv,.newsDiv{padding: 140px 0 100px;}
	.detaiDiv .rightDiv{padding: 0 5%;}
	.newsDiv .yearDiv{margin: 45px 0 50px;}
	
	header .rightDiv .languageDiv .langList{width: 70px;}
	
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*手机*/
@media (max-width:767px) {
	html, body{min-width: initial;overflow-x: hidden;}
	
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	.floatRightDiv{display: none;}
	.wrap{padding: 0 15px;width: 100%;}
	.wrap1{padding: 0 15px;width: 100%;}
	
	
	.index-banner .img{height: 60vw;}
	.index-banner .swiper-container-horizontal>.swiper-pagination-progressbar{height: 2px;}
	
	.indexTitle span{font-size: 24px;}
	.indexTitle p{margin-top: 15px;font-size: 14px;}
	
	.f44{font-size: 20px;}
	.f34{font-size: 18px;}
	.f30{font-size: 17px;}
	.f28{font-size: 16px;}
	.f20{font-size: 15px;}
	.f18{font-size: 14px;}
	
	.indexDiv1{padding: 40px 0;}
	.indexDiv1 .bdDiv{width: 100%;}
	.indexDiv1 .textDiv{padding: 15px;}
	.indexDiv1 .textDiv .p{margin-top: 15px;}
	.indexDiv1 .textDiv .name span{display: block;}
	
	.indexDiv2{padding: 20px 0 35px;}
	.indexDiv2 .hdDiv{display: block;margin-bottom: 30px;}
	.indexDiv2 .yearDiv{margin-top: 20px;justify-content: center;}
	.yearDiv a{width: 100px;line-height: 35px;}
	.indexDiv2 .bdDiv .introDiv{display: none;}
	.indexDiv2 .bdDiv .bigImgDiv{display: none;}
	.indexDiv2 .bdDiv .lunboDiv{padding-bottom: 80px;}
	.indexDiv2 .swiper-button-prev, .indexDiv2 .swiper-button-next{width: 35px;height: 35px;}
	.indexDiv3{padding: 40px 0;}
	.indexDiv3 .p{margin: 25px 0 50px;}
	.indexDiv3 .videoDiv{margin-top: 20px;}
	.indexDiv4{padding-bottom: 40px;}
	.indexDiv4 .yearDiv{margin: 30px 0;}
	.indexDiv4 .itemDiv .rightDiv .textDiv .p{margin-top: 10px;}
	.indexDiv4 .bdDiv .itemDiv .conDiv{display: block;}
	.indexDiv4 .itemDiv .leftDiv{width: 100%;}
	.indexDiv4 .itemDiv .leftDiv ul li{height: 380px;}
	.indexDiv4 .itemDiv .rightDiv{width: 100%;margin-top: 20px;}
	.footerDiv .p{margin-bottom: 15px;}
	.footerDiv .p p{margin-top: 0;}
	
	.aboutDiv1{padding: 100px 0 50px;}
	.aboutDiv1 .hdDiv{display: block;}
	.aboutDiv1 .hdDiv .lunboDiv{width: 100%;}
	.aboutDiv1 .hdDiv .textDiv{width: 100%;margin-top: 30px;}
	.aboutDiv1 .textDiv .p{margin-top: 15px;}
	.aboutDiv1 .bdDiv{padding-top: 40px;margin-top: 40px;}
	.aboutDiv1 .bdDiv .p{margin-bottom: 35px;}
	.aboutDiv1 .bdDiv .p1{margin-top: 15px;}
	.aboutDiv1 .bdDiv form .row>div{margin-bottom: 20px;}
	.aboutDiv1 .bdDiv form input{line-height: 40px;}
	
	.productDiv,.detaiDiv,.newsDiv{padding: 100px 0 50px;}
	.productDiv .hdDiv .p{margin-top: 25px;}
	.productDiv .bdDiv{padding-top: 30px;}
	.productDiv .bdDiv .rowDiv{margin-top: 35px;}
	.productDiv .bdDiv .row{margin: 0 -10px;}
	.productDiv .bdDiv .row>div{padding: 0 10px;margin-bottom: 20px;}
	
	.detaiDiv .bdDiv{margin-top: 30px;display: block; }
	.detaiDiv .leftDiv{width: 100%;}
	.detaiDiv .rightDiv{width: 100%;margin-top: 20px;}
	.detaiDiv .rightDiv .p{margin-top: 20px;}
	
	.newsDiv .yearDiv{margin: 25px 0 30px;}
	.newsDiv .itemDiv:nth-child(1){padding-bottom: 35px;margin-bottom: 25px;}
	.newsDiv .itemDiv .ith{margin-bottom: 15px;}
	.newsDiv .itemDiv .itb .videoDiv p{margin-top: 15px;}
	.newsDiv .itemDiv:nth-child(3){margin: 60px 0 0;}
	.newsDiv .itemDiv .row>div{margin-bottom: 25px;}
	.newsDiv .itemDiv:nth-child(4){margin: 35px 0;}
	.newsDiv .itemDiv ul li{margin-bottom: 25px;}
	
	
	
	@media (max-width:320px) {
	}
	
}