@charset 'utf-8';
html,
body {
  height: 100%;
}
body{
  position: relative;
  overflow-y: hidden;
}
header{
  z-index: 10;
}
.clear:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clear { *zoom:1; }
.full-height{
  height: 100%;
}
.relative{
  position: relative;
}
.absolute{
  position: absolute;
}

.swiper-mask,
.swiper-1{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.swiper-mask{
  z-index: 2;
  display: none;
}
.p1-banner{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.p1-banner:before{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background:  url(img/p1-banner.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: 10s;
  -o-transition: 10s;
  transition: 10s;
}
.about-us-banner:before{
  background-image: url(img/about-us-banner.jpg);
}
.p3-banner:before{
  background-image: url(img/p3-banner.jpg);
}
.p1-banner.animated:before{
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.p1-banner-text{
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p1-banner-title{
  font-size: 76px;
}
.p1-banner-info > span,
.p1-banner-title > span{
  font-family: 'PingFang SC Light', 'Microsoft YaHei';
  color: #fff;
  display: inline-block;
  opacity: 0;
}

.p1-banner-info{
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.p1-banner-info > span{
  width: 30px;
  height: 80px;
  background-image: url(img/p1-banner-info.png);
  background-repeat: no-repeat;
}

.p1-banner-sub{
  font-size: 20px;
  line-height: 100px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1200px;
  margin: 0 auto;
  background: #033e99;
  text-align: left;
  text-indent: 40px;
  color: #fff;
}

.p1-banner-sub:after{
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  width: 36px;
  height: 50px;
  margin: auto;
  content: '';
  background: url(img/shubiao.gif) 50% 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.p1-s{
  background: #fff;
}
.p1-s-text{
  font-size: 100px;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 48%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}


.p1-s1-text{
  /*height: 184px;*/
}

.p1-s-title{
  font-size: .32em;
  font-family: 'PingFang SC Light', 'Microsoft YaHei';
}

.p1-s-title > span{
  color: #7171e2;
}

.p1-s-info{
  font-size: .2em;
  margin: 24px 0 16px;
}
.p1-s-list{
  font-size: 0;
  float: left;
  width: 150px;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  border-radius: 5px;
  background: #f5f5f5;
  margin-right: 10px;
}

.p1-s3-list-1{width: 100px;}
.p1-s3-list-2{width: 130px;}
.p1-s3-list-3{width: 120px;}
.p1-s3-list-4{width: 140px;}


.p1-s-list>span{
  font-size: 14px;
  line-height: 20px;
  color: #666;
  display: inline-block;
  vertical-align: middle;
}

.p1-s1:before,
.p1-s1:after,
.p1-s2:before,
.p1-s2:after,
.p1-s3:before,
.p1-s3:after{
  position: absolute;
  top: 50%;
  font-size: 120px;
}

.p1-s1:before,
.p1-s1:after,
.p1-s2:before,
.p1-s2:after,
.p1-s3:before,
.p1-s3:after,
.p1-s-subtitle{
  left: 3%;
}

.p1-s1:before,
.p1-s2:before,
.p1-s3:before{
  font-weight: bold;
  line-height: 1;
  margin-top: -.5em;
  color: #eee;
}

.p1-s1:before{
  content: '01';
}
.p1-s2:before{
  content: '02';
}
.p1-s3:before{
  content: '03';
}

.p1-s1:after,
.p1-s2:after,
.p1-s3:after{
  content: '';
  width: 50px;
  height: 1px;
  background: #333;
  margin-left: 1.4em;
}
.p1-s-subtitle{
  font-size: 0;
  line-height: 0;
  color: transparent;
  position: absolute;
  bottom: 40px;
  width: 151px;
  height: 33px;
  background:  url(img/p1-s-subtitle.png) 0 0 no-repeat;
}
.p1-s-bg{
  position: absolute;
  left: 50%;
  margin-top: auto;
  margin-bottom: auto;
  background-position: 0 50%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.p1-s1-bg{
  top: 33%;
  bottom: 25.06%;
  width: 493px;
  max-height: 453px;
  margin-left: 50px;
  background-image: url(img/p1-s1-bg.png);
}

.p1-s2-bg{
  top: 36%;
  bottom: 31.48%;
  max-height: 340px;
  margin-left: 50px;
}
.swiper-2-1{
  position: absolute;
  top: 24.12%;
  /*right: 1.8%;*/
  right: 11.75%;
  bottom: 9.41%;
  left: 6.34%;
}
.swiper-2-1-slide:before,
.swiper-2-1-slide:after{
  position: absolute;
  top: 0;
  /*right: 0;*/
  bottom: 0;
  left: 0;
  width: 112%;
  content: '';
  background-repeat: no-repeat;
  background-position: 0 100%;
  -webkit-background-size: contain;
  background-size: contain;
}
.swiper-2-1-slide:before{
  height: 100%;
  -webkit-transform: translateX(-2.94%);
  -ms-transform: translateX(-2.94%);
  -o-transform: translateX(-2.94%);
  transform: translateX(-2.94%);
  -webkit-transition: .5s .3s;
  -o-transition: .5s .3s;
  transition: .5s .3s;
}
.swiper-slide-active.swiper-2-1-slide:before{
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.swiper-2-1-slide-1:before{background-image: url(img/p1-s2-1-s.png);}
.swiper-2-1-slide-1:after{background-image: url(img/p1-s2-1.png);}
.swiper-2-1-slide-2:before{background-image: url(img/p1-s2-2-s.png);}
.swiper-2-1-slide-2:after{background-image: url(img/p1-s2-2.png);}
.swiper-2-1-slide-3:before{background-image: url(img/p1-s2-3-s.png);}
.swiper-2-1-slide-3:after{background-image: url(img/p1-s2-3.png);}
.swiper-2-2{
  position: absolute;
  top: 9.41%;
  right: 54.65%;
  bottom: 85.29%;
  left: 20.5%;
}
.swiper-2-2-slide{
  background-repeat: no-repeat;
  background-position: 0 100%;
  -webkit-background-size: contain;
  background-size: contain;
}
.p1-s3-bg{
  top: 31.48%;
  bottom: 20.37%;
  width: 410px;
  max-height: 520px;
  margin-left: 50px;
  background-image: url(img/p1-s3-bg.png);
}
.swiper-2-2-slide{background-color: #fff;}
.swiper-2-2-slide-1{background-image: url(img/p1-s2-n-1.png);}
.swiper-2-2-slide-2{background-image: url(img/p1-s2-n-2.png);}
.swiper-2-2-slide-3{background-image: url(img/p1-s2-n-3.png);}

.p1-s2-num-wrap{
  font-size: 0;
  position: absolute;
  top: 51px;
  right: 54px;
}
.p1-s2-num{
  display: inline-block;
  width: 11px;
  height: 18px;
  -webkit-transition: background-position .3s;
  -o-transition: background-position .3s;
  transition: background-position .3s;
  background-image: url(img/numbers.png);
  background-repeat: no-repeat;
}

.p1-s2-num-0{background-position: 0 0px;}
.p1-s2-num-0.active{background-position: 100% 0px;}
.p1-s2-num-1{background-position: 0 -18px;}
.p1-s2-num-1.active{background-position: 100% -18px;}
.p1-s2-num-2{background-position: 0 -36px;}
.p1-s2-num-2.active{background-position: 100% -36px;}
.p1-s2-num-3{background-position: 0 -54px;}
.p1-s2-num-3.active{background-position: 100% -54px;}
.p1-s2-num-4{background-position: 0 -72px;}
.p1-s2-num-4.active{background-position: 100% -72px;}
.p1-s2-num-5{background-position: 0 -90px;}
.p1-s2-num-5.active{background-position: 100% -90px;}
.p1-s2-num-6{background-position: 0 -108px;}
.p1-s2-num-6.active{background-position: 100% -108px;}
.p1-s2-num-7{background-position: 0 -126px;}
.p1-s2-num-7.active{background-position: 100% -126px;}
.p1-s2-num-8{background-position: 0 -144px;}
.p1-s2-num-8.active{background-position: 100% -144px;}
.p1-s2-num-9{background-position: 0 -162px;}
.p1-s2-num-9.active{background-position: 100% -162px;}
.p1-s2-num-dot{width: 5px;background-position: 0 -180px;}
.p1-s2-num-dot.active{background-position: 100% -180px;}

.p1-s4-text{
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
.p1-s4-list{
  display: inline-block;
}
.p1-s4-list + .p1-s4-list{
  margin-left: 100px;
}
.p1-s4-title{
  position: relative;
}
.p1-s4-title > b{
  font-size: 120px;
  line-height: 1;
  color: #033e99;
}

.p1-s4-title > span{
  font-size: 40px;
  line-height: 1;
  font-weight: 100;
  letter-spacing: 1em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 7em;
  height: 40px;
  margin: auto;
  margin-left: -3em;
  text-align: center;
  color: #cfb98d;
}
.p1-s4-info{
  margin-top: 40px;
}
.p1-s4-info>p{
  font-size: 14px;
  text-align: left;
  color: #999;
}
.p1-s4-btn{
  font-size: 14px;
  line-height: 38px;
  margin-top: 140px;
  display: inline-block;
  width: 500px;
  height: 40px;
  color: #cfb98d;
  border: 1px solid #cfb98d;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 10px #f5f1e8;
  box-shadow: 0 10px #f5f1e8;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.p1-s4-btn:hover{
  background-color: #cfb98d;
  color: #fff;
}

.p1-s-pointer{
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: 67px;
  bottom: 40px;
  width: 40px;
  height: 54px;
  opacity: .7;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: transparent;
  background: url(img/shubiao-light.gif) 50% 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.p1-s-pointer:hover{
  opacity: 1;
}

.swiper-pagination{
  right: 80px !important;
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:first-child{
  display: none;
}
.swiper-pagination-bullet-active{
  background: #033e99;
}

.foot{
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-bottom: -100%;
}

.p2-banner{
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;/*
  background: #033e99;
  background-image: linear-gradient(to right, #033e99, #4937a3);*/
  background: url(img/p3-banner-11.jpg) center no-repeat;
}

.p2-banner:before,
.p2-banner:after{
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
/*.p2-banner:before{
  background:  url(img/dollar.png) 50% 50%;
}
.p2-banner:after{
  background:  url(img/dollar-big.png) 50% 50% no-repeat;
}*/

.p2-banner-sub{
  z-index: 2;
  color: #033e99;
  background: #fff;
}

.p2-banner-sub:after{
  background-image: url(img/shubiao-light.gif);
}

.p2-banner-text{
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p2-banner-title,
.p2-banner-info{
  font-size: 0;
}
.p2-banner-title > span{
  font-size: 76px;
  line-height: 1;
}
.p2-banner-info{margin-top: 18px;}
.p2-banner-info > span,
.p2-banner-title > span{
  font-family: 'PingFang SC Light', 'Microsoft YaHei';
  color: #fff;
  display: inline-block;
  opacity: 0;
}
.p2-banner-info > span{
  font-size: 24px;
  font-weight: 100;
}
.p2-banner-btn-wrap{
  font-size: 0;
  margin-top: 80px;
}
.p2-banner-btn{
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 0 23px 0 40px;
  background: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: #3d3da3;
  border-radius: 15px;
}
.p2-banner-btn + .p2-banner-btn{
  margin-left: 25px;
}
.p2-banner-btn:hover{

}
.p2-banner-btn:before{
  position: absolute;
  top: -6px;
  left: -6px;
  width: 38px;
  height: 42px;
  content: '';
  background:  url(img/p2-banner-btn.png) 50% 50% no-repeat;
}
.p2-s{
  background: #fff;
}
.p2-s-text{
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  left: 0;
}
.p2-s2-text{
  height: 770px;
  margin-top: -385px;
}
.p2-s-title{
  font-size: 64px;
  color: #033e99;
  text-align: center;
}

.p2-s-title{
  line-height: 1;
  position: absolute;
  top: 20.37%;
  right: 0;
  left: 0;
}

.p2-s-info{
  font-size: 14px;
  text-align: center;
}
.p2-s-info{
  position: absolute;
  top: 31%;
  right: 0;
  left: 0;
}
.p2-s1-list-wrap{
  font-size: 0;
  text-align: center;
  position: absolute;
  top: 39%;
  right: 0;
  left: 0;
}
.p2-s2-list-wrap{
  font-size: 0;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}
.p2-s1-list{
  font-size: 100px;
  position: relative;
  display: inline-block;
  width: 251px;
  padding: 10px;
}
.p2-s1-list + .p2-s1-list{
  margin-left: 30px;
}
.p2-s1-list-title{
  font-size: 0;
  line-height: 0;
  width: 251px;
  height: 340px;
  color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
/*.p2-s1-list,
.p2-s1-list-title{
  border: 1px solid #cdb587;
}*/
.p2-s1-list-title-1{
  background-image: url(img/p2-s1-bg1.jpg);
}

.p2-s1-list-title-2{
  background-image: url(img/p2-s1-bg2.jpg);
}
.p2-s1-list-title-3{
  background-image: url(img/p2-s1-bg3.jpg);
}
.p2-s1-list-title-4{
  background-image: url(img/p2-s1-bg4.jpg);
}
.p2-s1-text{
  font-size: 0;
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  padding-right: inherit;
  padding-left: inherit;
}
.p2-s1-text:after{
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.p2-s1-text > span{
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
}
.p2-s2:before{
  position: absolute;
  /*z-index: 1;*/
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background:  url(img/dollar.png) 50% 50%;
  pointer-events: none;
}
.p2-s2-list-wrap{
  font-size: 0;
  text-align: center;
}
.p2-s2-list{
  display: inline-block;
  height: 110px;
  padding-top: 20px;
  padding-left: 124px;
  background-position: 0 50%;
  background-repeat: no-repeat;
}
.p2-s2-list-1{
  width: 353px;
  background-image: url(img/p2-s2-bg1.png);
}

.p2-s2-list-2{
  width: 325px;
  background-image: url(img/p2-s2-bg2.png);
}
.p2-s2-list-3{
  width: 362px;
  background-image: url(img/p2-s2-bg3.png);
}
.p2-s2-list-4{
  background-image: url(img/p2-s2-bg4.png);
}
.p2-s2-list > p{
  font-size: 20px;
  line-height: 1.5;
  color: #666;
  text-align: left;
  white-space: nowrap;
}
.p2-s2-list > p + p{
  font-size: 16px;
}
.p2-s2-btn{
  font-size: 14px;
  line-height: 48px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 23%;
  left: 0;
  width: 300px;
  background: #033e99;
  border: 1px solid #033e99;
  color: #fff;
  margin: auto;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border-radius: 25px;
}

.p2-s2-btn:hover{
  background-color: #fff;
  color: #033e99;
}

.p2-s2-info{
  margin-top: 60px;
  margin-bottom: 130px;
}

.p2-s2-text{
  height: 425px;
  margin-top: -212px;
}

.p2-s3-text{
  position: absolute;
  z-index: 3;
  top: 30.56%;
  right: 14%;
  bottom: 11.57%;
  left: 14%;
  max-width: 1400px;
  padding: 15px 20px 20px 40px;
  margin: auto;
  border: 1px solid #eee;
}

.p2-s3-list-wrap{
  height: 100%;
  padding-right: 24px;
  overflow-y: auto;
}
.p2-s3-list-wrap::-webkit-scrollbar-thumb{
  background-color: #cab285;
}

.p2-s3-list{
  line-height: 1.5;
  padding: 15px 0 17px;
  border-bottom: 1px solid #eee;
}
.p2-s3-list-title{
  font-size: 20px;
}
.p2-s3-list-info{
  font-size: 14px;
  color: #666;
}
.swiper-3-slide{
  height: auto;
}

.about-us-title{
  font-size: 32px;
  color: #333;
}
.about-us-info{
  font-size: 16px;
  font-weight: 100;
  margin-top: 2em;
  color: #333;
    text-align: justify; line-height:2;
}

.about-us-s{
  padding: 0 5%;
  padding-top: 10%;
  background: #fff;
}
.about-us-s-1{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.about-us-s-1-video-wrap{
  position: relative;
  float: right;
  width: 40%;
  height:50%;
  max-height: 400px;
  flex-shrink: 0;
  margin-left: 60px;
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
  background:  url(img/about-us-s-1-video.jpg)  no-repeat;
background-size:auto 100%;
}
.about-us-s-1-video-wrap:before{
  position: absolute;
  top: -9rem;
  bottom: 0;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: auto;
  margin-left:-30px;
  content: '';
  background:  url(img/about-us-s-1-video-play1111111.png) 50% 50% no-repeat;
}
.about-us-s-1-video-title{
  font-size: 32px;
  color: #fff;
  margin: 165px 0 0 1em;
}
.about-us-s-1-video-subtitle{
  font-size: 16px;
  color: #fff;
  margin-top: .5em;
}
.about-us-s-1-video-en{
  font-size: 14px;
  color: rgba(255,255,255,0.5);
  margin-top: 100px;
  letter-spacing: 1em;
  white-space: nowrap;
}

.about-us-s-1-list-wrap{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  margin-top: 80px;
  /*flex-wrap: wrap;*/
}
.about-us-s-1-list > span,
.about-us-s-1-list > span{
  font-size: 14px;
  color: #999;
}
.about-us-s-1-list > p,
.about-us-s-1-list > p{
  font-size: 48px;
  color: #033e99;
}
.about-us-s-1-list-line{
  width: 1px;
  height: 70px;
  background: #ccc;
  margin-left: -1px;
}

.about-us-s-2{
   
}

.common_title1 .case-t {
    font-size: 32px;
    color: #333;
    font-weight: 200;
   text-align:center;
}
.common_title1 { margin-bottom:20px;}
.common_title1 .case-tt {
    font-size: 20px;
    color: #999;
    display: inline-block;
    font-weight: 200;
}

.common_title1 .more {
    background: url(img/more.png) left center no-repeat;
    padding-left: 20px;
    font-weight: 200;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    color: #999;
    display: block;
    margin-right: 20px;
    transition: 0.3s;
}

.common_title .more:hover {
    color: #333;
    padding-left: 25px;
}
.about-us-s-2-list-wrap{}
.about-us-s-2-list{
  font-size: 14px;
  line-height: 40px;
  float: left;
  padding: 0 20px;
  border-radius: 5px;
  margin: 20px 10px 0 0;
  white-space: nowrap;
  background: #f5f5f5;
}
.about-us-s-2-right{
   
 
 
  flex-shrink: 0;
}
.about-us-s-2-right-sub{
  font-size: 14px;
  color: #333;
  text-align: center;
}
.about-us-s-2-swiper{ padding-bottom:50px;
   
}
.about-us-s-2-swiper img{ width:100%; height:320px;}
.about-us-s-2-slide{
  width: 100%;
  background-position: 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.about-us-s-2-swiper .swiper-pagination-bullet {
  width: 30px;
  height: 6px;
  border-radius: 3px;
  background: #ccc;
  opacity: .7;
}
.about-us-s-2-swiper .swiper-pagination-bullet-active{
  background-color: #3a42a2;
  opacity: 1;
}

.about-us-s-3{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  background:  url(img/about-us-s-3.jpg) right top;
}

.about-us-s-3-text{
  width: 700px;
  height: 460px;
  padding: 60px 0 60px 70px;
  background: #fff;
  z-index: 7;
}
.about-us-s-3-title{
  font-size: 32px;
  color: #333;
}
.about-us-s-3-info{
  font-size: 20px;
  margin: 1em 0;
  color: #333;
}
.about-us-s-3-subtitle{
  font-size: 24px;
  margin: 2em 0 .5em;
}
.about-us-s-3-tel{
  font-size: 46px;
  color: #033e99;
}

.full-video-wrap{
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  opacity: 0;
  visibility: hidden;
  text-align: center;
}
.full-video-wrap.active{
  opacity: 1;
  visibility: visible;
}
.full-video-mask{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: .9;
}
.full-video-close{
  position: absolute;
  z-index: 2;
  top: 30px;
  right: 30px;
  width: 75px;
  height: 75px;
  background: #3a42a2;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.full-video-close:before,
.full-video-close:after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: '';
  background: #fff;
  border-radius: 3px;
}
.full-video-close:before{
  width: 50%;
  height: 6px;
}
.full-video-close:after{
  width: 6px;
  height: 50%;
}
.full-video {
    position: relative;
    z-index: 1;
    /* width: auto; */
    /* height: 100%; */
    width: 60%;
    top: 20%;
}

.p3-s{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.p3-s-video-wrap{
  width: 52%;
  flex-shrink: 0;
}
.p3-s-video{
  width: 90%;
  height: auto;
}
.p3-s-text{
  width: 35%;
  margin-left: 2.5%;
}
.p3-title{
  font-size: 24px;
  line-height: 5.83;
  position: relative;
  color: #033e99;
}
.p3-title:before{
  font-size: 120px;
  line-height: 1;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  height: 1em;
  margin: auto;
  color: #eee;
  font-weight: bold;
}
.p3-title-1:before{
  content: '01';
}
.p3-title-2:before{
  content: '02';
}
.p3-title-3:before{
  content: '03';
}
.p3-title-4:before{
  content: '04';
}
.p3-title-5:before{
  content: '05';
}
.p3-info{
  font-size: 14px;
  margin-top: 2em;
  color: #666;
  line-height: 32px;
}
.p3-s-5{
  background: #033e99;
}
.p3-s-5-text{
  position: absolute;
  right: 0;
  bottom: 50%;
  left: 0;
  text-align: center;
  margin-bottom: 210px;
}
.p3-s-5-text > p{
  font-size: 36px;
  color: #fff;
}
.p3-s-5-text > span{
  font-size: 16px;
  display: block;
  margin-top: 1em;
  color: #fff;
}
.p3-s-5-swiper{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  margin: auto;
}
.p3-s-5-slide{
  position: relative;
  width: 850px;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}
.swiper-slide-active.p3-s-5-slide{
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}
.p3-s-5-con{
  position: absolute;
  top: 0;
  right: 0;
  left: 350px;
  display: flex;
  bottom: 0;
  height: 100%;
  padding-top: 220px;
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.swiper-slide-active > .p3-s-5-con{
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
  opacity: 1;
  visibility: visible;
}
.p3-s-5-title,
.p3-s-5-info{
  color: #fff;
}

.p3-s-5-title{
  font-size: 24px;
}

.p3-s-5-info{
  font-size: 14px;
  line-height: 2;
  margin-top: 2em;
  width:80%;
}
.p3-s-5-slide-img{
  position: absolute;
  top: 0;
  bottom: -0px;
  left: 94px;
  width: 231px;
  height: 487px;
  margin: auto;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 50% 50%;
}
.p3-s-5-slide-img-1{
  background-image: url(img/p3-s-5-slide-1.png);
}
.p3-s-5-slide-img-2{
  background-image: url(img/p3-s-5-slide-2.png);
}
.p3-s-5-slide-img-3{
  background-image: url(img/p3-s-5-slide-3.png);
}
.p3-s-5-slide-img-4{
  background-image: url(img/p3-s-5-slide-4.png);
}
.p3-s-5-slide-img-5{
  background-image: url(img/p3-s-5-slide-5.png);
}

.p3-s-5-line{
  position: absolute;
  top: 220px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 850px;
  height: 300px;
  margin: auto;
  border: 2px solid #9d9b98;
}
.p3-s-5-line:after{
  position: absolute;
  top: -2px;
  left: 120px;
  width: 180px;
  height: 2px;
  content: '';
  background: #033e99;
  -webkit-box-shadow: 0 0 20px 40px #033e99;
  box-shadow: 0 0 20px 40px #033e99;
}
.p3-s-5-slide-next,
.p3-s-5-slide-prev{
  position: absolute;
  z-index: 3;
  top: 220px;
  bottom: 0;
  width: 30px;
  height: 40px;
  margin: auto 370px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.p3-s-5-slide-next{
  left: 50%;
  background-image: url(img/p3-s-5-slide-next.png);
}
.p3-s-5-slide-prev{
  right: 50%;
  background-image: url(img/p3-s-5-slide-prev.png);
}

@media only screen and (min-width: 1920px) {
  .p1-s-text{
    right: unset;
    right: auto;
    left: 50%;
    transform: translate(-100%, -50%);
  }
}

@media only screen and (max-width: 1440px) {
  .p1-banner-sub{
    width: 1100px;
  }
  .swiper-pagination{
    right: 60px !important;
  }
  .p1-s-text{
    font-size: 85px;
    right: 46%;
  }
  .p1-s1:before, .p1-s1:after, .p1-s2:before, .p1-s2:after, .p1-s3:before, .p1-s3:after{
    font-size: 100px;
    left: 2.5%;
  }
  .p1-s4-list + .p1-s4-list{
    margin-left: 85px;
  }
  .p1-s4-title > b{
    font-size: 100px;
  }
  .p1-s4-title > span{
    font-size: 34px;
  }
  .p1-s4-btn{
    margin-top: 110px;
  }
  .p1-s-bg{
    left: 51%;
  }


  .p2-s1-list{
    font-size: 80px;
  }

  .p2-s2-info{
    margin-top: 40px;
    margin-bottom: 110px;
  }
  .p2-s2-list{
    padding-top: 30px;
  }
  .p2-s2-list > p{
    font-size: 18px;
  }
  .p2-s2-list > p + p{
    font-size: 14px;
  }
  .p2-s2-list-1{
    width: 310px;
  }
  .p2-s2-list-2{
    width: 280px;
  }
  .p2-s2-list-3{
    width: 330px;
  }

  .p2-s3-text{
    right: 11%;
    left: 11%;
  }
}

@media only screen and (max-width: 1366px) {
  .p1-banner-sub{
    width: 1000px;
  }
  .swiper-pagination{
    right: 40px !important;
  }
  .p1-s-text{
    font-size: 80px;
    right: 44%;
  }
  .p1-s1:before, .p1-s1:after, .p1-s2:before, .p1-s2:after, .p1-s3:before, .p1-s3:after{
    font-size: 90px;
    left: 2.5%;
  }
  .p1-s4-list + .p1-s4-list{
    margin-left: 85px;
  }
  .p1-s4-list:nth-child(4) {
    margin-right: 40px;
  }
  .p1-s4-title > b{
    font-size: 90px;
  }
  .p1-s4-title > span{
    font-size: 34px;
  }
  .p1-s4-info>p{
    font-size: 13px;
  }
  .p1-s4-btn{
    margin-top: 90px;
  }
  .p1-s-bg{
    left: 53%;
  }


  .p2-s1-list{
    font-size: 70px;
  }

  .p2-s2-info{
    margin-top: 30px;
    margin-bottom: 90px;
  }
  .p2-s2-list{
    padding-top: 34px;
  }
  .p2-s2-list > p{
    font-size: 16px;
  }
  .p2-s2-list > p + p{
    font-size: 12px;
  }
  .p2-s2-list-1{
    width: 280px;
  }
  .p2-s2-list-2{
    width: 240px;
  }
  .p2-s2-list-3{
    width: 300px;
  }
}
@media only screen and (max-width: 1280px) {
  .p1-banner-sub{
    width: 900px;
  }
  .swiper-pagination{
    right: 20px !important;
  }
  .p1-s-text{
    font-size: 70px;
    right: 38%;
  }
  .p1-s1:before, .p1-s1:after, .p1-s2:before, .p1-s2:after, .p1-s3:before, .p1-s3:after{
    font-size: 70px;
    left: 2.5%;
  }
  .p1-s4-list + .p1-s4-list{
    margin-left: 75px;
  }
  .p1-s4-title > b{
    font-size: 90px;
  }
  .p1-s4-title > span{
    font-size: 34px;
  }
  .p1-s4-info>p{
    font-size: 13px;
  }
  .p1-s4-btn{
    margin-top: 70px;
  }
  .p1-s-bg{
    left: 58%;
  }


  .p2-s1-list{
    font-size: 70px;
  }
}
@media only screen and (max-width: 1100px) {
  .p1-s1:after, .p1-s2:after, .p1-s3:after{
    opacity: 0;
  }
}