@charset "utf-8";
@charset "utf-8";
.banner{ width:100%; margin:0 auto; position:relative}
.banner .swiper01{ width:100%; overflow:hidden; position:relative}
.banner .swiper01 img{ width:100%; height:auto;}
.banner .swiper01 .img1{ display:block}
.banner .swiper01 .img2{ display:none}
.banner .prev01{ background:url(prev.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-18px; z-index:9}
.banner .next01{ background:url(next.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-18px; z-index:9}
.banner .swiper01 .pagination01{ width:100%; font-size:0; text-align:left; position:absolute; left:0; bottom:60px; z-index:9; text-align:center}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:12px; height:12px; margin:0 8px; background:rgba(255,255,255,0.5); border-radius:0; opacity:1; border-radius:50%; opacity:0.7}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:#fff; opacity:1 }

.banner .swiper01 .item{ position:absolute; left:50%; width:1600px; color:#fff; top:50%; transform:translate(-50%,-50%); z-index:9}
.banner .swiper01 .item .title{ font-size:50px; font-weight:bold; line-height:1 ; font-weight:bold}
.banner .swiper01 .item .intro{ font-size:24px; margin-top:20px;  }
@media (max-width: 1440px){
	.banner .swiper01 .item{  width:1200px;  transform:translate(-50%,-20%) }
	.banner .swiper01 .item .title{ font-size:40px;  }
	.banner .swiper01 .item .intro{ font-size:18px; }
}

@media (max-width: 1200px){
	.banner .swiper01 .pagination01{ bottom:10px}
	.banner .swiper01 .pagination01 span{ width:10px; height:10px; margin:0 4px;}
	.banner .swiper01 .img2{ display:block}
	.banner .swiper01 .img1{ display:none}
	.banner .swiper01 .pagination01{ left:0; width:100%; bottom:15px; text-align:center; font-size:0}
	.banner .swiper01 .pagination01 span{ width:6px; height:6px; margin:0 3px; border-radius:50%}	
	.banner .swiper01 .item{  width:92%;  transform:translate(-50%,-40%) }
	.banner .swiper01 .item .title{ font-size:24px;  }
	.banner .swiper01 .item .intro{ font-size:12px; }
	
}
.x1{ margin:90px 0}
.x1 .lt{ width:calc(1024 / 1920 * 100%); float:left}
.x1 .lt img{ width:100%}
.x1 .lt img.img1{ display:block}
.x1 .lt img.img2{ display:none}
.x1 .rt{ width:600px; float:left; margin-left:80px}
.x1 .rt .a1{ font-size:46px; color:#25a5a8; font-weight:bold; margin-top:100px}
.x1 .rt .a2{ margin-top:20px; font-size:0}
.x1 .rt .a2 .item{ text-align:center; display:inline-block; vertical-align:top; width:33.33333333333%}
.x1 .rt .a2 .item .pic img{ height:160px}
.x1 .rt .a2 .item .title{ font-size:25px; color:#25a5a8; font-weight:bold; margin-top:10px}
.x1 .rt .a2 .item .intro{ font-size:14px; color:#333333}
.x1 .rt .a3{ font-size:16px; color:#333333; line-height:2; margin-top:50px}
.x1 .rt .a4{ margin-top:50px}
.x1 .rt .a4 a{ display:inline-block; background:#25a5a8; padding:0 20px}
.x1 .rt .a4 a i{ display:inline-block; vertical-align:top; background:url(x3.png) right center no-repeat; padding-right:70px; line-height:45px; color:#fff; font-size:14px}
@media (max-width: 1440px){
	.x1 .rt{ width:500px; margin-left:60px}
	.x1 .rt .a1{ font-size:38px;margin-top:60px}
	.x1 .rt .a2 .item .pic img{ height:120px}
	.x1 .rt .a2 .item .title{ font-size:20px; }
	.x1 .rt .a2 .item .intro{ font-size:13px;}
	.x1 .rt .a3{ font-size:14px; margin-top:40px}
	.x1 .rt .a4{ margin-top:40px}

}
@media (max-width: 1200px){
	.x1{ width:92%; margin:0 auto; margin-top:40px; margin-bottom:40px}
	.x1 .lt{ width:100%; float:none}
	.x1 .lt img.img2{ display:block}
	.x1 .lt img.img1{ display:none}
	.x1 .rt{ width:100%; margin:20px 0 0 0}
	.x1 .rt .a1{ font-size:24px;margin-top:0}
	.x1 .rt .a2 .item{ box-sizing:border-box; padding:0 10px}
	.x1 .rt .a2 .item .pic img{ height:80px}
	.x1 .rt .a2 .item .title{ font-size:16px; }
	.x1 .rt .a2 .item .intro{ font-size:12px;}
	.x1 .rt .a3{ font-size:12px; margin-top:20px}
	.x1 .rt .a4{ margin-top:20px}
	.x1 .rt .a4 a i{ background:url(x3.png) right center no-repeat; background-size:30px 3px; padding-right:40px; line-height:36px; color:#fff; font-size:12px}
}

.x2{ background:#fafafa; padding:90px 0}
.x2 .a1{ font-size:18px; color:#666666}
.x2 .a2{   padding:35px 0; text-align:center}
.x2 .a2 p:nth-child(1){  font-size: 54px;color: #333333;font-weight: normal;}
.x2 .a2 p:nth-child(2){  font-size: 26px;color: #959595;}
.x2 .a3{ font-size:16px; color:#666666; line-height:2}
.x2 .a4{ background:#fff; box-sizing:border-box; padding:40px; box-shadow: 0 0 20px rgba(00,00,00,.1); margin-top:60px; position:relative}
.x2 .a4 .aa{ position:absolute; right:-88px; top:-96px; z-index:9}
.x2 .a4 .lt{ float:left; width:1330px; overflow:hidden}
.x2 .a4 .lt img{ width:100%}
.x2 .a4 .rt{ float:right; width:475px; margin-right:30px}
.x2 .a4 .rt .item{ width:50%; box-sizing:border-box; float:left; text-align:center; height:213px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb}
.x2 .a4 .rt .item a{ display:block; width:100%; height:100%;display:flex;align-items: center;justify-content: center;}
.x2 .a4 .rt .item:nth-child(2n){ border-right:0}
.x2 .a4 .rt .item:nth-child(3){ border-bottom:0}
.x2 .a4 .rt .item:nth-child(4){ border-bottom:0}
.x2 .a4 .rt .item .pic img{ height:96px;}
.x2 .a4 .rt .item .title{ font-size:18px; color:#333333; margin-top:15px}
@media (max-width: 1440px){
	.x2 .a4{ padding:30px}
	.x2 .a4 .aa{ right:-66px; top:-76px;}
	.x2 .a4 .aa img{ height:140px}
	.x2 .a4 .lt{ width:660px}
	.x2 .a4 .rt{ width:440px; margin-right:0; height:368px}
	.x2 .a4 .rt .item{ height:184px}
	.x2 .a4 .rt .item .pic img{ height:80px;}
	.x2 .a4 .rt .item .title{ font-size:16px; }

}
@media (max-width: 1200px){
	.x2{ padding:40px 0}
	.x2 .a1{ font-size:14px; }
	.x2 .a2{ padding:15px 0}
	 .x2 .a2 p:nth-child(1){ font-size:20px;}
	.x2 .a2 p:nth-child(2){ font-size:12px; }
	.x2 .a3{ font-size:14px; color:#666666; line-height:2}
	.x2 .a4{ padding:15px; margin-top:20px}
	.x2 .a4 .aa{ display:none}
	.x2 .a4 .lt{ width:100%}
	.x2 .a4 .rt{ width:100%; margin-top:15px; margin-right:0; height:auto}
	.x2 .a4 .rt .item{ height:120px}
	.x2 .a4 .rt .item .pic img{ height:60px;}
	.x2 .a4 .rt .item .title{ font-size:14px; margin-top:5px }

}

.x3{ width:100%; margin-top:100px; margin-bottom:50px}
.x3 .hd{ text-align:center}
.x3 .hd h3{ font-size:54px; color:#333333; font-weight:normal}
.x3 .hd .en{ font-size:26px; color:#959595; }
.x3 .bd{ margin-top:20px}
.x3 .bd .swiper03{ width:100%; overflow:hidden}
.x3 .bd .swiper03 .swiper-slide{ width:31%; margin-right:3.5%; overflow:hidden}
.x3 .bd .swiper03 .swiper-slide img{ width:100%}
.x3 .bd .swiper03 .swiper-slide i{ display:block; width:100%; overflow:hidden}
.x3 .bd .swiper03 .swiper-slide i img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.x3 .bd .swiper03 .swiper-slide:hover i img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.x3 .bd .swiper03 .swiper-slide p{ display:block; font-size:16px; text-align:center; color:#333; padding:10px;}
.x3 .bd .swiper03 .pagination03{ font-size:0; text-align:center; margin-top:40px}
.x3 .bd .swiper03 .pagination03 span{ display:inline-block; vertical-align:top; opacity:1; background:#fff; box-sizing:border-box; border:1px solid #434343; border-radius:50%; width:16px; height:16px; margin:0 5px}
.x3 .bd .swiper03 .pagination03 span.swiper-pagination-bullet-active{ background:#25a5a8; border:1px solid #25a5a8}
@media (max-width: 1440px){
	.x3 .bd .swiper03 .swiper-slide{ width:291px; margin-right:12px}
}
@media (max-width: 1200px){
	.x3{ margin-top:40px; margin-bottom:40px}
	.x3 .hd h3{ font-size:20px;}
	.x3 .hd .en{ font-size:12px; }
	.x3 .bd .swiper03 .swiper-slide{ width:23.5%; margin-right:2%}
	.x3 .bd .swiper03 .pagination03{ margin-top:20px}
	.x3 .bd .swiper03 .pagination03 span{ width:10px; height:10px; margin:0 3px}
	.x3 .bd .swiper03 .swiper-slide p{ font-size:14px}
}
@media (max-width: 750px){
	.x3 .bd .swiper03 .swiper-slide{ width:48.5%; margin-right:3%}
}



.x4{ width:100%; background:#eeeeee; padding:55px 0}
.x4 .hd{ text-align:center}
.x4 .hd h3{ font-size:54px; color:#333333;  font-weight:normal}
.x4 .hd .en{ font-size:26px; color:#959595;  }
.x4 .bd .pic{ width:429px; float:left; overflow:hidden; margin-right:61px; margin-top:40px}
.x4 .bd .pic img{ width:100%}
.x4 .bd .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.x4 .bd .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}

.x4 .bd .pic:nth-child(3n){ margin-right:0}
.x4 .bd .pic .a{ width:100%; overflow:hidden}
.x4 .bd .pic .b{ text-align:center; font-size:16px; padding:8px 0 0 0}
@media (max-width: 1440px){
	.x4 .bd .pic{ width:31%; margin-right:3.5%; margin-top:3.5%}
}
@media (max-width: 1200px){
	.x4{ padding:40px 0}
	.x4 .hd h3{ font-size:20px;}
	.x4 .hd .en{ font-size:12px; }
	.x4 .bd .pic .b{ font-size:14px; }
}
@media (max-width: 750px){
	.x4 .bd .pic{ width:48.5%; margin-right:3%; margin-top:3%}
	.x4 .bd .pic:nth-child(3n){ margin-right:3%}
	.x4 .bd .pic:nth-child(2n){ margin-right:0}
}


.x5 .item{ width:calc(100% / 3); float:left; position:relative; overflow:hidden}
.x5 .item .pic{ width:100%}
.x5 .item .pic img{ width:100%}
.x5 .item .intro{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9; width:100%; text-align:center; color:#fff}
.x5 .item .intro .ico img{ height:90px}
.x5 .item .intro .title{ font-size:24px; margin-top:10px}
.x5 .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.x5 .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
@media (max-width: 1440px){
	.x5 .item .intro .ico img{ height:70px}
	.x5 .item .intro .title{ font-size:20px}
}
@media (max-width: 1200px){
	.x5 .item .intro .ico img{ height:60px}
	.x5 .item .intro .title{ font-size:18px}
}
@media (max-width: 750px){
	.x5 .item{ width:100%}
	.x5 .item .intro .ico img{ height:50px}
	.x5 .item .intro .title{ font-size:16px}
}


.x6{  padding:60px 0}
.x6 .hd h3{ float:left; font-size:28px; color:#333333; line-height:1; font-weight:normal}
.x6 .hd .en{ float:left; font-size:20px; color:#333333; line-height:1; padding:8px 0 0 20px}
.x6 .bd{ margin-top:35px}
.x6 .bd .con{ width:100%; position:relative}
.x6 .bd .con .item01{ width:661px; float:left}
.x6 .bd .con .item01 .pic{ width:100%; overflow:hidden}
.x6 .bd .con .item01 .pic img{ width:100%;}
.x6 .bd .con .item01 .title{ font-size:18px; color:#333333; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px}
.x6 .bd .con .item01 .intro{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-top:5px}
.x6 .bd .con .item01 .time{ background:url(x35.png) left center no-repeat; padding-left:25px; color:#aeaeae; font-size:14px; margin-top:10px}
.x6 .bd .con .item02{ width:700px; float:right}
.x6 .bd .con .item02 .item{ border-bottom:1px solid #f0f0f0; padding:20px 10px}
.x6 .bd .con .item02 .item:last-child{ padding-bottom:0; border:0}
.x6 .bd .con .item02 .item .time{ width:61px; height:61px; background:#eeeeee; float:left; text-align:center}
.x6 .bd .con .item02 .item .time .p1{ font-size:34px; color:#25a5a8; line-height:1; padding-top:5px}
.x6 .bd .con .item02 .item .time .p2{ font-size:12px; color:#25a5a8; line-height:1; padding-top:5px}
.x6 .bd .con .item02 .item .cont{ width:590px; float:right}
.x6 .bd .con .item02 .item .cont .title{ font-size:16px; color:#25a5a8;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin:5px 0; font-weight:bold}
.x6 .bd .con .item02 .item .cont .title a{ color:#25a5a8}
.x6 .bd .con .item02 .item .cont .intro{ font-size:12px; color:#666666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
@media (max-width: 1440px){
	.x6 .bd .con .item01{ width:560px}
	.x6 .bd .con .item02{ width:600px}
	.x6 .bd .con .item02 .item .cont{ width:480px}
	.x6 .bd .con .item02 .item{ padding:15px 10px}
	
}
@media (max-width: 1200px){
	.x6{ padding:40px 0}
	.x6 .hd h3{ font-size:20px;}
	.x6 .hd .en{ font-size:12px; padding:8px 0 0 10px}
	.x6 .bd{ margin-top:20px}
	.x6 .bd .con .item01{ width:100%}
	.x6 .bd .con .item02{ width:100%}
	.x6 .bd .con .item01 .title{ font-size:16px;}
	.x6 .bd .con .item01 .intro{ font-size:12px}
	.x6 .bd .con .item01 .time{ font-size:12px; background-size:16px; padding-left:24px}
	.x6 .bd .con .item02 .item{ padding:15px 0}
	.x6 .bd .con .item02 .item .time{ width:56px; height:56px}
	.x6 .bd .con .item02 .item .time .p1{ font-size:24px;}
	.x6 .bd .con .item02 .item .cont{ width:calc(100% - 70px)}
	.x6 .bd .con .item02 .item:nth-child(1){ border-top:1px solid #f0f0f0; margin-top:20px}
}