/* @font-face {
	font-family: 'ZHSRXT';
	src: 
	url('https://demo.gpowersoft.com/editor_saas/api/page/siteResource/view/959613925a9307aef89cdec934c5216b') format('woff'),
	url('https://demo.gpowersoft.com/editor_saas/api/page/siteResource/view/a6bb25d8e8a56a6bb148d68aea568b90') format('truetype'),
	url('https://demo.gpowersoft.com/editor_saas/api/page/siteResource/view/683caefab7cc5657029c6d51676d0420') format('woff2');
} */

/* 娴嬭瘯鏄惁涓€鑷� */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/1.jpg) !important;} */

.wrapbanner{overflow: hidden;position: relative;}

.banner{}
.banner a{display:block;position:relative}
.banner .gp-img{padding-bottom: calc(923% / 19.2);}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;}
.banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.banner .swiper-slide-active .gp-img{animation:scaleBig 5s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes scaleBig{
	0%{transform:scale(1.1)}
	100%{transform:scale(1)}
}
@keyframes scaleBig{
	0%{transform:scale(1.1)}
	100%{transform:scale(1)}
} 

.banner .title_box.on .title{width: 100%;opacity: 1;}
.banner .title_box.on .square{transform: scale(1);left: -2rem;top: -2rem;}
.banner .title_box.on .title span::before{width: 100%;}


.wrapbanner .dots{font-size: 0;box-sizing: border-box;position: absolute;z-index: 1;left: 50%;bottom: 2.6rem;transform:translateX(-50%);text-align: center;}
.wrapbanner .dots .swiper-pagination-bullet{opacity: 1;width: 1.2rem;height: 1.2rem;background: rgba(255, 255, 255, .8);display: inline-block;vertical-align: middle;margin: 0 3px;}
.wrapbanner .dots .swiper-pagination-bullet-active{background: rgba(255, 255, 255, 0);border: 3px solid #fff;}


.wrapbanner .swiper_menu{font-size: 0;box-sizing: border-box;position: absolute;z-index: 1;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.wrapbanner .arrow{width: 6.6rem;height: 6.6rem;background: center/100% auto no-repeat;display: inline-block;vertical-align: top;cursor: pointer;position: absolute;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;top: 50%;transform: translateY(-50%);border-radius: 50%;}
.wrapbanner .prev{left: 0;background-image: url(../images/banner_prev.png);}
.wrapbanner .next{right: 0;background-image: url(../images/banner_next.png);}
.wrapbanner .prev,.wrapbanner .next{display: none !important;}
.content{overflow: hidden; }

.index_title{margin-bottom: 1.7rem;display: block;}
.index_title::after{content: '';display: block;clear: both;}
.channel_link{float: right;position: relative;z-index: 2;padding: 1rem 3rem 1rem 6rem;background: url(../images/index_title.png) no-repeat right center/2.1rem auto;border-bottom: .2rem solid #1d2088;color: #999;margin: .7rem 0 0;}
.channel_title{padding: 0 0 0;color: #1d2088;font-weight: bold;}
.channel_title .en{font-family: 'entitle';color: #757575;font-weight: normal;margin: -0.3rem 0 .3rem;letter-spacing: .196rem;text-transform: uppercase;}
.channel_link.w{background-image: url(../images/index_title2.png);color: #fff;border-color: #fff;opacity: .5;}
.channel_title.w,.channel_title.w .en{color: #fff;}
.mode03 .channel_title{float: left;}

.wrap_mode01{padding: 9.5rem 0 9rem;position: relative;}
.mode01{display: flex;align-items: self-start;align-items: start;align-items: flex-start;}
.mode01 .lt{width:72rem;margin-right: 3rem;position: relative;margin-top: 0.5rem;} 
.mode01 .lt .dots{position: absolute;bottom: 0;right: 3rem;z-index: 1;font-size: 0;margin: 0 -5px;}
.mode01 .lt  .dots .swiper-pagination-bullet{opacity: 1;width: 2rem;height: 1.1px;background: #c33;display: inline-block;vertical-align: top;margin: 0 5px;border-radius: 0;}
.mode01 .lt  .dots .swiper-pagination-bullet-active{height: 4px;}
.banner2{}
.banner2 .info{border: 1px solid rgba(0,0,0,0.1);border-top: none;background: #fff;display: flex;align-items: start;align-items: flex-start;align-items: self-start;box-sizing: border-box;padding-bottom: 7rem;}
.banner2 .info .date{background: rgb(0, 81, 119);box-sizing: border-box;padding: 2.4rem 1.9rem;text-align: center;border-radius: 0 0 30% 0;}
.banner2 .info .date .date1{color: #fff;font-weight: bold;}
.banner2 .info .date .date2{color: rgba(255, 255, 255, .7);}
.banner2 .info .txt{box-sizing: border-box;padding: 2.5rem 2.8rem 0 2.8rem;flex: 1;overflow: hidden;}
.banner2 .info .txt .title{color: #222;font-weight: bold;}
.banner2 .info .txt .summary{color: #757575;margin: 1rem 0 0;}
.mode01 .lt a:hover  .info .txt .title{color: #005177;}
.mode01 .rt{flex: 1;overflow: hidden;}

.tab1{}
.tab_top{display: flex;align-items: end;align-items: flex-end;align-items: self-end;}
.tabMenu1{flex: 1;overflow: hidden;}
.tabMenu1 li{margin-left: 3.5rem;position: relative; }
.tabMenu1 li a{color: #757575;position: relative;padding-left: 3.5rem;}
.tabMenu1 li a::before{content: "";display: block;width: 1px;height: 1em;background: #e5e5e5;position: absolute;left: 0;top: 50%;margin-top: 
	-0.5em; } 
.tabMenu1 li:first-child{margin-left: 0; }  
.tabMenu1 li:first-child a{padding-left: 0; }  
.tabMenu1 li:first-child a::before{display: none; }  
.tabMenu1 li a span{display: inline-block;margin-right: 1rem;color: rgba(0,81,119,0.7);}
.tabMenu1 li.on a{font-weight: bold;color: #222;}
.tabMenu1 li.on a span{color: rgba(0,81,119,1);}
.tabMore1{}
.tabMore1 a{display: none;color: #757575;}
.tabMore1 a:hover{color: #004ea1;} 
.tabListBox{display: none;}
.list1{
    margin: 2.1rem 0 0;
}
.list1 li{display: flex;position: relative;box-sizing: border-box;padding:2rem 3rem ;background: #f2f7fa;margin-bottom: 1rem;align-items: center;}
.list1 li:last-child{}
.list1 li:nth-child(even){background: none;border: 1px solid #e5e5e5;}
.list1 li::before{content: "";display: block;width: 2px;height: 2rem;background: rgba(204, 51, 51,0.502);position: absolute;right: 0;top: 50%;margin-top: -1rem;}
.list1 li .title{display: block;flex: 1;color: #222;margin-right: 1rem;transition: all 0.3s ease-in-out;}
.list1 li .title:hover{transform: translateX(0.5rem);color: #004ea1;}
.list1 li .date{color: #757575;}
.list1 li .date img{display: inline-block;max-height: 1em;margin-right: 1rem;}
  
  
   

.wrap_mode02{background: url(../images/mode2_bg.png) no-repeat;background-size: cover;box-sizing: border-box;padding-top: 9.4rem;}
.list2{display: flex;flex-wrap: wrap;}
.list2 li{margin-bottom: 5.2rem;width: 33.3%;}
.list2 li a{display: flex;margin: 0 3rem;}
.list2 li .date{background: #e5edf1;box-sizing: border-box;padding: 2.1rem 2rem;text-align: center;border-radius: 0 0 30% 0;margin: 0.5rem 0 0;}
.list2 li .date .date1{color: #005177;font-weight: bold;}
.list2 li .date .date2{color: #757575;}
.list2 li .txt{margin-left: 2rem;position: relative;flex: 1;overflow: hidden;}
.list2 li .txt .title span{position:relative;background-image:linear-gradient(#005177,#005177);background-position:0 100%;background-size:0 .1rem;background-repeat:no-repeat;transition:background-size .5s}
.list2 li a:hover .txt .title span{background-size: 100% .1rem;}
.list2 li .txt::before{content: "";display: block;width: 2.8rem;height: 1px;background: #005177;position: absolute;left: 0;bottom: 1rem;}


.tabMenu2{display: flex;}
.tabMenu2 li{flex: 1;text-align: center;border-bottom: 6px solid rgba(0,0,0,0.28);transition: all 0.5s ease-in-out;position: relative; }   
.tabMenu2 li::before{content: "";display: block;width: 1px;height: calc(100% - 1.7rem);background: #c33;position: absolute;left: 0;top: -4px;} 
.tabMenu2 li:first-child::before{display: none;} 
.tabMenu2 li.on::before{display: none;} 
.tabMenu2 li.on +li::before{display: none;} 
.tabMenu2 li a{display: block;color: #fff;box-sizing: border-box;padding: 0rem 0 2rem;transition: all 0.5s ease-in-out;}
.tabMenu2 li a span{display: inline-block;margin-right: 1rem;}
.tabMenu2 li.on{border: 6px solid rgba(0,0,0,0.28);border-bottom: none;}
.tabMenu2 li:first-child.on{border-left: none;}
.tabMenu2 li:last-child.on{border-right: none;}
.tabMenu2 li.on a{background: #fff;font-weight: bold;color: #222;padding: 2rem 0 0;} 
.tabMenu2 li.on a span{color: #005177;font-weight: normal;}
.tabList2{background: #fff;box-sizing: border-box;padding: 5rem 3rem 5.5rem;box-shadow: 0px -6px 0px 0px rgba(0, 0, 0, 0.28),0px 20px 46.75px 8.25px rgba(0, 0, 0, 0.1);}
.tabList2 .more{text-align: center;}
.tabList2 .more a{color: #757575;} 
.tabList2 .more a:hover{color: #004ea1;} 

 
.wrap_mode03{padding: 10rem 0 8rem;} 
.mode03{}
.mode03 ul{display: flex;justify-content: space-between; }
.mode03 ul li{margin-bottom: 2rem;} 
.mode03 ul li a{display: block;transition: all 0.2s ease-in-out;}
.mode03 ul li .img{display: block;width: 9rem;transition: all 0.3s ease-in-out;margin: 0 auto;}
.mode03 ul li .gp-img{display: flex;align-items: center;justify-content: center;background: rgba(0, 81, 119,0.102);border-radius: 10px;padding-bottom: 100%;text-align: center;}
.mode03 ul li .gp-img span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 0; color: #005177;font-weight: 500;transition: all 0.3s ease-in-out;
	width: 50px;height: 50px;}
.mode03 ul li .title{margin: 1.5rem 0 0;text-align: center;color: #222;}
.mode03 ul li .con:hover{}
/* .mode03 ul li .con:hover .gp-img span{transform: translate(-50%,-50%) rotateY(180deg);} */
.mode03 ul li .con .gp-img img{transition: all 0s ease-in-out;}
.mode03 ul li .con:hover .gp-img img{transition: all 1s ease-in-out;transform: rotateY(360deg);}
.mode03 ul li .con:hover .title{color: #004ea1;}


.fadeInUpSmall  {  -webkit-animation-name: fadeInUpSmall;  animation-name: fadeInUpSmall ;  animation-duration: 0.4s;   -webkit-animation-duration: 0.4s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;   }
@-webkit-keyframes fadeInUpSmall {
  0% {   opacity: 0;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }
  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }
}
@keyframes fadeInUpSmall {  
  0% {    opacity: 0;    -webkit-transform: translate3d(0, 20px, 0);    -ms-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }
  100% {    opacity: 1;    -webkit-transform: none;    -ms-transform: none;    transform: none;  }
}
 
@-webkit-keyframes index_04bli{
	0%{clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}
	100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes index_04bli{
	0%{clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}
	100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}

@media screen and (min-width:996px){

}
@media screen and (max-width:1640px){


}
@media screen and (max-width:1280px){

	.list1 li { padding: 1.9rem 3rem; }
}
@media screen and (max-width: 1200px){
	.list1 li { padding: 1.85rem 3rem; }
}
@media screen and (max-width: 1100px){
	.list1 li { padding: 1.8rem 3rem; }
}
@media screen and (max-width: 996px){
	.wrapbanner .swiper_menu{top: 50%;transform: translateY(-50%);left: 0;right: 0;}
	.banner .title_box{left: 30px;right: 0;}
	.banner .title span{max-width: 100%;}

	.wrap_mode01{padding: 6rem 0;}
	.mode01{display: block;}
	.mode01 .lt{width: 100%;margin-right: 0;} 
	.banner2 .info{padding-bottom: 4rem;}
	.mode01 .rt{width: 100%;margin: 0;margin: 4rem 0 0;}

	.wrap_mode02{padding: 6rem 0;} 
	.tabList2{padding: 4rem 2rem;}
	.list2 li{margin-bottom: 3rem;}
	.wrap_mode03{padding: 6rem 0;}


}
@media screen and (max-width:767px){

	.wrap_mode01{padding: 4rem 0;} 
	.wrap_mode02{padding: 4rem 0;}  
	.wrap_mode03{padding: 4rem 0;}
 
	.wrapbanner .arrow{width: 4.6rem;height: 4.6rem;}
	.banner .title_box{display: none;}

	.banner2 .info{padding-bottom: 3rem;}
	.list2 li{width: 50%;}
 
	.mode03 ul{ flex-wrap: wrap;margin: 0 -2rem; justify-content: center;} 
	.mode03 ul li{width: 25%;}
	.mode03 ul li .con{margin: 0 2rem;}

	.tabMenu2 li a{padding: 1rem 0 1rem;} 
	.tabMenu2 li.on a{padding: 1rem 0 1rem;} 

}
@media screen and (max-width:479px){
	.list2 li{width: 100%;}
	.list2 li a{margin: 0;}

	.tabMenu1 li{margin-left: 2.5rem;}
	.tabMenu1 li a{padding-left: 2.5rem;}
}
@media screen and (max-width:414px){
	.mode03 ul li{width: 33.3%;}
}