@charset "utf-8";
body,ul,li,img,h1,h2,h3,h4,h5,form,input,dt,dd,dl { margin:0; padding:0; font-family: 'PingFang SC','΢ÈíÑźÚ';}
body {font-size:14px;}
img,input{ vertical-align: middle; }
input,button,textarea,select ,option{outline: none; font-family: 'PingFang SC','΢ÈíÑźÚ';}
input[type="text"]{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance:none;-moz-appearance  : none;  appearance : none;}
ul,li {list-style:none;}
a {color:#333333;text-decoration:none;}
a:hover { text-decoration:none; }
.container{
	width: 1200px;
	margin:0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
.container-plus{
	width: 1300px;
	margin:0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
.row{
    width: 100%;
    background-color: #F5F5F5;
    height: 44px;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-start2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.clear-float{
	clear: both;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align:  right;
}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt25{margin-top: 25px}
.mt30{margin-top: 30px}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px}
.mt45{margin-top: 45px}
.ml5{margin-left: 5px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left: 20px}
.header{
	background: #1E4B8F;
	min-width: 1200px;
	color:#ffffff;
	padding:15px 0;
}
.header a{
	color:#ffffff;
	cursor: pointer;
}
.header .logo{
	height: 64px;
	height: 64px;
}
.header .title-warp{
	width: 680px;
}
.header .title-warp .title{
	font-size: 22px;
	font-weight: bold;
}
.header .title-warp .en-title{
	font-size: 12px;
}
.menu{
	background: #ffffff;
}
.menu a:hover{
	color: #1E4B8F;
}
.menu a:hover + .menu2-container{
    z-index: 2;
	display:block;
}
.menu2-container{
    width: 200px;
    position: absolute;
    left: -66px;
    top: 37px;
	display:none;
}
.menu2-split{
    height: 31px;
    display: block;
}
.menu2{
    background: #ffffff;
    border-radius: 8px 8px 8px 8px;
    border:0;
	padding: 8px 0;
}
.menu2::before{
	content: "";
	position: absolute;
	width: 18px;
	height: 10px;
	top: 21px;
	left: calc(50% - 9px);
	background: inherit;
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
}
.menu2-container:hover{
	z-index:2;
	display:block;
}
.menu2 a{
	display:block;
}
.menu2  a:hover{
	background: #1E4B8F;
	color:#FFFFFF;
}
.menu-list{
	width: 100%;
	display:flex;
	justify-content: space-between;
}
.menu .menu-list li{
	position: relative;
	font-size: 16px;
	line-height: 56px;
}
.menu-list a{
	font-size: 16px;
}
.search-bar-container{
    margin-left: 47px;
}
.menu .search-bar{
	height: 40px;
	border-radius: 30px;
	overflow: hidden;
	background: #F5F5F5;
	display: flex;
	align-items: center;
}
.menu .search-bar .search-icon{
	width: 25px;
	height: 25px;
	margin:3px 3px 3px 10px;
}
.menu .search-bar input,.menu .search-bar input:focus,.menu .search-bar input:active{
	background: none;
	border: 0;
	height: 40px;
	width: 180px;
	line-height: 40px;
}
.banner-swiper{
	width: 100%;
	min-width: 1200px;
	position: relative;
	overflow: hidden;
}
.banner-swiper .swiper-slide-img{
	width: 100%;
}
.banner-swiper .swiper-button-next{
	color: #ffffff;
}
.banner-swiper .swiper-button-prev{
	color: #ffffff;
}
.row-top .title{
	font-size: 22px;
	font-weight: bold;
	color: #1E4B8F;
	position: relative;
}
.row-top .title span{
	position: relative;
	z-index: 1;
}
.row-top .title:before{
	content:'';
	position: absolute;
	left: 0;
	bottom:-1px;
	width:100%;
	height: 16px;
	background: #E8F1FF;
	border-radius:60px 60px 60px 60px ;
}
.row-top .more{
	border:1px solid #1E4B8F;
	color: #1E4B8F;
	padding: 5px 8px;
	border-radius: 20px;
	font-size: 12px;
	display: inline-block;
}
.platform{
	margin: 40px auto;
	width: 1200px;
	display: flex;
	justify-content: space-around;
	background-color: #fff;
}
.platform-item{
	display: flex;
        flex-direction: column;
        align-items: center;
}
.platform-item .lan{
	display: none;
}
.platform-item:hover .lan{
	display: block;
}
.platform-item:hover .bai{
	display: none;
}
.platform-icon{
    height: 120px;
    width: 120px;
    margin-bottom:12px;
}
.platform-title{}
.news{
	background-color: #F5F5F5;
	/* margin: 60px auto 40px auto; */
	padding-top: 60px;
	padding-bottom: 49px;
}
.news-left{
	width: 66%
}
.news-left .image-news-item{
	width: 48%;
	float: left;
	position: relative;
}
.news-left .image-news-item:last-child{
	margin-left:4%;
}

.news-left .image-news-item .image-view{
	width: 100%;
	height: 240px;
	overflow: hidden;
}
.news-left .image-news-item img{
	width: 100%;
	height: 240px;
	object-fit: cover;
	transition: all 0.3s;
}
.news-left .image-news-item h3{
	border-top: 1px solid #efefef;
	margin-top: 10px;
	padding-top:10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-left .image-news-item a:hover h3{
	color: #1E4B8F;
}
.news-left .image-news-item a:hover img{
	transform: scale(1.1);
}
.news-left .image-news-item .date{
	position: absolute;
	left: 0;
	top: 20px;
	background: #1E4B8F;
	padding:10px;
	display: inline-block;
	color: #ffffff;
}
.news-left .news-row li a{
	padding:6px 0;
	display: block;
	transition: all 0.3s;
}
.news-left .news-row li a:hover{
	padding-right: 10px;
	background: rgba(81,138,224,0.1);
}
.news-left .news-row li h4{
	transition: all 0.3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: 500;
	position: relative;
}
.news-left .news-row li span{
	color: #999999;
}
.news-left .news-row li a:hover h4,.news-left .news-row li a:hover span{
	color: #1E4B8F;
	position: relative;
}
.news-left .news-row li a:hover h4{
	padding-left: 15px;
}
.news-left .news-row li a:hover h4:before{
	position: absolute;
	left:5px;
	top:30%;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-color: transparent;
	border-width: 5px 0 5px 5px;
	border-left-color: #1E4B8F;
}

.news-right{
	width: 31%;
}
.news-item{
	background-color:#FFF;
        margin-top:15px;
}
.news-item-container{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.news-right .news-item a{
	display: block;
    border: 1px solid #dfdfdf;
    padding: 16px 16px 16px 5px;
    transition: all 0.3s;
    height: 52px;
}
.news-right .news-item:hover{
	border:none;
	background: #1E4B8F;
	color: #ffffff;
}
.news-right .news-item:hover span{
	border:none;
	background: #1E4B8F;
	color: #ffffff !important;
}
.news-right .news-item a:hover{
/* 	border: 1px solid #1E4B8F;
	background: #1E4B8F;*/
	color: #ffffff; 
	background: url(/_upload/tpl/0e/8d/3725/template3725/images/watermask.png) no-repeat;
	background-position-y: center;
	background-position-x: right;
	background-size:86px;
}
.news-right .news-item .date{
	float: left;
	width: 80px;
	margin-right: 10px;
	border-right: 1px solid #efefef;
}
.news-right .news-item .date .day{
	font-size: 22px;
	display: block;
}
.news-right .news-item .date .year{
	color: #999999;
}
.news-right .news-item h4{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
        width: 254px;
}

.products{
	padding-top: 60px;
	background: #345d9a;
	min-width: 1200px;
	height: 894px;
	background-image: url(/_upload/tpl/0e/8d/3725/template3725/images/bg1.png);
}
.products .product-title {
	font-size: 40px;
	font-weight: bold;
	color: #ffffff;
}
.products .product-en-title{
	display: block;
	margin-bottom: -15px;
}
.products .product-en-title span{
	background: #345d9a;
	font-size: 20px;
	color:rgba(255,255,255,0.5);
	padding:3px 10px;
}
.products-swiper{
	width: 100%;
	height: 712px;
	padding: 0 15px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.products-swiper .swiper-button-next{
	right: 0px;
	font-size: 30px;
	color: #ffffff;
}
.products-swiper .swiper-button-prev{
	left: 0px;
	font-size: 30px;
	color: #ffffff;
}
.product-item{
	float: left;
	width: 29.3%;
	margin: 30px 2% 0 2%;
	padding: 15px;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 10px;
	height: 300px;
}
.product-item .image-view{
	width: 100%;
	height: 180px;
	overflow: hidden;
}
.product-item img{
	width: 100%;
	height: 180px;
	object-fit: cover;
	transition: all 0.3s;
}
.product-item a:hover img{
	transform: scale(1.1);
}
.product-item-title{
	font-size: 24px;
	text-align: center;
	margin-top: 12px;
	overflow: hidden;
	height: 68px;
	word-break: normal;
}
.products .more{
	color: #1E4B8F;
	background: #ffffff;
	padding: 10px 20px;
	border-radius: 20px;
	font-size: 12px;
	display: inline-block;
}
.focus .product-top{
	margin-bottom: 55px;
}
.focus .product-title {
	font-size: 40px;
	font-weight: bold;
	color: #345d9a;
}
.focus .product-en-title{
	display: block;
	margin-bottom: -15px;
}
.focus .product-en-title span{
	background: #fff;
	font-size: 20px;
	color: #ccc;
	padding:3px 10px;
}
.activity{
	width: 47%;
}
.activity-list li a{
	display: block;
	padding: 20px;
	transition: all 0.3s;
}
.activity-list li a:hover{
	background: #1E4B8F;
	color: #ffffff;
}
.document{
	width: 47%;
}
.document-item{
	margin-top: 15px;
}
.document-item{
	border: 1px solid #F5F5F5;
	margin-top: 32px;
	transition: all 0.3s;
	padding:15px;
	position: relative;
}

.document-item:hover{
	border: 1px solid rgba(232, 241, 255, 1);
	background: rgba(81, 138, 224, 0.1);
}
.document-item .date{
	transition: all 0.3s;
	position: absolute;
	top:-15px;
	left: 20px;
	padding: 6px 10px;
	background: rgba(232, 241, 255, 1);
	border-radius: 30px 30px 30px 30px;
}
.document-item:hover .date{
	background: #1E4B8F;
	color: #ffffff;
}
.document-item  .download{
	float: right;
}
.document-item h4{
	margin-top: 2px;
        margin-left: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: 500;
}
.document-item:hover .download,.document-item:hover h4{
	color: #1E4B8F;
}
.footer{
	background: #1E4B8F;
	width: 100%;
	padding: 20px 0;
	color: #ffffff;
	/* position: absolute; */
	/* bottom: 0; */
}
.footer a{
	color: #ffffff;
}
.footer-left{
	width: 33%;
}
.footer-middle{
	width: 33%;
}
.footer-middle a{
	display:block;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 4px; 
    background: #FFF;
    opacity: 1;
}
.swiper-pagination-bullet-active{
	width: 24px;
}