@charset "UTF-8";html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
*{margin: 0;padding: 0;}
html,body {margin:0;font-family: "Roboto Light","Source Han Sans CN Light",sans-serif;font-weight:normal;color: #000;}

a{text-decoration:none;background:0 0;color:#000}
a:active,a:hover{text-decoration:none}
h1,h2,h3,h4{font-size:18px;line-height:1.4}
ol,ul{list-style:none}
img{line-height:1;vertical-align:top}
body,html{width:100%;/*min-width:1200px*/;min-height:100%;height:100%}
body{font-size:14px;line-height:1.8;overflow:hidden}

.clear:after{content:"";display:block;clear:both}
.catch{font-size:20px;margin-top:4px}
.icon-outlink{background:url(../img/icon-outlink.png) no-repeat left center;padding-left:20px;color:#858585}
.icon-outlink:hover{color:#000}
.icon-mail{padding-left:20px;background:url(../img/icon-mail.png) no-repeat left center;color:#1d3994}
.icon-mail:hover{text-decoration:underline}

.canvas{position:fixed;top:0;left:0;z-index:0}

.Container{position:relative;min-height:100%;height:100%;overflow-y: auto;}
.Container__inner{position:relative;width:100%;margin:0 auto;min-height:100%;height:100%;overflow-x: hidden;}

.Footer{position:fixed;bottom:0;left:0;z-index:100;width:100%;padding:10px 0 24px 0;text-align: center;min-width: 1200px;}
.Footer p,.Footer span{margin: 0;font-size: 12px;line-height:18px; transform: scale(0.8);display: block; }
.Footer p:first-child{letter-spacing: .3em;transform: scale(1);font-size: 12px;line-height: 22px;color: #000;/* font-weight: bold; */}
.Footer span{color:#666;font-size: 10px;}
.Logo{float:left;padding-left:40px;position:relative;height:40px;display: flex;align-items: center;}
.Logo a{color:#fff}

.Nav{float:right;}
.Nav li{display:inline-block;vertical-align:top;margin: 10px 20px 0 0;position: relative; height:20px;line-height:20px; }

@media screen and (max-width: 1400px) {
  .Nav li{margin-right:10px;}
}

.Nav a{display:block;color: white;font-size: 12px;text-align:center;}
.Nav a:hover .Nav__line{width:100%}
.Nav span{display:block;text-align:left;position: relative;}
.Nav li:first-child{margin-right: 20px;}
.Nav li:first-child img{position: relative;top:2px;}
.Nav__line{vertical-align:top;height:1px;width:0;margin:0 auto;overflow:hidden;background:#999;-webkit-transition:width .2s linear;transition:width .2s linear}

.Lang{float:right;padding-right: 40px;}
.Lang a{color: white;line-height: 40px;display: block;}
.Lang a::after{content:url(../images2024/1jian.svg);padding-left:10px;}

/* new2025 */
.wrap{position:relative;z-index:1;width:100%;height:100vh;box-sizing:border-box;min-width:1200px;}
.Header{position:fixed;top:0;left:0;z-index:100;width:100%;color: white;min-width: 1200px;background: black;}

.Container_3{position:relative;min-height:100%;height:100%;overflow-y:auto;display: flex;align-items: center;justify-content: center;}
/* .Container_3.newClass dl>*{padding:0;margin: 0;}
.Container_3.newClass dt{margin-top: 150px; margin-bottom: 20px;}
.bd_web .Container_3.newClass dd p{margin-bottom: 0;} */

.Container_3 dl{display: flex;flex-wrap:wrap;align-items: center;justify-content: center;height:auto;max-width:1200px;position: relative;overflow: hidden;}
.Container_3 dt{display: flex;width:100%;justify-content: center;padding: 30px 0 80px;}
.Container_3 dt img{position: relative;left:-860px;}
.Container_3 dd{display: flex;width: 290px;padding:20px 0 50px;margin: 0 55px;text-align: center;overflow: hidden;justify-content: center;}
.Container_3 dd div{position: relative;left:-1000px;}
.Container_3 dd h3{margin-bottom: 20px;font-size: 18px;font-weight: 500;line-height: 50px;letter-spacing: 0.2em;display: none;}
.Container_3 dd p{font-size:13px;text-align: center;margin: 30px 0;line-height:1.5;font-family:'Roboto';min-height:100px;}
.Container_3 dd a.more{display:inline-block;box-sizing:border-box;border:1px solid #000;text-align:center;width:90px;height:30px;line-height:28px;font-size:13px;border-radius:15px;margin:0 auto;}
.Container_3 dd a.more::after{content:'〉';font-size: 13px;position: relative;left: 6px;}
.Container_3 dd a.more:hover{background:#000;color:#fff}

.nav_btn{width: 74px;height: 50px;top: 50px;right: 50px;position: fixed;z-index:101;display:none;}
.nav_btn span{display:block;width: 75px;height: 4px;background-color: white;border-radius:2px;}
.nav_btn span:nth-child(2){margin: 19px 0;}
.nav_btn.close{top: 70px;}
.nav_btn.close span:nth-child(2){display: none;}
.nav_btn.close span:first-child{transform: rotate(45deg);}
.nav_btn.close span:last-child{transform: rotate(-45deg);}

/* 移动端 */

.bd_web .wrap{padding: 150px 0 100px;min-width:1080px;max-width:1080px;box-sizing: border-box;}
.bd_web .Header{min-width:1080px;height:150px;}


.bd_web .Logo{padding: 55px 0;position: absolute;left: 400px;}
.bd_web .Logo img{width:300px;}
.bd_web .nav_btn{display: block;}
.bd_web .Lang{position: absolute;left:50px;}
.bd_web .Lang a{line-height: 150px;font-size: 55px;font-family:'Barlow Condensed Medium';}
.bd_web .Lang a::after{content:url(../images2024/1jian_wap.svg);position: relative;top:2px;display: none;}
.bd_web .Lang a::before{content:url(../images2024/1jian_wap.svg);position: relative;top:2px;padding-right: 25px;transform:  rotate(45deg);}

.bd_web .Nav li.on{background-color: #4d4d4d;}
.bd_web .Nav li.on a{color: #7dfbb6;}
.bd_web .Nav li.on a span::after{content:url(../images2024/2jian.svg);display:flex;float: right;padding-right:30px;}

.bd_web .Nav{transform:translateX(-2080px);opacity:0;overflow-y: auto;}
.bd_web .Nav.show{transform: translateX(0);opacity:1;}
.bd_web .Nav{box-sizing: border-box;padding-right:100px;background-color: rgba(0, 0, 0, 0.5);height:calc(100vh - 100px);position: fixed;top: 150px;transition: transform .5s;z-index: 9999;width: 100%;}
.bd_web .Nav li{display: block;height: 150px;line-height: 150px;width: 100%;box-sizing: border-box;border-top: 1px solid #ccc;background-color: black;margin: 0;transform:translateX(-2080px);transition: transform 0.7s;} 
.bd_web .Nav.show li{transform: translateX(0);}

.bd_web .Nav li:first-child img{display: none;}
.bd_web .Nav li:first-child a span::before{content:'HOME';}
.bd_web .Nav li a{font-size: 45px;margin: 0;text-align: left;font-weight: 300;padding-left: 120px;letter-spacing: 2px;font-family: "Barlow Condensed Medium";}
.bd_web .Nav li a:hover,.bd_web .Nav li a:active,.bd_web .Nav li a:focus{background-color: #4d4d4d;color: #7dfbb6;}
.bd_web .Nav li a span::after{content:url(../images2024/2jian.svg);display:flex;float: right;padding-right:30px;display: none;}
.bd_web .Nav li a:active span::after,.bd_web .Nav li a:hover span::after{display: block;}

.bd_web .tool{display: none;}
.bd_web .Footer{min-width:1080px;background-color: white;}

.bd_web .Container_3{min-width:1080px;align-items: center;}
.bd_web .Container_3 dl{min-width:1080px;box-sizing: border-box;padding:12% 0; justify-content: space-between;height:100%;align-items: center;overflow-y: auto;}
.bd_web .Container_3 dt img{width: 592px;height: auto;}
.bd_web .Container_3 dd{width: 100%;margin-top: 0;padding: 0;}
.bd_web .Container_3 dd img{height: 50px;width: auto;}
.bd_web .Container_3 dd h3{font-size:30px;}
.bd_web .Container_3 dd p{font-size:31px;line-height: 36px;min-height: auto;margin:20px 0 50px;}
.bd_web .Container_3 dd a.more{display: none;}

.bd_web{display: flex;justify-content: center; align-items: center;}
.bd_web canvas#jsCanvas {width:1080px;height:auto;left:50%; margin-left: -540px;}
.bd_web .Footer{z-index: 80;}
.bd_web .Footer p:first-child{font-size: 16px;}
.bd_web .Footer span{font-size: 16px;}


/* Index */
.Index .Logo,.Index  .Lang,.Index  .nav_btn{filter: invert(100%);}
.bd_web .Index{background:none ;}
.Index{background: none;}
.Index .Nav{filter: invert(100%);}
.bd_web .Index .Nav{filter:none;}


/* GEN */
/*.Container_3 dd:last-child p{position: relative;top:2px;}*/
/*.Container_3 dd:last-child a{position: relative;top:-5px;}*/
/*.Container_3 dd:last-child img{position: relative;top: 7px;height: 35px;width: auto;}*/
/*.bd_web .Container_3 dd:last-child img{height:50px;}*/

:lang(zh-CN) .bd_web .Container_3 dd p{line-height:1.5;}

:lang(zh-CN) .bd_web .Nav li:first-child a span::before{content:'首页';}
