@font-face {
	font-family: 'alibaba-puhuiti-b';
	src: url('../fonts/alibabapuhuiti_heavy.ttf') format('truetype');
}

body{ font-family:'alibaba-puhuiti-b', sans-serif;}


.index_box{width:100%; height:100%; position: relative;}
.banner_nav_box{width:62.45vw; height:2.1vw; position:absolute; top:1vw; right:2.2vw; z-index: 3;}
.banner_nav_box a{float:left; height:2vw;}
.banner_close_a{width:2vw; height:2vw; position:absolute; top:1vw; right:2.2vw; z-index: 3; background-size:100%; cursor:pointer;}

.banner_close_a_en{width:2vw; height:2vw; position:absolute; top:1vw; right:2.2vw; z-index: 3; background-size:100%; cursor:pointer;}
.banner_nav_box_en{width:44.27vw; height:2.1vw; position:absolute; top:1vw; right:2.2vw; z-index: 3;}
.banner_nav_box_en a{float:left; height:2vw;}

.index_left{width:50%; overflow:hidden; height:100%; position: absolute; left:0; background:url(../images/bg_l.jpg) no-repeat; background-position:top left; background-size:100vw;}
.index_right{width:50%; overflow:hidden; height:100%; position: absolute; right:0; background:url(../images/bg_r.jpg) no-repeat; background-position:top right; background-size:100vw;
}
/* .index_left:hover{width:100%; z-index: 2; transition:all 2s;}
.index_right:hover{width:100%; z-index: 2; transition:all 2s;} */

