/* ²âÊÔ */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../pic/Ê×Ò³¶¨¸å.jpg) !important;}  */
 
  
.wrapbanner{overflow: hidden;position: relative; } 

.banner{overflow: hidden;}
.banner a{display:block;position:relative}  
.banner a::after{content: '';display: block;width: 100%;height: 18.6%;position: absolute;bottom: 0;left: 0;background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 4.9%, rgba(0, 0, 0, 0) 95.42%);z-index: 1;}
.banner a::before{content: '';display: block;width: 100%;height: 23.8%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);z-index: 1;}  
.banner .title{color: #fff;text-align: left;position: absolute;left: 0%;bottom: 3rem;width: 100%;}
.banner .title div{box-sizing: border-box;padding-right: 14rem;;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.banner .gp-img{padding-bottom: 42.6%;;}
.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)}
}   
.wrapbanner .arrows{position: absolute;right: calc((100vw - 140rem) / 2);bottom: 2.5rem;z-index: 1;display: flex;}
.wrapbanner .arrows div{width: 1em;height: 1em;border-radius: 50%;margin-left: 2rem;background-size: cover;cursor: pointer;}
.wrapbanner .arrows .prev{background: url(/ngce/images/left.png) no-repeat center;}
.wrapbanner .arrows .next{background: url(/ngce/images/right.png) no-repeat center;}
   
.content{} 

