@charset "utf-8";
.banner{ width:100%; position:relative; }
.banner .swiper01{ width:100%; height:100%; overflow:hidden; position:relative}
.banner .swiper01 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative}
.banner .swiper01 .swiper-slide a{ display:block; width:100%; height:100%}
.banner .swiper01 .swiper-slide .pic{ width:100%; height:100%; overflow:hidden}
.banner .swiper01 .swiper-slide .pic img{ width:100%; height:100%; object-fit:cover; transform:scale(1.2); transition:all 10s linear}
.banner .swiper01 .swiper-slide .pic .img1{ display:block}
.banner .swiper01 .swiper-slide .pic .img2{ display:none}
.banner .swiper01 .swiper-slide.swiper-slide-active .pic img{ transform:scale(1);}
.banner .swiper01 .pagination01{ width:100%; text-align:center; font-size:0; bottom:6%; position:absolute; left:0%; z-index:99}
.banner .swiper01 .pagination01 span{ width:10px; height:10px; border-radius:0; opacity:1; margin-right:0 5px; padding:0; background:#fff; background:#fff; transition:all 0.5s; border-radius:50%}
.banner .swiper01 .pagination01 .swiper-pagination-bullet-active{ background:#00a199;}
.banner .swiper01 .swiper-slide .item{ position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; width:100%}
.banner .swiper01 .swiper-slide .item .title{ font-size:50px; line-height:1; color:#fff}
.banner .swiper01 .swiper-slide .item .title i{ color:#fff}
.banner .swiper01 .swiper-slide .item .intro{ font-size:18px; margin-top:40px; color:#fff}
@media (max-width: 1600px){
	.banner .swiper01 .swiper-slide .item .title{ font-size:40px;}
	.banner .swiper01 .swiper-slide .item .intro{ font-size:16px; margin-top:35px }
}

@media (max-width: 1200px){
	.banner .swiper01 .swiper-slide .item .title{ font-size:32px;}
	.banner .swiper01 .swiper-slide .item .intro{ font-size:14px; margin-top:25px }
}
@media (max-width: 750px){	
	.banner .swiper01 .swiper-slide .pic .img2{ display:block}
	.banner .swiper01 .swiper-slide .pic .img1{ display:none}
	.banner .swiper01 .swiper-slide .item .title{ font-size:24px;}
	.banner .swiper01 .swiper-slide .item .intro{ font-size:12px; margin-top:20px }
}


.x1{ background:url(x5.jpg) center center no-repeat; background-size:cover; padding:110px 0}
.x1 .in{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.x1 .aitem{ width:730px; margin-top:40px}
.x1 .bitem{ width:766px; position:relative; height:100%}
.x1 .bitem img{ width:100%}
.x1 .bitem .play{ display:block; background:url(x24.png) center center no-repeat; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; cursor:pointer}
.ihd .title{ font-size:38px; color:#333333; font-weight:bold; line-height:1; background:url(x4.png) 110px 30px no-repeat;   padding-bottom:8px}
.ihd .bq{ font-size:16px; color:#999999; margin-top:15px}
.x1 .aitem .titles{ font-size:26px; color:#333; margin-top:100px}
.x1 .aitem .intro{ font-size:16px; color:#414141; line-height:2; margin-top:30px}
.x1 .aitem .alist{ display:flex;justify-content: space-between; flex-wrap: wrap; margin-top:60px}
.x1 .aitem .alist .pic img{ height:22px}
.x1 .aitem .alist .time{ font-size:48px; color:#333333; font-family:Arial; font-weight:bold; line-height:1; margin-top:20px;display:flex;}
.x1 .aitem .alist .title{ font-size:18px; color:#666666; margin-top:5px;}
.x1 .aitem .alist .time i{ display:block; width:26px; height:26px; background:#17a791; border-radius:50%; color:#fff; font-weight:normal; font-size:26px;display:flex; align-items: center; justify-content: center;}
.x1 .aitem .more{ margin-top:120px;}
.x1 .aitem .more a{display:flex; align-items: center; justify-content: center; width:164px; height:46px; font-size:16px; color:#fff; background:#00a199; border-radius:30px 0 0 0}
@media (max-width: 1600px){
	.x1{ padding:80px 0}
	.x1 .aitem{ width:560px; margin-top:0}
	.x1 .bitem{ width:560px;}
	.x1 .bitem .play{ background-size:50px}
	.ihd .title{ font-size:32px; background:url(x4.png) 90px 28px no-repeat; background-size:auto 12px}
	.ihd .bq{ font-size:14px; margin-top:12px}
	.x1 .aitem .titles{ font-size:20px; margin-top:40px}
	.x1 .aitem .intro{ font-size:14px; margin-top:20px}
	.x1 .aitem .alist{  margin-top:40px}
	.x1 .aitem .alist .pic img{ height:20px}
	.x1 .aitem .alist .time{ font-size:42px; margin-top:16px;}
	.x1 .aitem .alist .title{ font-size:16px; }
	.x1 .aitem .alist .time i{ width:22px; height:22px;  font-size:20px }
	.x1 .aitem .more{ margin-top:80px;}
	.x1 .aitem .more a{ width:145px; height:42px; font-size:14px;  }
}
@media (max-width: 1200px){
	.x1{ padding:60px 0}
	.x1 .aitem{ width:100%; margin-top:0}
	.x1 .bitem{ width:100%;}
	.x1 .bitem .play{ background-size:50px}
	.ihd .title{ font-size:24px; background:url(x4.png) 70px 20px no-repeat; background-size:auto 10px}
	.ihd .bq{ font-size:12px; margin-top:10px}
	.x1 .aitem .titles{ font-size:18px; margin-top:20px}
	.x1 .aitem .intro{ font-size:14px; margin-top:20px}
	.x1 .aitem .alist{  margin-top:20px}
	.x1 .aitem .alist .pic img{ height:20px}
	.x1 .aitem .alist .time{ font-size:42px; margin-top:16px;}
	.x1 .aitem .alist .title{ font-size:16px; }
	.x1 .aitem .alist .time i{ width:22px; height:22px;  font-size:20px }
	.x1 .aitem .more{ margin-top:40px;}
	.x1 .aitem .more a{ width:145px; height:42px; font-size:14px;  }
}
@media (max-width: 750px){
	.x1 .bitem .play{ background-size:40px}
	.ihd .title{ font-size:20px; background:url(x4.png) 60px 16px no-repeat; background-size:auto 8px}
	.x1 .aitem .titles{ font-size:16px; margin-top:20px}
	.x1 .aitem .intro{ font-size:12px; margin-top:16px}
	.x1 .aitem .alist{  margin-top:20px}
	.x1 .aitem .alist .pic img{ height:18px}
	.x1 .aitem .alist .time{ font-size:36px; margin-top:16px;}
	.x1 .aitem .alist .title{ font-size:14px; }
	.x1 .aitem .alist .time i{ width:20px; height:20px;  font-size:16px }
	.x1 .aitem .more{ margin-top:30px;}
	.x1 .aitem .more a{ width:130px; height:36px; font-size:12px; border-radius:20px 0 0 0  }
}


.x2{ background:url(x7.jpg) center center no-repeat; background-size:cover; padding:110px 0}
.x2 .ihd{ position:relative}
.x2 .ihd .more{ position:absolute; right:0; top:50%; transform:translateY(-50%)}
.x2 .ihd .more a{display:flex; align-items: center; justify-content: center; width:164px; height:46px; font-size:16px; color:#fff; background:#00a199; border-radius:30px 0 0 0}
.x2 .ibd{ margin-top:80px;}
.x2 .ibd .hd{ width:440px; float:left;box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:50px 5px 0 0; overflow:hidden}
.x2 .ibd .hd .p1{ background:url(x8.jpg) center center no-repeat; background-size:cover; width:100%; height:92px; font-size:28px; font-weight:bold;display:flex; align-items: center; justify-content: center; color:#fff;  overflow:hidden}
.x2 .ibd .hd ul{ display:flex; flex-wrap: wrap; background:#fff; }
.x2 .ibd .hd ul li{ width:50%; height:92px; box-sizing:border-box; display:flex; align-items: center; border-bottom:1px solid #f4f4f4; position:relative; padding:0 40px 0 15px; cursor:pointer}
.x2 .ibd .hd ul li:nth-child(2n+1){border-right:1px solid #f4f4f4}
.x2 .ibd .hd ul li img{ display:block; height:30px;}
.x2 .ibd .hd ul li span{ font-size:16px; color:#1a1a1a; margin-left:12px}
.x2 .ibd .hd ul li.on span{ color:#00a199; font-weight:bold}
.x2 .ibd .hd ul li.on:after{ content:""; display:block; width:100%; height:3px; background:#00a199; position:absolute; left:0; bottom:-1px}
.x2 .ibd .hd .p2{ background:#fff; width:100%; height:62px;  display:flex; align-items: center; justify-content: center;   font-size:16px; color:#010101}
.x2 .ibd .hd .p2 i{ font-size:22px; color:#2399a2; font-weight:bold; font-family:Arial}
.x2 .ibd .bd{ width:1141px; float:right}
.x2 .ibd .bd .con{ width:100%; display:flex; flex-wrap: wrap;}
.x2 .ibd .bd .con .item{ width:274px; margin-right:15px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.x2 .ibd .bd .con .item .pic{ width:100%; overflow:hidden; position:relative}
.x2 .ibd .bd .con .item .pic .img1{ display:block; width:100%}
.x2 .ibd .bd .con .item .pic .img1{ 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;}
.x2 .ibd .bd .con .item:hover .pic .img1{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.x2 .ibd .bd .con .item .pic .img2{ display:block; width:100%; position:absolute; left:0; top:0}
.x2 .ibd .bd .con .item:nth-child(4n){ margin-right:0}
.x2 .ibd .bd .con .item .title{ width:100%; background:url(x27.png) 96% center no-repeat; line-height:44px; font-size:14px; color:#1d1d1d; box-sizing:border-box; padding:0 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.x2 .ibd .bd .con .item:nth-child(n+5){ margin-top:15px}
@media (max-width: 1600px){
	.x2{ padding:80px 0}
	.x2 .ihd .more a{ width:145px; height:42px; font-size:14px;  }
	.x2 .ibd{ margin-top:60px;}
	.x2 .ibd .hd{ width:330px; border-radius:50px 5px 0 0; }
	.x2 .ibd .hd .p1{  height:80px; font-size:24px; }
	.x2 .ibd .hd ul li{ height:70px; padding:0 20px 0 12px; }
	.x2 .ibd .hd ul li img{ height:24px;}
	.x2 .ibd .hd ul li span{ font-size:14px; margin-left:10px}
	.x2 .ibd .hd .p2{ height:50px; font-size:14px}
	.x2 .ibd .hd .p2 i{ font-size:18px; }
	.x2 .ibd .bd{ width:854px; float:right}
	.x2 .ibd .bd .con{ width:100%; }
	.x2 .ibd .bd .con .item{ width:206px; margin-right:10px; }
	.x2 .ibd .bd .con .item .title{ line-height:42px; font-size:12px; }
	.x2 .ibd .bd .con .item:nth-child(n+5){ margin-top:12px}
}
@media (max-width: 1200px){
	.x2{ padding:60px 0}
	.x2 .ihd .more a{ width:145px; height:42px; font-size:14px;  }
	.x2 .ibd{ margin-top:40px;}
	.x2 .ibd .hd{ width:calc(100% - 500px); border-radius:35px 5px 0 0; }
	.x2 .ibd .hd .p1{  height:60px; font-size:20px; }
	.x2 .ibd .hd ul li{ width:100%; height:70px; padding:0 20px 0 12px; }
	.x2 .ibd .hd ul li img{ height:24px;}
	.x2 .ibd .hd ul li span{ font-size:14px; margin-left:10px}
	.x2 .ibd .hd .p2{ height:50px; font-size:14px}
	.x2 .ibd .hd .p2 i{ font-size:18px; }
	.x2 .ibd .bd{ width:480px; float:right}
	.x2 .ibd .bd .con{ width:100%; }
	.x2 .ibd .bd .con .item{ width:235px; margin-right:10px; }
	.x2 .ibd .bd .con .item:nth-child(2n){ margin-right:0}
	.x2 .ibd .bd .con .item .title{ line-height:42px; font-size:12px; }
	.x2 .ibd .bd .con .item:nth-child(n+3){ margin-top:14px}
	.x2 .ibd .bd .con .item:nth-child(n+7){ display:none}
}
@media (max-width: 750px){
	.x2{ padding:40px 0}
	.x2 .ihd .more a{ width:130px; height:36px; font-size:12px; border-radius:20px 0 0 0  }
	.x2 .ibd{ margin-top:40px;}
	.x2 .ibd .hd{ width:100%; border-radius:35px 5px 0 0; }
	.x2 .ibd .hd .p1{  height:56px; font-size:18px; }
	.x2 .ibd .hd ul li{ width:50%; height:50px; padding:0 10px 0 10px; }
	.x2 .ibd .hd ul li img{ height:20px;}
	.x2 .ibd .hd ul li span{ font-size:12px; margin-left:10px}
	.x2 .ibd .hd .p2{ height:50px; font-size:14px}
	.x2 .ibd .hd .p2 i{ font-size:18px; }
	.x2 .ibd .bd{ width:100%; float:right; margin-top:20px}
	.x2 .ibd .bd .con{ width:100%; }
	.x2 .ibd .bd .con .item{ width:49%; margin-right:2%; }
	.x2 .ibd .bd .con .item:nth-child(2n){ margin-right:0}
	.x2 .ibd .bd .con .item .title{ line-height:42px; font-size:12px; }
	.x2 .ibd .bd .con .item:nth-child(n+3){ margin-top:14px}
	.x2 .ibd .bd .con .item:nth-child(n+7){ display:block}
}
.x3{ padding:150px 0}
.x3 .ibd{ background:url(x12.jpg) center center no-repeat; background-size:cover; display:flex;  flex-wrap: wrap;}
.x3 .ibd .item{ width:33.333333333333%; box-sizing:border-box; background:rgba(0,161,153,0.8); padding:180px 60px 145px; color:#fff; border-right:1px solid rgba(255,255,255,0.3)}
.x3 .ibd .item .ico{ width:101px; height:101px; border-radius:50%; overflow:hidden}
.x3 .ibd .item .ico img{ width:100%; height:100%}
.x3 .ibd .item .title{ margin-top:30px; line-height:1; font-size:38px; font-weight:bold}
.x3 .ibd .item .en{ margin-top:16px; line-height:1; font-size:16px; }
.x3 .ibd .item .more{ margin-top:70px; opacity:0; visibility:hidden; transition:all 0.5s}
.x3 .ibd .item .more a{ display:flex; align-items: center; justify-content: center; width:162px; height:50px; box-sizing:border-box; border:1px solid #fff; font-size:16px; color:#fff}
.x3 .ibd .item:hover .more{ visibility:visible; opacity:1}
.x3 .ibd .item:hover{ background:rgba(141,194,31,0.8)}
@media (max-width: 1600px){
	.x3{ padding:110px 0}
	.x3 .ibd .item{ padding:120px 40px; }
	.x3 .ibd .item .ico{ width:90px; height:90px}
	.x3 .ibd .item .title{ margin-top:25px; font-size:32px; }
	.x3 .ibd .item .en{ margin-top:12px; font-size:14px; }
	.x3 .ibd .item .more{ margin-top:50px;}
	.x3 .ibd .item .more a{  width:150px; height:45px; font-size:14px;}
}
@media (max-width: 1200px){
	.x3{ padding:60px 0}
	.x3 .ibd .item{ padding:80px 20px; }
	.x3 .ibd .item .ico{ width:70px; height:70px; margin:0 auto}
	.x3 .ibd .item .title{ margin-top:20px; font-size:24px; text-align:center }
	.x3 .ibd .item .en{ margin-top:12px; font-size:12px; text-align:center }
	.x3 .ibd .item .more{ margin-top:30px;}
	.x3 .ibd .item .more a{  width:120px; height:36px; font-size:12px; margin:0 auto}
	.x3 .ibd .item .more{ visibility:visible; opacity:1}
}
@media (max-width: 750px){
	.x3{ padding:40px 0}
	.x3 .ibd .item{ padding:40px 20px; width:100%; border-bottom:1px solid rgba(255,255,255,0.3) }
	.x3 .ibd .item .ico{ width:60px; height:60px; margin:0 auto}
	.x3 .ibd .item .title{ margin-top:20px; font-size:20px; text-align:center }
	.x3 .ibd .item .en{ margin-top:12px; font-size:12px; text-align:center }
	.x3 .ibd .item .more{ margin-top:20px;}
	.x3 .ibd .item .more a{  width:100px; height:32px; font-size:12px; margin:0 auto}
	.x3 .ibd .item .more{ visibility:visible; opacity:1}
}


.x4{ background:url(x14.jpg) center center no-repeat; background-size:cover; padding:120px 0}
.x4 .ibd{ margin-top:80px}
.x4 .ibd .swiper04{ width:100%; overflow:hidden}
.x4 .ibd .swiper04 .swiper-slide{ width:100%; display:flex ;flex-wrap: wrap;}
.x4 .ibd .swiper04 .swiper-slide .item{ width:19.2%; margin-right:1%; margin-bottom:1%; overflow:hidden}
.x4 .ibd .swiper04 .swiper-slide .item 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;}
.x4 .ibd .swiper04 .swiper-slide .item: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 .ibd .swiper04 .swiper-slide .item:nth-child(5n){ margin-right:0}
.x4 .ibd .swiper04 .swiper-slide .item img{ width:100%}
.x4 .ibd .swiper04 .pagination04{ margin-top:40px; width:100%; text-align:center}
.x4 .ibd .swiper04 .pagination04 span{ width:10px; height:10px; border-radius:0; opacity:1; margin-right:0 5px; padding:0; background:#fff; background:#fff; transition:all 0.5s; border-radius:50%}
.x4 .ibd .swiper04 .pagination04 .swiper-pagination-bullet-active{ background:#00a199;}
@media (max-width: 1600px){
	.x4{ padding:100px 0}
	.x4 .ibd{ margin-top:60px}
	.x4 .ibd .swiper04 .pagination04{ margin-top:30px;}
}
@media (max-width: 1200px){
	.x4{ padding:60px 0}
	.x4 .ibd{ margin-top:40px}
	.x4 .ibd .swiper04 .pagination04{ margin-top:20px;}
	.x4 .ibd .swiper04 .pagination04 span{ width:8px; height:8px; margin:0 4px}
}
@media (max-width: 750px){
	.x4{ padding:40px 0}
	.x4 .ibd{ margin-top:20px}
	.x4 .ibd .swiper04 .pagination04{ margin-top:10px;}
	.x4 .ibd .swiper04 .swiper-slide .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.x4 .ibd .swiper04 .swiper-slide .item:nth-child(5n){ margin-right:3%}
	.x4 .ibd .swiper04 .swiper-slide .item:nth-child(2n){ margin-right:0}
	.x4 .ibd .swiper04 .pagination04 span{ width:8px; height:8px; margin:0 4px}
}

.x5{ padding:110px 0 0 }
.x5 .in{ position:relative}
.x5 .hd{ position:absolute; right:0; top:10px;}
.x5 .hd ul{ display:flex}
.x5 .hd ul li{ width:164px; height:46px;display:flex; align-items: center; justify-content: center; font-size:18px; color:#666666; cursor:pointer}
.x5 .hd ul li.on{ background:#00a199; color:#fff}
.x5 .hd ul li:nth-child(1).on{ border-radius:30px 0 0 0}
.x5 .hd ul li:nth-child(2).on{ border-radius:0 30px 0 0}
.x5 .bd{ padding-top:40px}
.x5 .bd .con{  }
.x5 .bd .con .aitem{ display:flex; flex-wrap: wrap;}
.x5 .bd .con .aitem .item{  width:23.5%; margin-right:2%; margin-top:20px; position:relative; overflow:hidden}
.x5 .bd .con .aitem .item:nth-child(4n){ margin-right:0}
.x5 .bd .con .aitem .item .pic{ width:100%; overflow:hidden}
.x5 .bd .con .aitem .item .pic 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;}
.x5 .bd .con .aitem .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);}
.x5 .bd .con .aitem .item .title{ background:rgba(0,161,153,0.75); position:absolute; left:0; bottom:0; z-index:2; color:#fff; width:100%; box-sizing:border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;  font-size:16px;  padding:12px 30px}
.x5 .bd .con .bitem{ width:750px;}
.x5 .bd .con .bitem .item{ width:100%; margin-bottom:20px}
.x5 .bd .con .bitem .item:last-child{ margin-bottom:0}
.x5 .bd .con .bitem .item a{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
.x5 .bd .con .bitem .item a .time{ width:100px; height:94px; box-sizing:border-box; border:1px solid #d5d5d5; padding:0 15px; text-align:center}
.x5 .bd .con .bitem .item a .time .p1{ line-height:45px; border-bottom:1px solid #d5d5d5; font-size:26px; color:#262626; font-weight:bold}
.x5 .bd .con .bitem .item a .time .p2{ font-size:16px; color:#878787; line-height:45px}
.x5 .bd .con .bitem .item a .cont{ width:610px;}
.x5 .bd .con .bitem .item a .cont .title{ font-size:18px; color:#262626; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.x5 .bd .con .bitem .item a .cont .intro{ font-size:16px; color:#666666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:15px}
.x5 .bd .con .bitem .item:hover a .time{ background:#90c426; border:1px solid #90c426}
.x5 .bd .con .bitem .item:hover a .time .p1{ color:#fff}
.x5 .bd .con .bitem .item:hover a .time .p2{ color:#fff}
.x5 .bd .con .bitem .item:hover a .cont .title{ color:#90c426}
@media (max-width: 1600px){
	.x5{ padding:80px 0 0}
	.x5 .hd ul li{ width:145px; height:38px; font-size:16px; }
	.x5 .bd{ padding-top:20px}
	.x5 .bd .con .aitem{ }
	.x5 .bd .con .aitem .item .title{ font-size:14px; padding:12px 20px}
	.x5 .bd .con .bitem{ width:570px;}
	.x5 .bd .con .bitem .item{ width:100%; margin-bottom:15px}
	.x5 .bd .con .bitem .item a .time{ width:70px; height:70px; padding:0 10px; }
	.x5 .bd .con .bitem .item a .time .p1{ line-height:35px; font-size:22px; }
	.x5 .bd .con .bitem .item a .time .p2{ font-size:12px; line-height:32px}
	.x5 .bd .con .bitem .item a .cont{ width:calc(100% - 95px);}
	.x5 .bd .con .bitem .item a .cont .title{ font-size:16px; }
	.x5 .bd .con .bitem .item a .cont .intro{ font-size:14px;  margin-top:12px}
}
@media (max-width: 1200px){
	.x5{ padding:60px 0 0}
	.x5 .hd ul li{ width:120px; height:32px; font-size:14px; }
	.x5 .hd ul li:nth-child(1).on{ border-radius:20px 0 0 0}
	.x5 .hd ul li:nth-child(2).on{ border-radius:0 20px 0 0}
	.x5 .bd{ padding-top:15px}
	.x5 .bd .con .aitem{ width:100%;}
	.x5 .bd .con .aitem .item{ margin-top:15px}
	.x5 .bd .con .aitem .item .title{ font-size:14px; padding:10px 15px}
	.x5 .bd .con .bitem{ width:100%; margin-top:15px}
	.x5 .bd .con .bitem .item{ width:100%; margin-bottom:15px}
	.x5 .bd .con .bitem .item a .time{ width:70px; height:70px; padding:0 10px; }
	.x5 .bd .con .bitem .item a .time .p1{ line-height:35px; font-size:22px; }
	.x5 .bd .con .bitem .item a .time .p2{ font-size:12px; line-height:32px}
	.x5 .bd .con .bitem .item a .cont{ width:calc(100% - 95px);}
	.x5 .bd .con .bitem .item a .cont .title{ font-size:16px; }
	.x5 .bd .con .bitem .item a .cont .intro{ font-size:14px;  margin-top:10px}
}
@media (max-width: 750px){
	.x5{ padding:40px 0 0}
	.x5 .hd{ position:relative; top:0; margin-top:20px;}
	.x5 .hd ul{ display:flex; align-items: center; justify-content: center;}
	.x5 .hd ul li{ width:120px; height:32px; font-size:14px; }
	.x5 .hd ul li:nth-child(1).on{ border-radius:10px 0 0 0}
	.x5 .hd ul li:nth-child(2).on{ border-radius:0 10px 0 0}
	.x5 .bd{ padding-top:20px}
	.x5 .bd .con .aitem{ width:100%;}
	.x5 .bd .con .aitem .item{ width:48.5%; margin-right:3%}
	.x5 .bd .con .aitem .item:nth-child(4n){ margin-right:3%}
	.x5 .bd .con .aitem .item:nth-child(2n){ margin-right:0}
	.x5 .bd .con .aitem .item .title{ font-size:14px; padding:10px 15px}
	.x5 .bd .con .bitem{ width:100%; margin-top:15px}
	.x5 .bd .con .bitem .item{ width:100%; margin-bottom:15px}
	.x5 .bd .con .bitem .item a .time{ width:60px; height:60px; padding:0 10px; }
	.x5 .bd .con .bitem .item a .time .p1{ line-height:30px; font-size:20px; }
	.x5 .bd .con .bitem .item a .time .p2{ font-size:12px; line-height:30px}
	.x5 .bd .con .bitem .item a .cont{ width:calc(100% - 70px);}
	.x5 .bd .con .bitem .item a .cont .title{ font-size:14px; }
	.x5 .bd .con .bitem .item a .cont .intro{ font-size:12px;  margin-top:5px}
}

.nbanner{ width:100%; position:relative; overflow:hidden}
.nbanner img{ width:100%}
.nbanner .img1{ display:block}
.nbanner .img2{ display:none}
.nbanner .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff}
.nbanner .item .title{ font-size:38px; font-weight:bold}
.nbanner .item .intro{ font-size:22px; font-family:Arial; letter-spacing:5px; margin-top:20px}
@media (max-width: 1600px){
	.nbanner .item .title{ font-size:32px; }
	.nbanner .item .intro{ font-size:18px; margin-top:15px }
}
@media (max-width: 1200px){
	.nbanner .item .title{ font-size:24px; }
	.nbanner .item .intro{ font-size:16px; margin-top:10px }
}
@media (max-width: 750px){
	.nbanner .img2{ display:block}
	.nbanner .img1{ display:none}
	.nbanner .item .title{ font-size:18px; }
	.nbanner .item .intro{ font-size:12px; margin-top:5px; letter-spacing:2px }
}


.pro{ background:url(x28.jpg) bottom center no-repeat #f4faff; background-size:100%; padding:65px 0}
.pro .proCont{ display:flex;justify-content: space-between;flex-wrap: wrap; }
.pro .proCont .hd{ width:310px; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:50px 5px 0 0; overflow:hidden; height:100%}
.pro .proCont .hd .p1{ background:url(x8.jpg) center center no-repeat; background-size:cover; width:100%; height:92px; font-size:28px; font-weight:bold;display:flex; align-items: center; justify-content: center; color:#fff;  overflow:hidden}
.pro .proCont .hd dl{  background:#fff;  border-bottom:1px solid #f4f4f4;  }
.pro .proCont .hd dl dt a{ width:100%; height:62px; box-sizing:border-box; display:flex; align-items: center;position:relative; padding:0 20px; cursor:pointer}
.pro .proCont .hd dl li:nth-child(2n+1){border-right:1px solid #f4f4f4}
.pro .proCont .hd dl dt a img{ display:block; height:30px;}
.pro .proCont .hd dl dt a span{ font-size:16px; color:#1a1a1a; margin-left:12px}
.pro .proCont .hd dl dt.on,.pro .proCont .hd dl dt:hover{ background:url(x29.png) right center no-repeat; background-size:auto 100%; font-weight:bold}
.pro .proCont .hd dl dd{ display:none}
.pro .proCont .hd dl.on dd{ display:block}
.pro .proCont .hd dl dd a{ display:block; padding:15px 0 15px 35px; background:url(x30.jpg) 20px 23px no-repeat; font-size:14px; color:#666666;}
.pro .proCont .hd dl dd.on a,.pro .proCont .hd dl dd:hover a{ color:#00a199}
.pro .proCont .bd{ width:1260px;}
.pro .proCont .bd .proList{ width:100%; display:flex; flex-wrap: wrap;margin-bottom:40px}
.pro .proCont .bd .proList .item{ width:32%; margin-right:2%; margin-bottom:2%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.pro .proCont .bd .proList .item .pic{ width:100%; overflow:hidden; position:relative}
.pro .proCont .bd .proList .item .pic .img1{ display:block; width:100%}
.pro .proCont .bd .proList .item .pic .img1{ 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;}
.pro .proCont .bd .proList .item:hover .pic .img1{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.pro .proCont .bd .proList .item .pic .img2{ display:block; width:100%; position:absolute; left:0; top:0}
.pro .proCont .bd .proList .item:nth-child(3n){ margin-right:0}
.pro .proCont .bd .proList .item .title{ width:100%; background:url(x27.png) 93% center no-repeat; line-height:70px; font-size:18px; color:#1d1d1d; box-sizing:border-box; padding:0 20px; border-bottom:1px solid #eaf0f5; font-weight:bold}
.pro .proCont .bd .proList .item .title a{display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0 5% 0 0;}
.pro .proCont .bd .proList .item .lk{ display:flex; align-items: center; justify-content: space-between; box-sizing:border-box; padding:20px;}
.pro .proCont .bd .proList .item .lk a{ display:flex; align-items: center; justify-content: center; width:165px; height:44px; box-sizing:border-box; border:1px solid #d2d2d2; font-size:16px; color:#010101}
.pro .proCont .bd .proList .item .lk a:hover{ background:#00a199; border:1px solid #00a199; color:#fff}
@media all and (max-width:1600px){
	.pro{ padding:50px 0}
	.pro .proCont .hd{ width:240px; border-radius:40px 5px 0 0; }
	.pro .proCont .hd .p1{ height:80px; font-size:24px;}
	.pro .proCont .hd dl dt a{ height:55px; padding:0 15px; }
	.pro .proCont .hd dl dt a img{ display:block; height:24px;}
	.pro .proCont .hd dl dt a span{ font-size:14px; margin-left:10px}
	.pro .proCont .hd dl dd a{ padding:10px 0 10px 25px; background:url(x30.jpg) 15px 18px no-repeat; font-size:12px;}
	.pro .proCont .bd{ width:930px;}
	.pro .proCont .bd .proList{ margin-bottom:30px}
	.pro .proCont .bd .proList .item .title{ background:url(x27.png) 91% center no-repeat; line-height:60px; font-size:16px; }
	.pro .proCont .bd .proList .item .lk a{ width:120px; height:36px; font-size:14px; }
}
@media all and (max-width:1200px){
	.pro{ padding:40px 0}
	.pro .proCont .hd{ width:100%; border-radius:40px 5px 0 0; }
	.pro .proCont .hd .p1{ height:60px; font-size:20px;}
	.pro .proCont .hd dl dt a{ height:50px; padding:0 15px; }
	.pro .proCont .hd dl dt a img{ display:block; height:20px;}
	.pro .proCont .hd dl dt a span{ font-size:14px; margin-left:10px}
	.pro .proCont .hd dl dd a{ padding-left:50px; background:url(x30.jpg) 35px center no-repeat; font-size:14px; }
	.pro .proCont .bd{ width:100%; margin-top:20px}
	.pro .proCont .bd .proList{ margin-bottom:30px}
	.pro .proCont .bd .proList .item .title{ background:url(x27.png) calc(100% - 15px) center no-repeat; line-height:50px; font-size:14px; padding:0 15px }
	.pro .proCont .bd .proList .item .lk{ padding: 15px}
	.pro .proCont .bd .proList .item .lk a{ width:100px; height:32px; font-size:12px; }
}
@media all and (max-width:750px){
	.pro{ padding:40px 0}
	.pro .proCont .hd{ width:100%; border-radius:30px 5px 0 0; }
	.pro .proCont .hd .p1{ height:60px; font-size:20px;}
	.pro .proCont .hd dl dt a{ height:50px; padding:0 15px; }
	.pro .proCont .hd dl dt a img{ display:block; height:20px;}
	.pro .proCont .hd dl dt a span{ font-size:14px; margin-left:10px}
	.pro .proCont .hd dl dd a{ padding-left:40px; background:url(x30.jpg) 25px center no-repeat; font-size:14px; }
	.pro .proCont .bd{ width:100%; margin-top:20px}
	.pro .proCont .bd .proList{ margin-bottom:20px}
	.pro .proCont .bd .proList .item{ width:100%; margin-right:0; margin-bottom:20px}
	.pro .proCont .bd .proList .item .title{ background:url(x27.png) calc(100% - 15px) center no-repeat; line-height:50px; font-size:14px; padding:0 15px }
	.pro .proCont .bd .proList .item .lk{ padding: 15px 15%}
	.pro .proCont .bd .proList .item .lk a{ width:100px; height:32px; font-size:12px; }
}

.proDis{ width:100%}
.proDis01{ background:#fff; padding:35px 55px; width:100%; box-sizing:border-box; display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; }
.proDis01 .pic{ width:404px; position:relative}
.proDis01 .pic img{ width:100%}
.proDis01 .pic .img2{ position:absolute; left:0;top:0}
.proDis01 .cont{ width:650px}
.proDis01 .cont .title{ font-size:24px; color:#333333; font-weight:bold}
.proDis01 .cont .intro{ margin-top:25px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding:15px 0; display:flex; font-size:14px; color:#00a199}
.proDis01 .cont .intro .p1{ width:75px; font-weight:bold}
.proDis01 .cont .intro .p2{ width:calc(100% - 75px); color:#333333}
.proDis01 .cont .lk{ margin-top:38px;display:flex; align-items: center; }
.proDis01 .cont .lk .a1{ display:flex; align-items: center; justify-content: center; height:54px; background:#00a199; font-size:14px; padding:0 35px; color:#fff}
.proDis01 .cont .lk .a1 img{ margin-right:15px}
.proDis01 .cont .lk .a2{ display:flex; align-items: center; justify-content: center; height:54px; font-size:14px; padding:0 35px; color:#00a199; box-sizing:border-box; border:1px solid #00a199; margin-left:15px}
.proDis01 .cont .lk .a2 img{ margin-right:15px}
.proDis02{ margin-top:16px; background:#fff; display:flex;justify-content: space-around;}
.proDis02 .item a{ display:flex; align-items: center; justify-content: center; height:72px; position:relative; font-size:20px; color:#333333}
.proDis02 .item:nth-child(1) a:after{ content:""; display:block; width:120%; height:3px; background:#00a199; position:absolute; left:-10%; bottom:0}
.proDis02 .item:hover a:after{ content:""; display:block; width:120%; height:3px; background:#00a199; position:absolute; left:-10%; bottom:0}
.proDis03{ width:100%; box-sizing:border-box; padding:35px 45px; background:#fff; margin-top:16px}
.proDis03 .aitem{ display:flex; align-items: center; }
.proDis03 .aitem .ico{ width:80px; border-radius:50%; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.15)}
.proDis03 .aitem .ico img{ width:100%}
.proDis03 .aitem .title{ font-size:24px; color:#333333; margin-left:36px; width:135px;}
.proDis03 .aitem .line{ width:calc(100% - 300px); height:1px; background:#e1e1e1}
.proDis03 .bitem{ padding:30px 45px 30px 130px; font-size:16px; color:#414141; line-height:2}
.proDis04{ width:100%; box-sizing:border-box; padding:35px 45px; background:#fff; margin-top:16px}
.proDis04 .aitem{ display:flex; align-items: center; }
.proDis04 .aitem .ico{ width:80px; border-radius:50%; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.15)}
.proDis04 .aitem .ico img{ width:100%}
.proDis04 .aitem .title{ font-size:24px; color:#333333; margin-left:36px; width:135px;}
.proDis04 .aitem .line{ width:calc(100% - 300px); height:1px; background:#e1e1e1}
.proDis04 .bitem .item{ position:relative; width:1125px; margin:0 auto; margin-top:45px; }
.proDis04 .bitem .item .pic{ width:100%; overflow:hidden}
.proDis04 .bitem .item .pic img{ width:100%}
.proDis04 .bitem .item .pic .img1{ display:block}
.proDis04 .bitem .item .pic .img2{ display:none}
.proDis04 .bitem .item .cont{ position:absolute; width:410px; left:80px; top:50%; transform:translateY(-50%)}
.proDis04 .bitem .item .cont .title{ font-size:24px; color:#333333}
.proDis04 .bitem .item .cont .intro{ font-size:16px; color:#414141; line-height:2; margin-top:25px}
@media all and (max-width:1600px){
	.proDis01{ padding:30px;}
	.proDis01 .pic{ width:300px; }
	.proDis01 .cont{ width:540px}
	.proDis01 .cont .title{ font-size:20px; }
	.proDis01 .cont .intro{ margin-top:20px; padding:12px 0; font-size:12px}
	.proDis01 .cont .intro .p1{ width:65px;}
	.proDis01 .cont .intro .p2{ width:calc(100% - 65px);}
	.proDis01 .cont .lk{ margin-top:30px}
	.proDis01 .cont .lk .a1{ height:45px; font-size:12px; padding:0 30px; }
	.proDis01 .cont .lk .a1 img{ margin-right:12px; height:16px}
	.proDis01 .cont .lk .a2{ height:45px; font-size:12px; padding:0 30px; margin-left:12px}
	.proDis01 .cont .lk .a2 img{ margin-right:12px; height:16px}
	.proDis02{ margin-top:15px;}
	.proDis02 .item a{ height:60px; font-size:18px}
	.proDis03{ padding:30px 40px; margin-top:15px}
	.proDis03 .aitem .ico{ width:70px; }
	.proDis03 .aitem .title{ font-size:20px; margin-left:25px; width:120px;}
	.proDis03 .aitem .line{ width:calc(100% - 225px); }
	.proDis03 .bitem{ padding:20px 0 20px 105px; font-size:14px; }
	.proDis04{ padding:30px 40px; margin-top:15px}
	.proDis04 .aitem .ico{ width:70px; }
	.proDis04 .aitem .title{ font-size:20px; margin-left:25px; width:120px;}
	.proDis04 .aitem .line{ width:calc(100% - 225px); }
	.proDis04 .bitem .item{ position:relative; width:100%; margin:0 auto; margin-top:30px; }
	.proDis04 .bitem .item .cont{ width:360px; left:50px; top:50%; transform:translateY(-50%)}
	.proDis04 .bitem .item .cont .title{ font-size:20px; }
	.proDis04 .bitem .item .cont .intro{ font-size:14px; margin-top:15px}
}
@media all and (max-width:1200px){
	.proDis01{ padding:20px;}
	.proDis01 .pic{ width:250px; }
	.proDis01 .cont{ width:calc(100% - 270px)}
	.proDis01 .cont .title{ font-size:18px; }
	.proDis01 .cont .intro{ margin-top:15px; padding:12px 0; font-size:12px}
	.proDis01 .cont .intro .p1{ width:65px;}
	.proDis01 .cont .intro .p2{ width:calc(100% - 65px);}
	.proDis01 .cont .lk{ margin-top:20px}
	.proDis01 .cont .lk .a1{ height:45px; font-size:12px; padding:0 25px; }
	.proDis01 .cont .lk .a1 img{ margin-right:12px; height:16px}
	.proDis01 .cont .lk .a2{ height:45px; font-size:12px; padding:0 25px; margin-left:12px}
	.proDis01 .cont .lk .a2 img{ margin-right:12px; height:16px}
	.proDis02{ margin-top:15px;}
	.proDis02 .item a{ height:60px; font-size:18px}
	.proDis03{ padding:20px; margin-top:15px}
	.proDis03 .aitem .ico{ width:60px; }
	.proDis03 .aitem .title{ font-size:18px; margin-left:20px; width:100px;}
	.proDis03 .aitem .line{ width:calc(100% - 180px); }
	.proDis03 .bitem{ padding:20px 0 20px 80px; font-size:14px; }
	.proDis04{ padding:20px; margin-top:15px}
	.proDis04 .aitem .ico{ width:60px; }
	.proDis04 .aitem .title{ font-size:18px; margin-left:20px; width:100px;}
	.proDis04 .aitem .line{ width:calc(100% - 180px); }
	.proDis04 .bitem .item{ position:relative; width:100%; margin:0 auto; margin-top:30px; }
	.proDis04 .bitem .item .cont{ width:360px; left:50px; top:50%; transform:translateY(-50%)}
	.proDis04 .bitem .item .cont .title{ font-size:18px; }
	.proDis04 .bitem .item .cont .intro{ font-size:12px; margin-top:10px}
}
@media all and (max-width:750px){
	.proDis01{ padding:20px;}
	.proDis01 .pic{ width:100%; }
	.proDis01 .cont{ width:100%; margin-top:20px}
	.proDis01 .cont .title{ font-size:18px; }
	.proDis01 .cont .intro{ margin-top:15px; padding:12px 0; font-size:12px}
	.proDis01 .cont .intro .p1{ width:65px;}
	.proDis01 .cont .intro .p2{ width:calc(100% - 65px);}
	.proDis01 .cont .lk{ margin-top:20px; display:block}
	.proDis01 .cont .lk .a1{ height:45px; font-size:12px; padding:0 25px; width:100%; box-sizing:border-box }
	.proDis01 .cont .lk .a1 img{ margin-right:12px; height:16px}
	.proDis01 .cont .lk .a2{ height:45px; font-size:12px; padding:0 25px; margin-left:0; margin-top:15px; width:100%; box-sizing:border-box}
	.proDis01 .cont .lk .a2 img{ margin-right:12px; height:16px}
	.proDis02{ margin-top:15px;}
	.proDis02 .item a{ height:60px; font-size:16px}
	.proDis03{ padding:20px; margin-top:15px}
	.proDis03 .aitem .ico{ width:50px; }
	.proDis03 .aitem .title{ font-size:16px; margin-left:10px; width:90px;}
	.proDis03 .aitem .line{ width:calc(100% - 150px); }
	.proDis03 .bitem{ padding:20px 0 20px 0; font-size:14px; }
	.proDis04{ padding:20px; margin-top:15px}
	.proDis04 .aitem .ico{ width:50px; }
	.proDis04 .aitem .title{ font-size:16px; margin-left:10px; width:90px;}
	.proDis04 .aitem .line{ width:calc(100% - 150px); }
	.proDis04 .bitem .item{ position:relative; width:100%; margin:0 auto; margin-top:20px; background:#f1f1f1 }
	.proDis04 .bitem .item .cont{ width:100%; left:auto; top:auto; transform:translateY(0%); position:relative; box-sizing:border-box; padding:15px}
	.proDis04 .bitem .item .cont .title{ font-size:16px; }
	.proDis04 .bitem .item .cont .intro{ font-size:12px; margin-top:6px}
	.proDis04 .bitem .item .pic .img2{ display:block}
	.proDis04 .bitem .item .pic .img1{ display:none}
}


.location{ position:absolute; right:0; top:0}
.location{ line-height:90px}
.location .a{ display:none}
.location .b{ font-size:14px; float:left; color:#7b7b7d}
.location .b a{ color:#7b7b7d}
.location .b { background:url(x38.jpg) left center no-repeat; padding-left:25px;}
.location .b a:hover{ color:#519a07}
@media (max-width: 1200px){
	.location{ display:none}
}

.second_nav{ width:100%; background:#ffffff;  position:relative; z-index:9}
.second_nav .in{ position:relative}
.second_nav ul{ font-size:0; text-align:left}
.second_nav ul li{ display:inline-block; vertical-align:top; position:relative; margin-right:30px}
.second_nav ul li a{ display:block; line-height:90px; font-size:18px; color:#333; padding:0 5px; position:relative; font-weight:bold}
.second_nav ul li.on a:after{ content:""; display:block; width:100%; height:3px; background:#00a199; position:absolute; left:0; bottom:0 }
.second_nav ul li:hover a:after{ content:""; display:block; width:100%; height:3px; background:#00a199; position:absolute; left:0; bottom:0 }
.second_nav .t{ display:none}
@media (max-width: 750px){
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#2399a2;text-align:left;display:block;padding:5px 5.335%;line-height:40px;overflow:hidden; color:#fff; box-sizing:border-box}
	.second_nav .t i{ display:block; float:right; width:12px; height:40px; background:url(cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(cx10.png) center center no-repeat; background-size:12px; transform:rotate(180deg)}
	.second_nav{ background:#f1f1f1}
	.second_nav .in{ width:100%}
	.second_nav ul{ text-align:left; box-sizing:border-box; background:#fff; display:none}
	.second_nav ul li{ width:100%; text-align:center; border-bottom: 1px solid #e7e7e7;}
	.second_nav ul li a{ line-height:45px; font-size:16px; padding:0}
	.second_nav ul li.on a:after,.second_nav ul li:hover a:after{ width:0}
	.second_nav ul li.on a,.second_nav ul li:hover a{ color:#2399a2}
}

.NewsList{ background:#f4faff; padding:60px 0}
.NewsList .NewsListCont{ margin-bottom:40px}
.NewsList .item{ width:100%;  }
.NewsList .item .in{ display:flex;border-bottom:1px solid #e8e8e8;padding:30px 0;flex-wrap: wrap;}
.NewsList .item .time{ width:100px; height:94px; box-sizing:border-box; border:1px solid #d5d5d5; padding:0 15px; text-align:center}
.NewsList .item .time .p1{ line-height:45px; border-bottom:1px solid #d5d5d5; font-size:26px; color:#262626; font-weight:bold}
.NewsList .item .time .p2{ font-size:16px; color:#878787; line-height:45px}
.NewsList .item .pic{ margin-left:40px; width:417px; overflow:hidden}
.NewsList .item .pic 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;}
.NewsList .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);}
.NewsList .item .cont{ margin-left:53px; width:calc(100% - 610px)}
.NewsList .item .cont .title{ font-size:18px; color:#262626; font-weight:bold; margin-top:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsList .item .cont .title a{ color:#262626}
.NewsList .item .cont .intro{ font-size:16px; color:#666666; line-height:30px; height:60px; overflow:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:30px}
.NewsList .item .cont .p{ margin-top:5px; font-size:12px; color:#6666; display:none}
.NewsList .item .cont .more{ margin-top:75px}
.NewsList .item .cont .more a{ display:flex; align-items: center; justify-content: center; width:163px; height:50px; box-sizing:border-box; border:1px solid #00a199; font-size:16px; color:#05a295}
.NewsList .item:hover{ background:#fff}
.NewsList .item:hover .cont .title a{ color:#02a197}
.NewsList .item:hover .cont .more a{ background:url(x37.jpg) center center no-repeat; background-size:cover; color:#fff; border:0}
@media (max-width: 1600px){
	.NewsList{ padding:40px 0}
	.NewsList .NewsListCont{ margin-bottom:40px}
	.NewsList .item .in{ padding:25px 0 }
	.NewsList .item .time{ width:70px; height:70px; padding:0 10px; }
	.NewsList .item .time .p1{ line-height:35px; font-size:22px; }
	.NewsList .item .time .p2{ font-size:12px; line-height:32px}
	.NewsList .item .pic{ margin-left:40px; width:360px; overflow:hidden}
	.NewsList .item .cont{ margin-left:40px; width:calc(100% - 510px)}
	.NewsList .item .cont .title{ font-size:16px; }
	.NewsList .item .cont .intro{ font-size:14px; line-height:28px; height:56px;  margin-top:20px}
	.NewsList .item .cont .more{ margin-top:50px}
	.NewsList .item .cont .more a{ width:140px; height:42px; font-size:14px; }
}
@media (max-width: 1200px){
	.NewsList{ padding:40px 0}
	.NewsList .NewsListCont{ margin-bottom:40px}
	.NewsList .item .in{ padding:20px 0 }
	.NewsList .item .time{ width:70px; height:70px; padding:0 10px; }
	.NewsList .item .time .p1{ line-height:35px; font-size:22px; }
	.NewsList .item .time .p2{ font-size:12px; line-height:32px}
	.NewsList .item .pic{ margin-left:20px; width:280px; overflow:hidden}
	.NewsList .item .cont{ margin-left:20px; width:calc(100% - 410px)}
	.NewsList .item .cont .title{ font-size:16px; }
	.NewsList .item .cont .intro{ font-size:14px; line-height:28px; height:56px;  margin-top:20px}
	.NewsList .item .cont .more{ margin-top:30px}
	.NewsList .item .cont .more a{ width:120px; height:36px; font-size:14px; }
}
@media (max-width: 750px){
	.NewsList{ padding:20px 0}
	.NewsList .NewsListCont{ margin-bottom:20px}
	.NewsList .item .in{ padding:20px 0 }
	.NewsList .item .time{ display:none}
	.NewsList .item .pic{ margin-left:0; width:100%; overflow:hidden}
	.NewsList .item .cont{ margin-left:0; margin-top:0; width:100%}
	.NewsList .item .cont .title{ font-size:16px; margin-top:15px }
	.NewsList .item .cont .p{ display:block}
	.NewsList .item .cont .intro{ font-size:12px; line-height:22px; height:40px;  margin-top:10px}
	.NewsList .item .cont .more{ margin-top:20px}
	.NewsList .item .cont .more a{ width:100px; height:32px; font-size:12px; }
}

.page {  line-height:24px; text-align:center; }
.page select{ display:none}
.page a { display:inline-block; margin:0 5px; padding:8px 12px; border:1px solid #fff; background:#fff; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #06a39b; background:#06a39b; color:#fff; }
@media all and (max-width:1600px){
	.page a{ padding:3px 10px}
}
@media all and (max-width:1200px){
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
}
@media all and (max-width:750px){
	.page a{ margin:0 3px}
}

.contact01{ width:100%; padding:90px 0 ; background:#f4faff; position:relative; z-index:1}
.contact01 .lt{ float:left; width:725px; height:512px; background:url(x43.jpg) center center no-repeat; background-size:cover; padding:90px 70px 0; box-sizing:border-box}
.contact01 .lt .title{ font-size:24px; color:#363636; font-weight:bold}
.contact01 .lt .intro a{ color:#666666}
.contact01 .lt .intro{ font-size:16px; color:#666666; line-height:2;  margin-top:40px}
.contact01 .lt .ewm{ margin-top:40px; text-align:center; width:112px}
.contact01 .lt .ewm .pic{ width:100%}
.contact01 .lt .ewm .pic img{ width:100%}
.contact01 .lt .ewm .t{ font-size:14px; color:#9c9c9c; margin-top:8px}
.contact01 .rt{ float:right; width:875px; height:512px}
.contact01 .rt img{ width:100%; height:100%; object-fit:cover}
@media (max-width: 1600px){
	.contact01{ padding:80px 0}
	.contact01 .lt{ width:45%; height:450px; padding:60px 40px; }
	.contact01 .lt .title{ font-size:20px; }
	.contact01 .lt .intro{ font-size:14px; margin-top:30px}
	.contact01 .lt .ewm{ margin-top:30px;}
	.contact01 .rt{ width:55%; height:450px;}
}
@media (max-width: 1200px){
	.contact01{ padding:40px 0}
	.contact01 .lt{ width:100%; height:auto; padding:25px 20px; }
	.contact01 .lt .title{ font-size:20px;  line-height:1;}
	.contact01 .lt .intro{ font-size:14px; margin-top:20px}
	.contact01 .lt .ewm{ margin-top:20px }
	.contact01 .rt{ width:100%; margin-top:0;height:50vh;}
}

.contacts03{ background:url(x44.jpg) center center no-repeat; background-size:cover; padding:90px 0}
.iihd{ text-align:center}
.iihd i{ background:url(x4.png) right bottom no-repeat; background-size:auto 16px; line-height:1; font-size:36px; color:#333; padding:5px 35px; font-weight:bold}
.contacts03 .ibd{ width:100%; background:#fff; box-sizing:border-box; padding:70px 60px; margin-top:70px}
.contacts03 .ibd ul li { float:left; width:32%; margin-right:2%; }
.contacts03 .ibd ul li:nth-child(3) { margin-right:0; }
.contacts03 .ibd ul li:nth-child(n + 4) { margin-top:35px; }
.contacts03 .ibd ul li .p1 { line-height:40px; font-size:16px; color:#181818; }
.contacts03 .ibd ul li .p1 i { color:#e52b26; }
.contacts03 .ibd ul li .p2 .text { width:100%; height:60px; line-height:60px; border:1px solid #eee; font-size:14px; padding:0 20px; box-sizing: border-box;  }
.contacts03 .ibd ul li .p2 .textarea { width:100%; height:120px;  border:1px solid #eee; font-size:14px; padding:10px 20px; box-sizing: border-box;   }
.contacts03 .ibd ul li.li05 { width:100%; margin-right:0; }
.contacts03 .ibd ul li.li06 { width:100%; margin-right:0; text-align:center; }
.contacts03 .ibd ul li.li06 .btn { display:inline-block; width:20%; height:60px; text-align:center;  font-size:18px; color:#fff; letter-spacing:6px; background:#4f4f4f; margin:0 20px;  cursor:pointer; }
.contacts03 .ibd ul li.li06 .btn01 { background:#00a199;  }
@media all and (max-width:1600px){
	.contacts03{ padding:80px 0}
	.iihd i{  background-size:auto 12px; font-size:28px; padding:2px 30px; }
	.contacts03 .ibd{ padding:50px 40px; margin-top:50px}
	.contacts03 .ibd ul li:nth-child(n + 4) { margin-top:30px; }
	.contacts03 .ibd ul li .p1 { line-height:35px; font-size:14px; }
	.contacts03 .ibd ul li .p2 .text { height:55px; line-height:55px; font-size:12px; }
	.contacts03 .ibd ul li .p2 .textarea {  font-size:12px; }
	.contacts03 .ibd ul li.li06 .btn { height:55px; font-size:16px; }
}
@media all and (max-width:1200px){
	.contacts03{ padding:60px 0}
	.iihd i{  background-size:auto 10px; font-size:24px; padding:0 25px; }
	.contacts03 .ibd{ padding: 30px; margin-top:30px}
	.contacts03 .ibd ul li:nth-child(n + 4) { margin-top:20px; }
	.contacts03 .ibd ul li .p1 { line-height:25px; font-size:12px; }
	.contacts03 .ibd ul li .p2 .text { height:45px; line-height:45px; font-size:12px; }
	.contacts03 .ibd ul li .p2 .textarea {  font-size:12px; height:100px }
	.contacts03 .ibd ul li.li06 .btn { height:45px; font-size:14px; width:200px }
}
@media all and (max-width:750px){
	.contacts03{ padding:40px 0}
	.iihd i{  background-size:auto 8px; font-size:20px; padding:0 20px; }
	.contacts03 .ibd{ padding: 20px; margin-top:20px}
	.contacts03 .ibd ul li { float:none; width:100%; margin-right:0; }
	.contacts03 .ibd ul li:nth-child(2n) { margin-right:0; }
	.contacts03 .ibd ul li:nth-child(n + 2) { margin-top:16px; }
	.contacts03 .ibd ul li .p1 { line-height:30px; font-size:14px; }
	.contacts03 .ibd ul li .p2 .text { height:40px; line-height:40px; font-size:14px; padding:0 10px;  }
	.contacts03 .ibd ul li.li06 .btn { width:160px }
}

.about{ background:url(x52.jpg) bottom center no-repeat #f4faff; background-size:100%}
.ab01{ padding:70px 0 0 0}
.ab01 .ibd{ margin-top:70px}
.ab01 .aitem{ float:left}
.ab01 .bitem{ float:right; width:925px; font-size:16px; color:#414141; line-height:2; text-align:justify}
.ab01 .aitem .p1{ font-size:36px; color:#171717; font-weight:bold; line-height:1.4}
.ab01 .aitem .p2{ font-size:115px; color:#00a199; line-height:1; font-weight:bold; margin-top:60px}
.ab01 .aitem .p2 img{ top:20px; left:10px; position:relative}
.ab01 .aitem .p3{ font-size:56px; color:#00a199; font-weight:bold; line-height:1}
.ab01 .pic{ display:flex;justify-content: space-between; flex-wrap: wrap; margin-top:60px}
.ab01 .pic img{ display:block; border-radius:20px; overflow:hidden}
@media all and (max-width:1600px){
	.ab01{ padding:60px 0 0 0}
	.ab01 .ibd{ margin-top:60px}
	.ab01 .bitem{ width:640px; font-size:14px;}
	.ab01 .aitem .p1{ font-size:28px;}
	.ab01 .aitem .p2{ font-size:90px; margin-top:40px}
	.ab01 .aitem .p2 img{ height:70px}
	.ab01 .aitem .p3{ font-size:48px; }
	.ab01 .pic{ margin-top:40px}
	.ab01 .pic img{ height:305px; border-radius:15px}
}
@media all and (max-width:1200px){
	.ab01{ padding:50px 0 0 0}
	.ab01 .ibd{ margin-top:40px}
	.ab01 .bitem{ width:calc(100% - 280px); font-size:12px; margin-top:0}
	.ab01 .aitem .p1{ font-size:24px;}
	.ab01 .aitem .p2{ font-size:66px; margin-top:10px}
	.ab01 .aitem .p2 img{ height:50px}
	.ab01 .aitem .p3{ font-size:40px; }
	.ab01 .pic{ margin-top:20px}
	.ab01 .pic img{ height:auto; border-radius:10px}
	.ab01 .pic img:nth-child(1){ width:calc(863 / 1600 * 100%)}
	.ab01 .pic img:nth-child(2){ width:calc(718 / 1600 * 100%)}
}
@media all and (max-width:750px){
	.ab01{ padding:40px 0 0 0}
	.ab01 .ibd{ margin-top:20px}
	.ab01 .bitem{ width:100%; font-size:12px; margin-top:20px}
	.ab01 .aitem .p1{ font-size:18px;}
	.ab01 .aitem .p2{ font-size:56px; margin-top:10px}
	.ab01 .aitem .p2 img{ height:40px}
	.ab01 .aitem .p3{ font-size:32px; }
	.ab01 .pic{ margin-top:20px}
	.ab01 .pic img{ height:auto; border-radius:10px}
	.ab01 .pic img:nth-child(1){ width:100%}
	.ab01 .pic img:nth-child(2){ width:100%; margin-top:10px}
}

.ab02{ padding:80px 0 0 0}
.ab02 .ibd{ margin-top:80px; overflow:hidden}
.ab02 .ibd .swiper02{ width:100%; overflow:hidden}
.ab02 .ibd .swiper02 .swiper-slide{ width:23.875%; margin-right:1.5%}
.ab02 .ibd .swiper02 .swiper-slide:last-child{ margin-right:0}
.ab02 .ibd .swiper02 .swiper-slide .pic{ width:100%}
.ab02 .ibd .swiper02 .swiper-slide .pic img{ width:100%}
.ab02 .ibd .swiper02 .swiper-slide .title{ font-size:16px; text-align:center; color:#333333; padding:15px; background:#fff}
.ab02 .ibd .swiper02 .pagination02{ margin-top:40px; width:100%; text-align:center}
.ab02 .ibd .swiper02 .pagination02 span{ width:10px; height:10px; border-radius:0; opacity:1; margin-right:0 5px; padding:0; background:#fff; background:#fff; transition:all 0.5s; border-radius:50%}
.ab02 .ibd .swiper02 .pagination02 .swiper-pagination-bullet-active{ background:#00a199;}
@media all and (max-width:1600px){
	.ab02{ padding:70px 0 0 0}
	.ab02 .ibd{ margin-top:70px; }
	.ab02 .ibd .swiper02 .swiper-slide .title{ font-size:14px; padding:12px; }
	.ab02 .ibd .swiper02 .pagination02{ margin-top:30px; }
}
@media all and (max-width:1200px){
	.ab02{ padding:60px 0 0 0}
	.ab02 .ibd{ margin-top:40px; }
	.ab02 .ibd .swiper02 .swiper-slide{ width:32%; margin-right:2%}
	.ab02 .ibd .swiper02 .swiper-slide .title{ font-size:14px; padding:12px; }
	.ab02 .ibd .swiper02 .pagination02{ margin-top:20px; }
	.ab02 .ibd .swiper02 .pagination02 span{ width:8px; height:8px; margin:0 4px}
}
@media all and (max-width:750px){
	.ab02{ padding:40px 0 0 0}
	.ab02 .ibd{ margin-top:20px; }
	.ab02 .ibd .swiper02 .swiper-slide{ width:49%; margin-right:2%}
	.ab02 .ibd .swiper02 .swiper-slide .title{ font-size:14px; padding:10px; }
	.ab02 .ibd .swiper02 .pagination02{ margin-top:15px; }
	.ab02 .ibd .swiper02 .pagination02 span{ width:8px; height:8px; margin:0 4px}
}

.ab03{ padding:80px 0 0 0}
.ab03 .ibd{ margin-top:80px; }
.ab03 .ibd .swiper03{ width:730px; margin:0 auto; position:relative }
.ab03 .ibd .swiper03 .swiper-slide{ width:100%;transform:scale(0.8); margin-right:70px; position:relative}
.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-active{ transform:scale(1)}
.ab03 .ibd .swiper03 .swiper-slide:last-child{ margin-right:0}
.ab03 .ibd .swiper03 .swiper-slide .pic{ width:100%; position:relative}
.ab03 .ibd .swiper03 .swiper-slide .pic:after{ content:""; display:block; width:100%; height:100%; background:url(x53.png) bottom center no-repeat; background-size:100%; position:absolute; left:0; bottom:0; opacity:0}
.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-active .pic:after{ opacity:1}
.ab03 .ibd .swiper03 .swiper-slide .pic img{ width:100%}
.ab03 .ibd .swiper03 .swiper-slide .title{ width:100%; box-sizing:border-box; padding:20px 50px; font-size:16px; color:#fff; position:absolute; left:0; bottom:0; z-index:2; opacity:0}
.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-active .title{ opacity:1}
.ab03 .ibd .swiper03 .prev03{ background:url(x49.png) center center no-repeat; width:36px; height:36px; background-size:cover; position:absolute; left:-88px; top:50%; margin-top:-18px; z-index:2; cursor:pointer}
.ab03 .ibd .swiper03 .prev03:hover{ background:url(x50.png) center center no-repeat; background-size:cover; transform:rotate(180deg)}
.ab03 .ibd .swiper03 .next03{ background:url(x49.png) center center no-repeat; width:36px; height:36px; background-size:cover; position:absolute; right:-88px; top:50%; margin-top:-18px; z-index:2; cursor:pointer; transform:rotate(180deg)}
.ab03 .ibd .swiper03 .next03:hover{ background:url(x50.png) center center no-repeat; background-size:cover; transform:rotate(0)}
@media all and (max-width:1600px){
	.ab03{ padding:70px 0 0 0}
	.ab03 .ibd{ margin-top:70px; }
	.ab03 .ibd .swiper03{ width:600px;  }
	.ab03 .ibd .swiper03 .swiper-slide{  margin-right:40px;}
	.ab03 .ibd .swiper03 .swiper-slide .title{ padding:20px 40px; font-size:14px;}
	.ab03 .ibd .swiper03 .prev03{ width:32px; height:32px; left:-66px; margin-top:-16px; }
	.ab03 .ibd .swiper03 .next03{ width:32px; height:32px; right:-66px; margin-top:-16px; }

}
@media all and (max-width:1200px){
	.ab03{ padding:60px 0 0 0}
	.ab03 .ibd{ margin-top:40px; }
	.ab03 .ibd .swiper03{ width:400px;  }
	.ab03 .ibd .swiper03 .swiper-slide{  margin-right:30px;}
	.ab03 .ibd .swiper03 .swiper-slide .title{ padding:20px 30px; font-size:14px;}
	.ab03 .ibd .swiper03 .prev03{ width:30px; height:30px; left:-52px; margin-top:-15px; }
	.ab03 .ibd .swiper03 .next03{ width:30px; height:30px; right:-52px; margin-top:-15px; }

}
@media all and (max-width:750px){
	.ab03{ padding:40px 0 0 0}
	.ab03 .ibd{ width:100%; margin-top:20px; }
	.ab03 .ibd .swiper03{ width:100%;  }
	.ab03 .ibd .swiper03 .swiper-slide{  margin-right:30px;}
	.ab03 .ibd .swiper03 .swiper-slide .title{ padding:15px; font-size:14px;}
	.ab03 .ibd .swiper03 .prev03{ width:28px; height:28px; left:-0; margin-top:-14px; background:url(x50.png) center center no-repeat; background-size:cover; transform:rotate(180deg) }
	.ab03 .ibd .swiper03 .next03{ width:28px; height:28px; right:-0; margin-top:-14px; background:url(x50.png) center center no-repeat; background-size:cover; transform:rotate(0) }
}


.ab04{  padding:90px 0}
.ab04 .ibd{ margin-top:80px}
.ab04 .ibd .swiper04{ width:100%; overflow:hidden}
.ab04 .ibd .swiper04 .swiper-slide{ width:100%; display:flex ;flex-wrap: wrap;}
.ab04 .ibd .swiper04 .swiper-slide .item{ width:19.2%; margin-right:1%; margin-bottom:1%; overflow:hidden}
.ab04 .ibd .swiper04 .swiper-slide .item 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;}
.ab04 .ibd .swiper04 .swiper-slide .item: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);}
.ab04 .ibd .swiper04 .swiper-slide .item:nth-child(5n){ margin-right:0}
.ab04 .ibd .swiper04 .swiper-slide .item img{ width:100%}
.ab04 .ibd .swiper04 .pagination04{ margin-top:40px; width:100%; text-align:center}
.ab04 .ibd .swiper04 .pagination04 span{ width:10px; height:10px; border-radius:0; opacity:1; margin-right:0 5px; padding:0; background:#fff; background:#fff; transition:all 0.5s; border-radius:50%}
.ab04 .ibd .swiper04 .pagination04 .swiper-pagination-bullet-active{ background:#00a199;}
@media (max-width: 1600px){
	.ab04{ padding:80px 0}
	.ab04 .ibd{ margin-top:60px}
	.ab04 .ibd .swiper04 .pagination04{ margin-top:30px;}
}
@media (max-width: 1200px){
	.ab04{ padding:60px 0}
	.ab04 .ibd{ margin-top:40px}
	.ab04 .ibd .swiper04 .pagination04{ margin-top:20px;}
	.ab04 .ibd .swiper04 .pagination04 span{ width:8px; height:8px; margin:0 4px}
}
@media (max-width: 750px){
	.ab04{ padding:40px 0}
	.ab04 .ibd{ margin-top:20px}
	.ab04 .ibd .swiper04 .pagination04{ margin-top:10px;}
	.ab04 .ibd .swiper04 .swiper-slide .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.ab04 .ibd .swiper04 .swiper-slide .item:nth-child(5n){ margin-right:3%}
	.ab04 .ibd .swiper04 .swiper-slide .item:nth-child(2n){ margin-right:0}
	.ab04 .ibd .swiper04 .pagination04 span{ width:8px; height:8px; margin:0 4px}
}

.container{ background:#f4faff; padding:60px 0}
@media all and (max-width:1600px){
	.container{ padding:40px 0}
}
/* 内容模式 */
.article {  width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.article .in{ box-sizing:border-box; padding:40px; background:#fff}
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.article .hd h1 { color:#000; font-size:28px; text-align:center; font-weight:normal; line-height:1.6 }
.article .hd .titBar { color:rgba(0,0,0,0.6); font-size:16px; text-align:center; margin-top:10px }
.article .bd {background:#fff; line-height:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .ft { margin:30px 0 0;}
.article .ft .in{ padding:0!important; background:none!important}
.article .ft ul{ border-top:1px dotted #ccc; padding:30px 0 0 0 }
.article .ft ul li { width:100%; background:#fff; background:#fff; box-sizing:border-box; text-align:left; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#1f83e6}
.in_pc{ display:block}
.in_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1200px){
	.article .in{ padding:20px;}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article .hd .titBar { font-size:12px}
	.article{ font-size:14px}
	.article .ft{ }
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
	.article .ihd{ font-size:20px;  padding:5px 0; margin-bottom:20px}
	.in_pc{ display:none}
	.in_sj{ display:block}
	.article .ft { margin:20px 0 0; height:auto}
	.article .ft ul{ display:block; height:auto; padding:20px 0 0 0}
	.article .ft ul li { width:100% }
	.article .bd{ font-size:14px; line-height:2}	
}


.newsPage2{ padding:0 0 40px 0}
.newsList2{ padding-bottom:30px}
.newsList2 .item{ width:100%; height:136px; margin-bottom:25px; background:#fff;}
.newsList2 .item a{ display:block;display:flex;align-items: center;   width:100%; height:100% }
.newsList2 .item .time{ width:190px; text-align:center; font-weight:bold; color:#5b5b5b}
.newsList2 .item .time .p1{ display:inline-block; vertical-align:top; font-size:32px; line-height:1; border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:8px}
.newsList2 .item .cont{ width:calc(100% - 190px); box-sizing:border-box; padding:0 45px 0 0}
.newsList2 .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList2 .item .cont .intro{ font-size:16px; color:rgba(0,0,0,0.45); line-height:24px; height:48px; margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover a{ }
.newsList2 .item:hover{ background:#00a199; box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsList2 .item:hover .time{ color:#fff}
.newsList2 .item:hover .time .p1{ border-bottom:1px solid #fff}
.newsList2 .item:hover .cont .title{ color:#fff;}
.newsList2 .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
@media all and (max-width:1200px){
	.newsPage2{ padding:0 0 }
	.newsList2{ padding-bottom:10px}
	.newsList2 .item{ margin-bottom:20px; height:125px}
	.newsList2 .item .time{ width:100px;}
	.newsList2 .item a{ }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 100px); padding:0 30px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsList2 .item{ height:100px}
	.newsList2 .item .time{ width:80px;}
	.newsList2 .item a{  }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 80px); padding:0 15px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}

/*picx*/
.picx{ }
.picxList{ width:100%;}
.picxList .item{ width:31.5%; float:left; margin-right:2.75%; background:#fff; margin-bottom:40px; position:relative; border-radius:20px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.picxList .item:nth-child(3n){ margin-right:0}
.picxList .item:hover{ box-shadow:0 0 10px rgba(00,0,0,0.15)}
.picxList .item a{}
.picxList .item a .pic{ width:100%; overflow:hidden; position:relative}
.picxList .item a .pic 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;}
.picxList .item:hover a .pic 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);}
.picxList .item a .cont{ }
.picxList .item a .cont .title{ font-size:18px; color:#fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center;  width:100%; box-sizing:border-box; padding:20px; font-weight:bold; background:#00a199; color:#fff}
.picxList .item:hover a .cont{}
@media all and (max-width:1600px){
	.picxList{ padding-bottom:10px}
	.picxList .item{ margin-bottom:30px}
	.picx{  }

}
@media all and (max-width:1200px){
	.picx{ }
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px}
	.picx{ }
	.picxList .item a .cont{ }
	.picxList .item a .cont .title{ font-size:16px}	

}
@media all and (max-width:750px){
	.picxList .item{ width:48.5%;   margin-right:3%;margin-bottom:15px; border-radius:10px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont{ padding:0}
	.picxList .item a .cont .title{ font-size:14px; padding:12px}	

}


.nr_pc{ display:block}
.nr_sj{ display:none}
@media all and (max-width:1200px){
	.nr_sj{ display:block}
	.nr_pc{ display:none}
}