@font-face {
  font-family: "AVANTGARDEGOTHIC-DTC";
  src: url("fonts/AVANTGARDEGOTHIC-DTC.woff2") format("woff2"),
       url("fonts/AVANTGARDEGOTHIC-DTC.woff") format("woff"),
       url("fonts/AVANTGARDEGOTHIC-DTC.ttf") format("truetype"),
       url("fonts/AVANTGARDEGOTHIC-DTC.eot") format("embedded-opentype"),
       url("fonts/AVANTGARDEGOTHIC-DTC.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.section{box-sizing: border-box;}


/*index_more*/
.index_more{display: block;width: 148px;height: 44px;overflow: hidden;line-height: 44px;text-align: center;margin-top: 35px;transition: border 1s;position: relative;border: 1px solid #ccc;z-index: 1;margin-bottom: 70px;}
.index_more:before,
.index_more:after{position: absolute;top: 50%;content: '';width: 30px;height: 30px;border-radius: 50%;-webkit-transition: .6s;transition: .6s;z-index: -1;}
.index_more:before{left: -20px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.index_more:after{right: -20px;-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%);background-color: #097bc8;}
.index_more em{display: inline-block;width: 17px;height: 9px;background: url(../images/s2.png) no-repeat center;margin-left: 10px;transition: all 1s;}
.index_more:hover{color: #fff;border-color: transparent;}
.index_more:hover em{background: url(../images/s.png) no-repeat center;}
.index_more:hover:before{-webkit-animation: criss-cross-left 0.6s both;animation: criss-cross-left 0.6s both;background-color: #097bc8; background: -webkit-linear-gradient(left, #01badc 0%, #097bc8 100%);
    background: -o-linear-gradient(left, #01badc 0%, #097bc8 100%);
    background: -ms-linear-gradient(left, #01badc 0%, #097bc8 100%);}
.index_more:hover:after{-webkit-animation: criss-cross-right 0.6s both;animation: criss-cross-right 0.6s both; z-index:-2}
@media screen and (max-width: 1024px) and (min-width: 100px){
.index_more{background-color: #097bc8; background: -webkit-linear-gradient(left, #01badc 0%, #097bc8 100%);background: -o-linear-gradient(left, #01badc 0%, #097bc8 100%);background: -ms-linear-gradient(left, #01badc 0%, #097bc8 100%);}	
.index_more{color: #fff!important;border-color: transparent;}
.index_more em{background: url(../images/s.png) no-repeat center;}	
}
@media screen and (max-width: 768px){
.index_more{ font-size:12px;}
}


/*section_1*/
.section_1{box-sizing: border-box; overflow:hidden;}
.section_1 .swiper-slide{position: relative;width: 100%!important;height: 100vh;padding-top:0px;box-sizing: border-box;}
.section_1 .banner-img{background-position: 50%;background-repeat: no-repeat;background-size: cover;height: 100%;}
.section_1 .swiper-button-next{right: 300px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");transform: translateX(-50px);opacity: 0;transition: transform 0.7s 0.9s, opacity 0.4s 0.9s;}
.section_1 .swiper-button-prev{left: 300px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");transform: translateX(50px);opacity: 0;transition: transform 0.7s 0.9s, opacity 0.4s 0.9s;}
.section_1 .swiper-button-next,
.section_1 .swiper-button-prev{width: 50px;height: 50px;background-position: center center;background-size: 15px auto;border-radius: 100%;box-sizing: border-box;}
.section_1 .swiper-button-next:hover,
.section_1 .swiper-button-prev:hover{background-color: #9f5720;}
.section_1 .swiper-button-next:hover{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.section_1 .swiper-button-prev:hover{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.section_1 .swiper-pagination-bullet{width: 13px;height: 13px;opacity: 1;background: transparent;border: 1px solid rgba(255, 255, 255, 0.3);margin-left: 8px!important;margin-right: 8px!important;}
.section_1 .swiper-pagination-bullet-active{opacity: 1;border: 1px solid #9f5720;}
.section_1.active .swiper-button-next,
.section_1.active .swiper-button-prev{transform: translateX(0);opacity: 1;transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;}
.section_1.active .centent-box{transform: translateX(0);opacity: 1;transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;}
.section_1 .swiper-button-prev{left:100px;}
.section_1 .swiper-button-next{right:100px;}
@media screen and (max-width: 1530px){
  .section_1 .swiper-button-next{  right: 100px;}
  .section_1 .swiper-button-prev{  left: 100px;}
  
}
@media screen and (max-width: 768px){
.section_1 .swiper-slide{height:56.25vw;}
.section_1 .swiper-pagination-bullet{width: 5px;height:5px;background:#fff;margin-left: 3px!important;margin-right: 3px!important;}
.section_1 .swiper-pagination-bullet-active{background:#0061cf;border-color:#0061cf;}
}


/*11.30µ÷Õû*/
.section_1 .item-box:hover .msg-box .txt-box .index_more:hover{color: unset;}
.section_1 .item-box:hover .msg-box .txt-box .index_more:hover em{background:unset;}
.section_1 .item-box:hover .msg-box .txt-box .index_more:hover{color:unset;border-color:unset;}
.section_1 .item-box:hover .msg-box .txt-box .index_more:hover:before{-webkit-animation:unset;animation:unset;}
.section_1 .item-box:hover .msg-box .txt-box .index_more:hover:after{-webkit-animation:unset;animation:unset;}




  
  

/*section_2*/
.section_2{background-color: #dfdfdf; background-position:center top; background-size:cover; background-repeat:no-repeat; overflow:hidden;}
.section_2 .centent-box{padding-top: 120px;margin: 0 auto;}
.section_2 .centent-box .title-box{text-align: center;margin-bottom: 50px;transform: translateY(50px);opacity: 0;transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;}
.section_2 .centent-box .title-box span{font-size: 36px;color: #333333;}
.section_2 .centent-box .title-box p{position: relative;font-size: 16px;color: #808080;padding-bottom: 25px;}
.section_2 .centent-box .title-box p:before{position: absolute;content: '';width: 60px;height: 1px;background: #bfbfbf;left: 50%;margin-left: -30px;bottom: 0;}
.section_2 .centent-box .info-box{height: 620px;padding: 30px 0;box-sizing: border-box;}
.section_2 .centent-box .info-box .txt-box{float: left;width: 50%;padding-top:30px;padding-right: 30px;box-sizing: border-box;padding-left: 40px;transform: translateX(-100px);opacity: 0;transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;}
.section_2 .centent-box .info-box .txt-box h4{font-weight: 400;font-size: 26px;color: #333333;margin-bottom:35px;}
.section_2 .centent-box .info-box .txt-box h3{font-family: "AVANTGARDEGOTHIC-DTC";font-weight: 400;font-size: 36px;color: #333333;margin-bottom:15px; position:relative;}
.section_2 .centent-box .info-box .txt-box h3:before{ content:'';background: url(../images/index-tit.png);width: 156px;height:20px; position:absolute; left:-107px; top:50%; margin-top:-5px;}
.section_2 .centent-box .info-box .txt-box p{font-size: 15px;color: #333333;line-height: 32px;}
.section_2 .centent-box .info-box .video-box{float: right;width: 45%;height: 450px;transform: translateX(100px);opacity: 0;transition: transform 0.7s 0.6s, opacity 0.4s 0.6s; position:relative;}
.section_2 .centent-box .info-box .video-box .video-js{width: 100%;height: 100%;}
.section_2 .centent-box .info-box .video-box .vjs-poster{background-size: cover;}
.section_2 .centent-box .info-box .video-box .video-js .vjs-big-play-button{background: url(../images/icon_1.png);width: 72px;height: 72px;border: none;margin-top: -36px;margin-left: -36px;}

.section_2 .centent-box .info-box .video-box .text{font-weight: bold;font-size:18px;color: #333333;margin-top:15px;font-family: "Arial";}
.section_2 .centent-box .info-box .video-box .line{width:60px;height: 4px;background: #0061cf;position: absolute;right: 0;transform: translateX(50%);top: 85%;}

.section_2.active .centent-box .title-box{opacity: 1;transform: translateY(0%);}
.section_2.active .centent-box .info-box .txt-box{transform: translateX(0%);opacity: 1;}
.section_2.active .centent-box .info-box .video-box{transform: translateX(0%);opacity: 1;}
.section_2 .centent-box .info-box .video-box .video-js .vjs-big-play-button{background-size:cover;}
@media screen and (max-width: 1530px){
  .section_2 .centent-box .info-box .txt-box{padding-left:40px;}
  .section_2 .centent-box .info-box{  height: 360px;}
  .section_2 .centent-box .info-box .txt-box{  width:50%;  padding-right:40px;  padding-left: 40px;  box-sizing: border-box;  padding-top: 0;}
  .section_2 .centent-box .info-box .video-box{  width:45%;  height: 300px;}
  .section_2 .centent-box .info-box .txt-box h3{  margin-bottom: 15px;}
  
  .section_2 .centent-box .info-box{height: 480px;}
  .section_2 .centent-box .info-box .video-box{height: 420px;}
  
  .section_2 .centent-box .info-box .txt-box h4{font-size: 20px;margin-bottom:25px; }
  .section_2 .centent-box .info-box .txt-box h3{font-size: 36px;margin-bottom:5px;}
  
  
}
@media screen and (min-width: 1440px) and (max-width: 1600px){
.section_2 .centent-box{  padding-top: 60px;}
}
@media screen and (max-width: 1220px){
.section_2 .centent-box .info-box .txt-box h3{font-size: 30px;}
.section_2 .centent-box .info-box .txt-box h4{font-size: 18px;margin-bottom: 20px;}
}
@media screen and (max-width: 1024px){
.section_2 .centent-box{padding-top: 0;}
.section_2 .centent-box .info-box{  height:auto;}
.section_2 .centent-box .info-box .video-box{  height: 420px;}
.section_2 .centent-box .info-box .txt-box{  padding-top: 40px;}
.section_2 .centent-box .info-box .txt-box{padding-left: 0;padding-right:0;box-sizing: border-box;width: 100%;float: none;margin-bottom: 44px;}
.section_2 .centent-box .info-box .video-box{width: 100%;float: none;padding-top:0;position: relative;padding-bottom: 100px;}
.section_2 .centent-box .title-box{opacity: 1;transform: translateY(0%);}
.section_2 .centent-box .info-box .txt-box{transform: translateX(0%);opacity: 1;}
.section_2 .centent-box .info-box .video-box{transform: translateX(0%);opacity: 1;}
.section_2 .centent-box .info-box .video-box .line{top: 75%;}
.section_2 .centent-box .info-box .txt-box h3{font-size: 28px;}
.section_2 .centent-box .info-box .txt-box h4{font-size: 18px;margin-bottom: 15px;}
.section_2 .centent-box .info-box .txt-box p{font-size: 14px;line-height: 30px;}
.section_2 .centent-box .info-box .video-box .text{font-size:16px;}
} 
@media screen and (max-width:768px){
.section_2 .centent-box .info-box .video-box{ height:54.6875vw;padding-bottom: 50px;}	
.section_2 .centent-box .info-box .txt-box h3{font-size: 26px;}
.section_2 .centent-box .info-box .txt-box h4{font-size: 16px;margin-bottom: 10px;}
}  
 
 
 
 
/*section_3*/
.section_3{background-position:center top; background-size:cover; background-repeat:no-repeat; overflow:hidden;}
.section_3 .section-title{position: absolute;z-index: 9999;top: 150px;left: 0;right: 0;text-align: center;transform: translateY(-200px);opacity: 0;transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;}
.section_3 .section-title span{font-size: 30px;color: #fff;}
.section_3 .section-title p{position: relative;margin-top: 8px;font-size: 16px;color: #bfbfbf;padding-bottom: 30px;}
.section_3 .section-title p:before{position: absolute;content: '';width: 60px;height: 1px;background: #bfbfbf;bottom: 0;left: 50%;margin-left: -30px;}
.section_3 .swiper-pagination-bullet{width: 30px;height: 10px;border-radius: 8px;}
.section_3 .swiper-pagination-bullet-active{width: 10px;height: 10px;border-radius: 100%;opacity: 1;background: #fff;}
.section_3 .item-box{position: relative;height: 100vh;background-size: cover;background-position: 50%;overflow: hidden;}
.section_3 .item-box:after{position: absolute;content: '';top: 0;bottom: 0;left: 0;right: 0;background: #000;opacity: .4;transition: all ease .8s; z-index:1;}
.section_3 .item-box:before{position: absolute;content: '';top: 0;bottom: 0;left: 0;right: 0;background: #fff;opacity: 0;transition: all ease .8s; z-index:2;}
.section_3 .item-box .info-box{position: absolute;top: 50%;left: 50%;text-align: center;margin-left: -132.5px;margin-top: -102.5px;width:265px;height:265px;padding-top: 100px;box-sizing: border-box;background: url(../images/index-protit.png) no-repeat;transform: translateY(200px);opacity: 0;transition: transform 0.7s 0.3s, opacity 0.4s 0.3s; z-index:3;}
.section_3 .item-box .info-box span{font-size:36px;color: #ffffff;}
.section_3 .item-box .info-box p{font-size: 14px;color: #fff;margin-top: 2px;}
.section_3 .item-box .msg-box{opacity: 0;position: absolute;left: 0;top: 140px;bottom: 0;right: 0;overflow: hidden;z-index: 9;}
.section_3 .item-box .msg-box .img-box{transform: translateY(-100px);transition: all .5s;width: 360px;height: 400px;background: url(../images/index-pro1.jpg) center center no-repeat;background-size: cover;background-position: 50%;margin: 0 auto;}
.section_3 .item-box .msg-box .img-box .rev{position: relative;z-index: 2;}
.section_3 .item-box .msg-box .txt-box{transform: translateY(100px);transition: all .5s;text-align: center;margin-top: 30px;color: #464646;}
.section_3 .item-box .msg-box .txt-box .title span{font-size: 20px;color: #0061cf;}
.section_3 .item-box .msg-box .txt-box .title p{font-size: 14px;color: #a0a0a0;}
.section_3 .item-box .msg-box .txt-box .txt_1{margin-top: 15px;margin-bottom: 15px;font-size:14px;padding-left:115px;padding-right:115px;line-height:24px; height:96px; overflow:hidden;}
.section_3 .item-box .msg-box .txt-box .index_more{margin: 0 auto;margin-top: 30px;}
.section_3 .item-box:hover:before{opacity: 1;}
.section_3 .item-box:hover .info-box{display: none;}
.section_3 .item-box:hover .msg-box{opacity: 1;}
.section_3 .item-box:hover .msg-box .img-box{transform: translateY(0px);}
.section_3 .item-box:hover .msg-box .txt-box{transform: translateY(0px);}
.section_3.active .section-title{opacity: 1;transform: translateY(0%);}
.section_3.active .item-box .info-box{opacity: 1;transform: translateY(0%);}
@media screen and (max-width: 1530px){
  .section_3 .item-box:hover .msg-box .img-box{  height: 300px;}
} 
@media screen and (max-width:1220px) {
  .section_3 .item-box:hover .msg-box .img-box{ width:180px;height: 220px;}
}
@media screen and (max-width:1024px) {
.section_3  .section-title{opacity: 1;transform: translateY(0%);}
.section_3  .item-box .info-box{opacity: 1;transform: translateY(0%);}


.section_3 .item-box{position: relative;height:auto;background:#fff!important; padding:50px 0;}

.section_3 .item-box:before{opacity: 1; display:none;}
.section_3 .item-box:after{ display:none;}
.section_3 .item-box .info-box{display: none;}
.section_3 .item-box .msg-box{opacity: 1;}
.section_3 .item-box .msg-box .img-box{transform: translateY(0px);}
.section_3 .item-box .msg-box .txt-box{transform: translateY(0px);}

.section_3 .item-box .msg-box{opacity: 1;position: relative;top: 0; z-index:1;}
.section_3 .item-box .msg-box .txt-box .txt_1{padding-left:30px;padding-right:35px}

}
@media screen and (max-width:640px) {
.section_3 .item-box .msg-box .img-box{width: 56.25vw;height:62.5vw;}
	
}
 
.section_3 .swiper-slide{ width:33.33333%!important;}
.section_3 .swiper-button-next{right:-30px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");transform: translateX(-50px);opacity: 1;transition: transform 0.7s 0.9s, opacity 0.4s 0.9s;}
.section_3 .swiper-button-prev{left: -30px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");transform: translateX(50px);opacity: 1;transition: transform 0.7s 0.9s, opacity 0.4s 0.9s;}
.section_3 .swiper-button-next,
.section_3 .swiper-button-prev{width: 50px;height: 50px;background-position: center center;background-size: 15px auto;border-radius: 100%;box-sizing: border-box; display:none!important}
.section_3 .swiper-button-next:hover,
.section_3 .swiper-button-prev:hover{background-color: #9f5720;}
.section_3 .swiper-button-next:hover{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.section_3 .swiper-button-prev:hover{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.section_3 .swiper-pagination{ display:none!important}
@media screen and (max-width:1024px) {
 
.section_3 .swiper-slide{ width:100%!important;}

}
 
 
 
/* section_4*/
.section_4{background-position:center top; background-size:cover; background-repeat:no-repeat; overflow:hidden;}
.section_4{background: #f1f1f1;}
.section_4 .w1400{margin: 0 auto;}
.section_4 .title-box{text-align: center;margin-bottom: 50px;transform: translateY(-200px);opacity: 0;transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;}
.section_4 .title-box span{font-size: 36px;color: #000000;font-family: "AVANTGARDEGOTHIC-DTC";}
.section_4 .title-box p{position: relative;font-size: 26px;color: #000000;padding-bottom: 25px;}
.section_4 .centent-box{/*padding-left: 160px;padding-right: 160px;*/transform: translateY(200px);opacity: 0;transition: transform 0.7s 0.6s, opacity 0.4s 0.6s; margin: auto;}
.section_4 .centent-box .item-box{width: 100%; height:100%;}
.section_4 .centent-box a{display:block;padding:24px;width: 312px;height: 462px;background: url(../images/index-honorbg2.jpg) center center no-repeat;background-size: cover;position:relative;}
.section_4 .centent-box .item-box .img-box{height:100%;width: 100%;background-size:100%;background-position: center; }
.section_4 .centent-box .item-box .img-box img{ width:100%; height:100%;}
.section_4 .centent-box .item-box .txt-box{opacity: 0;position: absolute;left: 0;top:0;bottom: 0;right: 0;background: rgba(159, 87, 32, 0.9);text-align: center;box-sizing: border-box;color: #fff;}
.section_4 .centent-box .item-box .txt-box span{display: block;font-size: 24px;transition: all .3s;transform: translateY(-50%);position: absolute;left: 0;top:50%;right: 0;}
.section_4 .centent-box .item-box .txt-box p{font-size: 16px;color: #bfbfbf;transition: all .3s;transform: translateY(30px);}
.section_4 .centent-box .item-box:Hover .txt-box{opacity: 1;}
.section_4 .centent-box .item-box:Hover .txt-box span,
.section_4 .centent-box .item-box:Hover .txt-box p{transform: translateY(0px);}
.section_4 .centent-box .swiper-pagination{position: static;margin-top: 30px;}
.section_4 .centent-box .swiper-pagination-bullet{width: 30px;height: 10px;border-radius: 8px;}
.section_4 .centent-box .swiper-pagination-bullet-active{width: 10px;height: 10px;border-radius: 100%;opacity: 1;background: #333;}
.section_4.active .title-box{opacity: 1;transform: translateY(0%);}
.section_4.active .centent-box{opacity: 1;transform: translateY(0%);}

.section_4 .title-box p{padding-top:15px;}
.section_4 .centent-box .item-box .txt-box{opacity: 0; transition: all .5s;background:#fff;border:4px solid #efefef;}
.section_4 .centent-box .item-box:Hover .txt-box{ transition: all .5s;opacity: 1;}
.section_4 .centent-box .item-box .txt-box span{color: #000000;}
.section_4 .centent-box .item-box .txt-box p{color: #808080;}
@media screen and (max-width: 1530px){
 .section_4 .title-box{ margin-bottom:30px;}
 .section_4 .centent-box a{padding:20px;width:245px;height: 360px;}
 .section_4 .centent-box .item-box .txt-box span{font-size: 20px;}
}
@media screen and (max-width:1220px) {
.section_4 .title-box span{font-size: 30px;}
.section_4 .title-box p{font-size: 20px;padding-bottom: 20px;padding-top:10px;}
}
@media screen and (max-width:1024px) {
.section_4{padding-top: 50px;padding-bottom: 50px;}
.section_4  .title-box{opacity: 1;transform: translateY(0%);}
.section_4  .centent-box{opacity: 1;transform: translateY(0%);}
.section_4 .title-box span{font-size: 28px;}
.section_4 .title-box p{font-size: 18px;padding-bottom: 15px;padding-top:5px;}
.section_4 .centent-box .item-box .txt-box span{font-size: 18px;}
} 
@media screen and (max-width:768px){
.section_4 .title-box span{font-size: 26px;}
.section_4 .title-box p{font-size: 16px;padding-bottom: 10px;padding-top:0px;}
.section_4 .centent-box .item-box .txt-box span{font-size: 16px;}
}  

.section_4  .swiper-slide {
      text-align: center;
      font-size:0;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
.section_4 .swiper-slide-active,.section_4 .swiper-slide-duplicate-active{transform: scale(1);} 
.section_4 .arrow-btn{ position:relative; height:60px; margin-top:30px;z-index: 99999;}
.section_4 .arrow-btn .swiper-button-next{right:50%;background: url(../images/arrow0.png) left center no-repeat;transform: translateX(-20px);opacity: 1;transition: transform 0.7s 0.9s, opacity 0.4s 0.9s; outline:none;}
.section_4 .arrow-btn .swiper-button-prev{left:50%;background: url(../images/arrow1.png) right center no-repeat;transform: translateX(20px);opacity: 1;transition: transform 0.7s 0.9s, opacity 0.4s 0.9s; outline:none;}
@media screen and (max-width:1024px){
.section_4 .arrow-btn .swiper-button-next,
.section_4 .arrow-btn .swiper-button-prev{background-size:13px;transform: translateX(0);}
}  

 
 
/*section_5*/
.section_5{background-position:center top; background-size:cover; background-repeat:no-repeat; overflow:hidden;}
.section_5{background: #efefef;padding-top: 70px;}
.section_5 .title-box{margin-bottom: 20px;transform: translateY(-200px);opacity: 0;transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;}
.section_5 .title-box h4{font-weight: 400;font-size: 26px;color: #fff;margin-bottom:35px; }
.section_5 .title-box h3{font-family: "AVANTGARDEGOTHIC-DTC";font-weight: 400;font-size: 36px;color: #fff;margin-bottom:15px; position:relative;}
.section_5 .title-box h3:before{ content:'';background: url(../images/index-tit.png);width: 156px;height:20px; position:absolute; left:-107px; top:50%; margin-top:-5px;}
.section_5 .w1400{ position:relative; margin: 0 auto;}
.section_5 .centent-box{margin: 0 auto;transform: translateY(200px);opacity: 0;transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;}
.section_5 .centent-box .swiper-slide{padding-top: 20px;padding-bottom: 20px;}
.section_5 .centent-box .swiper-pagination{position: static;}
.section_5 .centent-box .swiper-pagination-bullet{width: 30px;height: 10px;border-radius: 8px;}
.section_5 .centent-box .swiper-pagination-bullet-active{width: 10px;height: 10px;border-radius: 100%;opacity: 1;background: #333;}
.section_5 .centent-box .item-box a{ display:block;padding-bottom:40px; position:relative;}
.section_5 .centent-box .item-box .img-box{width: 94%;height: 280px; overflow:hidden;background-size: cover;background-position: 50%; margin:0 auto; z-index:2; position:relative;}
.section_5 .centent-box .item-box .img-box img{ display:none;}
.section_5 .centent-box .item-box .txt-box{padding-left: 45px;overflow:hidden;padding-right: 45px;padding-top:50px;/*height: 236px;*/box-sizing: border-box; background:#1b479c; position:relative; margin-top:-10px;}
.section_5 .centent-box .item-box a:before{ content:'';background: url(../images/index-newsbg.png) center bottom no-repeat;width: 100%;height:100%; position:absolute; left:0; bottom:-40px;}
.section_5 .centent-box .item-box .txt-box .title{font-size:20px;color: #fff;margin-bottom: 20px;line-height:30px;/* height:30px;*/display: block;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/}
.section_5 .centent-box .item-box .txt-box .wz{font-size: 12px;color: #fff;line-height:26px; height:78px; overflow:hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 20px;}
.section_5 .centent-box .item-box:hover .txt-box{background:#007cc2;}
.section_5.active .title-box{opacity: 1;transform: translateY(0%);}
.section_5.active .centent-box{opacity: 1;transform: translateY(0%);}
/**/
.section_5 .arrow-btn2{ position:absolute; top:0; right:0; z-index:999; width:100px; height:60px;}
.section_5 .swiper-button-next{right:60px;background: url(../images/arrow3.png) left center no-repeat;opacity: 1;transition: transform 0.7s 0.9s, opacity 0.4s 0.9s; outline:none;}
.section_5 .swiper-button-prev{left: auto;right:20px;background: url(../images/arrow4.png) right center no-repeat;opacity: 1;transition: transform 0.7s 0.9s, opacity 0.4s 0.9s; outline:none;} 
@media screen and (max-width: 1530px){
.section_5 .centent-box .item-box .txt-box{padding-top:20px;/*height: 190px;*/}
.section_5 .centent-box .item-box .txt-box .title{margin-bottom: 10px;}
.section_5 .centent-box .item-box .img-box{height:260px;}
.section_5 .title-box h4{font-size: 20px;margin-bottom:25px; }
.section_5 .title-box h3{font-size: 36px;margin-bottom:5px;}
}
@media screen and (max-width: 1220px){
.section_5 .title-box h3{font-size: 30px;}
.section_5 .title-box h4{font-size: 18px;margin-bottom: 20px;}	
}
@media screen and (max-width:1024px) {
.section_5 .title-box{opacity: 1;transform: translateY(0%);}
.section_5 .centent-box{opacity: 1;transform: translateY(0%);}
.section_5 .title-box h3{font-size: 28px;}
.section_5 .title-box h4{font-size: 18px;margin-bottom: 15px;}
.section_5 .arrow-btn2{width:60px;}
.section_5 .swiper-button-next{right:30px;background-size:13px;}
.section_5 .swiper-button-prev{right:0;background-size:13px;} 
.section_5 .centent-box .item-box .txt-box .title{font-size:18px;}
} 
@media screen and (max-width:768px){
.section_5 .title-box h3{font-size: 26px;}
.section_5 .title-box h4{font-size: 16px;margin-bottom: 10px;}
.section_5 .centent-box .item-box .txt-box{padding-left: 20px;padding-right: 20px;}
.section_5 .centent-box .item-box .img-box{height:33.85vw;}
.section_5 .centent-box .item-box .txt-box .title{font-size:16px;}
}  
@media screen and (max-width:640px){
.section_5 .centent-box .item-box .txt-box:before{background-size:68.75vw;bottom:-6.25vw;}
.section_5 .centent-box .item-box .img-box{height:46vw;}
}

 
 
 
 
 
@-webkit-keyframes criss-cross-left{0%{  left: -20px;}
  50%{  left: 50%;  width: 20px;  height: 20px;}
  100%{  left: 50%;  width: 375px;  height: 375px;}}
@keyframes criss-cross-left{0%{  left: -20px;}
  50%{  left: 50%;  width: 20px;  height: 20px;}
  100%{  left: 50%;  width: 375px;  height: 375px;}}
@-webkit-keyframes criss-cross-right{0%{  right: -20px;}
  50%{  right: 50%;  width: 20px;  height: 20px;}
  100%{  right: 50%;  width: 375px;  height: 375px;}}
@keyframes criss-cross-right{0%{  right: -20px;}
  50%{  right: 50%;  width: 20px;  height: 20px;}
  100%{  right: 50%;  width: 375px;  height: 375px;}}
 
 
 
 
 
 
 
 
 /*footer*/
.section_6  {position: relative; overflow: hidden;/*float: left;*/width: 100%;display: block;}
.section_6 .fp-tableCell{display: block!important;}






/*Ê×Ò³Ô²µãÇл»*/
#menu{position: fixed;right: 30px;top: 50%;list-style-type: none;z-index: 70;transition: all .3s;-ms-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);}
#menu li{display: block;width: 10px;height: 10px;margin: 18px 0;position: relative;}
#menu li a{display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#menu li a span{position: absolute;z-index: 1;border: 0;top: 50%;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;width: 15px;height: 15px;left: 2px;border:1px solid transparent}
#menu li a span:after{position: absolute;content: '';top: 50%;left: 0;right: 0;margin: 0 auto;text-align: center;z-index: -1;background: #ffffff;height: 5px;width: 5px;margin-top: -3.5px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}
#menu li.active span, #menu li:hover span{border-color:#fff;}

.fp-viewing-page2 #menu li a span:after{background:#acacac;}
.fp-viewing-page2 #menu li.active span, .fp-viewing-page2 #menu li:hover span{border-color:#acacac;}
.fp-viewing-page4 #menu li a span:after{background:#acacac;}
.fp-viewing-page4 #menu li.active span, .fp-viewing-page4 #menu li:hover span{border-color:#acacac;}
.fp-viewing-page6 #menu li a span:after{background:#acacac;}
.fp-viewing-page6 #menu li.active span, .fp-viewing-page6 #menu li:hover span{border-color:#acacac;}
@media screen and (max-width:1024px){
#menu{ display:none;}		
}
  
  
body{ padding-top:0!important}
@media screen and (max-width:768px){
body{ padding-top:80px!important}	
}

/*video*/
.v-box{height:420px; width:100%;}
.video-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;display: none;z-index: 1000000;}
.video-mask .video-wrap{width: 1000px;height: 600px;position: absolute;left: 50%;margin-left: -500px;top: 50%;margin-top: -300px;}
.video-mask .video-wrap .closevideo{width: 44px;height: 44px;position: absolute;right: -30px;top: -30px;}
.video-mask .video-wrap .closevideo img{ max-width:100%;}
.video-mask .video-wrap video{width: 100%;height: 100%;}
@media screen and (max-width:1024px){
.v-box{ background-size:cover!important;    background-position: 50% 50%!important;}	
.video-mask .video-wrap{width:95%;height:auto;left:0; right:0;margin:0 auto;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.video-mask .video-wrap .closevideo{width: 30px;height: 30px;position: absolute;right:0; top: -80px;}
}
@media screen and (max-width:768px){
.v-box{height:54.6875vw;}	
}