@charset "utf-8";
.container{ padding:80px 0}
.container2{ background:#f7f8f9}
@media all and (max-width:1680px){
	.container{ padding:60px 0}
}
@media all and (max-width:1200px){
	.container{ padding:40px 0}
}

/*second_nav*/
.second_nav{ width:100%; background:#ffffff; border-bottom:1px solid #cccccc; position:relative; }
.second_nav .nr{ position:relative}
.second_nav ul{ font-size:0;}
.second_nav ul li{ display:inline-block; vertical-align:top; position:relative; margin-right:40px }
.second_nav ul li:last-child{ margin-right:0}
.second_nav ul li a{ display:block; line-height:70px; font-size:16px; color:#333333;}
.second_nav ul li.on a{ color:#0271b9;   font-weight:bold}
.second_nav ul li:hover a{ color:#0271b9;   font-weight:bold}
.second_nav .t{ display:none}

.location{ font-size:16px; color:#666666 ; display:flex; align-items: center; height:100%; position:absolute; right:0; top:0}
.location a{ color:#666666}
.location a:nth-child(1){ background:url(g_22.png) left center no-repeat; padding-left:25px}
.location a:hover{ color:#02619f}
@media (max-width: 1680px){
	.second_nav ul li a{ font-size:16px; line-height:60px}
	.location{ font-size:14px}
	.location a:nth-child(1){ background:url(g_22.png) left center no-repeat; background-size:15px; padding-left:25px}
}
@media (max-width: 1200px){
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#0271b9;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 .nr{ 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-top:1px solid #ccc; margin-right:0}
	.second_nav ul li a{ line-height:45px; font-size:16px; padding:0}
	.location{ display:none}
}
	



@media (max-width: 750px){
	.zzjg01{ padding:60px 0}
	.zzjg01 .ibd{ margin-top:20px}
	.zzjg01 .logo{ width:fit-content; margin:0 auto; background:#2354ad; border-radius:5px; padding:15px 25px}
	.zzjg01 .logo img{ height:32px}
	.zzjg01 .line1{  height:40px}
	.zzjg01 .line2{ width:calc(100% - 32px); }
	.zzjg01 .hd{ width:100%; position:relative; height:380px;}
	.zzjg01 .hd .item{ width:32px; margin-top:-1px;}
	.zzjg01 .hd .item:nth-child(2n){ position:absolute; top:0; width:0}
	.zzjg01 .hd .item .a1{ width:1px; height:20px; }
	.zzjg01 .hd .item .a2{ width:5px; height:5px;}
	.zzjg01 .hd .item .a3{   height:160px; font-size:14px; }
	.zzjg01 .bd{ margin-top:20px; }
	.zzjg01 .bd .title{ margin-top:20px; font-size:18px; }
	.zzjg01 .bd .intro{ font-size:12px; margin-top:12px;  }
	.zzjg01 .bd .intro p{ background:url(g_51.png) 0 10px no-repeat; padding-left:20px; background-size:5px}
	.zzjg01 .hd .item:nth-child(2n) .a1{ height:200px; }
	.zzjg01 .hd .item:nth-child(2){ left:calc((100% - 224px) / 12 + 16px + 16px)}
	.zzjg01 .hd .item:nth-child(4){ left:calc( ((100% - 224px) / 12 + 16px) * 3  + 16px)}
	.zzjg01 .hd .item:nth-child(6){ left:calc( ((100% - 224px) / 12 + 16px) * 5  + 16px)}
	.zzjg01 .hd .item:nth-child(8){ left:calc( ((100% - 224px) / 12 + 16px) * 7  + 16px)}
	.zzjg01 .hd .item:nth-child(10){ left:calc( ((100% - 224px) / 12 + 16px) * 9  + 16px)}
	.zzjg01 .hd .item:nth-child(12){ left:calc( ((100% - 224px) / 12 + 16px) * 11  + 16px)}
	.zzjg01 .hd .item:nth-child(2n) .a3{ width:32px; margin-left:-16px}
	.zzjg01 .hd .item:nth-child(2n) .a2{ transform:translateX(-50%)}
	
}



.pro .ihd{ text-align:center}
.pro .ihd .title{ font-size:36px; color:#333333; line-height:1; font-weight:bold}
.pro .ihd .intro{ font-size:16px; color:#666666; margin-top:15px}
.pro .ibd{ margin-top:60px; display:flex;  flex-wrap: wrap;}
.pro .ibd .proItem{ width:525px; margin:0 50px 0 0; background:#fff; overflow:hidden; height:580px}
.pro .ibd .proItem:nth-child(3n){ margin-right:0}
.pro .ibd .proItem .pic{ width:100%; text-align:center}
.pro .ibd .proItem .pic img{ height:400px; width:auto; transition:all 0.3s linear}
.pro .ibd .proItem .cont{ width:100%; height:120px; box-sizing:border-box; padding:0 40px}
.pro .ibd .proItem .cont .title{ font-size:28px; color:#333333; line-height:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro .ibd .proItem .cont .intro{ font-size:16px; color:#333333; line-height:24px; text-align:justify; margin-top:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.pro .ibd .proItem:hover .cont .title{ color:#0271b9; font-weight:bold}
.pro .ibd .proItem:hover .pic img{ height:360px}
.pro .ibd .proItem .cont .more{ margin-top:30px; width:130px; height:37px;display:flex;align-items: center;justify-content: center; border-radius:20px; background:url(g_23.png) center center no-repeat; background-size:cover; border-radius:20px; color:#fff; font-size:16px; display:none}
.pro .ibd .proItem:hover .cont .more{ display:flex}






@media all and (max-width:1680px){
	.pro .ihd .title{ font-size:30px; }
	.pro .ihd .intro{ font-size:14px; }
	.pro .ibd{ margin-top:40px}
	.pro .ibd .proItem{ width:380px; margin:0 30px 0 0; height:480px}
	.pro .ibd .proItem .pic img{ height:312px; width:auto;}
	.pro .ibd .proItem:hover .pic img{ height:260px}
	.pro .ibd .proItem .cont{ padding:20px 30px 0 30px; height:140px}
	.pro .ibd .proItem .cont .title{ font-size:20px; line-height:24px}
	.pro .ibd .proItem .cont .intro{ font-size:14px; line-height:25px;}
	.pro .ibd .proItem .cont .bq{ overflow:hidden; margin-bottom:10px; padding-bottom:15px}
	.pro .ibd .proItem .cont .bq .all{ max-height:70px; overflow:hidden}
	.pro .ibd .proItem .cont .bq span{ height:29px; font-size:12px}

	
	.pro .ibd .proItem .cont .more{ margin-top:20px; width:110px; height:32px; font-size:14px}
	
	
}
@media all and (max-width:1200px){
	.pro .ihd .title{ font-size:20px; }
	.pro .ihd .intro{ font-size:12px; margin-top:10px }
	.pro .ibd{ margin-top:30px}
	.pro .ibd .proItem{ width:100%; margin:0 0 20px 0; height:auto}
	.pro .ibd .proItem .pic img{ height:160px; width:auto;}
	.pro .ibd .proItem:hover .pic img{ height:160px}
	.pro .ibd .proItem .cont{ padding:10px 20px 20px; height:auto}
	.pro .ibd .proItem .cont .title{ font-size:16px; line-height:24px}
	.pro .ibd .proItem .cont .intro{ font-size:12px; line-height:20px; margin-top:10px}
	.pro .ibd .proItem .cont .bq{ height:auto; display:block; padding:0 0 10px 0}
	.pro .ibd .proItem .cont .bq span{ height:28px; font-size:12px}
	.pro .ibd .proItem .cont .bq .all{ max-height:none; overflow:hidden}
	.pro .ibd .proItem .cont .more{ margin-top:15px; width:100px; height:32px; font-size:14px; display:flex}
	.pro .ibd .proItem .cont .intro{ display:block; height:auto}
	.pro .ibd .proItem:hover .cont .intro{ display:block; height:auto}
	.pro .ibd .proItem .cont .bq{ margin-top:10px}
}

.prodis{ padding-bottom:80px}
.prodis01{ background:url(g_26.jpg) center center no-repeat; background-size:cover; padding:80px 0;}
.prodis01.bb{ margin-bottom:20px}
.prodis01.bb:last-child{ margin-bottom:0}
.prodis01 .nr{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; flex-direction: row-reverse;}
.prodis01 .nr .pic{ width:700px; margin-right:80px}
.prodis01 .nr .pic img{ width:100%}
.prodis01 .nr .lt{ width:730px}
.prodis01 .nr .lt .a1{ font-size:18px; color:#0270b8; font-weight:bold}
.prodis01 .nr .lt .a2{ font-size:36px; color:#222222; font-weight:bold; margin-top:5px}
.prodis01 .nr .lt .a3{ font-size:18px; color:#000; margin-top:30px}
.prodis01 .nr .lt .a4{ font-size:16px; color:#333; margin-top:10px}
.prodis01 .nr .lt .a5{ margin-top:120px; display:flex; align-items: center;}
.prodis01 .nr .lt .a5 .link1{ display:flex; align-items: center; justify-content: center; width:170px; height:49px; font-size:18px; color:#292c2e; box-sizing:border-box; border:1px solid #292c2e; border-radius:25px}
.prodis01 .nr .lt .a5 .link1:hover{ background:url(g_27.png) center center no-repeat; background-size:cover; color:#fff; border:0}
.prodis01 .nr .lt .a5 .link2{ display:flex; align-items: center; justify-content: center; height:49px;  color:#fff; box-sizing:border-box; border-radius:25px; background:url(g_27.png) center center no-repeat; background-size:cover; font-size:24px; padding:0 22px; margin-left:20px}
.prodis01 .nr .lt .a5 .link2 img{ display:block; height:25px; margin-right:15px}
@media all and (max-width:1680px){
	.prodis{ padding-bottom:60px}
	.prodis01{ padding:60px 0}
	.prodis01 .nr .pic{ width:560px; margin-right:0}
	.prodis01 .nr .lt{ width:560px}
	.prodis01 .nr .lt .a1{ font-size:16px; }
	.prodis01 .nr .lt .a2{ font-size:32px; }
	.prodis01 .nr .lt .a3{ font-size:16px; margin-top:20px}
	.prodis01 .nr .lt .a4{ font-size:14px; }
	.prodis01 .nr .lt .a5{ margin-top:80px; }
	.prodis01 .nr .lt .a5 .link1{ width:140px; height:40px; font-size:16px; }
	.prodis01 .nr .lt .a5 .link2{ height:40px;  font-size:20px; padding:0 16px; margin-left:15px}
	.prodis01 .nr .lt .a5 .link2 img{ height:20px; margin-right:10px}
}
@media all and (max-width:1200px){
	.prodis{ padding-bottom:40px}
	.prodis01{ padding:40px 0}
	.prodis01 .nr .pic{ width:100%; margin-right:0; text-align:center}
	.prodis01 .nr .pic img{ max-width:100%}
	.prodis01 .nr .lt{ width:100%; margin-top:20px}
	.prodis01 .nr .lt .a1{ font-size:14px; }
	.prodis01 .nr .lt .a2{ font-size:24px; }
	.prodis01 .nr .lt .a3{ font-size:14px; margin-top:15px}
	.prodis01 .nr .lt .a4{ font-size:12px; }
	.prodis01 .nr .lt .a5{ margin-top:30px; }
	.prodis01 .nr .lt .a5 .link1{ width:120px; height:36px; font-size:14px; }
	.prodis01 .nr .lt .a5 .link2{ height:36px;  font-size:16px; padding:0 15px; margin-left:15px}
	.prodis01 .nr .lt .a5 .link2 img{ height:18px; margin-right:10px}
}
@media all and (max-width:750px){
	.prodis01 .nr .lt .a1{ font-size:12px; }
	.prodis01 .nr .lt .a2{ font-size:20px; }
	.prodis01 .nr .lt .a3{ font-size:12px; margin-top:12px}
	.prodis01 .nr .lt .a4{ font-size:12px; }
	.prodis01 .nr .lt .a5{ margin-top:20px; }
	.prodis01 .nr .lt .a5 .link1{ width:100px; height:32px; font-size:12px; }
	.prodis01 .nr .lt .a5 .link2{ height:32px;  font-size:14px; padding:0 15px; margin-left:10px}
	.prodis01 .nr .lt .a5 .link2 img{ height:16px; margin-right:10px}
}
.prodis_nav{ box-shadow:0 0 10px rgba(0,0,0,0.15)}
.prodis_nav .nr{ display:flex}
.prodis_nav .item{ margin-right:40px}
.prodis_nav .item a{ display:flex; align-items: center; justify-content: center; height:86px; font-size:18px; color:#3b3b3b; padding:0 15px; position:relative}
.prodis_nav .item a.on:after{ content:""; display:block; width:100%; height:2px; background:#0271b9; position:absolute; left:0; bottom:0}
.prodis_nav .item a.on{ color:#0271b9; font-weight:bold}
.prodis_nav .item a:hover:after{ content:""; display:block; width:100%; height:2px; background:#0271b9; position:absolute; left:0; bottom:0}
.prodis_nav .item a:hover{ color:#0271b9; font-weight:bold}
@media all and (max-width:1680px){
	.prodis_nav .item{ margin-right:30px}
	.prodis_nav .item a{  height:70px; font-size:16px; }
}
@media all and (max-width:1200px){
	.prodis_nav .item{ margin-right:20px}
	.prodis_nav .item a{  height:50px; font-size:14px; }
}
@media all and (max-width:750px){
	.prodis_nav .item{ width:25%; margin-right:0; width:auto}
	.prodis_nav .item a{  height:50px; font-size:14px; padding:0 15px }
}

.prodis02{ padding:80px 0 0}
.prodis .ihd{ text-align:center; font-size:36px; color:#222222; line-height:1}
.prodis02 .ibd{ background:#f3f3f3; box-shadow:0 0 5px rgba(0,0,0,0.1); padding:35px 50px; border-radius:10px; margin-top:50px; font-size:16px; color: #333}
@media all and (max-width:1680px){
	.prodis02{ padding:60px 0 0}
	.prodis .ihd{  font-size:28px; }
	.prodis02 .ibd{ padding:25px 35px; margin-top:30px; font-size:14px;}
}
@media all and (max-width:1200px){
	.prodis02{ padding:40px 0 0}
	.prodis .ihd{  font-size:24px; }
	.prodis02 .ibd{ padding:20px 25px; margin-top:20px; font-size:12px;}
}
@media all and (max-width:750px){
	.prodis .ihd{  font-size:20px; }
	.prodis02 .ibd{ padding:20px; margin-top:20px; font-size:12px; line-height:1.6; text-align:justify}
}


.prodis03{ background:#f3f3f3; padding:80px 0}
.prodis03 .ibd{ display:flex;justify-content: space-between; flex-wrap: wrap; padding-top:30px}
.prodis03 .ibd .item{ display:flex; align-items: center; padding:20px; box-sizing:border-box; background:#fff; width:49%; margin-top:30px; border-radius:10px; position:relative; transition:all 0.5s; top:0 }
.prodis03 .ibd .item .num{ background:url(g_29.png) center center no-repeat; background-size:cover; width:51px; height:51px; display:flex; align-items: center; justify-content: center; font-size:30px; font-family:Arial; color:#fff; font-weight:bold}
.prodis03 .ibd .item .title{ width:calc(100% - 51px); box-sizing:border-box; padding-left:25px; font-size:20px; color:#323232}
.prodis03 .ibd .item:hover:after{ content:""; display:block; width:100%; height:7px; background: linear-gradient(to right, #0483c3, #2b997b, #50af35); position:absolute; left:0; bottom:0}
@media all and (max-width:1680px){
	.prodis03{ padding:60px 0}
	.prodis03 .ibd{ padding-top:25px}
	.prodis03 .ibd .item{ padding:16px; margin-top:25px;}
	.prodis03 .ibd .item .num{ width:45px; height:45px; font-size:26px;}
	.prodis03 .ibd .item .title{ width:calc(100% - 45px);  padding-left:20px; font-size:18px; }
	.prodis03 .ibd .item:hover:after{ height:5px;}
}
@media all and (max-width:1200px){
	.prodis03{ padding:40px 0}
	.prodis03 .ibd{ padding-top:10px}
	.prodis03 .ibd .item{ padding:16px; margin-top:20px;}
	.prodis03 .ibd .item .num{ width:40px; height:40px; font-size:22px;}
	.prodis03 .ibd .item .title{ width:calc(100% - 40px);  padding-left:15px; font-size:16px; }
	.prodis03 .ibd .item:hover:after{ height:4px;}
}
@media all and (max-width:750px){
	.prodis03{ padding:40px 0}
	.prodis03 .ibd{ padding-top:5px}
	.prodis03 .ibd .item{ width:100%; padding:15px; margin-top:15px;}
	.prodis03 .ibd .item .num{ width:36px; height:36px; font-size:20px;}
	.prodis03 .ibd .item .title{ width:calc(100% - 36px);  padding-left:12px; font-size:14px; }
	.prodis03 .ibd .item:hover:after{ height:3px;}
}

.prodis04{ padding:80px 0 0}
.prodis04 .ibd{ font-size:16px; color:#333; line-height:2; margin-top:50px}
.prodis04 .ibd img{ max-width:100%}
@media all and (max-width:1680px){
	.prodis04{ padding:60px 0 0}
	.prodis04 .ibd{ font-size:14px;  margin-top:30px}
}
@media all and (max-width:1200px){
	.prodis04{ padding:40px 0 0}
	.prodis04 .ibd{ margin-top:20px}
}

.prodis05{ padding:80px 0}
.prodis05 .ibd{ margin-top:50px}
.prodis05 .ibd .swiper05{ width:100%; overflow:hidden}
.prodis05 .ibd .swiper05 .swiper-slide{ width:540px; margin-right:30px;}
.prodis05 .ibd .swiper05 .swiper-slide .pic{ width:100%; overflow:hidden}
.prodis05 .ibd .swiper05 .swiper-slide .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;}
.prodis05 .ibd .swiper05 .swiper-slide: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);}
.prodis05 .ibd .swiper05 .swiper-slide .title{ font-size:24px; color:#222222; background:#f3f8fb; text-align:center; padding:15px; box-sizing:border-box}
.prodis05 .ibd .swiper05 .pagination05{ width:100%; text-align:center; font-size:0; margin-top:40px;}
.prodis05 .ibd .swiper05 .pagination05 span{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:100%; background:#999999; opacity:1}
.prodis05 .ibd .swiper05 .pagination05 span.swiper-pagination-bullet-active{ background:url(g_31.png) center center no-repeat; background-size:cover}
@media all and (max-width:1680px){
	.prodis05{ padding: 60px 0}
	.prodis05 .ibd{ margin-top:40px}
	.prodis05 .ibd .swiper05 .swiper-slide{ width:32%; margin-right:2%;}
	.prodis05 .ibd .swiper05 .swiper-slide .title{ font-size:20px; padding:12px; }
	.prodis05 .ibd .swiper05 .pagination05{ margin-top:30px;}
	.prodis05 .ibd .swiper05 .pagination05 span{ width:8px; height:8px;  }
}
@media all and (max-width:1200px){
	.prodis05{ padding: 40px 0}
	.prodis05 .ibd{ margin-top:30px}
	.prodis05 .ibd .swiper05 .swiper-slide{ width:32%; margin-right:2%;}
	.prodis05 .ibd .swiper05 .swiper-slide .title{ font-size:18px; padding:12px; }
	.prodis05 .ibd .swiper05 .pagination05{ margin-top:20px;}
	.prodis05 .ibd .swiper05 .pagination05 span{ width:8px; height:8px;  }
}
@media all and (max-width:750px){
	.prodis05{ padding: 40px 0}
	.prodis05 .ibd{ margin-top:30px}
	.prodis05 .ibd .swiper05 .swiper-slide{ width:49%; margin-right:2%;}
	.prodis05 .ibd .swiper05 .swiper-slide .title{ font-size:16px; padding:10px; }
	.prodis05 .ibd .swiper05 .pagination05{ margin-top:20px;}
	.prodis05 .ibd .swiper05 .pagination05 span{ width:8px; height:8px;  }
}

.abanner{ width:100%; position:relative; overflow:hidden}


.abanner .pic{ width:100%; overflow:hidden}
.abanner .pic img{ width:100%}
.abanner .pic img.img1{ display:block}
.abanner .pic img.img2{ display:none}
.abanner .cont{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);}
.abanner.abanner102 .cont{ display:none}
.abanner .cont .nr{ position:relative}
.abanner .cont .ico img{ height:302px;}
.abanner .cont .intro{ position:absolute; left:0; width:100%;  top:50%; transform:translateY(-50%);}
.abanner .cont .intro .t{ font-size:58px; font-weight:bold; color:#fff; line-height:1}
.abanner .cont .intro .i{ font-size:24px; color:#fff; margin-top:30px}
.abanner .play{ position:absolute; left:60%; top:50%; transform:translate(-50%,-50%); z-index:9}
.abanner .play span{ display:block; background:url(g_42.png) center center no-repeat; background-size:calc(100% + 2px); width:58px; height:58px; cursor:pointer; border-radius:50%}


.abanner .play span{ 
	box-shadow: 0 0 rgba(255, 255, 255, 0.7),0 0 0 15px rgba(255, 255, 255, 0.4),0 0 0 30px rgba(255, 255, 255,0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite;
}


 
@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.7),0 0 0 30px rgba(255, 255, 255, 0.4),0 0 0 45px rgba(255, 255, 255, 0.1);
	}
}
@media all and (max-width:1680px){
	.abanner .cont .ico img{ height:260px;}
	.abanner .cont .intro .t{ font-size:48px; }
	.abanner .cont .intro .i{ font-size:20px; margin-top:25px}
	.abanner .play span{ width:52px; height:52px;  }
}
@media all and (max-width:1200px){
	.abanner .cont .ico img{ height:200px;}
	.abanner .cont .intro .t{ font-size:36px; }
	.abanner .cont .intro .i{ font-size:16px; margin-top:20px; width:50%}
	.abanner .play span{ width:46px; height:46px;  }
	.abanner .pic img.img2{ display:block}
	.abanner .pic img.img1{ display:none}
}
@media all and (max-width:750px){
	.abanner .cont .ico img{ height:160px;}
	.abanner .cont .intro .t{ font-size:24px; }
	.abanner .cont .intro .i{ font-size:12px; margin-top:20px; width:70%}
	.abanner .play{ left:80%}
	.abanner .play span{ width:40px; height:40px;  }
}

.about01{ background:url(g_32.jpg) left bottom no-repeat; background-size:cover; padding:80px 0}
.about01 .nr{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.about01 .nr .lt{ width:600px}
.about01 .nr .rt{ width:1000px}
.about01 .nr .lt .a1{ text-align:center; width:fit-content}
.about01 .nr .lt .a1 .n1{ font-size:100px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:rgba(2,113,185,0.34); position:relative; line-height:1}
.about01 .nr .lt .a1 .n1 img{ position:absolute; left:96%; top:60%}
.about01 .nr .lt .a1 .n2{ font-size:50px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:rgba(2,113,185,0.34); line-height:1; font-weight:bold}
.about01 .nr .lt .a3{ font-size:30px; color:#0271b9; line-height:1; margin-top:160px}
.about01 .nr .lt .a4{ font-size:36px; color:#0271b9; font-weight:bold; line-height:1.2; margin-top:25px}
.about01 .nr .rt .title{ font-size:42px; color:#222222; font-weight:bold; display:none}
.about01 .nr .rt .intro{ font-size:16px; color:#414141; margin-top:40px; line-height:2; margin-top:0!important}
.about01 .nr .rt ul{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; margin-top:60px}
.about01 .nr .rt ul li.li02{ width:1px; height:56px; background:#cfcfcf;}
.about01 .nr .rt ul li.li02:last-child{ display:none}
.about01 .nr .rt ul li .p1 span{ font-size:82px; color:#0271b9 ; font-family:Arial; line-height:1}
.about01 .nr .rt ul li .p1 i{ font-size:24px; color:#0271b9; line-height:1}
.about01 .nr .rt ul li .p2{ font-size:16px; color:#666666}
@media all and (max-width:1680px){
	.about01{ padding:60px 0}
	.about01 .nr{ display:flex;justify-content: space-between; flex-wrap: wrap;}
	.about01 .nr .lt{ width:450px}
	.about01 .nr .rt{ width:700px}
	.about01 .nr .lt .a1 .n1{ font-size:80px;}
	.about01 .nr .lt .a1 .n1 img{ height:60px}
	.about01 .nr .lt .a1 .n2{ font-size:40px; }
	.about01 .nr .lt .a3{ font-size:24px; margin-top:150px}
	.about01 .nr .lt .a4{ font-size:28px; }
	.about01 .nr .rt .title{ font-size:32px; }
	.about01 .nr .rt .intro{ font-size:14px; margin-top:30px }
	.about01 .nr .rt ul{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; margin-top:40px}
	.about01 .nr .rt ul li.li02{ height:48px; }
	.about01 .nr .rt ul li .p1 span{ font-size:60px; }
	.about01 .nr .rt ul li .p1 i{ font-size:20px; }
	.about01 .nr .rt ul li .p2{ font-size:14px; }
}
@media all and (max-width:1200px){
	.about01{ padding:40px 0; background:#f7f8f9}
	.about01 .nr .lt{ width:100%}
	.about01 .nr .rt{ width:100%}
	.about01 .nr .lt .a1 .n1{ font-size:60px;}
	.about01 .nr .lt .a1 .n1 img{ height:40px}
	.about01 .nr .lt .a1 .n2{ font-size:30px; }
	.about01 .nr .lt .a3{ font-size:20px; margin-top:30px}
	.about01 .nr .lt .a4{ font-size:24px; }
	.about01 .nr .rt .title{ font-size:24px; margin-top:25px }
	.about01 .nr .rt .intro{ font-size:12px; margin-top:20px }
	.about01 .nr .rt ul{ margin-top:20px}
	.about01 .nr .rt ul li.li02{ height:36px; }
	.about01 .nr .rt ul li .p1 span{ font-size:46px; }
	.about01 .nr .rt ul li .p1 i{ font-size:16px; }
	.about01 .nr .rt ul li .p2{ font-size:12px; }
}
@media all and (max-width:750px){
	.about01 .nr .lt .a1 .n1{ font-size:40px;}
	.about01 .nr .lt .a1 .n1 img{ height:30px}
	.about01 .nr .lt .a1 .n2{ font-size:20px; }
	.about01 .nr .lt .a3{ font-size:18px; margin-top:20px}
	.about01 .nr .lt .a4{ font-size:20px; }
	.about01 .nr .rt .title{ font-size:20px; margin-top:20px }
	.about01 .nr .rt .intro{ font-size:12px; margin-top:16px }
	.about01 .nr .rt ul{ margin-top:20px}
	.about01 .nr .rt ul li.li02{ height:0; }
	.about01 .nr .rt ul li .p1 span{ font-size:28px; }
	.about01 .nr .rt ul li .p1 i{ font-size:14px; }
	.about01 .nr .rt ul li .p2{ font-size:12px; }
}

.about02{ padding:80px 0}
.about .ihd{ text-align:center; font-size:42px; color:#222222; line-height:1; font-weight:bold}
.about02 .ibd{ width:1100px; position:relative; margin:0 auto; margin-top:80px;}
.about02 .ibd .swiper02{ width:100%;}
.about02 .ibd .swiper02 .swiper-slide{ width:100%; }
.about02 .ibd .swiper02 .swiper-slide .pic{ width:100%; position:relative; overflow:hidden}
.about02 .ibd .swiper02 .swiper-slide .pic:after{ content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:50; top:0;}
.about02 .ibd .swiper02 .swiper-slide .pic img{ width:100%}
.about02 .ibd .swiper02 .swiper-slide{ width:100%; transform:scale(0.8)}
.about02 .ibd .swiper02 .swiper-slide.swiper-slide-active{ transform:scale(1)}
.about02 .ibd .swiper02 .swiper-slide .title{ color:#fff; position:absolute; left:60px; bottom:50px; font-size:30px; line-height:1}
.about02 .ibd .swiper02 .swiper-slide.swiper-slide-active .pic:after{ background:rgba(0,0,0,0)}
.about02 .ibd .prev02{ background:url(g_36.png) center center no-repeat; left:-30px; position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; background-size:cover; z-index:9; transform:rotate(180deg); cursor:pointer}
.about02 .ibd .prev02:hover{ background:url(g_35.png) center center no-repeat; background-size:cover; transform:rotate(0)}
.about02 .ibd .next02{ background:url(g_36.png) center center no-repeat; right:-30px; position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; background-size:cover; z-index:9; transform:rotate(0); cursor:pointer}
.about02 .ibd .next02:hover{ background:url(g_35.png) center center no-repeat; background-size:cover; transform:rotate(180deg)}
@media all and (max-width:1680px){
	.about02{ padding:60px 0}
	.about .ihd{ font-size:32px; }
	.about02 .ibd{ width:850px; margin-top:60px;}
	.about02 .ibd .swiper02 .swiper-slide .title{ left:50px; bottom:40px; font-size:24px; }
	.about02 .ibd .prev02{  left:-26px; margin-top:-26px; width:52px; height:52px; }
	.about02 .ibd .next02{  right:-26px; margin-top:-26px; width:52px; height:52px; }
}
@media all and (max-width:1200px){
	.about02{ padding:40px 0}
	.about .ihd{ font-size:24px; }
	.about02 .ibd{ width:80%; margin-top:30px;}
	.about02 .ibd .swiper02 .swiper-slide .title{ left:5%; bottom:10%; font-size:20px; }
	.about02 .ibd .prev02{  left:-20px; margin-top:-20px; width:40px; height:40px; }
	.about02 .ibd .next02{  right:-20px; margin-top:-20px; width:40px; height:40px; }
}
@media all and (max-width:750px){
	.about .ihd{ font-size:20px; }
	.about02 .ibd{ width:86%; margin-top:20px;}
	.about02 .ibd .swiper02 .swiper-slide .title{ left:5%; bottom:10%; font-size:16px; }
	.about02 .ibd .prev02{  left:-16px; margin-top:-16px; width:32px; height:32px; }
	.about02 .ibd .next02{  right:-16px; margin-top:-16px; width:32px; height:32px; }
}

.about03{ background:url(g_37.jpg) center center no-repeat; background-size:cover; padding:80px 0}
.about03 .ibd{ margin-top:50px}
.about03 .ibd .hd{ border-bottom:1px solid #b8b8b8}
.about03 .ibd .hd ul{ display:flex; align-items: center; justify-content: center;}
.about03 .ibd .hd ul li{ display:flex; align-items: center; justify-content: center; height:70px; position:relative; font-size:24px; color:#333333; padding:0 36px; cursor:pointer}
.about03 .ibd .hd ul li.on:after{ content:""; display:block; width:100%; height:2px; background:linear-gradient(to right, #0483c3, #2b997b, #50af35); position:absolute; left:0; bottom:-1px; z-index:2}
.about03 .ibd .bd{ margin-top:35px}
.about03 .ibd .bd .con{ width:100%; overflow:hidden; position:relative}
.about03 .ibd .bd .con .intro{ width:840px; margin:0 auto; font-size:16px; color:#333333; text-align:center}
.about03 .ibd .bd .con .swiper03{ width:100%; overflow:hidden; margin-top:45px}
.about03 .ibd .bd .con .swiper03 .swiper-slide{ width:17.5%; margin-right:10%}
.about03 .ibd .bd .con .swiper03 .swiper-slide:nth-child(2n){ margin-top:5%}
.about03 .ibd .bd .con .swiper03 .swiper-slide:last-child{ margin-right:0}
.about03 .ibd .bd .con .swiper03 .swiper-slide .pic{ width:90%; margin:0 auto}
.about03 .ibd .bd .con .swiper03 .swiper-slide .pic img{ width:100%}
.about03 .ibd .bd .con .swiper03 .swiper-slide .bj{ width:100%}
.about03 .ibd .bd .con .swiper03 .swiper-slide .bj img{ width:100%}
.about03 .ibd .bd .con .swiper03 .swiper-slide .title{ font-size:16px; color:#333333; text-align:center; margin-top:-10px}
.about03 .ibd .bd .con .swiper03 .pagination03{ margin-top:40px; text-align:center; font-size:0}
.about03 .ibd .bd .con .swiper03 .pagination03 span{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:100%; background:#999999; opacity:1}
.about03 .ibd .bd .con .swiper03 .pagination03 span.swiper-pagination-bullet-active{ background:url(g_31.png) center center no-repeat; background-size:cover}
@media all and (max-width:1680px){
	.about03{ padding:60px 0}
	.about03 .ibd{ margin-top:40px}
	.about03 .ibd .hd ul li{ height:60px;  font-size:20px; padding:0 30px; }
	.about03 .ibd .bd{ margin-top:25px}
	.about03 .ibd .bd .con{ width:100%; overflow:hidden; position:relative}
	.about03 .ibd .bd .con .intro{ width:740px; font-size:14px; }
	.about03 .ibd .bd .con .swiper03{ margin-top:35px}
	.about03 .ibd .bd .con .swiper03 .swiper-slide .title{ font-size:14px; }
	.about03 .ibd .bd .con .swiper03 .pagination03{ margin-top:30px; }
	.about03 .ibd .bd .con .swiper03 .pagination03 span{ width:8px; height:8px; }
}
@media all and (max-width:1200px){
	.about03{ padding:40px 0}
	.about03 .ibd{ margin-top:20px}
	.about03 .ibd .hd ul li{ height:50px;  font-size:16px; padding:0 20px; }
	.about03 .ibd .bd{ margin-top:25px}
	.about03 .ibd .bd .con .intro{ width:100%; font-size:12px; }
	.about03 .ibd .bd .con .swiper03{ margin-top:25px}
	.about03 .ibd .bd .con .swiper03 .pagination03{ margin-top:20px; }
	.about03 .ibd .bd .con .swiper03 .pagination03 span{ width:8px; height:8px; padding:0; margin:0 3px }
}
@media all and (max-width:750px){
	.about03 .ibd .hd ul li{ padding:0 15px; }
	.about03 .ibd .bd .con .swiper03 .swiper-slide{ width:30%; margin-right:5%}
}
.about04{ padding:80px 0; background:linear-gradient(to bottom, #fff , #f3f8fb)}
.about04 .iintro{ text-align:center; font-size:24px; color:#333232; margin-top:20px}
.about04 .iintro i{ color:#0271b9}
.about04 .ibd{ margin-top:50px; }
.about04 .ibd .swiper04{ width:100%; overflow:hidden; padding:5px; margin:-5px}
.about04 .ibd .swiper04 .swiper-slide{ }
.about04 .ibd .swiper04 .swiper-slide .pic{ width:100%; overflow:hidden; border-radius:15px; box-shadow:0 0 5px rgba(0,0,0,0.15)}
.about04 .ibd .swiper04 .swiper-slide .pic img{ width:100%}
.about04 .ibd .swiper04 .pagination04{ margin-top:30px; text-align:center; font-size:0}
.about04 .ibd .swiper04 .pagination04 span{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:100%; background:#999999; opacity:1}
.about04 .ibd .swiper04 .pagination04 span.swiper-pagination-bullet-active{ background:url(g_31.png) center center no-repeat; background-size:cover}
.about04 .ibd .acon{ display:flex; flex-wrap: wrap;}
.about04 .ibd .acon .item{ width:15%; margin-right:2%; margin-bottom:2%}
.about04 .ibd .acon .item .pic{ width:100%; overflow:hidden; border-radius:15px; box-shadow:0 0 5px rgba(0,0,0,0.15)}
.about04 .ibd .acon .item .pic img{ width:100%}
.about04 .ibd .acon .item:nth-child(6n){ margin-right:0}

@media all and (max-width:1680px){
	.about04{ padding:60px 0 }
	.about04 .iintro{ font-size:20px; margin-top:15px}
	.about04 .ibd{ margin-top:40px; }
	.about04 .ibd .swiper04 .swiper-slide .pic{  border-radius:12px; }
	.about04 .ibd .swiper04 .pagination04{ margin-top:20px; }
	.about04 .ibd .swiper04 .pagination04 span{  width:8px; height:8px; }

}
@media all and (max-width:1200px){
	.about04{ padding:50px 0 }
	.about04 .iintro{ font-size:16px; margin-top:12px}
	.about04 .ibd{ margin-top:20px; }
	

	.about04 .ibd .acon .item{ width:23.5%;}
	.about04 .ibd .acon .item .pic{ border-radius:10px}
	.about04 .ibd .acon .item:nth-child(6n){ margin-right:2%}
	.about04 .ibd .acon .item:nth-child(4n){ margin-right:0}
}
@media all and (max-width:750px){
	.about04 .ibd .swiper04 .swiper-slide .pic{  border-radius:10px; }
	.about04 .ibd .swiper04 .pagination04 span{  width:6px; height:6px; margin:0 3px; padding:0 }
	
	.about04 .ibd .acon .item{ width:32%;}
	.about04 .ibd .acon .item:nth-child(6n){ margin-right:2%}
	.about04 .ibd .acon .item:nth-child(4n){ margin-right:2%}
	.about04 .ibd .acon .item:nth-child(3n){ margin-right:0}

}




.newsList{ width:100%; padding:0 0 40px}
.newsList .newsListItem{ width:32%; float:left; margin-right:2%; margin-bottom:2%}
.newsList .newsListItem:nth-child(3n){ margin-right:0}
.newsList .newsListItem .a{ width:100%; box-sizing:border-box; padding:calc(520 / 840 * 100%) 0 0 0; position:relative; overflow:hidden}
.newsList .newsListItem .a .b{ width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.3s linear;transform:scale(1);}
.newsList .newsListItem:hover .a .b{ transform:scale(1.1);}

.newsList .newsListItem .pic{ width:100%; overflow:hidden}
.newsList .newsListItem .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 .newsListItem:hover .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);}
.newsList .newsListItem .title{ font-size:18px; color:#333333; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:25px}
.newsList .newsListItem .intro{ font-size:14px; color:#999999; line-height:25px; height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:12px}
.newsList .newsListItem .time{ font-size:14px; color:#0271b9; margin-top:16px}
.newsList .newsListItem:hover .title{ color:#0271b9}
@media all and (max-width:1680px){

}
@media all and (max-width:1200px){
	.newsList{ width:100%; padding:0 0 20px}
	.newsList .newsListItem .title{ font-size:16px; margin-top:15px}
	.newsList .newsListItem .intro{ font-size:12px; line-height:20px; height:40px}
	.newsList .newsListItem .time{ font-size:12px; color:#0271b9; margin-top:12px}
}
@media all and (max-width:750px){
	.newsList .newsListItem{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.newsList .newsListItem:nth-child(3n){ margin-right:3%}
	.newsList .newsListItem:nth-child(2n){ margin-right:0}

}

/* 分页 */
.page {  line-height:24px; text-align:center; }
.page select{ display:none}
.page a { display:inline-block; margin:0 2px; padding:8px 12px; border:1px solid #ececec; background:#ececec; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #0271b9; background:#0271b9; color:#fff; }
@media all and (max-width:1680px){
	.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:3px 0}
}
/* 内容模式 */
.article { width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.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 .nr{ 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:#0271b9}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1680px){
	.article { }
}
@media all and (max-width:1200px){
	.article { }
	.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}
	.nr_pc{ display:none}
	.nr_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}	
}



@media all and (max-width:1680px){
	.article .nr{ }
}

@media all and (max-width:1200px){
	.article{ padding:0 0;}
	.article .nr{}
}


.newsPage2{  }
.newsList2{ padding-bottom:30px}
.newsList2 .item{ width:100%; height:136px; margin-bottom:25px; background:#f1f1f1;}
.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:#0271b9; 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{ }
	.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{ padding:60px 0}
.picxList{ width:100%;}
.picxList .item{ width:31.5%; float:left; margin-right:2.75%; background:#fff; margin-bottom:40px}
.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{ padding:20px; background:#fff}
.picxList .item a .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center;}
.picxList .item:hover a .cont .title{ color:#fff; background:#0271b9}
.picxList .item:hover a .cont{ color:#fff; background:#0271b9}
@media all and (max-width:1680px){
	.picxList{ padding-bottom:30px}
	.picxList .item{ margin-bottom:30px}
	.picx{ padding:40px 0 60px}

}
@media all and (max-width:1200px){
	.picx{}
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px}
	.picx{ padding:40px 0}
	.picxList .item a .cont{ padding:15px}
	.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}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont{ padding:10px}
	.picxList .item a .cont .title{ font-size:14px;}	

}

.news{ padding:80px 0}
.newsList{ width:100%; padding-bottom:60px}
.newsList .item{ width:100%; padding:30px 25px; box-sizing:border-box; background:#f1f1f1 }
.newsList .item:nth-child(2n){background:none}
.newsList .item:hover{ background:#0271b9}
.newsList .item a{ display:flex; width:100%; height:100%; box-sizing:border-box; }
.newsList .item a .pic{ width:295px; overflow:hidden;}
.newsList .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;}
.newsList .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);}
.newsList .item a .cont{ width:calc(100% - 295px);  box-sizing:border-box; padding-left:30px}
.newsList .item a .cont .time{ font-size:14px; color:#888888; margin-top:10px}
.newsList .item a .cont .title{ font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px; line-height:30px; font-weight:bold;}
.newsList .item a .cont .intro{ font-size:14px; color:#888888; line-height:25px; height:50px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList .item:hover a .cont .title{ color:#fff}
.newsList .item:hover a .cont .time{ color:#fff}
.newsList .item:hover a .cont .more{ color:#fff}
.newsList .item:hover a .cont .intro{ color:#fff}
.newsList .item a .cont .more{ font-size:14px; color:#888888; margin-top:20px}

@media all and (max-width:1200px){
	.news{ padding:40px 0}
	.newsList .item{ width:100%; padding:25px 20px; }
	.newsList{ padding-bottom:40px}
}
@media all and (max-width:750px){
	
	.newsList .item{ width:100%; padding:20px 20px; }
	.newsList .item a .pic{ width:160px;}
	.newsList .item a .cont{ width:calc(100% - 160px);}
	.newsList .item a .cont .time{ font-size:12px; margin:0}
	.newsList .item a .cont .title{ font-size:14px; margin-top:5px}
	.newsList .item a .cont .intro{ font-size:12px; margin-top:5px}
	.newsList .item a .cont .more{ display:none}
}
@media all and (max-width:450px){
	.newsList .item{ width:100%; padding:15px; }
	.newsList .item a .pic{ width:120px;}
	.newsList .item a .cont{ width:calc(100% - 120px); padding-left:15px}
	.newsList .item a .cont .time{ font-size:12px; margin:0}
}

.ny-hd { text-align:center; }
.ny-hd i { position:relative; display:inline-block; font-size:40px; color:#333; font-weight:bold; line-height:1.1; z-index:2; }
.ny-hd i:before { position:absolute; top:-10px; right:-10px; display:block; content:""; width:41px; height:41px; background:url(ico09.png) no-repeat center; background-size:cover; z-index:-1; animation: rog 5s infinite linear; }

@media all and (max-width:1680px){
	.ny-hd i { font-size:28px; }
	.ny-hd i:before { top:-5px; right:-5px; width:30px; height:30px; } 
}
@media all and (max-width:1200px){
	.ny-hd i { font-size:20px; }
	.ny-hd i:before { top:-5px; right:-5px; width:25px; height:25px; }  
}

.conArea { padding:100px 0; background:url(conArea.jpg) no-repeat center top; background-size:cover; }

.lxArea01 { margin-top:100px; padding:0 80px; }
.lxArea01 ul { display:flex; flex-direction:row; justify-content:space-between; }
.lxArea01 ul li { width:360px; }
.lxArea01 ul li .p1 { padding-left:50px; line-height:1.1; color:#333; }
.lxArea01 ul li .p1 p { font-size:24px; }
.lxArea01 ul li .p1 span { display:block; margin-top:10px; font-size:14px; color:#999; text-transform:uppercase; }
.lxArea01 ul li .p2 { margin-top:35px; font-size:24px; }
.lxArea01 ul li .p3 { margin-top:10px; font-size:16px; }

.lxArea02 { margin-top:80px; border-radius:15px; overflow:hidden; box-shadow:rgba(36,81,39,0.15) 0px 0px 16px; }
.lxBox01 { float:left; width:990px; height:635px; }
.lxBox01 .img01 { width:100%; height:100%; }
.lxBox01 .my-map { width:100%; height:635px; }
.lxBox01 #dituContent { width:calc(100% - 2px); height:635px; }
.lxBox02 { float:right; width:calc(100% - 990px); height:635px; padding:60px 70px 0 70px; color:#333; background: linear-gradient(#a2ceeb,#fdfefd); box-sizing: border-box; }
.lxBox02 .p1 { font-size:42px; line-height:1.1; }
.lxBox02 .p2 { font-size:16px; margin-top:25px; }
.lxBox02 .p3 { margin-top:50px; }
.lxBox02 .p3 .text { width:100%; border:1px solid #02619f; padding:0 15px; margin-bottom:18px; font-size:16px; background:#f7fef6; line-height:58px; box-sizing: border-box; }
.lxBox02 .p3 .textarea { width:100%; border:1px solid #02619f; padding:10px 15px; margin-bottom:25px; font-size:16px; background:#f7fef6; height:115px; box-sizing: border-box; }
.lxBox02 .p3 .btn01 { display:block; width:185px; line-height:60px; border-radius:7px; background:#02619f; font-size:18px; color:#fff; text-align:center; cursor:pointer; }

@media all and (max-width:1680px){
	.conArea { padding:60px 0; }
	
	.lxArea01 { margin-top:60px; padding:0; }
	.lxArea01 ul li { width:300px; }
	.lxArea01 ul li .p1 { padding-left:35px; background-size:25px 25px!important; }
	.lxArea01 ul li .p1 p { font-size:20px; }
	.lxArea01 ul li .p1 span { margin-top:10px; font-size:14px; }
	.lxArea01 ul li .p2 { margin-top:25px; font-size:18px; }
	.lxArea01 ul li .p3 { margin-top:10px; font-size:14px; }

	.lxArea02 { margin-top:60px; }
	.lxBox01 { width:700px; height:500px; }
	.lxBox01 .my-map { height:500px; }
	.lxBox01 #dituContent { height:500px; }
	.lxBox02 { float:left; width:calc(100% - 700px); height:500px; padding:50px 30px 0 30px; }
	.lxBox02 .p1 { font-size:30px; }
	.lxBox02 .p2 { font-size:14px; margin-top:20px; }
	.lxBox02 .p3 { margin-top:30px; }
	.lxBox02 .p3 .text { padding:0 10px; margin-bottom:15px; font-size:14px; line-height:45px; }
	.lxBox02 .p3 .textarea { padding:5px 10px; margin-bottom:20px; font-size:14px; height:115px; }
	.lxBox02 .p3 .btn01 { width:150px; line-height:45px; font-size:16px; }
}
@media all and (max-width:1200px){
	.conArea { padding:40px 0; }
	
	.lxArea01 { margin-top:30px; padding:0; }
	.lxArea01 ul { display:block; }
	.lxArea01 ul li { width:100%; }
	.lxArea01 ul li:nth-child(n + 2) { margin-top:20px; }
	.lxArea01 ul li .p1 { padding-left:25px; background-size:18px 18px!important; background-position:center left!important; }
	.lxArea01 ul li .p1 p { display:inline-block; font-size:16px; }
	.lxArea01 ul li .p1 span { display:inline-block; margin-top:5px; font-size:14px; margin-left:10px; }
	.lxArea01 ul li .p2 { margin-top:10px; font-size:16px; }
	.lxArea01 ul li .p3 { margin-top:5px; font-size:14px; }

	.lxArea02 { margin-top:30px; }
	.lxBox01 { float:none; width:100%; height:400px; }
	.lxBox01 .my-map { height:400px; }
	.lxBox01 #dituContent { height:400px; }
	.lxBox02 { float:none; width:100%; height:auto; padding:40px 4%; }
	.lxBox02 .p1 { font-size:20px; }
	.lxBox02 .p2 { font-size:14px; margin-top:10px; }
	.lxBox02 .p3 { margin-top:25px; }
	.lxBox02 .p3 .text { padding:0 10px; margin-bottom:10px; font-size:14px; line-height:40px; }
	.lxBox02 .p3 .textarea { padding:5px 10px; margin-bottom:15px; font-size:14px; height:115px; }
	.lxBox02 .p3 .btn01 { width:120px; line-height:40px; font-size:14px; }
}

.anli{ }
.anli ul{display: flex;flex-wrap: wrap;margin-bottom: 62px;}
.anli ul li a{	width: 511px; background-color: #ffffff;box-shadow: 0 0 16px rgba(213, 229, 250, 0.42);border-radius: 8px;display: block;position: relative;padding: 43px 19px 19px 23px; box-sizing:border-box}
.anli ul li a .tle{color: #333333;font-size: 18px;line-height: 28px;margin-bottom: 10px;	overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 56px;}
.anli ul li a::after{ content: ""; left: 24px; height: 3px; background-color: #02619f; top:28px; position: absolute; width: 19px; transition:all 0.6s ease ; -webkit-transition:all 0.6s ease ; -moz-transition:all 0.6s ease ; -ms-transition:all 0.6s ease ; -o-transition:all 0.6s ease ; }
.anli ul li a .pc img{ width:100%; transition:all 0.6s ease ; -webkit-transition:all 0.6s ease ; -moz-transition:all 0.6s ease ; -ms-transition:all 0.6s ease ; -o-transition:all 0.6s ease ; }
.anli ul li a .pc {overflow: hidden;}
.anli ul li:hover a .pc img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
.anli ul li:hover a::after{width: 72px;}
.anli ul li{margin-right: 33px;margin-top: 35px;}
.anli ul li:nth-child(3n){margin-right: 0;}
.anli ul li:nth-child(-n+3){margin-top: 0;}

@media all and (max-width:1680px){
	.anli ul{ margin-bottom:60px}
	.anli ul li{width: 32%;margin-right: 2%;margin-top: 2%;}
	.anli ul li a{width: 100%;height: unset;}
}
@media all and (max-width:1200px){
	.anli ul{ margin-bottom:20px}
	.anli ul li{width: 49%;margin-right: 2%;margin-top: 2%;}
	.anli ul li:nth-child(3n){margin-right: 2%;}
	.anli ul li:nth-child(-n+3){margin-top: 2%;}
	.anli ul li:nth-child(2n){margin-right: 0;}
	.anli ul li:nth-child(-n+2){margin-top: 0;}
	.anli ul li a{padding: 20px 10px;}
	.anli ul li a .tle{font-size: 16px;line-height: 26px;height: 52px;}
	.anli ul li a::after{top: 10px;left: 10px;}
}
.abanner101 .cont .intro .t{ color: #0271b9;}
.abanner101 .cont .intro .i{ color: #3b3b3b;}
.abanner103 .cont .intro .t{ color: #0271b9;}
.abanner103 .cont .intro .i{ color: #3b3b3b;}