@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 .swiper01 .btn{ width:390px; height:116px; display:flex; align-items: center; justify-content: center; background:#4891dc; position:absolute; right:0; bottom:0; z-index:9}
.banner .swiper01 .btn .prev01{ width:66px; height:66px; box-sizing:border-box; border:1px solid #4891dc; border-radius:100%; background:url(g_03.png) center center no-repeat; cursor:pointer; margin:0 15px}
.banner .swiper01 .btn .next01{ width:66px; height:66px; box-sizing:border-box; border:1px solid #4891dc; border-radius:100%; background:url(g_04.png) center center no-repeat; cursor:pointer; margin:0 15px}
.banner .swiper01 .btn .prev01:hover{ border:1px solid #fff; }
.banner .swiper01 .btn .next01:hover{ border:1px solid #fff; }

@media (max-width: 1600px){
	.banner .swiper01 .btn{ width:240px; height:90px;}
	.banner .swiper01 .btn .prev01{ width:52px; height:52px;  margin:0 10px}
	.banner .swiper01 .btn .next01{ width:52px; height:52px;  margin:0 10px}
}
@media (max-width: 1200px){
	.banner .swiper01 .btn{ width:180px; height:80px;}
	.banner .swiper01 .btn .prev01{ width:42px; height:42px;  margin:0 10px}
	.banner .swiper01 .btn .next01{ width:42px; height:42px;  margin:0 10px}
}
@media (max-width: 750px){
	.banner .swiper01 .btn{ width:120px; height:40px;}
	.banner .swiper01 .btn .prev01{ width:30px; height:30px;  margin:0 5px; background-size:6px}
	.banner .swiper01 .btn .next01{ width:30px; height:30px;  margin:0 5px; background-size:6px}
	.banner .swiper01 a .img2{ display:block}
	.banner .swiper01 a .img1{ display:none}
}

.gcon_1{ background:url(g_07.jpg) top center no-repeat; padding:110px 0}
.gcon_1 .aitem{ display:flex;justify-content: space-between;}
.ihd .title{ font-size:46px; color:#222222; line-height:1}
.ihd .en{ font-size:30px; color:#222222; font-weight:bold; text-transform:uppercase; line-height:1; font-family:Arial, Helvetica, sans-serif; margin-top:20px}
.gcon_1 .aitem .lt .intro{ font-size:16px; color:#666666; line-height:30px; margin-top:50px; width:875px; text-align:justify}
.mores{ margin-top:20px}
.mores a{ display:flex; align-items: center; justify-content: center; border:1px solid #cccccc; height:52px; padding:0 35px}
.mores a i{ background:url(g_05.png) right center no-repeat; padding-right:45px; font-size:16px; color:#818181}
.mores a:hover{ border:1px solid #0073bd; background:#0073bd}
.mores a:hover i{ background:url(g_05_2.png) right center no-repeat; color:#fff}
.gcon_1 .bitem{ margin-top:90px; position:relative;}
.gcon_1 .bitem .pic{ width:100%}
.gcon_1 .bitem .pic img{ width:100%}
.gcon_1 .bitem .play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; color:#fff; text-align:center; cursor:pointer}
.gcon_1 .bitem .play .a{ width:101px; position:relative}
.gcon_1 .bitem .play .a .img1{ display:block; width:100%;animation: spin 12s linear infinite;}
.gcon_1 .bitem .play .a .img2{ display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2}
.gcon_1 .bitem .play .b{ text-align:center; font-size:16px; font-weight:bold; margin-top:10px}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.gcon_1 .citem{ background:#4891dc; padding:40px 0; color:#fff;display:flex;justify-content: space-around; align-items: center;flex-wrap: wrap;}
.gcon_1 .citem .item{ text-align:center}
.gcon_1 .citem .item .p1{ font-size:52px; font-weight:bold; line-height:1; font-family:Arial;}
.gcon_1 .citem .item .p2{ font-size:14px; line-height:1; margin-top:16px}
.gcon_1 .citem .item2{ width:1px; height:72px; background:rgba(255,255,255,0.3)}
.gcon_1 .citem .item2:last-child{ display:none}
@media (max-width: 1600px){
	.gcon_1{ padding:90px 0}
	.ihd .title{ font-size:36px; }
	.ihd .en{ font-size:24px; margin-top:15px}
	.gcon_1 .aitem .lt .intro{ font-size:14px; line-height:25px; margin-top:30px; width:650px; }
	.mores a{  height:42px; padding:0 30px}
	.mores a i{ background-size:16px!important; padding-right:35px; font-size:14px;}
	.gcon_1 .bitem{ margin-top:60px; }
	.gcon_1 .bitem .play .a{ width:90px; }
	.gcon_1 .bitem .play .a .img2{ width:18px}
	.gcon_1 .bitem .play .b{ font-size:14px; }
	.gcon_1 .citem{ padding:30px 0;}
	.gcon_1 .citem .item .p1{ font-size:42px }
	.gcon_1 .citem .item .p2{ font-size:12px; margin-top:12px}
	.gcon_1 .citem .item2{ height:60px; }
}
@media (max-width: 1200px){
	.gcon_1{ padding:60px 0}
	.gcon_1 .aitem .lt{ width:calc(100% - 150px)}
	.ihd .title{ font-size:28px; }
	.ihd .en{ font-size:20px; margin-top:12px}
	.gcon_1 .aitem .lt .intro{ font-size:12px; line-height:2; margin-top:22px; width:100%; }
	.mores a{  height:32px; padding:0 25px}
	.mores a i{ background-size:14px!important; padding-right:30px; font-size:12px;white-space: nowrap;}
	.gcon_1 .bitem{ margin-top:30px; }
	.gcon_1 .bitem .play .a{ width:80px; }
	.gcon_1 .bitem .play .a .img2{ width:16px}
	.gcon_1 .bitem .play .b{ font-size:12px; }
	.gcon_1 .citem{ padding:20px 0;}
	.gcon_1 .citem .item .p1{ font-size:32px }
	.gcon_1 .citem .item .p2{ font-size:12px; margin-top:12px}
	.gcon_1 .citem .item2{ height:40px; }
}
@media (max-width: 750px){
	.gcon_1{ padding:40px 0}
	.gcon_1 .aitem{flex-wrap: wrap;}
	.gcon_1 .aitem .lt{ width:100%}
	.ihd .title{ font-size:20px; }
	.ihd .en{ font-size:16px; margin-top:10px}
	.gcon_1 .aitem .lt .intro{ margin-top:22px; width:100%; }
	.mores{ margin-top:20px}
	.gcon_1 .bitem{ margin-top:30px; }
	.gcon_1 .bitem .play .a{ width:80px; }
	.gcon_1 .bitem .play .a .img2{ width:16px}
	.gcon_1 .bitem .play .b{ font-size:12px; }
	.gcon_1 .citem{ padding:10px 0; flex-wrap: wrap;}
	.gcon_1 .citem .item{ width:calc(50% - 1px); margin:10px 0}
	.gcon_1 .citem .item .p1{ font-size:28px }
	.gcon_1 .citem .item .p2{ font-size:12px; margin-top:5px}
	.gcon_1 .citem .item2{ height:30px; }
	.gcon_1 .citem .item2:nth-child(4){ display:none}
}

.gcon_2{ background:url(g_10.jpg) center center no-repeat; background-size:cover; padding:120px 0}
.top{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
.top .mores{ margin:0} 
.gcon_2 .ibd{ margin-top:100px; position:relative}
.gcon_2 .ibd .swiper02{ width:100%; overflow:hidden; padding:10px; margin:-10px}
.gcon_2 .ibd .swiper02 .swiper-slide{ width:48%; margin-right:4%; overflow:hidden; background:#fff; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.15)}
.gcon_2 .ibd .swiper02 .swiper-slide a{ display:block; padding:35px 50px; box-sizing:border-box; display:flex;justify-content: space-between; flex-wrap: wrap; width:100%; height:100%}
.gcon_2 .ibd .swiper02 .swiper-slide a .lt{ width:calc(100% - 400px); position:relative; }
.gcon_2 .ibd .swiper02 .swiper-slide a .lt .title{ font-size:30px; line-height:1; color:#222222; font-weight:bold; margin-top:30px}
.gcon_2 .ibd .swiper02 .swiper-slide a .lt .num{ margin-top:120px}
.gcon_2 .ibd .swiper02 .swiper-slide a .lt .num img{ height:88px;}
.gcon_2 .ibd .swiper02 .swiper-slide a .lt .more{ margin-top:-42px;}
.gcon_2 .ibd .swiper02 .swiper-slide a .lt .more img{ height:42px}
.gcon_2 .ibd .swiper02 .swiper-slide a .pic{ width:400px; overflow:hidden}
.gcon_2 .ibd .swiper02 .swiper-slide a .pic img{ width:100%}
@media (max-width: 1600px){
	.gcon_2{ padding:100px 0}
	.gcon_2 .ibd{ margin-top:60px; }
	.gcon_2 .ibd .swiper02 .swiper-slide a{ padding:25px 40px;}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt{ width:calc(100% - 300px); }
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .title{ font-size:24px; margin-top:20px}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .num{ margin-top:90px}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .num img{ height:75px;}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .more{ margin-top:-36px;}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .more img{ height:36px}
	.gcon_2 .ibd .swiper02 .swiper-slide a .pic{ width:300px; }
}
@media (max-width: 1200px){
	.gcon_2{ padding:60px 0}
	.gcon_2 .ibd{ margin-top:40px; }
	.gcon_2 .ibd .swiper02 .swiper-slide a{ padding:20px 30px;}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt{ width:100%; }
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .title{ font-size:20px; margin-top:0; line-height:24px}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .num{ margin-top:20px}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .num img{ height:40px;}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .more{ margin-top:0; position:absolute; right:0; top:0}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .more img{ height:24px}
	.gcon_2 .ibd .swiper02 .swiper-slide a .pic{ width:100%; }
}
@media (max-width: 750px){
	.gcon_2{ padding:40px 0}
	.gcon_2 .ibd{ margin-top:20px; }
	.gcon_2 .ibd .swiper02 .swiper-slide{ width:100%; margin-right:40px}
	.gcon_2 .ibd .swiper02 .swiper-slide a{ padding:20px ;}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt{ width:100%; }
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .title{ font-size:20px; margin-top:0; line-height:24px}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .num{ margin-top:20px}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .num img{ height:40px;}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .more{ margin-top:0; position:absolute; right:0; top:0}
	.gcon_2 .ibd .swiper02 .swiper-slide a .lt .more img{ height:24px}
	.gcon_2 .ibd .swiper02 .swiper-slide a .pic{ width:100%; }
}

.wk{ background:url(g_14.jpg) top center no-repeat; background-size:cover; padding:120px 0}
.gcon_3 .ibd{ margin-top:100px}
.gcon_3 .ibd .hd ul{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.gcon_3 .ibd .hd ul li{ width:280px; transition:all 0.5s; overflow:hidden; position:relative}
.gcon_3 .ibd .hd ul li.on{ width:711px;}
.gcon_3 .ibd .hd ul li .pic{ width:711px; transform:translateX(-50%); position:relative; left:50%}
.gcon_3 .ibd .hd ul li .pic img{ width:100%}
.gcon_3 .ibd .hd ul li .cont{ width:100%; position:absolute; left:0; top:0; z-index:2; color:#fff; height:100%; padding:285px 35px 0; box-sizing:border-box}
.gcon_3 .ibd .hd ul li .cont .title{ font-size:32px; line-height:32px; transition:all 0.5s; padding-bottom:250px;}
.gcon_3 .ibd .hd ul li .cont .ico{  transition:all 0.5s; width:50px; height:50px}
.gcon_3 .ibd .hd ul li .cont .ico img{ height:50px}
.gcon_3 .ibd .hd ul li .cont .title2{ font-size:32px; line-height:32px; transition:all 0.5s; color:#4ca4fe; font-weight:bold; padding-top:100px}
.gcon_3 .ibd .hd ul li .cont .intro{ font-size:16px; line-height:2; margin-top:35px; color:rgba(255,255,255,0.8)}
.gcon_3 .ibd .hd ul li.on .title{ font-size:0; padding-bottom:0; line-height:0}
.gcon_3 .ibd .hd ul li.on .ico{ width:92px; height:92px; border-radius:50%; background:#4891dc; display:flex; align-items: center; justify-content: center;}
.gcon_3 .ibd .hd ul li.on  .cont .title2{ padding-top:45px}
@media (max-width: 1600px){
	.wk{ padding:100px 0}
	.gcon_3 .ibd{ margin-top:60px}
	.gcon_3 .ibd .hd ul li{ width:190px; }
	.gcon_3 .ibd .hd ul li.on{ width:600px;}
	.gcon_3 .ibd .hd ul li .pic{ width:600px;}
	.gcon_3 .ibd .hd ul li .cont{ padding:230px 25px 0; box-sizing:border-box}
	.gcon_3 .ibd .hd ul li .cont .title{ font-size:24px; line-height:24px; padding-bottom:220px;}
	.gcon_3 .ibd .hd ul li .cont .ico{ width:40px; height:40px}
	.gcon_3 .ibd .hd ul li .cont .ico img{ height:40px}
	.gcon_3 .ibd .hd ul li .cont .title2{ font-size:24px; line-height:24px; padding-top:100px}
	.gcon_3 .ibd .hd ul li .cont .intro{ font-size:14px; margin-top:25px; }
	.gcon_3 .ibd .hd ul li.on .title{ font-size:0; padding-bottom:0; line-height:0}
	.gcon_3 .ibd .hd ul li.on .ico{ width:80px; height:80px;  }
	.gcon_3 .ibd .hd ul li.on  .cont .title2{ padding-top:35px}
}
@media (max-width: 1200px){
	.wk{ padding:60px 0}
	.gcon_3 .ibd{ margin-top:30px}
	.gcon_3 .ibd .hd ul li{ width:calc(50% - 5px); margin-top:10px }
	.gcon_3 .ibd .hd ul li.on{ width:calc(50% - 5px);}
	.gcon_3 .ibd .hd ul li .pic{ width:100%;}
	.gcon_3 .ibd .hd ul li .cont{ padding:30px; box-sizing:border-box;}
	.gcon_3 .ibd .hd ul li .cont .title{ font-size:0; line-height:0; padding-bottom:0;}
	.gcon_3 .ibd .hd ul li .cont .ico{ width:60px; height:60px; display:flex; align-items: center; justify-content: center; background:#4891dc; border-radius:50%}
	.gcon_3 .ibd .hd ul li .cont .ico img{ height:30px}
	.gcon_3 .ibd .hd ul li .cont .title2{ font-size:20px; line-height:20px; padding-top:20px}
	.gcon_3 .ibd .hd ul li .cont .intro{ font-size:12px;  }
	.gcon_3 .ibd .hd ul li.on .title{ font-size:0; padding-bottom:0; line-height:0}
	.gcon_3 .ibd .hd ul li.on .ico{ width:60px; height:60px;  }
	.gcon_3 .ibd .hd ul li.on  .cont .title2{ padding-top:20px}
}
@media (max-width: 750px){
	.wk{ padding:40px 0}
	.gcon_3 .ibd{ margin-top:10px}
	.gcon_3 .ibd .hd ul li{ width:100%; margin-top:10px }
	.gcon_3 .ibd .hd ul li.on{ width:100%;}
	.gcon_3 .ibd .hd ul li .pic{ width:100%;}
	.gcon_3 .ibd .hd ul li .cont{ padding:30px; box-sizing:border-box;}
	.gcon_3 .ibd .hd ul li .cont .title{ font-size:0; line-height:0; padding-bottom:0;}
	.gcon_3 .ibd .hd ul li .cont .ico{ width:60px; height:60px; display:flex; align-items: center; justify-content: center; background:#4891dc; border-radius:50%}
	.gcon_3 .ibd .hd ul li .cont .ico img{ height:30px}
	.gcon_3 .ibd .hd ul li .cont .title2{ font-size:20px; line-height:20px; padding-top:20px}
	.gcon_3 .ibd .hd ul li .cont .intro{ font-size:12px; margin-top:15px }
	.gcon_3 .ibd .hd ul li.on .title{ font-size:0; padding-bottom:0; line-height:0}
	.gcon_3 .ibd .hd ul li.on .ico{ width:60px; height:60px;  }
	.gcon_3 .ibd .hd ul li.on  .cont .title2{ padding-top:20px}
}

.gcon_4{ margin-top:120px}
.gcon_4 .ibd{ margin-top:90px;}
.gcon_4 .ibd .swiper04{ width:100%; overflow:hidden}
.gcon_4 .ibd .swiper04 .swiper-slide{ width:31%; margin-right:3.5%; height:auto}
.gcon_4 .ibd .swiper04 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_4 .ibd .swiper04 .swiper-slide .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_4 .ibd .swiper04 .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:scale(1.1);}
.gcon_4 .ibd .swiper04 .swiper-slide .cont{ width:100%;  padding:35px 0; transition:all 0.5s; box-sizing:border-box}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .time{ font-size:14px; color:#4891dc; line-height:1}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .title{ font-size:20px; color:#222222; font-weight:bold; margin-top:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .more{ margin-top:20px; height:36px; display:flex; align-items: center; justify-content: center; width:fit-content; transition:all 0.5s}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .more i{ background:url(g_05.png) right center no-repeat; background-size:20px; padding-right:30px; font-size:14px; color:#818181; transition:all 0.5s}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont .more{  background:#0073bd; padding:0 18px; border-radius:25px}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont .more i{ background:url(g_05_2.png) right center no-repeat; background-size:20px; color:#fff}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont{ background:#f2f3f5; padding:35px; }
@media (max-width: 1600px){
	.gcon_4{ margin-top:100px}
	.gcon_4 .ibd{ margin-top:60px;}
	.gcon_4 .ibd .swiper04 .swiper-slide{ width:32%; margin-right:2%;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont{ padding:25px 0; }
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .time{ font-size:12px; }
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .title{ font-size:16px; margin-top:15px;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .more{ margin-top:15px; height:32px;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .more i{ background:url(g_05.png) right center no-repeat; background-size:18px; padding-right:28px; font-size:12px;  }
	.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont .more{ padding:0 16px}
	.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont .more i{ background:url(g_05_2.png) right center no-repeat; background-size:18px;}
	.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont{ padding:25px; }
}
@media (max-width: 1200px){
	.gcon_4{ margin-top:60px}
	.gcon_4 .ibd{ margin-top:30px;}
	.gcon_4 .ibd .swiper04 .swiper-slide{ width:32%; margin-right:2%;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont{ padding:20px 0; }
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .more{ margin-top:10px; height:30px;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .more i{ background:url(g_05.png) right center no-repeat; background-size:16px; padding-right:26px; font-size:12px;  }
	.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont .more{ padding:0 14px}
	.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont .more i{ background:url(g_05_2.png) right center no-repeat; background-size:16px;}
	.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont{ padding:20px; }
}
@media (max-width: 750px){
	.gcon_4{ margin-top:40px}
	.gcon_4 .ibd{ margin-top:20px;}
	.gcon_4 .ibd .swiper04 .swiper-slide{ width:49%; margin-right:2%;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont{ padding:15px 0 0; }
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .title{ font-size:14px; margin-top:10px;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .more{ margin-top:10px; height:auto;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .more i{ background:url(g_05.png) right center no-repeat; background-size:16px; padding-right:26px; font-size:12px;  }
	.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont .more{ padding:0;background:none}
	.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont .more i{ background:url(g_05.png) right center no-repeat; background-size:16px; padding-right:26px; font-size:12px; color:#818181; }
	.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont{ padding:15px 0 0; background:none }
}