@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 .swiper-slide .item{ width:100%; position:absolute; left:0;  top:50%; transform:translateY(-50%); z-index:9; color:#fff}
.banner .swiper01 .swiper-slide .item .title{ font-size:60px; color:#fff; font-weight:bold; line-height:1;}
.banner .swiper01 .swiper-slide .item .intro{ font-size:40px; color:#fff; margin-top:30px}
.banner .swiper01 .swiper-slide .item .more{ background:#c30d23; display:block; width:200px; height:74px;display:flex;align-items: center;justify-content: center; border-radius: 40px; cursor:pointer; margin-top:100px}
.banner .swiper01 .swiper-slide .item .more i{ font-size:16px; color:#fff; display:inline-block; background:url(g_03.png) right center no-repeat; padding-right:65px; transition:all 0.3s; line-height:36px}



.banner .swiper01 .btn{ position:absolute; left:50%; margin-left:-800px; bottom:90px; z-index:9}
.banner .swiper01 .btn .prev01{ float:left; background:url(g_04.png) center center no-repeat; width:12px; height:45px; cursor:pointer}
.banner .swiper01 .btn .next01{ float:left; background:url(g_05.png) center center no-repeat; width:12px; height:45px; cursor:pointer; margin:0 20px}
.banner .swiper01 .btn .pagination01{ float:left; width:auto; color:#fff; font-size:18px;}
.banner .swiper01 .btn .pagination01 span{ padding:0 5px}
.banner .swiper01 .btn .pagination01 span.swiper-pagination-current{ font-size:30px; font-weight:bold}
@media (max-width: 1600px){
	.banner .swiper01 .swiper-slide .item .title{ font-size:42px;}
	.banner .swiper01 .swiper-slide .item .intro{ font-size:32px; margin-top:25px}
	.banner .swiper01 .swiper-slide .item .more{ width:180px; height:66px;}
	.banner .swiper01 .btn{ margin-left:-600px; bottom:60px}

}

@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 .swiper-slide .item .title{ font-size:32px;}
	.banner .swiper01 .swiper-slide .item .intro{ font-size:24px; margin-top:20px}
	.banner .swiper01 .swiper-slide .item .more{ width:160px; height:60px; margin-top:80px;}
	.banner .swiper01 .swiper-slide .item .more i{ background-size:28px; padding-right:40px; font-size:14px}
	.banner .swiper01 .btn{ margin-left:0; left:4%; bottom:10px}
	.banner .swiper01 .btn .prev01{ height:40px}
	.banner .swiper01 .btn .next01{ height:40px}	
	.banner .swiper01 .btn .pagination01{ font-size:16px; height:36px; line-height:36px}
	
}
@media (max-width: 750px){
	.banner .swiper01 .swiper-slide .item .title{ font-size:20px;}
	.banner .swiper01 .swiper-slide .item .intro{ font-size:14px; margin-top:15px}
	.banner .swiper01 .swiper-slide .item .more{ width:120px; height:46px; margin-top:40px;}
	.banner .swiper01 .swiper-slide .item .more i{ background-size:20px; padding-right:32px; font-size:12px}
	.banner .swiper01 .btn{ margin-left:0; left:4%; bottom:10px}
	.banner .swiper01 .btn .prev01{ height:36px}
	.banner .swiper01 .btn .next01{ height:36px}	
	
	.banner .swiper01 .btn .pagination01{ font-size:14px;}
	.banner .swiper01 .btn .pagination01 span{ padding:0 5px}
	.banner .swiper01 .btn .pagination01 span.swiper-pagination-current{ font-size:24px;}
	
}



.gcon_1{ width:100%; background:url(g_06.jpg) center center no-repeat; background-size:cover; padding:120px 0}
.gcon_1 .lt{ float:left; width:680px;}
.gcon_1 .lt .a{ font-size:24px; color:#333333; margin-top:60px; line-height:1}
.gcon_1 .lt .b{ font-size:38px; color:#c30d23; font-weight:bold; line-height:1; margin-top:20px;}
.gcon_1 .lt .c{ font-size:16px; color:#666666; line-height:2; text-align:justify; margin-top:30px;}
.gcon_1 .lt .d{ margin-top:80px;}
.gcon_1 .lt .d a{display:flex;align-items: center;justify-content: center; width:200px; height:74px; box-sizing:border-box; border:2px solid #c30d23; border-radius:40px}
.gcon_1 .lt .d a i{ font-size:16px; color:#c30d23; display:inline-block; background:url(g_07.png) right center no-repeat; padding-right:60px; transition:all 0.3s; line-height:36px}

.gcon_1 .lt .d a:hover{background:#c8161e;}
.gcon_1 .lt .d a:hover i{  background:url(g_03.png) right center no-repeat; color:#fff}

.gcon_1 .rt{ width:810px; float:right}
.gcon_1 .rt .pic{ width:100%; overflow:hidden; position:relative}
.gcon_1 .rt .pic img{ width:100%}
.gcon_1 .rt .pic .cont{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; width:100%; z-index:9; color:#fff}
.gcon_1 .rt .pic .cont .play{ background:url(g_10.png) center center no-repeat; width:90px; height:90px; margin:0 auto}
.gcon_1 .rt .pic .cont .title{ text-align:center; margin-top:30px; font-size:25px; color:#fff; font-family:impact; text-transform:uppercase}
.gcon_1 .rt .pic .cont .title i{ color:#c30d23; font-size:64px; padding-left:10px}
.gcon_1 .rt .ico{ margin-top:20px}
.gcon_1 .rt .ico img{ width:100%; transform:scale(1.05)}
@media (max-width: 1600px){
	.gcon_1{ padding:100px 0}
	.gcon_1 .lt{ width:520px;}
	.gcon_1 .rt{ width:600px;}
	.gcon_1 .lt .a{ font-size:20px;}
	.gcon_1 .lt .b{ font-size:32px;}
	.gcon_1 .lt .c{ font-size:14px; color:#666666; line-height:2; text-align:justify; margin-top:30px;}
	.gcon_1 .lt .d a{ width:180px; height:64px; box-sizing:border-box; border:2px solid #c30d23; border-radius:40px}
	.gcon_1 .lt .d a i{ font-size:14px; background:url(g_07.png) right center no-repeat; background-size:30px; padding-right:50px; line-height:30px}
	.gcon_1 .lt .d a:hover{}
	.gcon_1 .lt .d a:hover i{ background-size:30px;}
	
	.gcon_1 .rt .pic .cont .play{ background:url(g_10.png) center center no-repeat; background-size:cover; width:80px; height:80px;}
	.gcon_1 .rt .pic .cont .title{  margin-top:25px; font-size:20px;}
	.gcon_1 .rt .pic .cont .title i{ font-size:52px}	
}
@media (max-width: 1200px){
	.gcon_1{ padding:60px 0}
	.gcon_1 .lt{ width:100%;}
	.gcon_1 .rt{ width:100%; margin-top:25px}
	.gcon_1 .lt .a{ font-size:14px; margin:0}
	.gcon_1 .lt .b{ font-size:20px; margin-top:15px}
	.gcon_1 .lt .c{ font-size:12px;  margin-top:20px;}
	.gcon_1 .lt .d{ margin-top:20px}
	.gcon_1 .lt .d a{ width:140px; height:52px; box-sizing:border-box; border:1px solid #c30d23; border-radius:40px}
	.gcon_1 .lt .d a i{ font-size:12px; background:url(g_07.png) right center no-repeat; background-size:24px; padding-right:40px; line-height:24px}
	.gcon_1 .lt .d a:hover i{ background-size:24px;}
	.gcon_1 .rt .pic .cont .play{ background:url(g_10.png) center center no-repeat; background-size:cover; width:60px; height:60px;}
	.gcon_1 .rt .pic .cont .title{  margin-top:15px; font-size:16px;}
	.gcon_1 .rt .pic .cont .title i{ font-size:40px}	
}


.gcon_3{ position:relative}
.gcon_3 .swiper31{ width:100%; overflow:hidden}
.gcon_3 .swiper31:after{ content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.3); position:absolute; left:0; bottom:110px; z-index:2}
.gcon_3 .swiper31 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.gcon_3 .swiper31 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_3 .swiper31 .swiper-slide .pic img{ width:100%}
.gcon_3 .swiper31 .swiper-slide .pic .img1{ display:block}
.gcon_3 .swiper31 .swiper-slide .pic .img2{ display:none}

.gcon_3 .swiper31 .swiper-slide .pic img{transform: scale(1.1); opacity: 0.2; transition: all ease 2s; width: 100%;}
.gcon_3 .swiper31 .swiper-slide.swiper-slide-active  .pic img{transform: scale(1); opacity: 1;}


.gcon_3 .swiper31 .swiper-slide .item{ position:absolute; left:50%; margin-left:-790px; top:130px; color:#fff; z-index:2; transform:translateX(-100%); transition:all 1s; opacity:0}

.gcon_3 .swiper31 .swiper-slide.swiper-slide-active .item{transform: translateX(0); opacity: 1;}

.gcon_3 .swiper31 .swiper-slide .item .title{ font-size:38px; line-height:1; padding-bottom:20px; background:url(ax23.jpg) left bottom no-repeat}
.gcon_3 .swiper31 .swiper-slide .item .intro{ font-size:16px; margin-top:25px; line-height:2; width:60%}

.gcon_3 .swiper31 .swiper-slide .item .more{display:flex;align-items: center;justify-content: center; width:200px; height:74px; box-sizing:border-box; background:#c8161e; border-radius:40px; margin-top:70px}
.gcon_3 .swiper31 .swiper-slide .item .more i{ font-size:16px; color:#fff; display:inline-block; background:url(g_03.png) right center no-repeat; padding-right:60px; transition:all 0.3s; line-height:36px}
.gcon_3 .swiper31 .swiper-slide .item .more:hover{ border:2px solid #c30d23; background:#fff}
.gcon_3 .swiper31 .swiper-slide .item .more:hover i{ background:url(g_07.png) right center no-repeat; color:#c30d23}




.gcon_3 .swiper32{ width:1600px; position:absolute; left:50%; margin-left:-800px; bottom:0; z-index:2; height:110px; overflow:hidden; border-left:1px solid rgba(255,255,255,0.3)}
.gcon_3 .swiper32 .swiper-slide{ border-right:1px solid rgba(255,255,255,0.3); text-align:center; color:#fff; font-size:0; box-sizing:border-box; height:100%; box-sizing:border-box; cursor:pointer;display:flex;align-items: center;justify-content: center;}
.gcon_3 .swiper32 .swiper-slide:last-child{ border-right:1px solid rgba(255,255,255,0.3)}
.gcon_3 .swiper32 .swiper-slide .title{ display:inline-block; vertical-align:top; font-size:24px; line-height:50px;}
.gcon_3 .swiper32 .swiper-slide.swiper-slide-thumb-active{ background:rgba(255,255,255,0.3)}
@media (max-width: 1600px){

	.gcon_3 .swiper31 .swiper-slide .item{ margin-left:-600px; top:100px}
	.gcon_3 .swiper31 .swiper-slide .item .title{ font-size:32px;}
	.gcon_3 .swiper31 .swiper-slide .item .intro{ font-size:15px}
	.gcon_3 .swiper31:after{ bottom:100px}
	.gcon_3 .swiper32{ width:1200px; margin-left:-600px; height:100px}
	.gcon_3 .swiper32 .swiper-slide{ padding:30px 0}
	.gcon_3 .swiper32 .swiper-slide .pic img{ height:40px}
	.gcon_3 .swiper32 .swiper-slide .title{ font-size:20px; line-height:40px}
	
	.gcon_3 .swiper31 .swiper-slide .item .more{ width:180px; height:64px;}
	.gcon_3 .swiper31 .swiper-slide .item .more i{ font-size:14px;  background-size:30px; padding-right:50px; line-height:30px}
		
	.gcon_3 .swiper31 .swiper-slide .item .more:hover i{ background-size:30px; }	
	
	
}
@media (max-width: 1200px){
	.gcon_3{}
	.gcon_3 .swiper31 .swiper-slide .item{ left:4%; margin:0; top:15%;}
	.gcon_3 .swiper31 .swiper-slide .item .title{ font-size:20px; padding-bottom:10px}
	.gcon_3 .swiper31 .swiper-slide .item .intro{ font-size:12px; margin-top:10px; width:100%}
	.gcon_3 .swiper31 .swiper-slide .pic .img2{ display:block}
	.gcon_3 .swiper31 .swiper-slide .pic .img1{ display:none}
	.gcon_3 .swiper31:after{ bottom:60px}
	.gcon_3 .swiper32{ width:100%; margin:0; left:0; height:60px}
	.gcon_3 .swiper32 .swiper-slide{ padding:18px 0}
	.gcon_3 .swiper32 .swiper-slide .pic{margin-right:5px}
	.gcon_3 .swiper32 .swiper-slide .pic img{ height:24px; }
	.gcon_3 .swiper32 .swiper-slide .title{ font-size:12px; line-height:24px}
	.gcon_3 .swiper31 .swiper-slide .item .more{ width:140px; height:52px; box-sizing:border-box; margin-top:20px; }
	.gcon_3 .swiper31 .swiper-slide .item .more i{ font-size:12px;   background-size:24px; padding-right:40px; line-height:24px}
	.gcon_3 .swiper31 .swiper-slide .item .more:hover i{ background-size:24px; }
}

.gcon_2{ width:100%; padding:120px 0}
.gcon_2 .nr{ position:relative}
.gcon_2 .nr .ihd{ position:absolute; left:0; top:0; z-index:9}
.gcon_2 .nr .ibd{ width:100%; overflow:hidden}
.gcon_2 .nr .ibd .swiper02{ width:100%; overflow:hidden}
.gcon_2 .nr .ibd .swiper02 .swiper-slide{ width:100%; overflow:hidden}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont{ width:712px; float:left; margin-top:114px; color:#fff; position:relative; height:555px; box-sizing:border-box; padding:100px 55px 0}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .title{ font-size:28px; color:#fff; line-height:1} 
.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .intro{ font-size:14px; color:rgba(255,255,255,0.8); margin-top:30px; line-height:2}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont:after{ content:""; display:block; width:200%; height:100%; background:#222627; position:absolute; left:0; top:0; z-index:-1}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .more a{display:flex;align-items: center;justify-content: center; width:200px; height:74px; box-sizing:border-box; background:#c8161e; border-radius:40px; margin-top:50px}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .more a i{ font-size:16px; color:#fff; display:inline-block; background:url(g_03.png) right center no-repeat; padding-right:60px; transition:all 0.3s; line-height:36px}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .more a:hover{ border:2px solid #c30d23; background:#fff}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .more a:hover i{ background:url(g_07.png) right center no-repeat; color:#c30d23}

.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .num{ position:absolute; right:55px; bottom:60px}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont{ width:888px; float:right; overflow:hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont .pic{ width:100%; overflow:hidden}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont .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 .nr .ibd .swiper02 .swiper-slide .bcont .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 .nr .ibd .swiper02 .swiper-slide .bcont .swiper2{ width:100%; overflow:hidden; background:#fff}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont .swiper2 .swiper-slide{ width:20%; text-align:center; padding:10px 0 20px; opacity:0.5}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont .swiper2 .swiper-slide .pics img{ max-width:100%}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont .swiper2 .swiper-slide .title{ font-size:14px; color:#333333}
.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont .swiper2 .swiper-slide.swiper-slide-active{ opacity:1}
.gcon_2 .nr .ihd .title{ font-size:46px; color:#333333; float:left; line-height:1}
.gcon_2 .nr .ihd .pagination02{ float:left; height:46px;display:flex;align-items: center; width:auto; font-size:16px; color:#666666; margin:0 90px}
.gcon_2 .nr .ihd .pagination02 .swiper-pagination-current{ color:#c8161e}
.gcon_2 .nr .ihd .btn{ width:174px; height:46px; box-sizing:border-box; border:1px solid #e5e5e5;display:flex;align-items: center; cursor:pointer; position:relative}
.gcon_2 .nr .ihd .btn:after{ content:""; display:block; width:1px; height:22px; background:#e5e5e5; position:absolute; left:50%; top:calc(50% - 11px); z-index:2}
.gcon_2 .nr .ihd .btn .prev02{ font-size:0; width:50%; background:url(g_13.png) center center no-repeat; height:100%;}
.gcon_2 .nr .ihd .btn .next02{ font-size:0; width:50%; background:url(g_13.png) center center no-repeat; height:100%; transform:rotateY(180deg)}
.gcon_2 .nr .ihd .btn .prev02:hover{ background:url(g_14.png) center center no-repeat; transform:rotateY(180deg)}
.gcon_2 .nr .ihd .btn .next02:hover{ background:url(g_14.png) center center no-repeat; transform:rotateY(0)}
@media (max-width: 1600px){
	.gcon_2{ padding:100px 0}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont{ width:535px;  margin-top:100px;  height:420px; box-sizing:border-box; padding:80px 45px 0}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .title{ font-size:24px;} 
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .intro{ font-size:13px; margin-top:25px;}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .more a{ width:180px; height:64px; margin-top:50px}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .more a i{ font-size:14px;  background-size:30px; padding-right:50px; line-height:30px}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .more a:hover i{  background-size:30px;}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .num{ position:absolute; right:45px; bottom:40px}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .num img{ height:160px}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont{ width:665px;}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont .swiper2 .swiper-slide .title{ font-size:13px;}
	.gcon_2 .nr .ihd .title{ font-size:38px;}
	.gcon_2 .nr .ihd .pagination02{ height:38px; margin:0 60px}
	.gcon_2 .nr .ihd .btn{ width:140px; height:38px;}	
}
@media (max-width: 1200px){
	.gcon_2{ padding:80px 0}
	.gcon_2 .nr .ihd{ position:relative}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont{ width:100%;  margin-top:30px;  height:auto; padding:40px}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .title{ font-size:20px;} 
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .intro{ font-size:12px; margin-top:20px;}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .more a{ width:140px; height:52px; box-sizing:border-box; margin-top:30px; }
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .more a i{ font-size:12px;   background-size:24px; padding-right:40px; line-height:24px}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .more a:hover i{  background-size:24px;}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .num{ position:absolute; right:40px; bottom:40px}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .num img{ height:120px}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont{ width:100%;}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont .swiper2 .swiper-slide .title{ font-size:13px;}
	.gcon_2 .nr .ihd .title{ font-size:30px;}
	.gcon_2 .nr .ihd .pagination02{ height:30px; margin:0 40px}
	.gcon_2 .nr .ihd .btn{ width:100px; height:30px;}	
}
@media (max-width: 750px){
	.gcon_2{ padding:60px 0}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont{  margin-top:20px; padding:30px 20px}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .num{ right:20px; bottom:30px}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .acont .num img{ height:100px}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont{ width:100%;}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont .swiper2 .swiper-slide{ width:calc(100% / 3); padding:10px 0}
	.gcon_2 .nr .ibd .swiper02 .swiper-slide .bcont .swiper2 .swiper-slide .title{ font-size:12px}
	.gcon_2 .nr .ihd .title{ font-size:24px; line-height:30px}
	.gcon_2 .nr .ihd .pagination02{ height:30px; margin:0 40px}
	.gcon_2 .nr .ihd .btn{ width:100px; height:30px;}	
	.gcon_2 .nr .ihd .btn .prev02{ background-size:7px!important}
	.gcon_2 .nr .ihd .btn .next02{ background-size:7px!important}
}

.gcon_4{ width:100%; background:url(g_21.jpg) center center no-repeat; background-size:cover; padding:120px 0}
.gcon_4 .nr{ position:relative}
.gcon_4 .ihd .title{ font-size:46px; color:#333333; line-height:1}
.gcon_4 .swiper42{ width:290px; position:absolute; right:0; top:0}
.gcon_4 .swiper42 .swiper-slide .title{display:flex;align-items: center;justify-content: center; width:135px; height:46px; border-radius:30px; box-sizing:border-box; border:1px solid #d9d9d9; font-size:18px; color:#666666; cursor:pointer}
.gcon_4 .swiper42 .swiper-slide.swiper-slide-thumb-active .title{ border:1px solid #bc1d21; background:#bc1d21; color:#fff}
.gcon_4 .swiper41{ width:100%; position:relative;  margin-top:50px; overflow:hidden}
.gcon_4 .swiper41 .aslide{ width:100%; overflow:hidden; position:relative;}
.gcon_4 .swiper41 .swiper-slide .swipers04{ width:100%; box-sizing:border-box; position:relative; overflow:hidden }
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide{ width:25%; box-sizing:border-box; position:relative; height:530px;}
.gcon_4 .swiper41 .swiper-slide .swipers04:after{ content:""; display:block; width:1px; height:100%; position:absolute; left:0; top:0; z-index:9; background: #dcdcdc;}
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide a{ display:block; width:100%; height:100%; padding:0 30px; box-sizing:border-box;border-right:1px solid #dcdcdc;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; }
.gcon_4 .swiper41 .swiper-slide .pagination04{ position:relative; margin-top:45px; height:1px; width:100%}
.gcon_4 .swiper41 .swiper-slide .pagination04 span.swiper-pagination-progressbar-fill{ background:#000000; height:7px; top:-3px; border-radius:4px; overflow:hidden}
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .time{ padding-top:110px; font-size:16px; color:#666666; transition:all 0.5s}
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .title{ font-size:22px; color:#333333; line-height:32px; height:64px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:20px}
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .cont{ margin-top:40px; position:relative}
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .cont .intro{ font-size:14px; color:#808080; line-height:30px; height:180px; overflow:hidden; text-align:justify; transition:all 0.5s}
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .cont .pic{ width:100%; position:absolute; left:0; top:0; z-index:-1; opacity:0; transition:all 0.5s}
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .cont .pic img{ width:100%}
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide:hover .time{ padding-top:80px}
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide:hover .title{ font-weight:bold; color:#bc1d21}
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide:hover .cont .intro{ opacity:0}
.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide:hover .cont .pic{ opacity:1}
@media (max-width: 1600px){
	.gcon_4{ padding:100px 0}
	.gcon_4 .ihd .title{ font-size:38px;}
	.gcon_4 .swiper42{ width:260px;}
	.gcon_4 .swiper42 .swiper-slide .title{ width:100%; height:38px; font-size:16px;}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide{ height:440px}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide a{ padding:0 20px}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .time{ padding-top:60px; font-size:14px;}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .title{ font-size:20px; line-height:30px; height:60px;}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .cont{ margin-top:30px;}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide:hover .time{ padding-top:40px}

}
@media (max-width: 1200px){
	.gcon_4{ padding:80px 0}
	.gcon_4 .ihd .title{ font-size:30px; line-height:38px}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide{ width:calc(100% / 3); height:440px}
}
@media (max-width: 750px){
	.gcon_4{ padding:60px 0}
	.gcon_4 .ihd .title{ font-size:24px; line-height:30px}
	.gcon_4 .swiper42{ width:200px}
	.gcon_4 .swiper42 .swiper-slide .title{ height:30px; font-size:14px;}
	.gcon_4 .swiper41{ margin-top:30px} 
	.gcon_4 .swiper41 .swiper-slide .swipers04:after{ width:0}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide a{ border:1px solid #dcdcdc}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide{ width:100%; height:auto}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .time{ padding-top:20px; font-size:12px;}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .title{ font-size:16px; line-height:25px; height:50px; margin-top:15px}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .cont{ margin-top:15px}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .cont .intro{ font-size:12px; line-height:24px; height:72px}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide .cont .pic{ position:relative; opacity:1; margin:20px 0}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide:hover .time{ padding-top:20px}
	.gcon_4 .swiper41 .swiper-slide .swipers04 .swiper-slide:hover .cont .intro{ opacity:1}
	.gcon_4 .swiper41 .swiper-slide .pagination04{  margin-top:20px;}
.gcon_4 .swiper41 .swiper-slide .pagination04 span.swiper-pagination-progressbar-fill{ height:5px; top:-2px;}

}