@charset "utf-8";
.banner{ width:100%; position:relative; overflow:hidden; height:100vh}
.banner .swiper-slide{ width:100%; overflow:hidden; opacity:0; transition:all 2s linear; background:#fff; height:100vh}
.banner .swiper-slide.swiper-slide-active { opacity:1}
.banner .swiper-slide img{ width:100%; height:100%; object-fit:cover}
.banner .swiper-slide.swiper-slide-active img{ width:100%;-webkit-animation: scaleBigToSmall 2s;-moz-animation: scaleBigToSmall 2s;-o-animation: scaleBigToSmall 2s; animation: scaleBigToSmall 2s;}
.banner img.img1{ display:block}
.banner img.img2{ display:none}
.banner .item{ width:100%; position:absolute; left:0; bottom:16%; z-index:2}
.banner .item .title{  font-size:28px; font-weight:bold; color:#fff; }
.banner .item .title i{ color:#e71927}
.banner .item .intro{ font-size:24px; color:#fff; padding:20px 0 0; height:130px}
.banner .item .more{ background:url(g_05.png) center center no-repeat; width:292px; height:80px; background-size:100% 100%;display:flex;align-items: center;justify-content: center;}
.banner .item .more i{ background:url(g_04.png) right center no-repeat; padding-right:90px; font-size:16px; color:#fff; height:100%;display:flex;align-items: center; }

@-webkit-keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}

    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

}
@keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}

    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

}
.banner .swiper-num{ position:absolute; left:50%; margin-left:-800px; bottom:9%; z-index:9; display:flex;align-items: center;justify-content: center;}
.banner .swiper-num .active{ font-size:16px; font-weight:bold; color:#fff; font-family:Arial, Helvetica, sans-serif}
.banner .swiper-num .total{ font-size:16px; font-weight:bold; color:#fff; font-family:Arial, Helvetica, sans-serif}
.banner .swiper-num .pagination01{ width:120px; margin:0 10px; position:relative; height:2px; top:auto; left:auto; bottom:auto; background:rgba(255,255,255,0.5); opacity:1}
.banner .swiper-num .pagination01 span{ background:#fff}
.banner .btn{ position:absolute; right:50%; margin-right:-860px; bottom:50px; z-index:9; display:flex;align-items: center;justify-content: center;}
.banner .btn .prev01,.banner .btn .next01{position: relative;left: auto;right: auto;display: inline-block;width:80px;height: 35px;border-radius: 20px;background-color: #fff;background-repeat: no-repeat;background-position: center center;background-size:32px ;z-index: 1;margin-top: 0;margin-left: 22px;overflow: hidden;background-image: none;}
.banner .btn .prev01::before,.banner .btn .next01::before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 3;background-repeat: no-repeat;background-position: center center;background-size:32px;}
.banner .btn .prev01::after,.banner .btn .next01::after{content: "";position: absolute;left: 0;top:0;width: 0;height: 100%;background-color: #284299;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;z-index: 2;}
.banner .btn .prev01::before{background-image: url("icon_prev.png");}
.banner .btn .next01::before{background-image: url("icon_next.png");}
.banner .btn .prev01:hover::before{background-image: url("icon_prev2.png");}
.banner .btn .next01:hover::before{background-image: url("icon_next2.png");}
.banner .btn .prev01:hover::after,.banner .btn .next01:hover::after{width: 100%;}












@media (max-width: 1600px){
	.banner .item{ bottom:18%}
	.banner .item .title{ font-size:28px;}
	.banner .item .intro{ font-size:18px; }
	.banner .swiper-num{ margin-left:-600px}
	.banner .swiper-num .active{ font-size:14px;}
	.banner .swiper-num .total{ font-size:14px;}
	.banner .swiper-num .pagination01{ width:100px; height:2px}
	.banner .btn{ margin-right:-600px}
	.banner .btn .prev01,.banner .btn .next01{ width:60px; height:30px}
	

	
}
@media (max-width: 1200px){
	.banner .item{ bottom:12%}
	.banner .item .title{ font-size:20px; line-height:1.2}
	.banner .item .intro{ font-size:12px; height:auto }
	.banner .swiper-num{ margin-left:0; left:4%; bottom:20px}
	.banner .swiper-num .active{ font-size:12px;}
	.banner .swiper-num .total{ font-size:12px;}
	.banner .swiper-num .pagination01{ width:60px; height:2px}
	.banner .btn{ margin-right:0; right:4%; bottom:10px}
	.banner .btn .prev01,.banner .btn .next01{ width:30px; height:20px; margin-left:10px}
	.banner .btn .prev01::before{ background-size:14px}
	.banner .btn .next01::before{ background-size:14px}
	.banner .btn .prev01:hover::before{ background-size:14px}
	.banner .btn .next01:hover::before{ background-size:14px}
	.banner img.img2{ display:block}
	.banner img.img1{ display:none}
}

.gcon_1{ margin-top:100px}
.gcon_1 .intro{ text-align:center; font-size:28px; font-weight:bold; color:#0d0d0d}
.gcon_1 .bq{ text-align:center; font-size:22px; color:#8d8d8d; margin-top:40px}
.gcon_1 .ibd{ width:1600px; margin:0 auto; position:relative; margin-top:100px; position:relative}
.gcon_1 .ibd img{ width:100%}
.gcon_1 .ibd .play{ background:url(g_06.png) center center no-repeat; background-size:cover; width:138px; height:138px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2}
@media (max-width: 1600px){
	.gcon_1{  }

	.gcon_1 .bq{ font-size:18px; margin-top:30px}
	.gcon_1 .ibd{ width:1200px;  }
	.gcon_1 .ibd .play{  width:110px; height:110px;}

}
@media (max-width: 1200px){
	.gcon_1{ margin-top:40px}
	.gcon_1 .intro{ font-size:18px;}
	.gcon_1 .bq{ font-size:14px; margin-top:10px}
	.gcon_1 .ibd{ width:100%; margin-top:20px; }
	.gcon_1 .ibd .play{  width:60px; height:60px;}

}

.gcon_2{ margin-top:160px}
.gcon_2 .nt{ position:relative}
.gcon_2 .nr{ position:relative}
.ihd{ display:flex; justify-content: space-between;align-items: center;}
.ihd .title{ font-size:32px; font-weight:bold; color:#0d0d0d; line-height:1}
.gcon_2 .btn{ display:flex; justify-content:space-between;align-items: center;}
/*.ihd .btn .prev02{ background:url(g_07.png) center center no-repeat; background-size:cover; width:48px; height:48px; cursor:pointer}
.ihd .btn .next02{ background:url(g_08.png) center center no-repeat; background-size:cover; width:48px; height:48px; cursor:pointer; margin-left:16px}*/

.gcon_2 .btn .prev02{  width:48px; height:48px; box-sizing:border-box; cursor:pointer}
.gcon_2 .btn .next02{ width:48px; height:48px; box-sizing:border-box; border:1px solid #e0e0e0; border-radius:100%; cursor:pointer; margin-left:16px; position:relative; overflow:hidden}
.gcon_2 .btn .next02 i{ display:block; width:100%; height:100%; background:url(pp1.png) center center no-repeat; background-size:cover;}
.gcon_2 .btn .next02 i:nth-child(1){ position:absolute; right:100%; top:0; opacity:0}
.gcon_2 .btn .next02 i:nth-child(2){ position:absolute; right:0; top:0;  opacity:1}
.gcon_2 .btn .next02:hover i:nth-child(1){ right:0; opacity:1; transition:all .65s cubic-bezier(.25,.74,.22,.99);}
.gcon_2 .btn .next02:hover i:nth-child(2){ right:-100%; opacity:0; transition:all .65s cubic-bezier(.25,.74,.22,.99);}

.gcon_2 .btn .prev02{ width:48px; height:48px; box-sizing:border-box; border:1px solid #e0e0e0; border-radius:100%; cursor:pointer; position:relative; overflow:hidden}
.gcon_2 .btn .prev02 i{ display:block; width:100%; height:100%; background:url(pp1.png) center center no-repeat; transform:rotate(180deg); background-size:cover;}
.gcon_2 .btn .prev02 i:nth-child(1){ position:absolute; left:100%; top:0;  opacity:0}
.gcon_2 .btn .prev02 i:nth-child(2){ position:absolute; left:0; top:0;  opacity:1}
.gcon_2 .btn .prev02:hover i:nth-child(1){ left:0; opacity:1; transition:all .65s cubic-bezier(.25,.74,.22,.99);}
.gcon_2 .btn .prev02:hover i:nth-child(2){ left:-100%; opacity:0; transition:all .65s cubic-bezier(.25,.74,.22,.99);}










.gcon_2 .btn{ position:absolute; right:0; top:0; transform:translateY(-50%); z-index:2}
.gcon_2 .ibd{ margin-top:45px }
.gcon_2 .ibd .swiper02{ width:100%; width:100%; overflow:hidden}
.gcon_2 .ibd .swiper02 .swiper-slide{ width:calc(50% - 3px); margin-right:6px}
.gcon_2 .ibd .swiper02 .swiper-slide:last-child{ margin-right:0}
.gcon_2 .ibd .swiper02 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_2 .ibd .swiper02 .swiper-slide .pic img{ width:100%}
.gcon_2 .ibd .swiper02 .swiper-slide .pic img{ width:100% ;transition:All 0.8s linear;    -webkit-transition:All 0.8s linear;    -moz-transition:All 0.8s linear;    -o-transition:All 0.8s linear;}
.gcon_2 .ibd .swiper02 .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_2 .ibd .swiper02 .swiper-slide .cont .title{ font-size:18px; color:#0d0d0d; text-align:justify; padding:10px 0 0 0}
.gcon_2 .ibd .swiper02 .swiper-slide .cont .time{ font-size:16px; color:#a7a7a7; font-weight:bold; margin-top:10px}
.imore{ text-align:center; margin-top:40px}
.imore a{ display:flex;  align-items: center; justify-content: center; font-size:18px; color:#4e4e4e; width:fit-content; margin:0 auto; padding-bottom:10px; position:relative}
.imore a:after{ content:""; display:block; width:0%; height:1px; background:#4e4e4e; position:absolute; left:0; bottom:0; z-index:2; transition:all 0.5s}
.imore a:hover:after{ width:100%}
.imore a img{ padding-left:15px}
@media (max-width: 1600px){
	.gcon_2{ margin-top:120px}
	.ihd .title{ font-size:28px; }
	.gcon_2 .btn .prev02{ width:40px; height:40px; }
	.gcon_2 .btn .next02{ width:40px; height:40px; }
	.gcon_2 .ibd{ margin-top:30px}
	.gcon_2 .ibd .swiper02 .swiper-slide{  }
	.gcon_2 .ibd .swiper02 .swiper-slide .cont .title{ font-size:16px;}
	.gcon_2 .ibd .swiper02 .swiper-slide .cont .time{ font-size:14px; }
	.imore{ margin-top:60px}
	.imore a{ font-size:16px; }
	.imore a img{ padding-left:12px; height:12px}
	
	.gcon_2 .btn{ top:calc(50% - 80px) }
	.gcon_2 .ibd .swiper02{ width:calc(100% - 120px); }

	
}
@media (max-width: 1200px){
	.gcon_2{ margin-top:40px}
	.ihd .title{ font-size:20px; }
	.gcon_2 .btn .prev02{ width:30px; height:30px; }
	.gcon_2 .btn .next02{ width:30px; height:30px; margin-left:10px }
	.gcon_2 .ibd{ margin-top:20px}
	.gcon_2 .ibd .swiper02 .swiper-slide{ width:49%; margin-right:2%}
	.gcon_2 .ibd .swiper02 .swiper-slide .cont .title{ font-size:14px;}
	.gcon_2 .ibd .swiper02 .swiper-slide .cont .time{ font-size:12px;  margin-top:10px}
	.imore{ margin-top:20px}
	.imore a{ font-size:14px; }
	.imore a img{ padding-left:10px; height:10px}
	
	.gcon_2 .btn{ top:0; transform: translateY(0);}
	.gcon_2 .ibd .swiper02{ width:100%; }
}
@media (max-width: 750px){
	.gcon_2 .btn{ top:0; transform:translateY(0) }
	.gcon_2 .ibd .swiper02{ width:100%; }
}

.gcon_3{ margin-top:100px}
.gcon_3 .ibd{ margin-top:50px}
.gcon_3 .imore{ text-align:center; margin-top:0}
.gcon_3 .ibd .zuopinList{display:flex; flex-wrap: wrap;justify-content: space-between; }
.gcon_3 .ibd .zuopinList .item{ width:calc(50% - 3px); margin-bottom:50px}
.gcon_3 .ibd .zuopinList .item:nth-child(2n){ }
.gcon_3 .ibd .zuopinList .item .pic{ width:100%; overflow:hidden}
.gcon_3 .ibd .zuopinList .item .pic img{ width:100%}

.gcon_3 .ibd .zuopinList .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;}
.gcon_3 .ibd .zuopinList .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 .zuopinList .item .cont .title{ margin-top:20px; font-size:16px; font-weight:bold; color:#0d0d0d}
.gcon_3 .ibd .zuopinList .item .cont .intro{ font-size:16px; color:#0d0d0d; display:flex; margin-top:10px; height:20px}
.gcon_3 .ibd .zuopinList .item .cont .intro p{ margin-right:20px}
@media (max-width: 1600px){

	.gcon_3 .ibd{ margin-top:40px}

	.gcon_3 .ibd .zuopinList .item{ margin-bottom:40px}
	.gcon_3 .ibd .zuopinList .item .cont .title{  }
	.gcon_3 .ibd .zuopinList .item .cont .intro{  }

}
@media (max-width: 1200px){
	.gcon_3{ margin-top:40px}
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .imore{ margin-top:10px}
	.gcon_3 .ibd .zuopinList .item{ margin-bottom:20px}
	.gcon_3 .ibd .zuopinList .item .cont .title{ font-size:16px; margin-top:10px  }
	.gcon_3 .ibd .zuopinList .item .cont .intro{ font-size:12px; margin-top:5px }

}

.gcon_4{ margin:100px 0}
.gcon_4 .ibd{ margin-top:50px; box-sizing:border-box; border-top:1px solid #f1f1f1}
.gcon_4 .ibd .item{ width:12.5%; float:left; box-sizing:border-box; position:relative;}
.gcon_4 .ibd .item:after{ content:""; display:block; width:1px; height:100%; position:absolute; right:1px ; top:0; background:#f1f1f1}

.gcon_4 .ibd .item:nth-child(8n+1):before{ content:""; display:block; width:1px; height:100%; position:absolute; left:1px ; top:0; background:#f1f1f1}

.gcon_4 .ibd .item a{ display:block; width:100}
.gcon_4 .ibd .item img{ width:100%; overflow:hidden; display:block}
.gcon_4 .ibd .item a:after{ content:""; display:block; height:1px; width:100%; position:absolute; right:0 ; bottom:1px; background:#f1f1f1}
@media (max-width: 1600px){
	.gcon_4{ margin:120px 0}
	.gcon_4 .ibd{ margin-top:40px;  }
}
@media (max-width: 1200px){
	.gcon_4{ margin:40px 0}
	.gcon_4 .ibd{ margin-top:20px;  }
	.gcon_4 .ibd .item{ width:25%; }
	.gcon_4 .ibd .item:nth-child(4n):after{ width:1px}
	
	.gcon_4 .ibd .item:nth-child(4n+1):before{ content:""; display:block; width:1px; height:100%; position:absolute; left:1px ; top:0; background:#f1f1f1}



}

.gcon_5{ margin:160px 0 140px}
.gcon_5 .ibd{ margin-top:50px; padding-top:35px; border-top:1px solid #dedede}
.gcon_5 .ibd .swiper05{ width:100%; padding:15px 0; overflow:hidden}
.gcon_5 .ibd .item{ width:390px; box-sizing:border-box; background:#f8f8f8; height:auto; border-radius:10px; margin-right:13px; padding:45px}
.gcon_5 .ibd .item:last-child{ margin-right:0}
.gcon_5 .ibd .item .title{ font-size:22px; color:#0d0d0d; font-weight:bold}
.gcon_5 .ibd .item .intro{ font-size:18px; color:#111111; margin-top:15px}
.gcon_5 .ibd .item .ico{  margin-top:15px}
.gcon_5 .ibd .item .ico img{ height:25px; transition:all 0.5s}
.gcon_5 .ibd .item:hover{ background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15)}
.gcon_5 .ibd .item:hover .ico img{ transform:rotateY(360deg)}
@media (max-width: 1600px){
	.gcon_5{ margin:120px 0 100px}
	.gcon_5 .ibd{ margin-top:40px; padding-top:25px; }
	.gcon_5 .ibd .item{ width:23.5%; margin-right:2%; padding:30px}
	.gcon_5 .ibd .item .title{ font-size:20px; }
	.gcon_5 .ibd .item .intro{ font-size:16px; }
	.gcon_5 .ibd .item .ico{  margin-top:15px}
	.gcon_5 .ibd .item .ico img{ height:20px}

}
@media (max-width: 1200px){
	.gcon_5{ margin:40px 0 30px}
	.gcon_5 .ibd{ margin-top:20px; padding-top:5px; }
	.gcon_5 .ibd .item{ width:49%; margin-right:2%; pad