@charset "utf-8";

.banner{ width:100%; position:relative}
.banner .swiper01{ width:100%; height:100%; overflow:hidden; position:relative}
.banner .swiper01 a{ display:block; width:100%; height:100%}
.banner .swiper01 a .img1{ width:100%; height:100%}
.banner .swiper01 a .img2{ width:100%; height:100%; display:none}
.banner .swiper01 .swiper-slide{ width:100%; height:100%; position:relative; overflow:hidden}
.banner .swiper01 .pagination01{ width:100%; font-size:0; text-align:left; position:absolute; left:0; bottom:50px; z-index:9; text-align:center; display:none}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:14px; height:14px; margin:0 6px; background:#fff; border-radius:50%; opacity:1;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:#009745; }
.banner .more{ background:url(g_01.png) center center no-repeat; width:185px; height:92px; position:absolute; left:50%; margin-left:-92px; bottom:0; z-index:2; background-size:cover}
.banner .swiper01 .prev01{ background:url(prev01.png) center center no-repeat; background-size:cover; width:40px; height:40px; position:absolute; left:4%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.banner .swiper01 .prev01:hover{ background:url(prev02.png) center center no-repeat; background-size:cover;}
.banner .swiper01 .next01{ background:url(next01.png) center center no-repeat; background-size:cover; width:40px; height:40px; position:absolute; right:4%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.banner .swiper01 .next01:hover{ background:url(next02.png) center center no-repeat; background-size:cover;}
@media (max-width: 1200px){
	.banner .swiper01 a .img2{ width:100%; height:100%; display:block}
	.banner .swiper01 a .img1{ width:100%; height:100%; display:none}
	.banner .swiper01 .pagination01{ bottom:10px; }
	.banner .swiper01 .pagination01 span{  width:8px; height:8px; margin:0 3px;}	
	.banner .more{ width:92px;  height:46px; margin-left:-46px}
}

.gcon_1{ margin:120px 0;}
.gcon_1 .lt{ float:left; width:680px;}
.gcon_1 .lt .title{ font-size:40px; color:#093765; line-height:1; font-weight:bold}
.gcon_1 .lt .title i{ font-size:22px; margin-left:10px;}
.gcon_1 .lt .intro{ font-size:20px; color:#333333; line-height:2; text-align:justify; margin-top:40px}
.gcon_1 .rt{ float:right; overflow:hidden}
.gcon_1 .rt 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;}
.gcon_1 .rt:hover 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);}
@media (max-width: 16000px){
	.gcon_1{ margin:100px 0;}
	.gcon_1 .lt{ width:530px}
	.gcon_1 .rt{ width:635px}
	.gcon_1 .lt .title{ font-size:30px;}
	.gcon_1 .lt .title i{ font-size:18px;}
	.gcon_1 .lt .intro{ font-size:16px; margin-top:20px}
}
@media (max-width: 1200px){
	.gcon_1{ margin:40px 0;}
	.gcon_1 .lt{ width:100%}
	.gcon_1 .rt{ width:100%; margin-top:20px}
	.gcon_1 .lt .title{ font-size:24px;}
	.gcon_1 .lt .title i{ font-size:12px;}
	.gcon_1 .lt .intro{ font-size:14px; margin-top:10px}
}

.gcon_2{ margin-top:120px;}
.ihd .cn{ font-size:40px; color:#093765; line-height:1; font-weight:bold}
.ihd .en{ font-size:22px; color:#093765; line-height:1; text-transform:uppercase; margin-top:20px}
.gcon_2 .ibd{ margin-top:80px; overflow:hidden}
.gcon_2 .ibd .swiper02{ width:100%; overflow:hidden}
.gcon_2 .ibd .swiper02 .swiper-slide .pic{ width:20%; float:left; text-align:center; box-sizing:border-box; padding:12px; border-bottom:1px solid #9f9f9f; overflow:hidden}
.gcon_2 .ibd .swiper02 .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;}
.gcon_2 .ibd .swiper02 .swiper-slide .pic:hover 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);}
.gcon_2 .ibd .swiper02 .swiper-slide .pic img{ width:100%}
.gcon_2 .ibd .swiper02 .pagination02{ text-align:center; margin-top:40px; font-size:0;}
.gcon_2 .ibd .swiper02 .pagination02 span{ width:40px; height:12px; border-radius:8px; background:#d9d9d9; opacity:1; margin:0 5px}
.gcon_2 .ibd .swiper02 .pagination02 span.swiper-pagination-bullet-active{ background:#093765}
@media (max-width: 16000px){
	.gcon_2{ margin-top:100px;}
	.ihd .cn{ font-size:30px;}
	.ihd .en{ font-size:18px; margin-top:15px; display:none}
	.gcon_2 .ibd{ margin-top:50px;}
	.gcon_2 .ibd .swiper02 .swiper-slide .pic{ padding:10px;}
	.gcon_2 .ibd .swiper02 .pagination02{ margin-top:30px;}
	.gcon_2 .ibd .swiper02 .pagination02 span{ width:32px; height:10px;}
}
@media (max-width: 1200px){
	.gcon_2{ margin-top:40px;}
	.ihd .cn{ font-size:24px;}
	.ihd .en{ font-size:12px; margin-top:10px; line-height:1.2}
	.gcon_2 .ibd{ margin-top:20px;}
	.gcon_2 .ibd .swiper02 .swiper-slide .pic{ padding:5px; width:calc(100% / 3)}
	.gcon_2 .ibd .swiper02 .pagination02{ margin-top:20px;}
	.gcon_2 .ibd .swiper02 .pagination02 span{ width:10px; height:10px; border-radius:50%}
}

.gcon_3{ margin-top:120px;}
.gcon_3 .ihd .cn{ float:left}
.gcon_3 .ihd .en{ float:left; margin-left:10px}
.gcon_3 .ibd{ margin-top:45px}
.gcon_3 .ibd .swiper03{ width:100%; overflow:hidden}
.gcon_3 .ibd .swiper03 .swiper-slide{ width:512px; margin-right:32px}
.gcon_3 .ibd .swiper03 .swiper-slide:last-child{ margin-right:0}
.gcon_3 .ibd .swiper03 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_3 .ibd .swiper03 .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;}
.gcon_3 .ibd .swiper03 .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:scal(1.1);}
.gcon_3 .ibd .swiper03 .swiper-slide .title{ display:flex;align-items: center;justify-content: center; margin-top:60px}
.gcon_3 .ibd .swiper03 .swiper-slide .title i{}
.gcon_3 .ibd .swiper03 .swiper-slide .title span{ font-size:25px; color:#333333; font-weight:bold; margin-left:20px}
.gcon_3 .ibd .swiper03 .swiper-slide .intro{ padding:25px 30px; font-size:18px; color:#333333;  text-align:justify; line-height:35px; height:105px;}
.gcon_3 .ibd .swiper03 .swiper-slide .more{display:flex;align-items: center;justify-content: center;}
.gcon_3 .ibd .swiper03 .swiper-slide .more i{ display:block; width:140px; height:36px; background:#093765; text-align:center; border-radius:20px;display:flex;align-items: center;justify-content: center; color:#fff; font-size:16px}
@media (max-width: 16000px){
	.gcon_3{ margin-top:100px;}
	.gcon_3 .ibd{ margin-top:40px}
	.gcon_3 .ibd .swiper03 .swiper-slide{ width:32%; margin-right:2%}
	.gcon_3 .ibd .swiper03 .swiper-slide .title{ margin-top:30px}
	.gcon_3 .ibd .swiper03 .swiper-slide .title i img{ height:28px}
	.gcon_3 .ibd .swiper03 .swiper-slide .title span{ font-size:22px;  margin-left:16px}
	.gcon_3 .ibd .swiper03 .swiper-slide .intro{ padding:20px; font-size:16px; line-height:30px; height:90px;}
	.gcon_3 .ibd .swiper03 .swiper-slide .more i{ width:120px; height:32px;  font-size:14px}
}
@media (max-width: 1200px){
	.gcon_3{ margin-top:40px;}
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .ihd .en{ margin-left:0; width:100%}
	.gcon_3 .ibd .swiper03 .swiper-slide{ width:100%; margin-right:2%}
	.gcon_3 .ibd .swiper03 .swiper-slide .title{ margin-top:15px}
	.gcon_3 .ibd .swiper03 .swiper-slide .title i img{ height:24px}
	.gcon_3 .ibd .swiper03 .swiper-slide .title span{ font-size:20px;  margin-left:12px}
	.gcon_3 .ibd .swiper03 .swiper-slide .intro{ padding:15px 0; font-size:14px; line-height:25px; height:auto}
	.gcon_3 .ibd .swiper03 .swiper-slide .more i{ width:100px; height:30px;  font-size:12px}
}


.gcon_4{ margin:120px 0;}
.gcon_4 .ihd .cn{ float:left}
.gcon_4 .ihd .en{ float:left; margin-left:10px}
.gcon_4 .ibd{ margin-top:45px}
.gcon_4 .ibd .lt{ width:860px; float:left; overflow:hidden}
.gcon_4 .ibd .lt 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;}
.gcon_4 .ibd .lt:hover 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);}
.gcon_4 .ibd .rt{ width:715px; float:right}
.gcon_4 .ibd .rt .item{ border-bottom:1px solid #808080}
.gcon_4 .ibd .rt .item .title{ font-size:24px; color:#093765; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_4 .ibd .rt .item .title a{ color:#093765}
.gcon_4 .ibd .rt .item .intro{ font-size:16px; color:#4d4d4d; line-height:30px; height:60px; overflow:hidden; margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.gcon_4 .ibd .rt .item .time{ background:url(g_14.png) left center no-repeat; padding-left:40px; font-size:16px; color:#808080; margin:20px 0}
.gcon_4 .ibd .rt ul li{ margin-top:20px}
.gcon_4 .ibd .rt ul li .title{ float:left; display:block; width:calc(100% - 100px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:16px; color:#4d4d4d; box-sizing:border-box; transition:all 0.3s}
.gcon_4 .ibd .rt ul li .title:hover{ color:#093765; padding-left:10px}
.gcon_4 .ibd .rt ul li .time{ float:right; font-size:15px; color:#808080}
@media (max-width: 16000px){
	.gcon_4{ margin:100px 0;}
	.gcon_4 .ibd .lt{ width:650px}	
	.gcon_4 .ibd .rt{ width:520px}
	.gcon_4 .ibd .rt .item .title{ font-size:20px;}
	.gcon_4 .ibd .rt .item .intro{ font-size:14px; line-height:25px; height:50px;}
	.gcon_4 .ibd .rt .item .time{ background:url(g_14.png) left center no-repeat; background-size:16px; padding-left:30px; font-size:14px; margin:10px 0}
	.gcon_4 .ibd .rt ul li{ margin-top:12px}
	.gcon_4 .ibd .rt ul li .title{ font-size:14px;}
	.gcon_4 .ibd .rt ul li .time{ font-size:13px;}

}
@media (max-width: 1200px){
	.gcon_4{ margin:40px 0;}
	.gcon_4 .ibd{ margin-top:20px}
	.gcon_4 .ibd .lt{ width:100%}	
	.gcon_4 .ibd .rt{ width:100%}
	.gcon_4 .ibd .rt .item .title{ font-size:16px; margin-top:10px}
	.gcon_4 .ibd .rt .item .intro{ font-size:12px; line-height:20px; height:auto;}
	.gcon_4 .ibd .rt .item .time{ background:url(g_14.png) left center no-repeat; background-size:12px; padding-left:20px; font-size:12px; margin:10px 0}
	.gcon_4 .ibd .rt ul li{ margin-top:10px}
	.gcon_4 .ibd .rt ul li .title{ font-size:12px;}
	.gcon_4 .ibd .rt ul li .time{ font-size:12px;}

}


.Area-hd { line-height:1; margin-bottom:35px; }
.Area-hd i { font-size:30px; color:#333; font-weight:bold; }
.Area-hd em { font-size:14px; color:#777; margin-left:10px; display:none; }
.Area-hd a { float:right; display:block; width:33px; height:33px; }

@media all and (max-width:1000px){
	.Area-hd { margin-bottom:25px; }
	.Area-hd i { font-size:20px; }
	.Area-hd em { font-size:12px; }
	.Area-hd a { width:25px; height:25px; background-size:contain!important; }
}
.bArea { padding:90px 0 70px; background:#093765; background-size:cover; } 
.bArea .Area-hd i { color:#fff; }
.bArea .Area-hd em { color:rgba(255,255,255,0.6); }
.bArea .Area-hd a { background:url(m02.png) no-repeat center; }

.bArea .swiper-slide { overflow:hidden; }
.bArea .swiper-slide .item { float:left; width:18.8%; margin:0 1.5% 1.5% 0; overflow:hidden; }
.bArea .swiper-slide .item:nth-child(5n) { margin-right:0; }
.bArea .swiper-slide .item img { width:100%; height:auto; transition: all 0.6s; }



.bArea .swiper-pagination02 { margin-top:33px; text-align:center; }
.bArea .swiper-pagination02 .swiper-pagination-bullet { width:8px; height:8px; border:1px solid #eaf2f6; background:none; opacity:1; }
.bArea .swiper-pagination02 .swiper-pagination-bullet-active { width:45px; border-radius:25px; background:#eaf2f6; }
 
.bArea .swiper-slide .item:hover img { transform: scale(1.1)!important; }

@media all and (max-width:1000px){
	.bArea { padding:30px 0; } 
}
@media all and (max-width:750px){
	.bArea .swiper-slide .item { width:32%; margin:0 2% 2% 0; }
	.bArea .swiper-slide .item:nth-child(5n) { margin-right:2%; }
	.bArea .swiper-slide .item:nth-child(3n) { margin-right:0; }
}