.index_left h1{color:#fff; font-size:80px; font-weight:bold; width:500px; height:100px; overflow:hidden; margin:280px 0 0 752px;}
.index_right h1{color:#19485A; font-size:80px; font-weight:bold; width:500px; height:100px; overflow:hidden; float:right; margin:280px 652px 0 0;}


/* 左侧内容start */
.index_left_con,.index_right_con{padding-top:110px; overflow:hidden; clear:both;}
.index_left_con .index_left_div{margin:0 220px; color:#fff; height:120px;}
.index_left_con .index_left_div h3{font-size:34px;}
.index_left_con .index_left_div p{line-height:200%; font-size:20px; margin-top:50px;}
.index_left_con .index_left_div p:nth-child(2){overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.index_left:hover .index_left_con .index_left_div{transition:all 2s; height:450px;}
.index_left:hover .index_left_con .index_left_div p:nth-child(2){white-space: inherit;}

.left_one_con{width:100%; height:100%; overflow:auto; background: #D6E4E8;}
.left_one_con::-webkit-scrollbar {
    width: 0px;
}

.left_con{background:#D6E4E8; width:100%;}
.info_box{width:1140px; margin:110px auto;}
.info_box h1{font-size:100px; color:#124459; text-align:center; font-weight:bold;}
.info_box h2{font-size:34px; font-weight: normal; color:#124459; text-align:center; margin-top:46px;}
.founder-info{width:100%; overflow:hidden; margin-top:90px;}
.info_box_l{width:524px; float:left;}
.info_box_r{width:524px; float:right;}
.info_box_l img,.info_box_r img{display:block; width:263px; height:265px; margin:0 auto;}
.info_box_l h3,.info_box_r h3{ font-size: 24px; margin-bottom: 20px; color: #000; font-weight:bold; margin-top:30px;}
.info_box_l h3 p,.info_box_r h3 p{display:inline-block; margin-left: 30px; font-size:21px; font-weight:normal;}
.info_box_l p,.info_box_r p{font-size: 21px; line-height:200%; font-style:italic; color: #000;}
.info_box_l a{display:inline-block; margin:50px 0 0 30px; font-size:21px; color:#0066f1;}
.info-slider { width:814px; margin: 50px auto 0; padding-bottom: 100px; overflow: hidden;}
.swiper {width: 100%; height: 100%;}
.swiper-slide {
    text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.mySwiper{width: 100%; height:700px; overflow: hidden;}
.swiper-slide img {display: block; width: 100%; object-fit: cover;}
.swiper-pagination-bullet-active {background-color: #0f4c64 !important;}

.info_bottom{overflow:hidden;}
.info_bottom h4{font-size:35px; color:#124459; letter-spacing: 3px;}
.info_bottom p{font-size:21px; color:#16566c; line-height:200%; margin-bottom:20px; padding-left:30px; font-style:italic;}
.info_bottom h5{width:248px; height:34px; background: #3C5F6E; border-radius:8px; padding-left:30px; line-height:34px; font-size:21px; color:#fff; margin-top:20px; font-weight:bold; font-style:italic;}

/* 左侧内容end */


/* 右侧start */
.index_right_con .index_right_div{margin:0 220px; color:#19485A; height:120px;}
.index_left:hover .index_left_con .index_right_div{transition:all 2s; height:450px;}
.index_right_con .index_right_div h3{font-size:34px;}
.index_right_con .index_right_div p{line-height:200%; font-size:20px; margin-top:50px;}
.index_right_con .index_right_div p:nth-child(2){overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.index_right:hover .index_right_con .index_right_div{transition:all 2s; height:450px;}
.index_right:hover .index_right_con .index_right_div p:nth-child(2){white-space: inherit;transition:all 2s;}

/* 右侧end */

/* 详情页start */
.detail_nav_hide{width:3.54vw; height:100%; background: #fff; float:left;}
.detail_nav{width:3.54vw; height:100%; background: #fff; float:left; position:fixed; top:0; left:0; z-index:999; display:none;}
.detail_nav ul{height:3.54vw; width:52.08vw; overflow:hidden; transform:rotate(90deg); transform-origin:1.77vw 1.77vw;}
.detail_nav ul li{float:left; line-height:2.6vw; font-size:0.833vw; font-weight:bold; position: relative;}
.detail_nav ul li:nth-child(n){border-top:0.52vw solid #738E99;}
.detail_nav ul li:nth-child(2n){border-top:0.52vw solid #406776;}
.detail_nav ul li span{display:inline-block; width:100%; height:6px; border-top:1px solid #083C51; background: #124558; position: absolute; top:0; left: 0; display: none;}
.detail_nav ul li a{display:inline-block; height:2.6vw; color:#829EA2; padding:0 0.833vw;}
.detail_nav ul li.cur{border-color:#114457;}
.detail_nav ul li.cur a{color:#004159;}
.detail_nav ul li.cur span{display:block;}


.detail_info{width:100%; height:100%; overflow:auto;}
.detail_info::-webkit-scrollbar {width: 0px;}
.detail_content{width:auto; margin-left:3.54vw;}
.detail_div{width:100%; position:relative;}
.detail_div img{display:block; width:100%;}
.detail_div .detail_bottom{position:relative;}
.detail_div .detail_bottom a.pop_a{display:block; width:18.6vw; height:1.875vw; position:absolute; left:4.4vw; top:13.5vw;}
.detail_div .detail_bottom a.download_a{display:block; width:18.6vw; height:1.875vw; position:absolute; left:50.9vw; top:13.5vw;}
.detail_div .detail_bottom span.download_none{display:block; width:25vw; height:3vw; position:absolute; left:50vw; top:13vw;background-color: #fff}

.bg1{width:50vw; height:4vw; position: fixed; top:0; right:0; z-index: 99; display:none;}
.nav_box{width:36.45vw; height:2.1vw; background:url(../picture/open_icon.png) no-repeat; background-size:100%; float:right; margin:1vw 2.2vw 0 0;}
.nav_box a{float:left; height:2vw;}
.nav_box_en{width:44.27vw; height:2.1vw; background:url(../picture/open_icon.png) no-repeat; background-size:100%; float:right; margin:1vw 2.2vw 0 0;}
.nav_box_en a{float:left; height:2vw;}
.close_a{float:right; width:2vw; height:2vw; margin:1vw 2.2vw 0 0; background: url(../images/detail_nav_close.png) no-repeat; background-size:100%; cursor:pointer;}

.pop{width:100%; height:100%; position:fixed; top:0; left:0; background:#282828; z-index: 99999; display: none;}
.pop p{width:46.51vw; height:100%; margin:0 auto; overflow-y:auto; padding:0;}
.pop p::-webkit-scrollbar {
    width: 0px;
}

.pop p img{display:block; width:100%; margin:0;}