@charset "utf-8";
@charset "utf-8";
.banner{ width:100%; overflow:hidden; position:relative}
.banner .swiper01{ width:100%; position:relative; overflow:hidden}
.banner .swiper01 .swiper-slide{ width:100%}
.banner .swiper01 .swiper-slide img{ width:100%; height:auto}
.banner .swiper01 .swiper-slide img.img1{ display:block}
.banner .swiper01 .swiper-slide img.img2{ display:none}
.banner .ico{ background:url(g_25.png) center center no-repeat; width:32px; height:28px; position:absolute; left:50%; margin-left:-16px; bottom:100px; z-index:2; animation:1.5s ease 0s normal none infinite running down_btn}
.banner .swiper01 .swiper-slide .item{ width:1280px; text-align:center; left:50%; top:50%; transform:translate(-50%,-60%); position:absolute; z-index:9; color:#fff}

.banner .swiper01 .swiper-slide .item1 .a{ font-weight: bold; font-size:36px; width:950px; text-align:center; margin:0 auto; line-height:1}
.banner .swiper01 .swiper-slide .item1 .b{ font-weight: bold; font-size:26px; padding:15px 0;color:rgba(255,255,255,0.5)}
.banner .swiper01 .swiper-slide .item1 .c{ font-size:14px;  color:rgba(255,255,255,1)}
.banner .swiper01 .swiper-slide .item1 .d{ margin-top: 30px}
.banner .swiper01 .swiper-slide .item1 .d img{ width: 18px; height: 26px }

.banner .swiper01 .swiper-slide .item .a{visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:0.6s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .b{visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.2s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .c{visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.8s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .d{visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:2.4s; position:relative; top:30px;}

.banner .swiper01 .swiper-slide.swiper-slide-active .item .a,.banner .swiper01 .swiper-slide.swiper-slide-active .item .b,.banner .swiper01 .swiper-slide.swiper-slide-active .item .c,.banner .swiper01 .swiper-slide.swiper-slide-active .item .d{ opacity:1;visibility:visible; top:0}
.banner .swiper01 .btn{ text-align: center; width: 100%; position: absolute; left: 0; bottom: 30px; z-index: 3; font-size: 0 }
.banner .swiper01 .btn .prev01{ display: inline-block; vertical-align: top; width: 40px; height: 40px; background: url(prev.png) center center no-repeat; background-size:cover; cursor:pointer; display:none }
.banner .swiper01 .btn .next01{ display: inline-block; vertical-align: top; width: 40px; height: 40px; background: url(prev.png) center center no-repeat; transform: rotateY(180deg);background-size:cover;   cursor:pointer; display:none}
.banner .swiper01 .btn .pagination01{ display: inline-block; vertical-align: top; padding:13px 15px}
.banner .swiper01 .btn .pagination01 span{ display: inline-block; vertical-align: top; width:14px; height:14px; margin: 0 10px; opacity: 1; background: #fff; border-radius:7px }
.banner .swiper01 .btn .pagination01 span.swiper-pagination-bullet-active{ width:40px }
@keyframes down_btn {
    /*  */
    0%,
    100% {
        bottom: 100px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    50% {
        bottom: 80px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}

@-moz-keyframes down_btn {
    /*  */
    0%,
    100% {
        bottom: 100px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    50% {
        bottom: 80px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}

@-webkit-keyframes down_btn{
    /*  */
    0%,
    100% {
        bottom: 100px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    50% {
        bottom: 80px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}

@-o-keyframes down_btn {
    /*  */
    0%,
    100% {
        bottom: 100px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    50% {
        bottom: 80px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}



@media all and (max-width:1440px){
.banner .swiper01 .swiper-slide .item1{ width:1200px}
.banner .swiper01 .swiper-slide .item1 .a{ }
.banner .swiper01 .swiper-slide .item1 .b{ }


}


@media all and (max-width:1200px){
	.banner .swiper01 .swiper-slide img.img1{ display:none}
	.banner .swiper01 .swiper-slide img.img2{ display:block}
	.banner .swiper01 .pagination01{ bottom:10px; text-align:center; padding:0; background:none}
	.banner .swiper01 .pagination01 span{}
	.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ }
	
	
	.banner .swiper01 .swiper-slide .item{ width:92%;transform:translate(-50%,-40%);}
	.banner .swiper01 .swiper-slide .item1{ width:92%}
	.banner .swiper01 .swiper-slide .item1 .a{ font-size:16px; width:100%;}
	.banner .swiper01 .swiper-slide .item1 .b{ font-size:12px; padding:10px 0 }
	.banner .swiper01 .swiper-slide .item1 .c{ font-size:12px; }
	.banner .ico{ bottom:10px; background-size:20px}

	.banner .swiper01 .btn{ bottom: 10px}
	.banner .swiper01 .btn .prev01{ width: 26px; height: 26px; }
	.banner .swiper01 .btn .next01{ width: 26px; height: 26px; }
	.banner .swiper01 .btn .pagination01{ padding:0}
	.banner .swiper01 .btn .pagination01 span{width: 6px; height: 6px; margin:0 5px}

	
	
	
	@keyframes down_btn {
		/*  */
		0%,
		100% {
			bottom: 25px;
			opacity: 1;
			filter: alpha(opacity=100);
		}
		50% {
			bottom: 15px;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
	}
	
	@-moz-keyframes down_btn{
		/*  */
		0%,
		100% {
			bottom: 25px;
			opacity: 1;
			filter: alpha(opacity=100);
		}
		50% {
			bottom: 15px;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
	}
	
	@-webkit-keyframes down_btn{
		/*  */
		0%,
		100% {
			bottom: 25px;
			opacity: 1;
			filter: alpha(opacity=100);
		}
		50% {
			bottom: 15px;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
	}
	
	@-o-keyframes down_btn {
		/*  */
		0%,
		100% {
			bottom: 25px;
			opacity: 1;
			filter: alpha(opacity=100);
		}
		50% {
			bottom: 15px;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
	}
	
	
}

.gcon_1{ width:100%; background:#fff; margin-top:60px}
.gcon_1 .nr{ width:1280px; margin:0 auto; position:relative}
.gcon_1 .nr .ihd{ text-align:center}
.gcon_1 .nr .ihd h3{ font-size:28px; color:#3278af; line-height:1}
.gcon_1 .nr .ihd p img{ height:12px; padding-top:10px}
.gcon_1 .nr .ibd{ width:100%}
.gcon_1 .nr .ibd .intro{ width:880px; margin:0 auto; text-align:left; text-indent:2em; margin-top:30px; font-size:16px; color:#333333; line-height:2}
.gcon_1 .nr .ibd  .item{ width:880px;display:flex;justify-content: space-between; margin:0 auto; margin-top:25px}
.gcon_1 .nr .ibd  .item li{ position:relative}
.gcon_1 .nr .ibd  .item li:after{ content:""; display:block; width:246px; height:100%; position:absolute; top:0; right:-246px; background:url(g_03.png) center 10px  no-repeat}
.gcon_1 .nr .ibd  .item li:last-child:after{ width:0}
.gcon_1 .nr .ibd  .item li .p1{ font-size:14px; color:#999999}
.gcon_1 .nr .ibd  .item li .p1 span{ font-size:50px; color:#333333; line-height:1}
.gcon_1 .nr .ibd  .item li .p2{ font-size:16px; color:#999999; padding-top:12px}
.gcon_1 .nr .ibd  .more{ margin-top:50px; text-align:center}
.gcon_1 .nr .ibd  .more a{ display:inline-block; vertical-align:top; background:#b2f5ed; border-radius:30px; padding:0 25px}
.gcon_1 .nr .ibd  .more a i{ font-size:14px; color:#3278af; display:inline-block; vertical-align:top; background:url(g_04.png) right center no-repeat; padding-right:56px; line-height:42px}
@media all and (max-width:1440px){
	.gcon_1 .nr{ width:1200px;}
}
@media all and (max-width:1200px){
	.gcon_1{ margin-top:40px}
	.gcon_1 .nr{ width:92%; }
	.gcon_1 .nr .ibd .intro,.gcon_1 .nr .ibd  .item{ width:100%}
	.gcon_1 .nr .ibd  .item li:after{ width:0}
	.gcon_1 .nr .ihd h3{ font-size:20px}
	.gcon_1 .nr .ihd p img{ height:10px}
	.gcon_1 .nr .ibd .intro{ font-size:14px; margin-top:20px}
	.gcon_1 .nr .ibd .item{ margin-top:20px}
	.gcon_1 .nr .ibd .item li .p1{ font-size:10px}
	.gcon_1 .nr .ibd .item li .p1 span{ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
	.gcon_1 .nr .ibd .item li .p2{ font-size:12px; padding-top:6px}
	.gcon_1 .nr .ibd  .more{ margin-top:20px}
	.gcon_1 .nr .ibd  .more a{ padding:0 18px; border-radius:16px}
	.gcon_1 .nr .ibd  .more a i{ font-size:12px; background-size:24px; padding-right:40px; line-height:32px}
}


.gcon_2{ width:100%; background:#f0f4fa; margin-top:60px; padding:60px 0 }
.gcon_2 .nr{ width:1280px; margin:0 auto}
.gcon_2 .nr .ihd .title{ float:left}
.gcon_2 .nr .ihd .title h3{ font-size:28px; color:#3278af; line-height:1}
.gcon_2 .nr .ihd .title p img{ height:12px; padding-top:10px}
.gcon_2 .nr .ihd .hd{ float:right}
.gcon_2 .nr .ihd .hd ul li{ float:left; margin-left:10px; padding:0 16px; line-height:50px; border-radius:30px; font-size:16px; color:#333333}
.gcon_2 .nr .ihd .hd ul li.on{ background:#b2f5ed; color:#3278af; font-weight:bold}
.gcon_2 .nr .ibd{ margin-top:42px;}
.gcon_2 .nr .ibd .con{ position:relative; overflow:hidden}
.gcon_2 .nr .ibd .con .pic{ width:100%}
.gcon_2 .nr .ibd .con .pic img{ width:100%}
.gcon_2 .nr .ibd .con .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_2 .nr .ibd .con: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_2 .nr .ibd .con .title{ width:100%; background:rgba(255,255,255,0.95); position:absolute; width:565px; box-sizing:border-box; padding:30px; right:0; bottom:115px; z-index:9}
.gcon_2 .nr .ibd .con .title h3{ font-size:20px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_2 .nr .ibd .con .title .intro{ font-size:16px; color:#666666; line-height:30px; margin-top:15px}
.gcon_2 .nr .ibd .con .title .more{ background:url(g_07.png) center center no-repeat; width:29px; height:29px; margin-top:25px}
@media all and (max-width:1440px){
	.gcon_2 .nr{ width:1200px;}
	.gcon_2 .nr .ihd .hd ul li{ font-size:15px; margin-left:5px}
}


@media all and (max-width:1200px){
	.gcon_2{ margin-top:40px; padding:40px 0}
	.gcon_2 .nr{ width:92%;}
	.gcon_2 .nr .ihd .title{ width:100%; text-align:center; float:none}
	.gcon_2 .nr .ihd .title h3{ font-size:20px;}
	.gcon_2 .nr .ihd .title p img{ height:10px}
	.gcon_2 .nr .ihd .hd ul li{ font-size:14px; line-height:42px}
	.gcon_2 .nr .ihd .hd{ width:100%; float:none; overflow-x:auto; padding:10px 0}
	.gcon_2 .nr .ihd .hd ul{ width:990px}
	.gcon_2 .nr .ihd .hd ul li{ margin-left:0; margin-right:15px}
	.gcon_2 .nr .ibd{ margin-top:15px}
	.gcon_2 .nr .ibd .con .title{ width:100%; position:relative; right:auto; bottom:auto; padding:20px 15px}
	.gcon_2 .nr .ibd .con .title h3{ font-size:15px}
	.gcon_2 .nr .ibd .con .title .intro{ font-size:12px; line-height:2}

	
}

.gcon_3{ width:100%;  margin-top:60px; }
.gcon_3 .nr{ width:1280px; margin:0 auto}
.gcon_3 .nr .ihd .title{ float:left}
.gcon_3 .nr .ihd .title h3{ font-size:28px; color:#3278af; line-height:1}
.gcon_3 .nr .ihd .title p img{ height:12px; padding-top:10px}
.gcon_3 .nr .ihd .btn{ float:right}
.gcon_3 .nr .ihd .btn .prev03{ background:url(g_09.png); width:34px; height:34px; cursor:pointer; float:left; cursor:pointer; background-size:100%}
.gcon_3 .nr .ihd .btn .next03{ background:url(g_09.png); width:34px; height:34px; cursor:pointer; float:left; transform:rotateY(180deg); margin-left:10px; cursor:pointer; background-size:100%}
.gcon_3 .nr .ihd .btn .prev03:hover{background:url(g_10.png);transform:rotateY(180deg);}
.gcon_3 .nr .ihd .btn .next03:hover{background:url(g_10.png);transform:rotateY(0);}
.gcon_3 .nr .ibd{ margin-top:20px; overflow:hidden}
.gcon_3 .nr .ibd .pic{ float:left; width:216px; box-sizing:border-box; overflow:hidden; border:1px solid #e3e3e3; margin-top:16px; margin-right:50px; transition:all 0.5s linear; position:relative; top:0}
.gcon_3 .nr .ibd .pic:nth-child(5n){ margin-right:0}
.gcon_3 .nr .ibd .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.gcon_3 .nr .ibd .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_3 .nr .ibd .pic:hover{ top:-10px; box-shadow: 0 0 10px rgba(00,00,00,0.15)}
@media all and (max-width:1440px){
	.gcon_3 .nr{ width:1200px;}
	.gcon_3 .nr .ibd .pic{ margin-right:30px}
}
@media all and (max-width:1200px){
	.gcon_3{ margin-top:40px}
	.gcon_3 .nr{ width:92%;}
	.gcon_3 .nr .ihd .title h3{ font-size:20px;}
	.gcon_3 .nr .ihd .title p img{ height:10px}
	.gcon_3 .nr .ibd{ margin-top:10px}
	.gcon_3 .nr .ibd .pic{ width:18%; margin-right:2.5%}
}
@media all and (max-width:750px){
	.gcon_3 .nr .ibd .pic{ width:48.5%; margin-right:3%; margin-top:12px}
	.gcon_3 .nr .ibd .pic:nth-child(5n){ margin-right:3%}
	.gcon_3 .nr .ibd .pic:nth-child(2n){ margin-right:0}
}

.gcon_4{ width:100%; background:#f0f4fa; padding:60px 0;  margin-top:60px; }
.gcon_4 .nr{ width:1280px; margin:0 auto}
.gcon_4 .nr .ihd .title{ float:left}
.gcon_4 .nr .ihd .title h3{ font-size:28px; color:#3278af; line-height:1}
.gcon_4 .nr .ihd .title p img{ height:12px; padding-top:10px}
.gcon_4 .nr .ihd .btn{ float:right}
.gcon_4 .nr .ihd .btn .prev04{ background:url(g_09.png); width:34px; height:34px; cursor:pointer; float:left; cursor:pointer; background-size:100%}
.gcon_4 .nr .ihd .btn .next04{ background:url(g_09.png); width:34px; height:34px; cursor:pointer; float:left; transform:rotateY(180deg); margin-left:10px; cursor:pointer; background-size:100%}
.gcon_4 .nr .ihd .btn .prev04:hover{background:url(g_10.png);transform:rotateY(180deg);}
.gcon_4 .nr .ihd .btn .next04:hover{background:url(g_10.png);transform:rotateY(0);}
.gcon_4 .nr .ibd{ width:100%; margin-top:40px; overflow:hidden}
.gcon_4 .nr .ibd .swiper-slide{ width:375px; margin-right:77px}
.gcon_4 .nr .ibd .swiper-slide:last-child{ margin-right:0}
.gcon_4 .nr .ibd .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_4 .nr .ibd .swiper-slide .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.gcon_4 .nr .ibd .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_4 .nr .ibd .swiper-slide .cont{ padding:20px 20px 0}
.gcon_4 .nr .ibd .swiper-slide .cont .title{ font-size:18px; color:#333333; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_4 .nr .ibd .swiper-slide .cont .intro{ margin:15px 0; font-size:14px; color:#666666; line-height:28px; height:56px; overflow:hidden}
.gcon_4 .nr .ibd .swiper-slide .cont .time{ font-size:14px; color:#999999}


@media all and (max-width:1440px){
	.gcon_4 .nr{ width:1200px;}
	.gcon_4 .nr .ibd .swiper-slide{ width:360px; margin-right:60px}
}
@media all and (max-width:1200px){
	.gcon_4{ margin-top:40px; padding:40px 0}
	.gcon_4 .nr{ width:92%;}
	.gcon_4 .nr .ihd .title h3{ font-size:20px;}
	.gcon_4 .nr .ihd .title p img{ height:10px}
	.gcon_4 .nr .ibd{ margin-top:20px}
	.gcon_4 .nr .ibd .swiper-slide .cont{ padding:20px 0 0 }
	.gcon_4 .nr .ibd .swiper-slide{ margin-right:30px}
	.gcon_4 .nr .ibd .swiper-slide .cont .title{ font-size:15px}
	.gcon_4 .nr .ibd .swiper-slide .cont .intro{ font-size:12px; height:48px; line-height:24px; margin:12px 0}
	.gcon_4 .nr .ibd .swiper-slide .cont .time{ font-size:12px}

}
@media all and (max-width:750px){
	.gcon_4 .nr .ibd .swiper-slide{ width:48.5%; margin-right:3%}
	.gcon_4 .nr .ibd .swiper-slide .cont .title{ font-size:14px}
	
}