.banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.banner .swiper01 .pagination01 {
    width: 100%;
    font-size: 0;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: 9;
    text-align: center;
}
.banner .swiper01 .pagination01 span {
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    margin: 0 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0;
    opacity: 1;
    background: url(../images/g_04.png) center center no-repeat;
}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active {
    background: url(../images/g_03.png) center center no-repeat;
}


.gcon_2{ width:100%; margin-top:110px}
.gcon_2 .nr{ position:relative}
.gcon_2 .nr .rt{ float:right; position:relative; overflow:hidden; width:747px; cursor:pointer}
.gcon_2 .nr .rt img{ width:100%}
.gcon_2 .nr .rt span{ display:block; width:124px; height:124px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; background:url(m1.png) center center no-repeat; background-size:cover;}
.gcon_2 .nr .rt span:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;  z-index:2; background:url(m2.png) center center no-repeat; background-size:cover;animation: wait 2s linear infinite;}
@keyframes wait {
	100% { transform: rotate(360deg); }
}
.gcon_2 .nr .lt{ position:absolute; width:700px; box-sizing:border-box; background:url(g_05.png) right calc(100% - 40px) no-repeat #fff; left:0; top:50%; transform:translateY(-50%); z-index:9; box-shadow: 0 0 20px rgba(00,00,00,0.1); padding:50px}
.gcon_2 .nr .lt .title{ font-size:40px; color:#005ab7}
.gcon_2 .nr .lt .intro{ margin-top:20px; font-size:18px; color:#666666; line-height:30px; text-align:justify}
.gcon_2 .nr .lt .more{ margin-top:40px}
.gcon_2 .nr .lt .more a{ display:block; width:135px; height:40px; border:1px solid #10a957; border-radius:5px; text-align:center; display:flex;align-items: center;justify-content: center;font-size:18px; color:#10a957}
.gcon_2 .nr .lt .more a:hover{ background:#10a957; color:#fff}
@media (max-width: 1600px){
	.gcon_2{ margin-top:80px}
	.gcon_2 .nr .rt{ width:726px}
	.gcon_2 .nr .lt{ width:525px; padding:40px}	
	.gcon_2 .nr .lt .title{ font-size:30px}
	.gcon_2 .nr .lt .intro{ font-size:16px; line-height:25px; margin-top:15px}
	.gcon_2 .nr .lt .more{ margin-top:30px}
	.gcon_2 .nr .lt .more a{ width:120px; height:36px; font-size:14px}
}
@media (max-width: 1200px){
	.gcon_2{ margin-top:40px}
	.gcon_2 .nr .rt{ width:100%; float:none}
	.gcon_2 .nr .lt{ width:100%; position:relative; padding:20px;left:auto; top:auto; transform:translateY(0);}	
	.gcon_2 .nr .lt .title{ font-size:20px}
	.gcon_2 .nr .lt .intro{ font-size:14px; line-height:25px; margin-top:15px}
	.gcon_2 .nr .lt .more{ margin-top:20px}
	.gcon_2 .nr .lt .more a{ width:110px; height:34px; font-size:12px}
	.gcon_2 .nr .rt span{ background-size:50px}
}

.gcon_3{ width:100%; margin-top:60px}
.gcon_3 .ibd{ margin-top:48px;}
.gcon_3 .ibd .item{ float:left; width:24%; overflow:hidden; margin-bottom:18px;margin-right: 0.5%;margin-left: 0.5%; position:relative}
/* .gcon_3 .ibd .item:nth-child(2),.gcon_3 .ibd .item:nth-child(3){ width:522px} */
.gcon_3 .ibd .item:nth-child(2){ float:left;}
.gcon_3 .ibd .item:nth-child(3){ float:left}
.gcon_3 .ibd .item:nth-child(n+3){ margin-bottom:0}
.gcon_3 .ibd .item .pic{ width:100%; overflow:hidden}
.gcon_3 .ibd .item .pic img{ width:100%}
.gcon_3 .ibd .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; height:384px}
.gcon_3 .ibd .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:scal(1.1);}
.gcon_3 .ibd .item .cont{ position:absolute; width:100%; box-sizing:border-box; padding:40px; left:0; bottom:0; color:#fff}
.gcon_3 .ibd .item .cont .p1{ font-size:16px; line-height:1}
.gcon_3 .ibd .item .cont .p2{ font-size:24px; font-weight:bold; padding:10px 0; line-height:1}
.gcon_3 .ibd .item .cont .p3{ font-size:16px; line-height:1}
@media (max-width: 1600px){
	.gcon_3 .ibd .item{ width:auto;}
	.gcon_3 .ibd .item:nth-child(2),.gcon_3 .ibd .item:nth-child(3){ width:auto}
	.gcon_3 .ibd .item .pic img{ width:auto; height:288px}
	.gcon_3 .ibd .item .cont{ padding:20px}
	.gcon_3 .ibd .item .cont .p1{ font-size:14px }
	.gcon_3 .ibd .item .cont .p2{ font-size:20px }
	.gcon_3 .ibd .item .cont .p3{ font-size:14px }
}
@media (max-width: 1200px){
	.gcon_3{ margin-top:40px}
	.gcon_3 .ibd{ margin-top:30px;}
	.gcon_3 .ibd .item{ width:100%; margin-bottom:2%}
	.gcon_3 .ibd .item:nth-child(2),.gcon_3 .ibd .item:nth-child(3){ width:49%}
	.gcon_3 .ibd .item .pic img{ width:100%; height:auto}
	.gcon_3 .ibd .item .cont .p1{ font-size:12px }
	.gcon_3 .ibd .item .cont .p2{ font-size:16px }
	.gcon_3 .ibd .item .cont .p3{ font-size:10px }
}
@media (max-width:750px){
	.gcon_3 .ibd .item:nth-child(2),.gcon_3 .ibd .item:nth-child(3){ width:100%; margin-bottom:2%;}
	.gcon_3 .ibd .item .cont{ padding:15px}
}