﻿@charset "utf-8";
.banner{ width:100%; margin:0 auto; position:relative}
.banner .swiper01{ width:100%; overflow:hidden}
.banner .swiper01 img{ width:100%; height:auto}
.banner .swiper01 .img1{ display:block}
.banner .swiper01 .img2{ display:none}
.banner .prev01{ background:url(prev.png) center center no-repeat; width:26px; height:36px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-18px; z-index:9}
.banner .next01{ background:url(next.png) center center no-repeat; width:26px; height:36px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-18px; z-index:9}
.banner .swiper01 .pagination01{ width:1600px; font-size:0; text-align:right; position:absolute; left:calc(50% - 800px); bottom:60px; z-index:9}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:20px; height:20px; margin:0 18px 0 0; background:url(n1.png) center center no-repeat; background-size:cover; border-radius:50%; opacity:1;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:url(n2.png) center center no-repeat; background-size:cover; }
.banner .swiper01 .item{ position:absolute; left:calc(50% - 800px); color:#fff; top:50%; transform:translateY(-50%); z-index:9}
.banner .swiper01 .item .title{ font-size:30px; font-weight:bold;}
.banner .swiper01 .item .intro{ font-size:60px; color:rgba(255,255,255,1); margin-top:15px}



.banner .swiper01 .item .title{visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:0.6s; position:relative; top:30px;}
.banner .swiper01 .item .intro{visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.2s; position:relative; top:30px;}


.banner .swiper01 .swiper-slide.swiper-slide-active .item .title,.banner .swiper01 .swiper-slide.swiper-slide-active .item .intro{ opacity:1;visibility:visible; top:0}






@media (max-width: 1600px){
	.banner .swiper01 .pagination01{ left:calc(50% - 600px); bottom:40px}
	.banner .swiper01 .item{ left:calc(50% - 600px);}
	.banner .swiper01 .item .title{ font-size:20px;}
	.banner .swiper01 .item .intro{ font-size: 40px;}	
}
@media (max-width: 1200px){
	.banner .prev01,.banner .next01{ width:16px; background-size:16px}
	.banner .swiper01 .pagination01{ bottom:10px}
	.banner .swiper01 .pagination01 span{ width:10px; height:10px; margin:0 4px;}
	.banner .swiper01 .img2{ display:block}
	.banner .swiper01 .img1{ display:none}
	
	.banner .swiper01 .pagination01{ left:0; width:100%; bottom:15px; text-align:center; font-size:0}
	.banner .swiper01 .pagination01 span{ width:12px; height:12px; margin:0 4px}
	.banner .swiper01 .item{ left:0; width:100%; text-align:center}
	.banner .swiper01 .item .title{ font-size: 14px;}
	.banner .swiper01 .item .intro{ font-size:22px; margin-top:10px}

	
	
	
}
.container{}

.gcon_1{ width:100%; background:url(g_04.jpg) center center no-repeat; background-size:cover; padding:100px 0 }
.gcon_1 .lt{ float:left; width:780px;}
.gcon_1 .lt .en{ font-size:18px; color:#c4261d; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1}
.gcon_1 .lt .cn{ font-size:48px; color:#000000; font-weight:bold; line-height:1; margin-top:8px}
.gcon_1 .lt .intro{ font-size:18px; color:#000000; line-height:2; line-height:40px; margin-top:25px; height:150px; position:relative}
.gcon_1 .lt .intro .swiper01s{ width:100%; height:100%; overflow:hidden; position:relative}
.gcon_1 .lt .intro .swiper01s .swiper-slide{ width:100%; height:auto;  box-sizing:border-box; padding-right:30px; line-height:2}
.gcon_1 .lt .intro .swiper01s .swiper-scrollbar{ background:#e4e4e4; width:3px; height:100%}
.gcon_1 .lt .intro .swiper01s .swiper-scrollbar .swiper-scrollbar-drag{ background:#be1d2c;}
.gcon_1 .lt .more{ margin-top:25px}



.m_link_1 { font-size: 18px; border: 1px solid #b4b4b4; border-radius: 50px; padding: 15px 30px 17px; display: inline-block; color: #b4b4b4; position: relative; transition: all 0.4s; -webkit-transition: all 0.4s;}
.m_link_1 .yuan { content: ''; width: 9px; height: 9px; background: #b4b4b4; border-radius: 50%; display: inline-block; vertical-align: middle; margin-left: 15px; }
.m_link_1:before { content: ''; background: #c4261d; width: 0px; height: 1px; position: absolute; left: 120px; top: 50%; position: absolute; transition: all 0.4s; -webkit-transition: all 0.4s; }
.m_link_1:after { content: ''; width: 9px; height: 9px; border: 1px solid #c4261d; border-radius: 50%; position: absolute; right: -40px; top: 50%; margin-top: -5px; opacity: 0; transition: all 0.4s; -webkit-transition: all 0.4s;  }
.m_link_1:hover:before { width: 60px;  }
.m_link_1:hover:after { opacity: 1; transition: all 0.3s ease-in .4s; -webkit-transition: all 0.3s ease-in .4s; }
.m_link_1:hover { background: rgb(196, 38, 29,0.05); box-shadow: 0px 5px 5px 1px rgba(196, 38, 29, 0.1); border:1px solid #c4261d; color:#c4261d  }
.m_link_1:hover .yuan{ background:#c4261d}


.gcon_1 .lt .list{ margin-top:40px}
.gcon_1 .lt .list .item{ float:left; text-align:center; margin-right:65px}
.gcon_1 .lt .list .item a{ position:relative; display:block}
.gcon_1 .lt .list .item .ico{ width: 65px; height:65px;display:flex;align-items: center;justify-content: center; background:url(g_06.png) center center no-repeat; background-size:cover; margin:0 auto; position:relative; z-index:3}
.gcon_1 .lt .list .item .ico img{ height:28px}

.gcon_1 .lt .list .item a::after{content: "";position: absolute;border-radius: 50%;top:0;left: 50%;z-index: 0;width: 80px;height: 80px;background: rgba(196, 38, 29, 0.2);margin-left: -40px;margin-top: -8px; transition:all 0.3s; transform:scale(0)}
.gcon_1 .lt .list .item:hover a::after{transform:scale(1)}



.gcon_1 .lt .list .item:hover .ico{  background:url(g_07.png) center center no-repeat; background-size:cover}
.gcon_1 .lt .list .item .title{ font-size:18px; color:#000000; line-height:1; margin-top:25px}
.gcon_1 .rt{ float:right; position:relative; }
.gcon_1 .rt i{ display:block; overflow:hidden}
.gcon_1 .rt img{ width:100%; position:relative; z-index:2}
.gcon_1 .rt:after{ content:""; display:block; width:150px; height:185px; background:#c4261d; position:absolute; right:-20px; top:-20px; z-index:0}
.gcon_1 .rt:before{ content:""; display:block; width:110px; height:30px; background:#c4261d; position:absolute; left:0; bottom:-25px; z-index:0}
.gcon_1 .rt i 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 .rt i: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_1 .rt .play{ width:100px; height:100px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer; z-index:99}
.gcon_1 .rt .play:after{ content:""; display:block; width:100%; height:100%; background:url(g_06x.png) center center no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;animation: rotate360 4s linear infinite;}
.gcon_1 .rt .play i{ display:block; width:70px; height:70px; background:url(g_05x.png) center center no-repeat; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; background-size:cover}

@keyframes rotate360 {
from {
  transform: rotate(0deg);
}
to {
  transform: rotate(360deg);
}
}

@media (max-width: 1600px){
	.gcon_1{ padding:80px 0}
	.gcon_1 .lt{ width:580px}
	.gcon_1 .rt{ width:550px; margin-top:20px}
	.gcon_1 .lt .en{ font-size:16px}
	.gcon_1 .lt .cn{ font-size:36px;}
	.gcon_1 .lt .intro{ font-size:16px; line-height:2; margin-top:20px}
	.gcon_1 .lt .more{ margin-top:20px}
	
	
	
	.gcon_1 .lt .list{ margin-top:30px}
	.gcon_1 .lt .list .item{ margin-right:50px}
	.gcon_1 .lt .list .item .ico{ width:56px; height:56px}
	
	.gcon_1 .lt .list .item a::after{ width: 70px;height: 70px; margin-left: -35px;margin-top: -7px; }
	
	.gcon_1 .lt .list .item .ico img{ height:22px}
	.gcon_1 .lt .list .item .title{ font-size:16px; margin-top:15px}
}
@media (max-width: 1200px){
	.gcon_1{ padding:40px 0}
	.gcon_1 .lt{ width:100%}
	.gcon_1 .rt{ width:100%; margin-top:30px}
	.gcon_1 .lt .en{ font-size:12px}
	.gcon_1 .lt .cn{ font-size:20px;}
	.gcon_1 .lt .intro{ font-size:14px; line-height:2; margin-top:15px}
	.gcon_1 .lt .more{ margin-top:15px}
	
	.m_link_1 { font-size: 14px;  padding: 10px 20px 12px; }
	.m_link_1 .yuan { width: 7px; height: 7px;  margin-left: 15px; }
	.m_link_1:before { left:95px}
	.m_link_1:after { width: 7px; height: 7px; right:-30px}
	.m_link_1:hover:before { width: 40px;  }
	
	
	
	.gcon_1 .lt .list{ margin-top:20px}
	.gcon_1 .lt .list .item{ margin-right:20px}
	.gcon_1 .lt .list .item:last-child{ margin-right:0}
	.gcon_1 .lt .list .item .ico{ width:50px; height:50px}
	.gcon_1 .lt .list .item .ico img{ height:20px}
	.gcon_1 .lt .list .item a::after{ width: 60px;height: 60px; margin-left: -30px;margin-top: -5px; }
	.gcon_1 .lt .list .item .title{ font-size:14px; margin-top:15px}
	.gcon_1 .rt:after{  right:-10px; top:-10px; z-index:0}
	.gcon_1 .rt:before{  left:-10px; bottom:-10px; z-index:0}
}

.gcon_2{ width:100%; position:relative}
.gcon_2 .ihd{ width:100%; text-align:center;  color:#000000;}
.gcon_2 .ihd .en{ font-size:18px; font-weight:bold; text-transform:uppercase; line-height:1; font-family:Arial, Helvetica, sans-serif; color:#c4261d}
.gcon_2 .ihd .cn{ font-size:48px; font-weight:bold; text-transform:uppercase; line-height:1; margin-top:8px}
.gcon_2 .ibd2{ display:none}
.gcon_2 .ibd .bd{ width:100%; overflow:hidden; margin-top:60px}
.gcon_2 .ibd .bd .con>img{ width:100%}
.gcon_2 .ibd .bd .con{ width:50%; float:left; position:relative}

.gcon_2 .ibd .bd .con:hover{ background:rgba(196,38,29,.9)}
.gcon_2 .ibd .bd .con .cont{ width:100%; box-sizing:border-box; padding:0 16%; top:50%; transform:translateY(-50%); position:absolute; left:0; transition:all 0.3s; z-index:9}
.gcon_2 .ibd .bd .con .cont .ico{ text-align:center}
.gcon_2 .ibd .bd .con .cont .ico img{ height:60px}
.gcon_2 .ibd .bd .con .cont .title{ font-size:24px; color:#fff; text-align:center; margin-top:15px}
.gcon_2 .ibd .bd .con .cont .intro{ font-size:16px; line-height:2; color:rgba(255,255,255,0.45); padding-top:0; transition:all 0.3s;visibility:hidden; opacity:0; display:none}
.gcon_2 .ibd .bd .con .cont .more{ padding-top:0; visibility:hidden; opacity:0; transition:all 0.3s; display:none; text-align:center}
.gcon_2 .ibd .bd .con .cont .more .m_link_1{ margin:0 auto; color:#fff; border:1px solid #fff}
.gcon_2 .ibd .bd .con .cont .more .m_link_1 .yuan{ background:#fff}
.gcon_2 .ibd .bd .con .cont .more .m_link_1::before{ background:#fff}
.gcon_2 .ibd .bd .con .cont .more .m_link_1::after{ border:1px solid #fff}
.gcon_2 .ibd .bd .con:hover .cont .intro{ padding-top:40px; display:block; visibility:visible; opacity:1}
.gcon_2 .ibd .bd .con:hover .cont .more{ padding-top:95px; display:block; visibility:visible; opacity:1}
.gcon_2 .ibd .bd .con em{ position: absolute;  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  background: rgba(196,38,29,0.7);
  opacity: 0;
  -webkit-transition: all 600ms ease 0s;
  transition: all 600ms ease 0s;
  -webkit-clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);
  clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%); z-index: 1;}
  .gcon_2 .ibd .bd .con:hover em{  opacity: 1;
  -webkit-clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);
          clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);}

@media (max-width: 1600px){
	.gcon_2 .ihd .en{ font-size:16px; }
	.gcon_2 .ihd .cn{ font-size:36px; margin-top:15px}
	.gcon_2 .ibd .bd .con .cont .ico img{ height:42px}
	.gcon_2 .ibd .bd .con .cont .title{ font-size:20px;}
	.gcon_2 .ibd .bd .con .cont .intro{ font-size:14px;}
	.gcon_2 .ibd .bd .con:hover .cont .intro{ padding-top:30px }
	.gcon_2 .ibd .bd .con:hover .cont .more{ padding-top:60px; }
}
@media (max-width: 1200px){
	.gcon_2 .ihd{ position:relative; left:auto; top:auto}
	.gcon_2 .ihd .en{ font-size:12px; color:#c4261d }
	.gcon_2 .ihd .cn{ font-size:20px; margin-top:10px; color:#333}
	.gcon_2 .ibd{ position:relative; margin-top:30px}
	.gcon_2 .ibd .bd .con .cont{ padding:0 5%}
	.gcon_2 .ibd .bd .con .cont .ico img{ height:30px}
	.gcon_2 .ibd .bd .con .cont .title{ font-size:16px; margin-top:10px}
	.gcon_2 .ibd .bd .con .cont .intro{ font-size:12px;}
	.gcon_2 .ibd .bd .con:hover .cont .intro{ padding-top:20px }
	.gcon_2 .ibd .bd .con:hover .cont .more{ padding-top:30px; }
}
@media (max-width: 750px){
	.gcon_2 .ibd{ display:none}
	.gcon_2 .ibd2{ display:block; width:100%; margin-top:20px}
	.gcon_2 .ibd2 .con{ width:100%; position:relative}
	.gcon_2 .ibd2 .con img{ width:100%}
	.gcon_2 .ibd2 .con{}
	.gcon_2 .ibd2 .con .cont{ padding:0 5%; box-sizing:border-box; position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff}
	.gcon_2 .ibd2 .con .cont .ico{ text-align:center}
	.gcon_2 .ibd2 .con .cont .ico img{ height:30px; width:auto; text-align:center}
	.gcon_2 .ibd2 .con .cont .title{ font-size:16px; margin-top:10px; color:#fff; text-align:center}
	.gcon_2 .ibd2 .con .cont .intro{ font-size:12px; width:100%; display:none}
	.gcon_2 .ibd2 .con .cont .intro{ padding-top:20px }
}

.gcon_3{ margin-top:100px}
.gcon_3 .ihd{ text-align:center}
.gcon_3 .ihd .en{ font-size:18px; color:#c4261d; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1; text-transform:uppercase}
.gcon_3 .ihd .cn{ font-size:48px; color:#000000; font-weight:bold; line-height:1; margin-top:8px}
.gcon_3 .ihd .intro{ font-size:16px; color:rgba(0,0,0,0.8); line-height:30px; margin-top:30px}
.gcon_3 .ibd{width:1020px; margin:0 auto;  margin-top:70px; }
.gcon_3 .ibd .swiper03{ width:100%}
.gcon_3 .ibd .swiper03 .swiper-slide{ width:100%; position:relative; margin-right:60px}
.gcon_3 .ibd .swiper03 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_3 .ibd .swiper03 .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_3 .ibd .swiper03 .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_3 .ibd .swiper03 .swiper-slide .cont{ position:absolute; left:60px; bottom:45px; z-index:2; color:#fff}
.gcon_3 .ibd .swiper03 .swiper-slide .cont .ico img{ height:50px}
.gcon_3 .ibd .swiper03 .swiper-slide .cont .title{ font-size:30px; line-height:1; padding:30px 0 40px; background:url(g_15.png) left bottom no-repeat}
.gcon_3 .ibd .swiper03 .swiper-slide .i{ display:block; width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(m1.png) bottom center no-repeat; background-size:100%; opacity:0; transition:all 0.3s}
.gcon_3 .ibd .swiper03 .swiper-slide:hover .i{ opacity:1}
.gcon_3 .ibd .swiper03 .ft{ width:fit-content; margin:0 auto; margin-top:45px}
.gcon_3 .ibd .swiper03 .ft .prev03{ background:url(g_13.png) center center no-repeat; width:8px; height:16px; float:left; cursor:pointer;  margin-right:7px}
.gcon_3 .ibd .swiper03 .ft .pagination03{ width:auto; font-size:0; height:16px;display:flex;align-items: center; float:left}
.gcon_3 .ibd .swiper03 .ft .pagination03 span{ width:10px; height:10px; border-radius:100%; opacity:1; background:#434343; margin:0 7px}
.gcon_3 .ibd .swiper03 .ft .pagination03 span.swiper-pagination-bullet-active{ background:#c4261d}
.gcon_3 .ibd .swiper03 .ft .next03{ background:url(g_14.png) center center no-repeat; width:8px; height:16px; float:left; cursor:pointer;  margin-left:7px}
@media (max-width: 1600px){
	.gcon_3{ margin-top:80px}
	.gcon_3 .ihd .en{ font-size:16px}
	.gcon_3 .ihd .cn{ font-size:36px;}
	.gcon_3 .ihd .intro{ font-size:14px; line-height:2; margin-top:20px}
	.gcon_3 .ibd{ margin-top:40px}
	.gcon_3 .ibd{ width:900px;}
	.gcon_3 .ibd .swiper03 .swiper-slide .cont{ left:40px; bottom:30px}
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .ico img{ height:40px}
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .title{ font-size:24px; padding:20px 0 25px; background-size:auto 3px }
	.gcon_3 .ibd .swiper03 .ft{ margin-top:30px}
}
@media (max-width: 1200px){
	.gcon_3{ margin-top:40px}
	.gcon_3 .ihd .en{ font-size:12px}
	.gcon_3 .ihd .cn{ font-size:24px;}
	.gcon_3 .ihd .intro{ font-size:12px; line-height:2; margin-top:15px}
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .ibd{ width:80%;}
	.gcon_3 .ibd .swiper03 .swiper-slide{ margin-right:10px}
	.gcon_3 .ibd .swiper03 .swiper-slide .cont{ left:20px; bottom:20px}
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .ico img{ height:30px}
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .title{ font-size:18px; padding:12px 0 16px; background-size:auto 2px }
	.gcon_3 .ibd .swiper03 .ft{ margin-top:20px}
	.gcon_3 .ibd .swiper03 .ft .prev03{ height:12px; background-size:auto 12px; margin-right:3px}
	.gcon_3 .ibd .swiper03 .ft .pagination03{ height:12px}
	.gcon_3 .ibd .swiper03 .ft .pagination03 span{ width:8px; height:8px; margin:0 3px}
	.gcon_3 .ibd .swiper03 .ft .next03{ height:12px; background-size:auto 12px; margin-left:3px}
}




.gcon_4{ margin-top:100px}
.gcon_4 .ihd{ text-align:center}
.gcon_4 .ihd .en{ font-size:18px; color:#c4261d; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1; text-transform:uppercase}
.gcon_4 .ihd .cn{ font-size:48px; color:#000000; font-weight:bold; line-height:1; margin-top:8px}
.gcon_4 .ibd{width:1600px; margin:0 auto;  margin-top:50px; }
.gcon_4 .ibd .swiper04{ width:100%; overflow:hidden}
.gcon_4 .ibd .swiper04 .swiper-slide{ width:31.25%; position:relative; margin-right:3.125%}
.gcon_4 .ibd .swiper04 .swiper-slide .pic{ width:100%; overflow:hidden; position:relative}
.gcon_4 .ibd .swiper04 .swiper-slide .pic .date{ width: 92px; height: 92px; background: #4e4e4e; color: #fff; position: absolute; left: 0; top: 0;  text-align: center; line-height: 1}
.gcon_4 .ibd .swiper04 .swiper-slide .pic .day{ font-size: 48px; margin-top: 10px;}
.gcon_4 .ibd .swiper04 .swiper-slide .pic .year{ margin-top: 5px; }
.gcon_4 .ibd .swiper04 .swiper-slide:hover .pic .date{ background:#c4261d}
.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:scal(1.1);}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .title{ font-size:20px; color:#212529;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:20px}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .intro{ font-size:16px; color:rgba(0,0,0,0.6); line-height:28px; height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:10px}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .more{ font-size:16px; color:#212529; margin-top:20px}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont .title{ color:#c4261d;} 
.gcon_4 .ibd .swiper04 .swiper-slide:hover .cont .more{ color:#c4261d;} 
@media (max-width: 1600px){
	.gcon_4{ margin-top:80px}
	.gcon_4 .ihd .en{ font-size:16px}
	.gcon_4 .ihd .cn{ font-size:36px;}
	.gcon_4 .ibd{ width:1200px; margin-top:40px}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .title{ font-size:18px;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .intro{ font-size:14px;  line-height:24px; height:48px}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .more{ font-size:14px;}
}
@media (max-width: 1200px){
	.gcon_4{ margin-top:40px}
	.gcon_4 .ihd .en{ font-size:12px}
	.gcon_4 .ihd .cn{ font-size:24px;}
	.gcon_4 .ibd{ margin-top:20px}
	.gcon_4 .ibd{ width:92%;}	
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .title{ font-size:16px; margin-top:15px}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .intro{ font-size:12px;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .more{ font-size:12px; margin-top:10px}
	
	.gcon_4 .ibd .swiper04 .swiper-slide .pic .date{ width: 60px; height: 60px;}
.gcon_4 .ibd .swiper04 .swiper-slide .pic .day{ font-size: 24px; margin-top: 10px;}
.gcon_4 .ibd .swiper04 .swiper-slide .pic .year{ margin-top: 5px; }
	
	
}
@media (max-width: 750px){	
	.gcon_4 .ibd .swiper04 .swiper-slide{ width:48.5%; margin-right:3%}
}

.gcon_5{ width:100%; position:relative; margin-top:100px}
.gcon_5 .pic{ width:100%; overflow:hidden}
.gcon_5 .pic img{ width:100%; height:auto}
.gcon_5 .pic .img1{ display:block}
.gcon_5 .pic .img2{ display:none}
.gcon_5 .item{ position:absolute; left:calc(50% - 800px); top:50%; transform:translateY(-50%)}
.gcon_5 .item  .en{ font-size:18px; color:rgba(255,255,255,0.39); font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.gcon_5 .item .a1{ font-size:36px; color:#fff;  line-height:1; font-weight:bold; margin-top:20px}
.gcon_5 .item .a2{ font-size:34px; color:#fff;  line-height:1; margin-top:20px;}
@media (max-width: 1600px){
	.gcon_5{ margin-top:80px}
	.gcon_5 .item{ position:absolute; left:calc(50% - 600px);}
	.gcon_5 .item .en{ font-size:16px;}
	.gcon_5 .item .a1{ font-size:30px; }
	.gcon_5 .item .a2{ font-size:28px; }

}
@media (max-width: 1200px){
	.gcon_5{ margin-top:40px}
	.gcon_5 .item{ position:absolute; left:4%;}
	.gcon_5 .pic .img2{ display:block}
	.gcon_5 .pic .img1{ display:none}
	.gcon_5 .item .en{ font-size:12px;}
	.gcon_5 .item .a1{ font-size:20px;  margin-top:15px }
	.gcon_5 .item .a2{ font-size:16px; margin-top:15px; line-height:normal }
}

.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}
.video .s1{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:50%; transform:translateY(-50%)}
.video .s1 video{ width:100%}
.video .s1 .gb{ background:url(gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}
@media (max-width:750px) {
	.video .s1{ width:80%; margin-left:0;transform:translate(-50%,-50%)}
}




















































































































































