.header .logo .img2{display:none}
.header .logo .img1{display:inline-block}
.header .top-lang span,.header .top-lang a{color:#333}
.header .top-lang figure a{color:#fff}
.header .top-lang span:after{border-top-color:#333}
.header .top-search{background-color:#333}
.header .open-search{background-image:url(../image/top_search_btn2.svg)}
.header.hover .open-search.on:before,.header.hover .open-search.on:after{background-color:#333}
.header menu li span a:hover{color:#0c3483}
.bg{background-color:#d3e2ee}
.h_title{position:relative;text-align:center;padding-bottom:4%}
.h_title h2{font-size:2.60416666666667vw;color:#000000;padding:0 0 2% 0;margin:0;line-height:1;font-weight:normal;text-align:center}
.h_title P{color:#666;line-height:30px;max-width:660px;margin:auto}
@media (max-width:768px){
.h_title h2{font-size:6vw}
}
.h_more{position:relative;cursor:pointer;color:#0c3483;padding-right:43px;font-size:18px}
.h_more:after{content:'';position:absolute;width:24px;height:24px;bottom:0;right:0;background:url(../image/more_icon.png) no-repeat center center;border:solid 1px #24488f;transition:0.5s;border-radius:100px}
.h_more:hover:after{background-color:#d3e2ee;filter:none !important}
@media (max-width:1024px){
.h_more{font-size:14px}
}
@media (max-width:768px){
.h_more{font-size:.18rem; line-height: 24px;}
}
.pad5{padding-top:5%;padding-bottom:5%}
.yellow_bg{position:absolute;width:5%;height:65%;transform:skew(-19deg);background:linear-gradient(180deg,rgba(234,85,4,0),#ea5504)}
.h_banner{position:relative; margin-top:100px;}
.h_banner .txt{color:#fff;opacity:0;width:100%;transform:translateX(100px);transition:0.5s;transition-delay:0.5s;text-align:center}
.h_banner .txt{max-width:1000px;width:96%;margin:auto}
.h_banner .txt .p1{font-size:2.5vw}
.h_banner .txt .p2{font-size:1.6vw}
.h_banner .text{ color:#fff; font-size:3.4vw;}
.h_banner .text .title{ font-weight:bold;}
.h_banner .hbanaa{ font-size:24px; margin-top:10%; border-radius:0;}
.h_banner .hbanaa:before{ border-radius:0;}
.h_banner .pic img{width: 100%}
.h_banner .pic .wap{display: none}
.h_banner .item.slick-current .txt{opacity:1;transform:translateX(0px)}
.h_banner .slick-dots li button:before{background:#fff}
.h_banner .slick-dots li.slick-active button{border-color:#fff}
.h_banner .slick-prev{left:8.3%}
.h_banner .slick-next{right:8.3%}
.h_banner .slick-arrow:not(:hover){background:none;border-color:#fff}
.h_banner .slick-arrow:before{background-position:left center}
@media (max-width:1024px){
.h_banner{margin-top:60px}
.h_banner .pic .pc{display: none}
.h_banner .pic .wap{display:block;height:180px;object-fit:cover;}
.h_banner .text{padding-left: 20%;}
.h_banner .slick-arrow{display:none}
}
.list .box{position:relative}
.h_product{overflow:hidden;position:relative}
.h_product .list{margin-left:-20px;margin-right:-20px}
.h_product .list .item{padding:20px}
.h_product .list .pic{padding-bottom:57.815%}
.h_product .list .txt{padding-top:8%;padding-bottom:3%;transition:0.5s}
.h_product .list h4{height:60px;margin-bottom:4%}
.h_product .list ul,.h_markets .list ul{height:120px;overflow:hidden;margin-bottom:10px;}
.h_product .list ul li,.h_markets .list ul li{position:relative;padding-left:8px}
.h_product .list ul li:before,.h_markets .list ul li:before{content:'';left:0;top:14px;margin:auto;position:absolute;width:3px;height:3px;background:#0b3483;border-radius:100px}
.h_product .list ul li a,.h_markets .list ul li a{color:#0b3483;display:inline-block;text-decoration:underline}
.h_product .list ul li a:hover,.h_markets .list ul li a:hover{color:#aa1b28}
@media (max-width:768px){
.h_banner .slick-arrow{min-width:20px;min-height:20px;}
.h_banner .slick-arrow:before{background-position:-1px center;width:20px;height:20px;background-size:40px;}
.h_banner .text{font-size:4.4vw}
.h_banner .hbanaa{ font-size:14px;padding-right:26px;}
.h_product .list{margin-left:0px;margin-right:0px;padding-left: 15px; padding-right: 15px;}
.h_product .list .item{padding:7px}
.h_product .list ul li{font-size:16px}
}
.h_markets{overflow:hidden;position:relative}
.h_markets .list{margin-left:-20px;margin-right:-20px}
.h_markets .list .item{padding:20px}
.h_markets .list .pic{padding-bottom:57.815%}
.h_markets .list .txt{padding:11%;background:#fff}
.h_markets .list h4{margin-bottom:10%;height: 60px;}
@media (max-width:768px){
.h_markets .list{margin-left:0px;margin-right:0px;padding-left: 15px; padding-right: 15px;}
.h_markets .list .item{padding:7px}
.h_markets .list .txt{font-size: .18rem}
}
.h_global{background:#f6f8fd no-repeat center bottom;background-size:100%}
.h_global .h_title P{color:#666}
.h_global .ul_num{color:#0c3484}
.h_global .ul_num li{padding:12% 0}
.h_global .ul_num b{font-size:2.08333333333333vw}
.h_global .ul_num span{display:block;color:#000000;font-size:.20rem;font-weight:lighter;}
.h_global .ul_num sup{font-size:16px;position:absolute;padding-left:10px}
.h_global .mid_box{position:relative;transform:scale(0);transition:1s}
.h_global .mid_box:before,.h_global .mid_box:after{content:'';position:absolute;left:-100%;right:-100%;top:0;bottom:0;margin:auto;border:dashed 1px #c7d1d9;border-radius:100%}
.h_global .mid_box:before{width:110%;height:110%;opacity:0.8}
.h_global .mid_box:after{width:130%;height:130%;opacity:0.3}
.h_global .info_box{padding-bottom:4%}
.h_global .aos-animate .mid_box{transform:scale(1)}
@media(max-width:768px){
.h_global .left_box,
.h_global .right_box{width:40%; position: relative; z-index: 2}
.h_global .mid_box{width:50%}
.h_global .aos-animate .mid_box{transform:scale(2)}
.h_global .ul_num b{font-size:6vw}
.h_global .ul_num sup{font-size: .20rem;}
.h_global .ul_num span{font-size: .18rem;}
.h_global .info_box{padding-left: 15px; padding-right: 15px;}
.h_global .h_title P{padding: 4%}
}
.first_item{margin-bottom:2.5%}
.first_item .pic{width:52.14285714285714%}
.first_item .pic img{width:100%}
.first_item .info{width:44%;display:flex;flex-wrap:wrap;align-content:space-around;min-height:400px;font-weight:lighter}
.first_item .info h4{line-height:2}
.first_item .h_more {margin-top: 15px;}
@media (min-width:768px){
.first_item .info h4 p{font-weight:lighter}
}
.h_innovation .h_title{text-align:left;padding-bottom:1%}
.h_innovation .first_item .pic span,.h_innovation .first_item .pic a{display:block}
.h_innovation .first_item .pic span:after{content:'';position:absolute;width:100%;height:100%;bottom:0}
.h_innovation .list{margin-left:-27.5px;margin-right:-27.5px}
.h_innovation .list .item{padding:20px 27.5px 0 27.5px}
.h_innovation .list .pic{padding-bottom:69.77%}
.h_innovation .list .txt{flex-wrap:wrap;padding:6%}
.h_innovation .list .txt:before{content:'';position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background:linear-gradient(180deg,rgba(8,52,139,0),rgba(8,52,139,1));transition:0.5s}
.h_innovation .list .txt h4,.h_innovation .list .txt .h_more{color:#fff}
.h_innovation .list .txt h4{width:100%}
.h_innovation .list .txt .h_more:after{filter:grayscale(100%) brightness(500%)}
.h_innovation .list .icon{width:100%;max-width:65px;height:45px;position:relative}
.h_innovation .list .icon img{position:absolute;transition:0.5s}
.h_innovation .list .icon img:nth-child(1){opacity:0.1}
.h_innovation .list .icon img:nth-child(2),.h_innovation .list .item:hover .icon img:nth-child(1){opacity:0}
.h_innovation .list .item:hover .icon img:nth-child(2){opacity:1}
.h_innovation .list .item:hover .txt:before{background:linear-gradient(180deg,rgba(8,52,139,1),rgba(8,52,139,1))}
@media(max-width:768px){
.first_item{padding-left: 22px; padding-right: 22px;}
.first_item .item{display:block;}
.first_item .pic,.first_item .info{width:100%}
.first_item .info{padding:3% 0;display:block;min-height:inherit}
.first_item .info .txt{padding-bottom:3%}
.h_innovation .list{margin-left:0px;margin-right:0px;padding-left: 15px; padding-right: 15px;}
.h_innovation .list .item{padding:20px 7px}
.h_innovation .list .txt{padding:2% 10%}
}
.h_sustainability{padding-bottom:3%}
.h_sustainability .first_item .pic{order:2}
.h_sustainability .list{margin-left:-27.5px;margin-right:-27.5px}
.h_sustainability .list .item{padding:20px 27.5px}
.h_sustainability .list .pic{padding-bottom:51.165%}
.h_sustainability .list .txt{padding-top:6%;padding-bottom:6%;transition:0.5s}
.h_sustainability .list .txt p {}
.h_sustainability .list h4{line-height:40px;height:80px;margin-bottom:4%}
.h_sustainability .list .box:hover .txt{padding-left:3%;padding-right:3%}
@media(max-width:768px){
.h_sustainability .list{margin-left:0px;margin-right:0px;padding-left: 15px; padding-right: 15px;}
.h_sustainability .list .item{padding:20px 7px}
.h_sustainability .list h4{height:auto}
.h_sustainability .list .slick-arrow{top:32%}
}
.h_people .list{margin-left:-27.5px;margin-right:-27.5px}
.h_people .list .item{padding:20px 27.5px 0 27.5px}
.h_people .list .pic{width:100%;padding-bottom:53.49%}
.h_people .list .txt{width:100%;padding:12% 6%;background:#fff}
.h_people .list h4{width:100%}
.h_people .list h4.f18{color:#666;line-height:2}
.h_people .list .item a{display:flex;flex-wrap:wrap}
.h_people .list .item:nth-child(even) .pic{order:2}
@media(max-width:768px){
.h_people .list{margin-left:0px;margin-right:0px;padding-left: 15px; padding-right: 15px;}
.h_people .list .item{padding:7px}
.h_people .list .txt{padding:4%}
}
.h_platforms{background:no-repeat center center/cover;height:940px}
.h_platforms,.h_platforms .h_title h2,.h_platforms a{color:#fff}
.h_platforms .first{padding-bottom:6%}
.h_platforms .h_title{padding-bottom:0}
.h_platforms .tab_title{min-width:38%}
.h_platforms .tab_title a{cursor:pointer;padding-bottom:10px;display:inline-block}
.h_platforms .tab_title span:not(.show) a{opacity:0.4;transition:0.5s}
.h_platforms .tab_title span.show a{border-bottom:solid 2px #fff}
.h_platforms .fl_box{width:54.28571428571429%}
.h_platforms .fr_box{width:43%}
.h_platforms .article_box .fl_box figure{padding-bottom:66.58%}
.h_platforms .article_box .fl_box figure:before{content:'';bottom:0;z-index:5;position:absolute;width:100%;height:70%;background:linear-gradient(rgba(255,255,255,0),rgba(12,52,131,1))}
.h_platforms .article_box .fl_box .txt{position:absolute;width:80%;bottom:0;padding:4%;z-index:5}
.h_platforms .article_box .fl_box .slick-dots{position:absolute;width:auto;right:2%;bottom:6%;z-index:10}
.h_platforms .article_box .fl_box .slick-dots li{padding:0 5px}
.h_platforms .article_box .fl_box .slick-dots li button:before{background:#fff}
.h_platforms .article_box .fl_box .slick-dots li.slick-active button{border-color:#fff}
.h_platforms .article_box .fr_box .item:not(:last-child){margin-bottom:4.653%}
.h_platforms .article_box .fr_box figure{width:33.225%;padding-bottom:24.918%}
.h_platforms .article_box .fr_box .txt{width:62%;transition:0.5s}
.h_platforms .article_box .fr_box .txt h4{margin-bottom:4%}
.h_platforms .article_box .fr_box a:hover .txt{opacity:0.7}
.h_platforms .video_box .item{padding:110px 0}
.h_platforms .video_box .item a{display:block;position:relative}
.h_platforms .video_box .item figure{padding-bottom:53.125%;background:#000;border-radius:10px}
.h_platforms .video_box .item figure span{transition:0.5s}
.h_platforms .video_box .item .txt{transition:0.5s;padding-top:3%}
.h_platforms .video_box .item:not(.slick-current) .txt{opacity:0}
.h_platforms .video_box .item.slick-current:not(:hover) figure span{opacity:0.9}
.h_platforms .video_box .item.slick-current{z-index:10}
.h_platforms .video_box .item.slick-current a{transform:scale(1.67024)}
.h_platforms .video_box .item:not(.slick-current) figure span{opacity:0.5}
.h_platforms .video_box .item:not(.slick-current) .icon_video{opacity:0}
.h_platforms .video_box .icon_video{border:none;background-color:rgba(255,255,255,0.8);background-image:url(../image/video_icon2.svg)}
.h_platforms .hide{height:0;overflow:hidden}
.h_platforms .more{text-align:center;padding-top:4%}
.h_platforms .more a{display:inline-block;cursor:pointer;position:relative;line-height:40px;padding:4px 23px 4px 60px;border:solid 1px #fff;border-radius:100px;transition:0.5s}
.h_platforms .more a img{position:absolute;left:4px;width:40px;height:40px;padding:5px;border-radius:100px;background:#fff}
.h_platforms .more a:hover{background:#000;border-color:rgba(255,255,255,0.5)}
.h_platforms .more span{position:relative;display:inline-block}
.h_platforms .more span .ewm{display:none;position:absolute;bottom:0;right:-130px;padding:5px;background:#fff;width:124px}
.h_platforms .more span .ewm img{width:100%}
.h_platforms .more span:hover .ewm{display:block}
@media (min-width:1024px){
.h_platforms .video_box .icon_video{padding:4.5%}
}
@media (max-width:768px){
.h_platforms{height:auto}
.h_platforms .first{display:block}
.h_platforms .h_title{padding-bottom:4%}
.h_platforms .tab_title{padding:0 22px;font-size:.20rem}
.h_platforms .box{display:block;padding-left: 22px; padding-right: 22px;}
.h_platforms .fl_box,.h_platforms .fr_box{width:100%}
.h_platforms .fl_box{padding-bottom:5%}
.h_platforms .more a{line-height:30px;font-size:14px;padding-left:42px;padding-right:10px}
.h_platforms .more a img{width:30px;height:30px;padding:0}
.h_platforms .article_box .fl_box .txt{width: 100%}
}