.channel_title{display: flex;align-items: end;align-items: flex-end;align-items: self-end;margin-bottom: 2.5rem;justify-content: space-between;}
.channel_title .title{color: #000;position: relative;box-sizing: border-box;padding: 1rem 0 0;}
.channel_title .title::before{content: "";display: block;width: 5.6rem;height: 0.1rem;background: #8c0000;position: absolute;left: 0;top: 0;}
.channel_title .title .en{color: #d3d3d3;text-transform: uppercase;line-height: 1.3;font-family: DINPro;font-weight: 400;}
.channel_title .title .cn{font-weight: bold;}
.channel_title .more{display: flex;align-items: center;margin-bottom: 0.6rem;}
.channel_title .line{width: 6.7rem;height: .1rem;background: #B58711;margin: 0 0.3rem; }
 
.mode02 .channel_title .title{color: #fff;}
.mode02 .channel_title .title .en{color: rgba(255,255,255,0.6);}
.mode02 .channel_title .more{color: #fff;}
 

 
.wrap_mode01{padding: 5.5rem 0 ;background: url(/ngce/images/mode1_bg.png) no-repeat center bottom;background-size: 100% auto;}
.mode01{} 
.mode01_con{display: flex;}
.mode01_1{flex: 1;overflow: hidden;box-shadow: 0rem 0.4rem 2.46rem rgba(0, 0, 0, 0.1);}
.swiper2 {height: 100%;position: relative;}
.swiper2 .prev{width: 5rem;height: 5rem;text-align: center;line-height: 5rem;background: rgba(140,0,0,0.7);border-radius:50%;color:#fff;position:absolute;top:35%;left: 0;font-family: "iconfont" !important;font-size: 3rem;z-index: 1;cursor: pointer;}
.swiper2 .next{width: 5rem;height: 5rem;text-align: center;line-height: 5rem;background: rgba(140,0,0,0.7);border-radius:50%;color:#fff;position:absolute;top:35%;right: 0;font-family: "iconfont" !important;font-size: 3rem;z-index: 1;cursor: pointer;}
.swiper2 .prev:before {content: "\e61a";}
.swiper2 .next:before {content: "\e600";}

.mode01_1 a{height: 100%;display: flex;flex-direction: column;}  
.mode01_1 a .img{flex: 1;overflow: hidden;}
.mode01_1 a .info{background:#fff;;box-sizing: border-box;padding: 1.9rem  2.6rem 2.1rem 1.4rem;position: relative;opacity: 0;} 
.swiper-slide-active a .info{opacity: 1;} 
.mode01_1 a .info .title{line-height: 1.5;height:3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;}
.mode01_1 a .info .summary{color: #999;margin: 0.6rem 0 0;line-height: 1.71;height:3.42em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical; }
.mode01_1 a .info .date{color: #B58711;display: flex;align-items: center;line-height: 1.71;margin: 1.8rem 0 0; }
.mode01_1 a .info .date img{display: inline-block;margin-right: 0.6rem;}
   
/* line-height:1.4;height:1.4em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-moz-box-orient: vertical; */

.mode01_2{/* flex: 1; */width: 44.3%;margin-left: 3.2rem;}
.mode01_2 li{margin-bottom: 2.5rem;}
.mode01_2 li:last-child{margin-bottom: 0rem;}
.mode01_2 li a{display: block;box-sizing: border-box;padding: 1.3rem 2.3rem 1.3rem 1.9rem;box-shadow: 0px 0.4rem 2.46rem rgba(0, 0, 0, 0.1);background: #fff;}
.mode01_2 li a .title{line-height: 1.5;height:1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-moz-box-orient: vertical;}
.mode01_2 li a .summary {line-height: 1.71;height:3.42em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;color: #999;margin: 0.5rem 0 0;}
.mode01_2 li a .date{color: #B58711;display: flex;align-items: center;line-height: 1.71;margin: 0.7rem 0 0; }
.mode01_2 li a .date img{display: inline-block;margin-right: 0.6rem;} 
.mode01_2 li a .date img:nth-child(2){display: none;} 
.mode01_2 li a:hover{background: #8c0000;}
.mode01_2 li a:hover .title{color: #fff; }
.mode01_2 li a:hover .summary {color: rgba(255,255,255,0.7); }
.mode01_2 li a:hover .date{color: #FFE7AA; }
.mode01_2 li a:hover .date img:nth-child(2){display: inline-block;} 
.mode01_2 li a:hover .date img:nth-child(1){display: none;} 
 


.wrap_mode02{overflow: hidden;background: url(/ngce/images/mode2_bg.png) no-repeat center;background-size: cover;box-sizing: border-box;padding: 5.5rem 0 4rem;}
.wrap_mode02 .channel_title{justify-content: normal;} 
.mode02{}  
.list2{display: flex;flex-wrap: wrap;margin: 0 -0.9rem;}
.list2 li{width: 25%;margin-bottom: 1.5rem;}
.list2 li .box{display: block;margin: 0 0.9rem;background: url(/ngce/images/mode2_bg2.png) no-repeat;background-size: 100% 100%;box-sizing: border-box;padding: 2.6rem 2.5rem 2.7rem 2rem;transition: all 0.25s ease-in-out;}
.list2 li .box .date{color: #B58711;display: flex;align-items: center;line-height: 1.2857;}
.list2 li .box .date img{display: inline-block;margin-right: 0.3rem;} 
.list2 li .box .title{margin: 3.6rem 0 0;line-height:1.375;height:2.75em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;color: #000;}
.list2 li .box .summary{margin: 2.5rem 0 0;box-sizing: border-box;padding: 2.5rem 0 0;border-top: .1rem solid #f3f3f3; }
.list2 li .box .summary div{line-height:1.7;height:3.4em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;color: #999;}
.list2 li .box:hover{transform: translateY(-0.5rem);}
.list2 li .box:hover .title{color: #8c0000;}


.tab1{}
.tabMenu1{display: flex;justify-content: end;flex: 1;margin-right: 2rem;transform: translateY(0rem);}
.tabMenu1 li{display: inline-block;margin-left: 1.3rem;}
.tabMenu1 li a{line-height: 1;display: block;padding: 0.7rem 3rem;color: #7e7e7e;background: #E7E2DB;border: 0.1rem solid #fff;transition: all 0.4s ease-in-out;border-radius: 2rem;}
.tabMenu1 li.on a{background: #8c0000;color: #FFE7AA;font-weight: bold;border-width: 0.1rem;}
.tabListBox{display: none;margin-top: -0.3rem;}

.wrap_mode03{padding: 5.3rem 0  6.5rem;overflow: hidden;background: url(/ngce/images/mode03_bg.png) no-repeat center;background-size: cover;}
.mode03{} 
.mode03_con{display: flex;justify-content: space-between;}
.mode03_1{width: 55.6%;} 
.list3{display: flex;flex-wrap: wrap;margin: 0 -1rem;}
.list3 li{width: 33.3%; }
.list3 li:last-child{margin-bottom: 0rem;}
.list3 li a{display: block;margin: 0 1rem;background: #FFFFFF;box-shadow: 0px 0.35rem 1.4rem rgba(0, 0, 0, 0.1);}
.list3 li a .img{}
.list3 li a .img span{padding-bottom: 56.50%;}
.list3 li a .info{box-sizing: border-box;padding: 2.2rem 1.5rem 2.6rem;}
.list3 li a .info .title{color: #000;line-height:1.5625;height:3.125em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;}
.list3 li a:hover .info .title{color: #8c0000;}
.list3 li a .info .summary{color: #999;line-height:1.64;height:6.56em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 4;-webkit-box-orient: vertical;-moz-box-orient: vertical;margin: 1.7rem 0 0;}
.list3 li a .info .date{margin: 4rem 0 0;text-align: center;}
.list3 li a .info .date span{background: #8c0000;color: #fff;border: 0.1rem solid #C7A650;box-sizing: border-box;padding: 0.3rem 0.8rem;border-radius: 2rem;display: inline-block;}
.list3 li a .info .date span img{display: inline-block;margin-right: 0.2rem;}
.mode03_2{width: 42%;display: flex;flex-direction: column;} 
.list4{display: flex;flex-direction: column;justify-content: space-between;flex: 1; } 
.list4 li a{display: flex;background: #FFFFFF;box-shadow: 0px 0.35rem 1.4rem rgba(0, 0, 0, 0.1);box-sizing: border-box;padding: 1rem 2.5rem 1rem 1.2rem;}
.list4 li a .img{width: 35.58%;margin-right: 1.7rem;}
.list4 li a .img span{padding-bottom: 0;height: 100%;}
.list4 li a .info{flex: 1;overflow: hidden;}
.list4 li a .info .title{color: #000;line-height:1.5;height:3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;margin-top: 0.3rem;}
.list4 li a:hover .info .title{color: #8c0000;}
.list4 li a .info .summary{color: #999;line-height:1.57;height:3.14em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;margin: 0.8rem 0 0;} 


.wrap_mode04{padding: 4rem 0  2.2rem;overflow: hidden;background: #F8F6F1;}
.mode04{} 
.list5{display: flex;flex-wrap: wrap;margin: 0 ;justify-content: space-between;}
.list5 li{max-width: 9em;margin-bottom: 3rem;}
.list5 li .item{text-align: center;}
.list5 li .item .img{display: block; }
.list5 li .item .img img{display: inline-block;vertical-align: middle;}
.list5 li .item:hover .img img{animation: beat 0.7s 1;}
.list5 li .item .title{line-height: 1.25;color: #333333;margin: 1.5rem 0 0;}
.list5 li .item .title:hover{color: #8c0000;}
.list5 .line{background: #E9E9E9;width: 0.1rem;margin-bottom: 3rem;} 



@keyframes beat {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }

    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

@-webkit-keyframes beat {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }

    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

.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 (max-width:1600px){ 
	.list4 li a .info .summary{margin-top:0.6rem;} 
}
@media screen and (max-width:1500px){
    .list4 li a .info .title{margin-top: 0;}
	.list4 li a .info .summary{line-height: 1.5;height: 3em;} 
}
@media screen and (max-width:1400px){ 
	.list4 li a .info .summary{margin-top:0.5rem;} 
}
@media screen and (max-width:1280px){ 
	.wrapbanner .arrows{right: 40px;}

}
@media screen and (max-width: 1200px){
	
}
@media screen and (max-width: 1100px){
	
}
@media screen and (max-width: 996px){ 
	.wrapbanner .arrows{right: 20px;}
  .mode01_con{flex-direction: column;}
  .mode01_1 a{display: block;}
  .mode01_1 a .img{padding-bottom: 56.25%;}
  .mode01_1 a .info{padding: 2rem 3rem;}
  .mode01_1 a .info .title{height: auto;}
  .mode01_1 a .info .summary{height: auto;;margin: 1rem 0 0;}
  .mode01_1 a .info .date{margin: 1rem 0 0;}
  .mode01_2 li a{padding: 2rem 3rem;}
  .mode01_2 li a .summary{height: auto;}
  .mode01_1{width: 100%;}
  .mode01_2{width: 100%;;margin-left: 0;margin-top: 3rem;}

  .list2 li{width: 50%;}
  .mode03_con{flex-direction: column;}
  .mode03_1{width: 100%;}
  .mode03_2{width: 100%;margin: 5rem 0 0;}

  .list4 li{margin-bottom: 2rem;}
  .list4 li a{padding: 2rem;}
  .list4 li a .img{width: 25%;}
  .list4 li a .img span{height: auto;padding-bottom: 56.63%;}
  .list4 li a .info .title{height: auto;}
  .list4 li a .info .summary{height: auto;}

  .list5 li{width: calc(33.3% - 0.2rem);max-width: none;}
  .list5 li .item .title a{max-width: 9em;display: inline-block;}
  .list5 .line:nth-of-type(3){display: none;}
}
@media screen and (max-width:768px){  
	.list4 li a .img{width: 35%;}
	.list4 li a .info .title{-webkit-line-clamp: 1;} 
	.tabMenu1{order: 2;width: 100%;}
	.wrap_mode02 .channel_title{flex-wrap: wrap;}
	.mode02 .channel_title .more{flex: 1;overflow: hidden;justify-content: right;}
	.tabMenu1{flex: none;width: 100%;order: 2;transform: none;margin: 3rem 0 0;justify-content: center;display: block;text-align: center;overflow-x: auto;white-space: nowrap;}
	.list3 li a .info .date{margin: 2rem 0 0;}
	
	.list3 li a .info .summary {line-height: 1.5; height: 3em;-webkit-line-clamp: 2;margin: 1rem 0 0;}

}
	 
@media screen and (max-width:540px){  
	.list3 li{width: 100%;margin-bottom: 3rem;} 
	.list3 li a .info .title {height: auto;}
	.list3 li a .info .summary {height: auto;}
	.list3 li a .info .date{margin: 1.5rem 0 0;}
}
@media screen and (max-width:479px){  
	.list4 li a{flex-direction: column;}
	.list4 li a .img{width: 100%;}
	.list4 li a .info{margin: 1rem 0 0;}

	.list5 li{width: calc(50% - 0.2rem);} 
	.list5 .line:nth-of-type(2){display: none;}
	.list5 .line:nth-of-type(4){display: none;}
	.list5 .line:nth-of-type(3){display: block;}
	.list2 li{width: 100%;}
}
@media screen and (max-width:414px){ 

}