@charset "utf-8";
.banner{ width:100%; height: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 .prev01{ background:url(prev.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-18px; z-index:9}
.banner .next01{ background:url(next.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-18px; z-index:9}
.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:16px; height:16px; margin:0 6px; background:#fff; border-radius:50%; opacity:1;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:#eda81c; }
.banner .swiper01 .swiper-slide{ width:100%; height:auto; position:relative; overflow:hidden}
.banner .swiper01 .swiper-slide .item{ width:100%; position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%); z-index:9; text-align:center}
.banner .swiper01 .swiper-slide .item .bq{ width:fit-content; border:1px solid rgba(255,255,255,0.5); padding:5px 25px; border-radius:30px; font-size:30px; color:#fff;visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:0.6s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .title{ font-size:48px; color:#fff; font-weight:bold; line-height:1; margin-top:30px;visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.2s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .intro{ font-size:28px; color:rgba(255,255,255,0.6); margin-top:25px;visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.8s; position:relative; top:30px;}

.banner .swiper01 .swiper-slide.swiper-slide-active .item .bq,.banner .swiper01 .swiper-slide.swiper-slide-active .item .title,.banner .swiper01 .swiper-slide.swiper-slide-active .item .intro{ opacity:1;visibility:visible; top:0}

.banner .swiper01 a .img1{ transform:scale(1.15,1.15);vertical-align:middle; transition:all 10s cubic-bezier(0.19, 1, 0.22, 1)}
.banner .swiper01 .swiper-slide.swiper-slide-active a .img1{transform:scale(1);}

.banner .amore{ background:url(g_04x.png) center center no-repeat; background-size:cover; width:61px; height:72px; position:absolute; left:50%; bottom:5%; transform:translateX(-50%); z-index:9}


.banner .swiper01 .v{ content:""; display:block; width:100%; height:100%; background:url(v1.png) top center no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:2}
@media (max-width: 1440px){
	.banner .swiper01 .swiper-slide .item{ padding-top:80px}
	.banner .swiper01 .swiper-slide .item .bq{ padding:5px 20px; border-radius:25px; font-size:24px;}
	.banner .swiper01 .swiper-slide .item .title{ font-size:40px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:24px; }
	.banner .amore{ width:50px; height:60px; }

}
@media (max-width: 1200px){
	.banner .swiper01 .pagination01{ bottom:20px}
	.banner .swiper01 .pagination01 span{ width:10px; height:10px; margin:0 4px;}
	.banner .swiper01 a .img2{ display:block}
	.banner .swiper01 a .img1{ display:none}
	.banner .swiper01 .swiper-slide .item{ padding-top:40px}
	.banner .swiper01 .swiper-slide .item .bq{ font-size:18px;}
	.banner .swiper01 .swiper-slide .item .title{ font-size:24px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:16px; }
	.banner .amore{ width:40px; height:50px; }	
}
@media (max-width: 750px){
	.banner .swiper01 .swiper-slide .item{ padding-top:40px}
	.banner .swiper01 .swiper-slide .item .bq{ font-size:14px;}
	.banner .swiper01 .swiper-slide .item .title{ font-size:20px; margin-top:15px }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:14px; margin-top:15px }
	.banner .amore{ width:30px; height:40px; }	
}

.gcon_1{ width:100%; background:url(g_08.jpg) bottom center no-repeat; background-size:cover; padding:90px 0 0}
.gcon_1 .ibd{ display:flex; justify-content: space-between;flex-wrap: wrap;}
.gcon_1 .ibd .lt{ width:330px}
.gcon_1 .ibd .cen{ width:724px}
.gcon_1 .ibd .lt .item{ width:100%; position:relative; overflow:hidden; margin-top:16px}
.gcon_1 .ibd .lt .item:nth-child(1){ margin-top:0}
.gcon_1 .ibd .lt .item .pic{ width:100%; overflow:hidden}
.gcon_1 .ibd .lt .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_1 .ibd .lt .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:scale(1.1);}
.gcon_1 .ibd .lt .item .title{ width:105px; height:38px;display:flex; align-items: center; justify-content: center; border:1px solid #fff; border-radius:20px; position:absolute; left:50%; transform:translateX(-50%); bottom:10%; z-index:2; color:#fff; font-size:18px; font-weight:bold}
.gcon_1 .ibd .lt .item:hover .title{ background:#183d8d; border:1px solid #183d8d}
.gcon_1 .ibd .cen .play{ width:100%; position:relative; overflow:hidden;}
.gcon_1 .ibd .cen .play 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 .ibd .cen .play:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.gcon_1 .ibd .cen .play span{ background:url(g_20.png) center center no-repeat; width:100%; height:100%; position:absolute; left:0; top:0}
.gcon_1 ul{ display:flex; justify-content: space-around; padding:80px 0}
.gcon_1 ul li .p1{ font-size:18px; color:#333333; line-height:1; margin-bottom:12px}
.gcon_1 ul li .p2{ display:flex; line-height:0.8}
.gcon_1 ul li .p2 i{ font-size:38px; font-weight:bold; color:#333333; }
.gcon_1 ul li .p2 span{ display:flex; align-items: center; justify-content: center; width:20px; height:20px; border-radius:50%; background:#f28101; color:#fff; margin-left:5px}
@media (max-width: 1440px){
	.gcon_1{ padding:80px 0 0}
	.gcon_1 .ibd .lt{ width:280px}
	.gcon_1 .ibd .cen{ width:616px}
	.gcon_1 .ibd .lt .item{ margin-top:15px}
	.gcon_1 .ibd .lt .item .title{ width:100px; height:32px; font-size:16px; }
	.gcon_1 .ibd .cen .play span{ background-size:70px}
}
@media (max-width: 1200px){
	.gcon_1{ padding:60px 0 0}
	.gcon_1 .ibd .lt{ width:23.5%; display:flex;   flex-direction: column; justify-content: space-between; }
	.gcon_1 .ibd .cen{ width:51%}
	.gcon_1 .ibd .lt .item{ margin-top:0}
	.gcon_1 .ibd .lt .item .title{ width:90px; height:30px; font-size:14px; }
	.gcon_1 .ibd .cen .play span{ background-size:50px}
	.gcon_1 ul{ padding:60px 0}
	.gcon_1 ul li .p1{ font-size:16px; margin-bottom:10px}
	.gcon_1 ul li .p2 i{ font-size:30px;}
}
@media (max-width: 750px){
	.gcon_1{ padding:40px 0 0}
	.gcon_1 .ibd .lt{ width:100%; display:block; }
	.gcon_1 .ibd .lt .item{ margin-top:10px}
	.gcon_1 .ibd .cen{ width:100%; margin:10px 0}
	.gcon_1 ul{ padding:40px 0; justify-content: space-between;}
	.gcon_1 ul li .p1{ font-size:14px; margin-bottom:10px}
	.gcon_1 ul li .p2 i{ font-size:24px;}
	.gcon_1 ul li .p2 span{ width:16px; height:16px; font-size:10px}
}

.gcon_2{ width:100%; position:relative; overflow:hidden}
.gcon_2 .swiper02{ width:100%; overflow:hidden; position:relative}
.gcon_2 .swiper02 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.gcon_2 .swiper02 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_2 .swiper02 .swiper-slide .pic img{ width:100%}
.gcon_2 .swiper02 .swiper-slide .cont{ width:470px; background:#fff; position:absolute; right:50%; margin-right:-710px; background:#fff; border-radius:40px 0 40px 0; top:50%; transform:translateY(-50%); box-sizing:border-box; padding:70px 40px}
.gcon_2 .swiper02 .swiper-slide .cont .ico{ width:100%; text-align:center}
.gcon_2 .swiper02 .swiper-slide .cont .ico img{ height:130px}
.gcon_2 .swiper02 .swiper-slide .cont .title{ font-size:24px; font-weight:bold; color:#333333; text-align:center; margin-top:30px}
.gcon_2 .swiper02 .swiper-slide .cont .intro{ font-size:16px; color:#333333; text-align:center; margin-top:10px}
.gcon_2 .swiper02 .swiper-slide .cont .bq{ margin:0 auto; margin-top:50px;display:flex; align-items: center; justify-content: center; width:220px; height:64px; background:#f28101; border-radius:32px; font-size:18px; font-weight:bold; color:#fff}
.gcon_2 .swiper02 .swiper-slide .cont .more{ font-size:16px; color:#333333; line-height:1.2; text-align:center; margin-top:20px}

.gcon_2 .swiper02 .pagination02{ width:100%; position:absolute; left:0; text-align:center; bottom:5%; font-size:0; z-index:2}
.gcon_2 .swiper02 .pagination02 span{ display:inline-block; width:10px; height:10px; border:1px solid #fff; border-radius:100%; margin:0 5px; opacity:1; background:none}
.gcon_2 .swiper02 .pagination02 span.swiper-pagination-bullet-active{ border:1px solid #f28101; background:#f28101}
@media (max-width: 1440px){
	.gcon_2 .swiper02 .swiper-slide .cont{ width:400px; margin-right:-600px; border-radius:30px 0 30px 0; padding:60px 30px}
	.gcon_2 .swiper02 .swiper-slide .cont .ico img{ height:110px}
	.gcon_2 .swiper02 .swiper-slide .cont .title{ font-size:20px; margin-top:20px}
	.gcon_2 .swiper02 .swiper-slide .cont .intro{ font-size:14px;}
	.gcon_2 .swiper02 .swiper-slide .cont .bq{ margin-top:40px; width:180px; height:56px; border-radius:30px; font-size:16px;}
	.gcon_2 .swiper02 .swiper-slide .cont .more{ font-size:14px; }
}
@media (max-width: 1200px){
	.gcon_2 .swiper02 .swiper-slide .cont{ width:300px; margin-right:0; right:4%; border-radius:20px 0 20px 0; padding:40px 20px}
	.gcon_2 .swiper02 .swiper-slide .cont .ico img{ height:80px}
	.gcon_2 .swiper02 .swiper-slide .cont .title{ font-size:18px; margin-top:15px}
	.gcon_2 .swiper02 .swiper-slide .cont .intro{ font-size:12px;}
	.gcon_2 .swiper02 .swiper-slide .cont .bq{ margin-top:20px; width:140px; height:42px; border-radius:22px; font-size:14px;}
	.gcon_2 .swiper02 .swiper-slide .cont .more{ font-size:12px; margin-top:15px }
}
@media (max-width: 750px){
	.gcon_2 .swiper02 .swiper-slide{ background:#f2f4f8; height:auto }
	.gcon_2 .swiper02 .swiper-slide a{ display:block}
	.gcon_2 .swiper02 .swiper-slide .cont{ width:100%; position:relative; margin-right:0; right:0; transform:translateY(0); border-radius:0; padding:20px 20px 60px; background:none }
	.gcon_2 .swiper02 .swiper-slide .cont .ico img{ height:50px}
	.gcon_2 .swiper02 .swiper-slide .cont .title{ font-size:16px; margin-top:12px}
	.gcon_2 .swiper02 .swiper-slide .cont .bq{ margin-top:16px; width:120px; height:36px; }
	.gcon_2 .swiper02 .swiper-slide .cont .more{ margin-top:12px }
}

.gcon_3{ padding:80px 0}
.gcon_3 .ibd{ background:url(g_11.jpg) center center no-repeat; background-size:cover; padding:130px 100px 100px 65px; box-sizing:border-box; color:#fff; display:flex;justify-content: space-between;}
.gcon_3 .ibd .lt .title{ font-size:30px; font-weight:bold; line-height:1}
.gcon_3 .ibd .lt .ewm{ margin-top:35px; display:flex}
.gcon_3 .ibd .lt .ewm .pic{ width:100px; margin-right:30px; text-align:center}
.gcon_3 .ibd .lt .ewm .pic i{ display:block; width:100%; border-radius:10px; overflow:hidden}
.gcon_3 .ibd .lt .ewm .pic i img{ width:100%}
.gcon_3 .ibd .lt .ewm .pic span{ display:block; text-align:center; font-weight:bold; font-size:16px; margin-top:5px}
.gcon_3 .ibd .lt .sea{ margin-top:80px; position:relative; width:fit-content}
.gcon_3 .ibd .lt .sea .inp1{ display:block; width:360px; height:30px; border-bottom:3px solid #fff; font-size:14px; color:#fff}
.gcon_3 .ibd .lt .sea .inp1::placeholder{ appearance:none; -webkit-appearance:none; opacity:1; color:#fff}
.gcon_3 .ibd .lt .sea .inp2{ background:url(g_02.png) center center no-repeat; width:20px; height:100%; position:absolute; right:0; top:0; z-index:2; cursor:pointer}
.gcon_3 .ibd .rt .item{ margin-bottom:80px}
.gcon_3 .ibd .rt .item:last-child{ margin-bottom:0}
.gcon_3 .ibd .rt .item .p1{ font-size:48px; font-style:italic; font-weight:bold; line-height:1}
.gcon_3 .ibd .rt .item .p2{ font-size:14px; margin-top:10px}
.gcon_3 .ifd{ margin-top:15px; display:flex}
.gcon_3 .ifd .item{ width:25%; box-sizing:border-box; border-right:1px solid #fff; position:relative}
.gcon_3 .ifd .item .pic{ width:100%; position:relative; overflow:hidden; transition:all 0.3s}
.gcon_3 .ifd .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 .ifd .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:scale(1.1);}
.gcon_3 .ifd .item .cont{ position:absolute; width:100%; box-sizing:border-box; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; padding:0 45px; transition:all 0.3s}
.gcon_3 .ifd .item .cont .ico img{ height:39px}
.gcon_3 .ifd .item .cont .title{ font-size:24px; font-weight:bold; padding-top:25px; transition:all 0.3s}
.gcon_3 .ifd .item .cont .intro{ font-size:12px; text-align:justify; line-height:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; padding-top:15px; display:none}
.gcon_3 .ifd .item:hover .pic{ opacity:0}
.gcon_3 .ifd .item:hover{ background:#f38d1a}
.gcon_3 .ifd .item:hover .title{ padding-top:15px}
.gcon_3 .ifd .item:hover .intro{ display:block}
@media (max-width: 1440px){
	.gcon_3{ padding:70px 0}
	.gcon_3 .ibd{ padding:100px 80px 80px 50px; }
	.gcon_3 .ibd .lt .title{ font-size:26px; }
	.gcon_3 .ibd .lt .ewm{ margin-top:30px; }
	.gcon_3 .ibd .lt .ewm .pic{ width:95px; margin-right:25px;  }
	.gcon_3 .ibd .lt .ewm .pic span{ font-size:15px; }
	.gcon_3 .ibd .lt .sea{ margin-top:70px; }
	.gcon_3 .ibd .lt .sea .inp1{ width:320px; }
	.gcon_3 .ibd .rt .item{ margin-bottom:60px}
	.gcon_3 .ibd .rt .item .p1{ font-size:40px; }
	.gcon_3 .ibd .rt .item .p2{ font-size:12px; }
	.gcon_3 .ifd .item .cont{ padding:0 35px; }
	.gcon_3 .ifd .item .cont .ico img{ height:32px}
	.gcon_3 .ifd .item .cont .title{ font-size:20px; padding-top:20px; }
	.gcon_3 .ifd .item .cont .intro{  padding-top:10px; }
	.gcon_3 .ifd .item:hover .title{ padding-top:12px}
}
@media (max-width: 1200px){
	.gcon_3{ padding:60px 0}
	.gcon_3 .ibd{ padding:80px 40px 60px 40px; }
	.gcon_3 .ibd .lt .title{ font-size:20px; }
	.gcon_3 .ibd .lt .ewm{ margin-top:20px; }
	.gcon_3 .ibd .lt .ewm .pic{ width:80px; margin-right:20px;  }
	.gcon_3 .ibd .lt .ewm .pic span{ font-size:14px; }
	.gcon_3 .ibd .lt .sea{ margin-top:50px; }
	.gcon_3 .ibd .lt .sea .inp1{ width:280px; }
	.gcon_3 .ibd .rt .item{ margin-bottom:40px}
	.gcon_3 .ibd .rt .item .p1{ font-size:32px; }
	.gcon_3 .ifd .item .pic{ width:100%; padding-bottom:100%; position:relative}
	.gcon_3 .ifd .item .pic img{ width:100% ; height:100%; object-fit:cover; position:absolute; left:0; top:0}
	.gcon_3 .ifd .item .cont{ padding:0 20px; }
	.gcon_3 .ifd .item .cont .ico img{ height:28px}
	.gcon_3 .ifd .item .cont .title{ font-size:16px; padding-top:15px; }
	.gcon_3 .ifd .item .cont .intro{  padding-top:8px; display:-webkit-box; }
	.gcon_3 .ifd .item:hover .title{ padding-top:10px}
}
@media (max-width: 750px){
	.gcon_3{ padding:40px 0}
	.gcon_3 .ibd{ padding:30px 20px; display:block }
	.gcon_3 .ibd .lt{ width:100%}
	.gcon_3 .ibd .lt .ewm{ margin-top:20px; width:100%;justify-content: space-between;  }
	.gcon_3 .ibd .lt .ewm .pic{ width:23%; margin-right:0;  }
	.gcon_3 .ibd .lt .ewm .pic i{ border-radius:5px}
	.gcon_3 .ibd .lt .ewm .pic span{ font-size:12px; }
	.gcon_3 .ibd .lt .sea{ margin-top:20px; width:100% }
	.gcon_3 .ibd .lt .sea .inp1{ width:100%; }
	.gcon_3 .ibd .rt{ width:100%; margin-top:30px; display:flex;justify-content: space-between;}
	.gcon_3 .ibd .rt .item{ margin-bottom:0; width:30%}
	.gcon_3 .ibd .rt .item .p1{ font-size:20px; }
	.gcon_3 .ifd{ flex-wrap: wrap; margin-top:10px}
	.gcon_3 .ifd .item{ width:50%; border-top:1px solid #fff}
	.gcon_3 .ifd .item .pic{ width:100%; padding-bottom:100%; position:relative}
	.gcon_3 .ifd .item .pic img{ width:100% ; height:100%; object-fit:cover; position:absolute; left:0; top:0}
	.gcon_3 .ifd .item .cont{ padding:0 20px; }
	.gcon_3 .ifd .item .cont .ico img{ height:28px}
	.gcon_3 .ifd .item .cont .title{ font-size:16px; padding-top:15px; }
	.gcon_3 .ifd .item .cont .intro{  padding-top:8px; display:-webkit-box;  }
	.gcon_3 .ifd .item:hover .title{ padding-top:10px}
}

.gcon_4{ background:url(g_15.jpg) center center no-repeat; background-size:cover;}
.gcon_4 .ibd{ padding:290px 0 220px; color:#fff}
.gcon_4 .ibd .title{ font-size:30px; font-weight:bold}
.gcon_4 .ibd .intro{ font-size:14px; width:50%; line-height:2; margin-top:20px}
.gcon_4 .ibd .more{ margin-top:100px;}
.gcon_4 .ibd .more a{ display:flex; align-items: center; justify-content: center; width:92px; height:30px; border-radius:30px; background:#f28101; color:#fff; font-size:14px}
.gcon_4 ul{ display:flex}
.gcon_4 ul li{ width:236px; position:relative}
.gcon_4 ul li a{ display:block; width:100%; padding:55px 0; text-align:center}
.gcon_4 ul li a .ico img{ height:50px}
.gcon_4 ul li a .ico img.img1{ display:inline-block}
.gcon_4 ul li a .ico img.img2{ display:none}
.gcon_4 ul li a .title{ font-size:16px; color:#333333; margin-top:20px}
.gcon_4 ul li:nth-child(1){ background:#e9eee2}
.gcon_4 ul li:nth-child(2){ background:rgba(255,255,255,0.9)}
.gcon_4 ul li:nth-child(3){ background:#fff}
.gcon_4 ul li:nth-child(4){ background:rgba(255,255,255,0.8)}
.gcon_4 ul li:hover{ background:rgba(0,0,0,0.5)!important}
.gcon_4 ul li:hover a .ico img.img2{ display:inline-block}
.gcon_4 ul li:hover a .ico img.img1{ display:none}
.gcon_4 ul li:hover a .title{ color:#fff; }
.gcon_4 ul li:hover:after{ content:""; display:block; width:100%; height:8px; background:#f28101; position:absolute; left:0; bottom:0; z-index:2}
@media (max-width: 1440px){
	.gcon_4 .ibd{ padding:200px 0 160px; color:#fff}
	.gcon_4 .ibd .title{ font-size:26px; }
	.gcon_4 .ibd .intro{ font-size:14px; }
	.gcon_4 .ibd .more{ margin-top:70px;}
	.gcon_4 ul{ display:flex}
	.gcon_4 ul li{ width:190px; }
	.gcon_4 ul li a{ padding:45px 0; }
	.gcon_4 ul li a .ico img{ height:42px}
	.gcon_4 ul li a .title{ font-size:14px; margin-top:16px}
	.gcon_4 ul li:hover:after{ height:6px; }
}
@media (max-width: 1200px){
	.gcon_4 .ibd{ padding:100px 0 100px; color:#fff}
	.gcon_4 .ibd .title{ font-size:20px; }
	.gcon_4 .ibd .intro{ font-size:12px; }
	.gcon_4 .ibd .more{ margin-top:40px;}
	.gcon_4 .ibd .more a{ width:86px; height:28px; font-size:12px}
	.gcon_4 ul li{ width:25%; }
	.gcon_4 ul li a{ padding:40px 0; }
	.gcon_4 ul li a .ico img{ height:42px}
	.gcon_4 ul li a .title{ font-size:14px; margin-top:16px}
	.gcon_4 ul li:hover:after{ height:6px; }
}
@media (max-width: 750px){
	.gcon_4 .ibd{ padding:60px 0 ;}
	.gcon_4 .ibd .title{ font-size:20px; }
	.gcon_4 .ibd .intro{ width:100% }
	.gcon_4 .ibd .more{ margin-top:20px;}
	.gcon_4 .ibd .more a{ width:86px; height:28px; font-size:12px}
	.gcon_4 ul li{ width:25%; }
	.gcon_4 ul li a{ padding:20px 0; }
	.gcon_4 ul li a .ico img{ height:32px}
	.gcon_4 ul li a .title{ font-size:12px; margin-top:12px}
	.gcon_4 ul li:hover:after{ height:4px; }
}


.gcon_5{ margin:90px 0}
.gcon_5 .hd{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
.gcon_5 .hd .title{ font-size:30px; color:#333333; font-weight:bold; line-height:1}
.gcon_5 .hd ul{ display:flex; align-items: center;flex-wrap: wrap;}
.gcon_5 .hd ul li{ display:flex; align-items: center; justify-content: center; font-size:16px; color:#999999; border:2px solid #999999; border-radius:20px; height:30px; box-sizing:border-box; padding:0 20px; font-weight:bold; margin-left:5px; cursor:pointer}
.gcon_5 .hd ul li.on{ color:#2d2d83; border:2px solid #2d2d83}
.gcon_5 .bd{ margin-top:30px}
.gcon_5 .bd .con{ width:100%;display:flex;justify-content: space-between;}
.gcon_5 .bd .con .lt{ width:678px;}
.gcon_5 .bd .con .lt .item{ width:100%; overflow:hidden}
.gcon_5 .bd .con .lt .item .pic{ width:100%; overflow:hidden}
.gcon_5 .bd .con .lt .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_5 .bd .con .lt .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.gcon_5 .bd .con .lt .item .title{ width:100%; height:70px; font-size:16px; color:#333333; line-height:70px; box-sizing:border-box; padding:0 5%; background:#eeeeee;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_5 .bd .con .rt{ width:678px; box-sizing:border-box; border:1px solid #dcdcdc; border-bottom:0}
.gcon_5 .bd .con .rt .item{ border-bottom:1px solid #dcdcdc; height:178px; display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; }
.gcon_5 .bd .con .rt .item a{ display:flex;  align-items: center;}
.gcon_5 .bd .con .rt .item a .time{ width:130px; text-align:center}
.gcon_5 .bd .con .rt .item a .pic{ width:165px; position:relative; overflow:hidden}
.gcon_5 .bd .con .rt .item a .pic i{ display:block; width:100%; padding-bottom:67%; position:relative; overflow:hidden}
.gcon_5 .bd .con .rt .item a .pic img{ width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.gcon_5 .bd .con .rt .item a .cont{ width:380px; box-sizing:border-box; padding:0 25px}
.gcon_5 .bd .con .rt .item a .time .p1{ font-size:30px; color:#333333; font-weight:bold; line-height:1; margin-bottom:10px}
.gcon_5 .bd .con .rt .item a .time .p2{ font-size:14px; color:#999999; }
.gcon_5 .bd .con .rt .item a .cont .title{ font-size:18px; color:#333333; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_5 .bd .con .rt .item a .cont .intro{ font-size:12px; line-height:1.6; color:#999; margin:10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.gcon_5 .bd .con .rt .item a .cont .more{ font-size:14px; color:#333; }
.gcon_5 .bd .con .rt .item a .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_5 .bd .con .rt .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
@media (max-width: 1440px){
	.gcon_5{ margin:80px 0}
	.gcon_5 .hd .title{ font-size:26px; }
	.gcon_5 .bd{ margin-top:25px}
	.gcon_5 .bd .con .lt{ width:48%;}
	.gcon_5 .bd .con .lt .item .title{ height:62px; font-size:14px; line-height:62px;}
	.gcon_5 .bd .con .rt{ width:48%;}
	.gcon_5 .bd .con .rt .item{ height:152px; }
	.gcon_5 .bd .con .rt .item a{ width:100%; box-sizing:border-box}
	.gcon_5 .bd .con .rt .item a .time{ width:100px}
	.gcon_5 .bd .con .rt .item a .pic{ width:150px; }
	.gcon_5 .bd .con .rt .item a .pic img{ width:100%}
	.gcon_5 .bd .con .rt .item a .cont{ width:calc(100% - 250px); box-sizing:border-box; padding:0 25px}
	.gcon_5 .bd .con .rt .item a .time .p1{ font-size:26px; margin-bottom:8px}
	.gcon_5 .bd .con .rt .item a .time .p2{ font-size:12px; }
	.gcon_5 .bd .con .rt .item a .cont .title{ font-size:16px; }
	.gcon_5 .bd .con .rt .item a .cont .intro{ margin:8px 0}
	.gcon_5 .bd .con .rt .item a .cont .more{ font-size:12px;}
}
@media (max-width: 1200px){
	.gcon_5{ margin:60px 0}
	.gcon_5 .hd .title{ font-size:20px; }
	.gcon_5 .hd ul li{  font-size:14px; border:1px solid #999999; height:28px; padding:0 15px;}
	.gcon_5 .hd ul li.on{  border:1px solid #2d2d83}
	.gcon_5 .bd{ margin-top:20px}
	.gcon_5 .bd .con{ display:block}
	.gcon_5 .bd .con .lt{ width:100%;}
	.gcon_5 .bd .con .lt .item .title{ height:50px; font-size:14px; line-height:50px;}
	.gcon_5 .bd .con .rt{ width:100%; margin-top:20px}
	.gcon_5 .bd .con .rt .item{ height:125px; }
	.gcon_5 .bd .con .rt .item a .time{ width:70px}
	.gcon_5 .bd .con .rt .item a .pic{ width:100px; }
	.gcon_5 .bd .con .rt .item a .pic i{ padding-bottom:90%}
	.gcon_5 .bd .con .rt .item a .cont{ width:calc(100% - 170px); box-sizing:border-box; padding:0 10px}
	.gcon_5 .bd .con .rt .item a .time .p1{ font-size:22px; margin-bottom:6px}
	.gcon_5 .bd .con .rt .item a .cont .title{ font-size:14px; }
	.gcon_5 .bd .con .rt .item a .cont .intro{ margin:6px 0}
}