@charset "UTF-8";


/************关于我们视频新增***************/
.layui-layer-content{
    overflow: hidden !important;
    background:#000;
}
/* 快速设置模板 */
.acon-box img,.acon-box video,.acon-box canvas {
    max-width: 100%;
    object-fit: cover
}

.acon-box .ovh {
    overflow: hidden
}

.acon-box .pos {
    position: relative
}

.acon-box .block {
    display: block
}

.acon-box .ts4 {
    transition: all .4s ease
}

.acon-box .ts6 {
    transition: all .6s ease
}

.acon-box .image {
    overflow: hidden;
    cursor: pointer
}

.acon-box .image img {
    transition: all .6s ease
}

.acon-box .image:hover img {
    transform: scale(1.04)
}

.acon-box .none {
    display: none !important
}

.acon-box .bgImage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.acon-box .flex {
    display: flex;
    flex-wrap: wrap
}

.acon-box .center {
    text-align: center
}

.acon-box .flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.acon-box .pc {
    display: block
}

.acon-box .mb {
    display: none
}

.acon-box .section {
    width: 100%;
    position: relative;
    overflow: hidden
}

.acon-box .hasTable {
    width: 100%
}
.acon-box .comTitle{
    padding:20px 0;
}
.acon-box .con{
    display: none;
}
.acon-box .con.active{
    display: block;
}
.pagesNav{border-bottom: 1px solid #e6e6e6;}
.pagesNav .contain{flex-wrap: nowrap;overflow-x: auto;}
.pagesNav-item{margin-left: 35px;height: 74px;white-space: nowrap;position:relative;}
.pagesNav-item:first-child{margin-left: 0;}
.pagesNav-item::after{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 2px;background: #ca0915;transition: all .4s ease;}
.pagesNav-item:hover,.pagesNav-item.active{color: #ca0915;font-weight: 700;}
.pagesNav-item.active::after{right: auto;left: 0;width: 100%;}
.pagesBread{position: absolute;left: 0;bottom: 0;width: 100%;padding: 30px 60px;}
.pagesBread-item{margin-right: 15px;}
.pagesBread-item:hover{color: #ca0915;}
.pagesBread-item::after{content: "/";position: absolute;right: -10px;top: 0;color: #fff;}
.pagesBread-item:last-child::after{display: none;}
.bread-pos .pagesBread{position: relative;padding: 0;width: auto;color: #999;}
.bread-pos .pagesBread-item::after{color: #999;}
.bread-pos .pagesBread-item:last-child,.bread-pos .pagesBread-item:hover{color: #2c2c2c;}

/* 企业宣传片 */
.pub-con{padding: 0 70px; width: 33.5%; flex-direction: column;justify-content: center; background:#EB9D32 no-repeat center/80% auto;}
.pub-con .title ,.pub-con .text{
    color:#fff;
}

.pub-video{width: 66.5%;}
.pub-video .video{position: relative;z-index: 2;clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);transition: all 1s ease;padding-bottom:56%;}
.pub-video .video video{width: 100%;height:100%;position:absolute;left:0;top:0;}
.pub-video .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all .4s ease;}
.pub-video .img img{width: 100%;height: 100%;}
.pub-video .btn{font-size: 22px; z-index: 3;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 64px;height: 64px;border-radius: 50%;background: rgba(0, 0, 0, .5);user-select: none;cursor: pointer;}
.pub-video .btn:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid white; /* 三角形的颜色 */
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left:55%;
    top:50%;
    transform:translate(-50% , -50%);
}
.pub-video .btn:hover{transform: translate(-50%,-50%) scale(.95);}
.pub-video .btn:active{transform: translate(-50%,calc(-50% + 3px)) scale(.95);}
.pub-video.active .btn{opacity: 0;transition-delay: 0s;}
.pub-video.active .video{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);transition-delay: .2s;}
.pub-list li:nth-child(2n){flex-direction: row-reverse;}
.pub-list li:nth-child(2n + 3) .pub-con{background: #000;}
/* 官方测评视频 */
/*.test-list{justify-content: space-between;}*/
.test-list::after{content: "";width: 32%;}
.test-list li{width: 32%;user-select: none;cursor: pointer;margin-left:2%;}
.test-list li:nth-child(3n+1){margin-left:0;}
.test-video .img img{width: 100%;height: 250px;}
.test-video .btn{font-size: 22px; z-index: 3;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 64px;height: 64px;border-radius: 50%;background: rgba(0, 0, 0, .5);user-select: none;cursor: pointer;}
.test-video .btn:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid white; /* 三角形的颜色 */
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left:55%;
    top:50%;
    transform:translate(-50% , -50%);
}
.test-title{
    padding:20px 0;
}
.test-video .btn:hover{transform: translate(-50%,-50%) scale(.95);}
.test-video .btn:active{transform: translate(-50%,calc(-50% + 3px)) scale(.95);}
.con .page-more{
    text-align: center;
    padding:20px 0;
}
/* 产品宣传册 */
@media only screen and (max-width: 1023px){
    .acon-box .flex{
        display:block;
    }
    .pub-con{
        width:100%;
        padding:40px;
    }
    .pub-video{
        width:100%;
    }
}
@media only screen and (max-width: 700px){
    .test-list li{
        width:100%;
    }    
}    
/************关于我们***************/



.ab-index-bk01 {

  padding: 3.75em 0px 0em;

}



/* 2020.11.13 start */

.ab-index-bk01 .img {

  /* width:39.84%;  */

  margin-left: 40px;

  /* margin-right: 40px; */



  width: 460px;

  height: 460px;

  position: relative;



}



.ab-index-bk01 .img-video {width:39.231%; position:relative; }

.ab-index-bk01 .img-video .video-img img { width:100%; }

.ab-index-bk01 .img-video .video-img2 { position:absolute; z-index:3; width:55.56%; top:17.3%; height:66.40625%; left:21%;}

.ab-index-bk01 .img-video .video-img2 img { width:100%; height:100%; }

.ab-index-bk01 .img-video .video-text { position:absolute; z-index:2; color:#585858; left:0px; top:0px; width:100%; height:100%; }

.ab-index-bk01 .img-video .video-text ul li { position:absolute; display:inline-block; padding-left:1.5em; background:url(../images/quan01.png) no-repeat left 0.5em; background-size:0.5em 0.5em; }

.ab-index-bk01 .img-video .video-text ul li.li01 {  left:23.3%; top:9.3%; }

.ab-index-bk01 .img-video .video-text ul li.li02 {  left:75.3%; top:62.41%; }

.ab-index-bk01 .img-video .video-text ul li.li03 {  left:70%; top:6.9%; }

.ab-index-bk01 .img-video .video-text ul li.li04 {  left:55.55%; top:82.61%; }

.ab-index-bk01 .img-video .video-text ul li.li05 {  right:80.5%; top:82.39%; padding-left:0px; padding-right:1.5em; background-position:right 0.5em;  }

.ab-index-bk01 .img-video .video-text ul li.li06 {  right:78.7%; top:38%; padding-left:0px; padding-right:1.5em; background-position:right 0.5em;  }



@-webkit-keyframes animation01 {



  0% {

    opacity: 0;

  }

  19% {

    opacity:0;

  }

  24% {

    opacity: 1;

  }

  

  60% {

	  color:#585858;background:url(../images/quan01.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

  }

  65% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



@keyframes animation01 {

  0% {

    opacity: 0;

  }



  19% {

    opacity:0;

  }

  24% {

    opacity: 1;

  }

  

  60% {

	  color:#585858;background:url(../images/quan01.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

  }

  65% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



.animation01 {

  -webkit-animation-name: animation01;

          animation-name: animation01;

  -webkit-animation-duration: 10s;

          animation-duration: 10s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-timing-function:ease-in-out;

		  animation-timing-function:ease-in-out;

}





@-webkit-keyframes animation02 {



  0% {

    opacity: 0;

  }



  12% {

    opacity:0;

  }

  17% {

    opacity: 1;

  }

  55% {

	  color:#585858;background:url(../images/quan01.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

  }



  60% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



@keyframes animation02 {

  0% {

    opacity: 0;

  }



  12% {

    opacity:0;

  }

  17% {

    opacity: 1;

  }

  55% {

	  color:#585858;background:url(../images/quan01.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

  }



  60% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



.animation02 {

  -webkit-animation-name: animation02;

          animation-name: animation02;

  -webkit-animation-duration: 10s;

          animation-duration: 10s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-timing-function:ease-in-out;

		  animation-timing-function:ease-in-out;

}





@-webkit-keyframes animation03 {



  0% {

    opacity: 0;

  }



  33% {

    opacity: 0;

  }

  

  38% {

    opacity: 1;

  }

  

  70% {

	  color:#585858;background:url(../images/quan01.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

  }

  75% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



@keyframes animation03 {

  0% {

    opacity: 0;

  }



  33% {

    opacity: 0;

  }

  

  38% {

    opacity: 1;

  }

  

  70% {

	  color:#585858;background:url(../images/quan01.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

  }

  75% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



.animation03 {

  -webkit-animation-name: animation03;

          animation-name: animation03;

  -webkit-animation-duration: 10s;

          animation-duration: 10s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-timing-function:ease-in-out;

		  animation-timing-function:ease-in-out;

}





@-webkit-keyframes animation04 {



  0% {

    opacity: 0;

  }



  26% {

    opacity: 0;

  }

  31% {

    opacity: 1;

  }

  65% {

	  color:#585858;background:url(../images/quan01.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

  }

  70% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



@keyframes animation04 {

  0% {

    opacity: 0;

  }



  26% {

    opacity: 0;

  }

  31% {

    opacity: 1;

  }

  65% {

	  color:#585858;background:url(../images/quan01.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

  }

  70% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat left 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



.animation04 {

  -webkit-animation-name: animation04;

          animation-name: animation04;

  -webkit-animation-duration: 10s;

          animation-duration: 10s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-timing-function:ease-in-out;

		  animation-timing-function:ease-in-out;

}





@-webkit-keyframes animation05 {



  0% {

    opacity: 0;

  }



  40% {

    opacity: 0;

  }

  45% {

    opacity: 1;

  }

  75% {

	  color:#585858;background:url(../images/quan01.png) no-repeat right 0.5em; background-size:0.5em 0.5em;

  }

  80% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat right 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



@keyframes animation05 {

  0% {

    opacity: 0;

  }



  40% {

    opacity: 0;

  }

  45% {

    opacity: 1;

  }

  75% {

	  color:#585858;background:url(../images/quan01.png) no-repeat right 0.5em; background-size:0.5em 0.5em;

  }

  80% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat right 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



.animation05 {

  -webkit-animation-name: animation05;

          animation-name: animation05;

  -webkit-animation-duration: 10s;

          animation-duration: 10s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-timing-function:ease-in-out;

		  animation-timing-function:ease-in-out;

}



@-webkit-keyframes animation06 {



  0% {

    opacity: 0;

  }



  5% {

    opacity: 0;

  }

  10% {

    opacity: 1;

  }

  50% {

	  color:#585858;background:url(../images/quan01.png) no-repeat right 0.5em; background-size:0.5em 0.5em;

  }

  55% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat right 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



@keyframes animation06 {

  0% {

    opacity: 0;

  }



  5% {

    opacity: 0;

  }

  10% {

    opacity: 1;

  }

  50% {

	  color:#585858;background:url(../images/quan01.png) no-repeat right 0.5em; background-size:0.5em 0.5em;

  }

  55% {

	  color:#f6a026; background:url(../images/quan02.png) no-repeat right 0.5em; background-size:0.5em 0.5em;

	  

  }

  95% {

	  color:#f6a026;

		opacity: 1;

  }

  96% {

	  color:#585858;

		opacity:0;

  }

  100% {

	  color:#585858;

		opacity:0;

  }

}



.animation06 {

  -webkit-animation-name: animation06;

          animation-name: animation06;

  -webkit-animation-duration: 10s;

          animation-duration: 10s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-timing-function:ease-in-out;

		  animation-timing-function:ease-in-out;

}





@media only screen and (max-width: 1340px){

.ab-index-bk01 .img-video { font-size:14px; }

}



@media only screen and (max-width: 1140px){

.ab-index-bk01 .img-video { font-size:13px; }

}



@media only screen and (max-width: 980px){

.ab-index-bk01 .img-video { max-width:612px; margin:1em auto 2em; font-size:16px; }

}



@media only screen and (max-width: 680px){

.ab-index-bk01 .img-video { font-size:14px; }

.ab-index-bk01 .img-video .video-text ul li { padding-left:0.75em; }

.ab-index-bk01 .img-video .video-text ul li.li05,.ab-index-bk01 .img-video .video-text ul li.li06 { padding-right:0.75em; }

}



@media only screen and (max-width: 540px){

.ab-index-bk01 .img-video { font-size:13px; }

}



@media only screen and (max-width: 480px){

.ab-index-bk01 .img-video { font-size:12px; }

.ab-index-bk01 .img-video .video-text ul li.li05 { white-space:nowrap; }

}



@media only screen and (max-width: 340px){

.ab-index-bk01 .img-video { font-size:10px; }

}



.ab-index-bk01 .img-video video { width:100%; position:absolute; left:0%; top:0px; right:0%; height:100%; background:url(../images/tran.png) center center; }



.ab-index-bk01 .img-wrap-border {

  position: absolute;

  top: 0;

  border: 1px solid #ccc;

  border-radius: 50%;

  animation: rotateAnimate 50s linear infinite;

  animation-fill-mode: forwards;

  width: 100%;

  height: 100%;



}



.img-wrap-border:hover {

  animation-play-state: paused;



}



.ab-index-bk01 .img img {

  max-width: 100%;

  position: absolute;

}



.img .innerList {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 10%;

  z-index: 1;

}



.img .innerList ul {

  transition: all 2s ease-out;

  animation-fill-mode: forwards;

}



.img .center {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  position: absolute;

  width: 325px;

  height: 325px;

  left: 67px;

  /* margin-left: -21%; */

  top: 67px;

  /* margin-top: -22.5%; */

  cursor: pointer;

}



.txt_w {

  position: absolute;

  text-align: center;

  width: 100px;

  height: 100px;

  transform: rotate(20deg);



}



.img .p1 span {

  display: inline-block;

  width: 8px;

  height: 8px;

  background-color: #ccc;

  border-radius: 50%;

  margin-right: 8px;





}



.img .innerList ul li:hover .txt_w {

  color: #f3a228;





}



.img .innerList ul li:hover .p1 span {

  background-color: #f3a228;



}



.img ul li {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  position: absolute;

  left: 50%;

  margin-left: -6%;

  top: -22px;

  cursor: pointer;

  font-size: 14px;

}









@keyframes rotateAnimate {

  0% {

    transform: rotate(-360deg);

  }



  25% {

    transform: rotate(-180deg);

  }



  50% {

    transform: rotate(0);

  }



  75% {

    transform: rotate(180deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



.img ul .li_1 {

  transform: rotate(0deg);

  left: 71%;

  top: 0;

  color: red;

  animation: li_one 50s linear infinite;



}



.img ul .li_2 {

  transform: rotate(0deg);

  direction: rtl;

  unicode-bidi: bidi-override;

  top: 60%;

  left: 5%;

  color: red;

  animation: li_two 50s linear infinite;



}



.img ul .li_3 {

  transform: rotate(0deg);

  top: 75%;

  left: 89%;

  width: 20%;

  color: red;

  animation: li_three 50s linear infinite;



}



@keyframes li_one {

  0% {

    transform: rotate(360deg);

  }



  25% {

    transform: rotate(180deg);

  }



  50% {

    transform: rotate(0);

  }



  75% {

    transform: rotate(-180deg);

  }



  100% {

    transform: rotate(-360deg);

  }

}



@keyframes li_two {

  0% {

    transform: rotate(360deg);

  }



  25% {

    transform: rotate(320deg);

  }



  50% {

    transform: rotate(100deg);



  }



  75% {

    transform: rotate(-60deg);

  }



  100% {

    transform: rotate(-360deg);

  }

}



@keyframes li_three {

  0% {

    transform: rotate(180deg);

  }



  25% {

    transform: rotate(90deg);

  }



  50% {

    transform: rotate(-90deg);



  }



  75% {

    transform: rotate(-360deg);

  }



  100% {

    transform: rotate(-540deg);

  }

}



/* 2020.11.13 end */

.ab-index-bk01 .text-wrap {

  width: 52.82%;

  line-height: 2;

  color: #585858;

}





.ab-index-bk02 { margin-top:-2em; }

@media only screen and (max-width: 980px) {

  .ab-index-bk01 {

    padding: 2em 0px 0px;

  }



  .ab-index-bk01 .img-video { width:100%; text-align:center; /*padding-bottom:89.7%;*/  }

  .ab-index-bk01 .text-wrap {

    width: 100%;

    padding-top: 0em;

  }

}



.ab-index-bk02 .list {

  padding-bottom: 6.875em;

}



.ab-index-bk02 .list ul li h3 {

  margin-top: 1.125em;

}



.ab-index-bk02 .list ul {

  margin: 0px -1.4375em;

}



.ab-index-bk02 .list ul li .con {

  margin: 0px 1.4375em;

}



.ab-index-bk02 .list ul li .txt {

  margin-top: 1.5em;

}



.ab-index-bk02 .list ul li .btn {

  bottom: 0.1875em;

}



@media only screen and (max-width: 980px) {

  .ab-index-bk02 .list ul {

    margin: 0px -0.5em;

  }



  .ab-index-bk02 .list ul li .con {

    margin: 0px 0.5em;

  }

}



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

	.ab-index-bk02 { margin-top:0px; }

  .ab-index-bk02 .list {

    padding-bottom: 2em;

  }

  .ab-index-bk01 .img-video { position:relative; /*padding-bottom:89.93%; overflow:hidden!important;*/ }

  .ab-index-bk01 .img-video video {  /*width:102%; left:-1%; right:-1%;position:relative; height:auto; background:url(../images/tran.png) center center;*/ }

  .ab-index-bk01 .img-video video::-webkit-media-controls-enclosure {

        display: none !important;

    }

}





/************企业文化***************/

.ab-in-sec01 {

  padding-bottom: 8.0625em;

  padding-top: 2em;

}



.ab-in-sec01 ul {

  margin: 0px -0.75em;

}



.ab-in-sec01 ul li {

  float: left;

  width: 33.33%;

}



.ab-in-sec01 ul li .con-wrap {

  padding: 0px 0.75em;

}



.ab-in-sec01 ul li .ico {

  height: 5em;

  position: relative;

  margin-bottom: 0.625em;

}



.ab-in-sec01 ul li .ico img {

  width: auto;

  height: auto;

  max-height: 100%;

  max-width: 100%;

}



.ab-in-sec01 ul li .text {

  padding: 2.1875em 1.75em 1.25em;

}



.ab-in-sec01 ul li .con {

  margin-top: 0.33em;

  height: 3em;

}



.ab-in-sec01 ul li .img {

  overflow: hidden;

}



.ab-in-sec01 ul li .img a {

  display: block;

  padding-bottom: 120.27%;

}



@media only screen and (max-width: 980px) {

  .ab-in-sec01 {

    padding-top: 0px;

    padding-bottom: 4em;

  }



  .ab-in-sec01 ul li .text {

    padding: 2.1875em 0px 1.25em;

  }

}



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

  .ab-in-sec01 {

    padding-top: 3em;

    padding-bottom: 3em;

  }



  .ab-in-sec01 ul li {

    width: 100%;

  }



  .ab-in-sec01 ul li .ico {

    height: 4em;

  }

}





.about-course-title .fn-title {

  max-width: 57.5em;

  padding-bottom: 1.625em;

  margin: 0px auto;

}



.about-course-title .fn-title h4 {

  line-height: 2.0625em;

  margin-top: 1em;

}



.about-course-list {

  /* background-attachment:fixed;*/

  margin-top: 2.3125em;

  background: url(../images/about-course-list-bg01.png) no-repeat center 25%;

  background-size: 100% auto;

  padding: 1.875em 0px 11.4375em;

}



.about-course-list .list {

  padding: 7.625em 0px 0px;

  position: relative;

}



.about-course-list .list ul {

  position: relative;

  z-index: 2;

  width: 50%;

}



.about-course-list .list ul li {

  float: left;

  width: 100%;

  /*padding:0px 21%;*/

  position: relative;

  margin-top: 3.625em;

}



.about-course-list .list ul li .con {

  float: right;

  position: relative;

  margin-right: 6.5%;

  border: 1px solid #c9c9c9;

  color: #333;

  padding: 1.25em 1.25em 1.25em;

  width: 400px;

  max-width: 87%;

}



.about-course-list .list ul li .con img {

  max-width: 100%;

}



.about-course-list .list ul li .time {

  padding-top: 0.625em;

  color: #f8b351;

}



.about-course-list .list ul li .txt {

  margin-top: 0.5em;

}

.about-course-list .list ul li .txt > .txt {

  margin-top: 0.5em; padding-left:1.05em; position:relative;

}



.about-course-list .list ul li .txt > .txt:before { width: 0.5556em;

  position: absolute;

  left: 0.11em;

  top: 0.4em;

  height: 0.5556em;

  background: #f6a026;

  border-radius: 0px 0.2778em 0px 0.2778em; content:"";}







.about-course-list .list ul li .img {

  overflow: hidden;

}



.about-course-list .list .line {

  position: absolute;

  top: 0px;

  margin-left: -0.5px;

  left: 50%;

  bottom: 0px;

  width: 1px;

  background: #c9c9c9;

}



.about-course-list .list .ico {

  position: absolute;

  top: 0px;

  margin-left: -0.65625em;

  left: 100%;

  width: 1.3125em;

  height: 1.3125em;

  background: url(../images/ab-events-bk01-ico02.png) no-repeat center center;

  background-size: 100% 100%;

}



.about-course-list .list ul li:hover .con {

  border: 1px solid #f6a026;

}



.about-course-list .list ul li:hover .ico {

  background: url(../images/ab-events-bk01-ico01.png) no-repeat center center;

  background-size: 100% 100%;

}



.about-course-list .list ul li dl {

  margin-top: 0.4375em;

  min-height: 2.8em;

}



.about-course-list .list ul li dl dd {

  position: relative;

  color: #555;

  line-height: 1.4;

  padding-left: 1.05em;

}



.about-course-list .list ul li dl dd i {

  width: 0.5556em;

  position: absolute;

  left: 0.11em;

  top: 0.4em;

  height: 0.5556em;

  background: #f6a026;

  border-radius: 0px 0.2778em 0px 0.2778em;

}



.about-course-list .btn {

  position: absolute;

  top: 0px;

  left: 50%;

  cursor: pointer;

  margin-left: -2.5em;

  width: 5em;

  height: 5em;

  border-radius: 50%;

  background: #f8b351;

  color: #fff;

  text-align: center;

}



.about-course-list .btn i {

  width: 1em;

  height: 0.6em;

  position: absolute;

  top: 0px;

  background: url(../images/about-course-jt01.png) no-repeat center center;

  background-size: 100% 100%;

  position: absolute;

  margin-left: -0.5em;

  left: 50%;

  display: block;

}



.about-course-list .btn span {

  position: relative;

  display: block;

  padding-top: 0.85em;

}





.about-course-list .list .ul-left {

  float: left;

  padding-top: 13.875em;

}



.about-course-list .list .ul-right {

  float: right;

}



.about-course-list .list .ul-right li .con {

  float: left;

  margin-left: 6.5%;

  margin-right: 0px;

}



.about-course-list .list .ul-right li .ico {

  left: 0px;

}



.about-course-list .list .ul-left li:last-child:before {

  position: absolute;

  top: 0px;

  right: -1px;

  width: 2px;

  background: #fff;

  content: "";

  bottom: 0px;

}







.about-sec-bk01 {

  margin-top: 1.5625em;

}



.about-sec-bk01 .img {

  width: 61.47%;

}



.about-sec-bk01 .img img {

  width: 100%;

}



.about-sec-bk01 .text {

  width: 36.21%;

}



.about-sec-bk01 .text h3 {

  padding-bottom: 1em;

}



.about-sec-bk01 .text .txt {

  line-height: 1.667;

  margin-top: 0px;

}



.about-sec-bk01 .text .btn {

  padding-top: 3.25em;

}



.about-sec-bk01 .text .btn a {

  display: inline-block;

  background: #f6a026;

  border-radius: 0px 1.2778em 0px 1.2778em;

  text-align: center;

  color: #fff;

  width: 10em;

  line-height: 2.875;

}



.about-sec-bk01 .text .btn a:hover {

  background: #dd8a14;

  color: #fff;

}



.about-sec-bk02 {

  padding-top: 1.22em;

}



.about-sec-bk02 .list {

  padding-bottom: 5.25em;

}



.about-sec-bk02 .list ul li a {

  cursor: default;

}



.about-sec-bk02 .list ul li .btn a {

  background: #f9cc8b;

}



.about-sec-bk02 .list ul li {

  padding: 2.85em 0px 4.25em;

}



.about-sec-bk02 .list ul li .btn {

  bottom: 0px;

}



.about-sec-bk02 .list ul li:hover .btn a {

  background: #f6a026;

}



.about-sec-bk02 .more {

  padding-top: 4.1667em;

}



.about-sec-bk02 .more a {

  display: inline-block;

  width: 80%;

  line-height: 3.875;

  border-radius: 0px 1.9375em 0px 1.9375em;

  max-width: 27.22em;

  background: #efefef;

  color: #555;

}



.about-sec-bk02 .more a:hover {

  background: #f6a026;

  color: #fff;

}







@-webkit-keyframes ball-scale-multiple {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 0;

  }



  5% {

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 0;

  }

}



@keyframes ball-scale-multiple {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 0;

  }



  5% {

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 0;

  }

}



.who-are-sec-bk02 {

  padding: 6.25em 4.679% 8.375em;

  position: relative;

}



.who-are-sec-bk02 .text {

  max-width: 1280px;

  margin: 0px auto;

  padding-top: 4em;

}



.who-are-sec-bk02 .text dl {

  padding: 1.5em 0px;

}



.who-are-sec-bk02 .text dl dt {

  padding-right: 2.125em;

}



.who-are-sec-bk02 .text dl dt img {

  width: 5em;

}



.who-are-sec-bk02 .text dl dd .title {

  color: #f6a026;

}



.who-are-sec-bk02 .text dl dd .con {

  margin-top: 0.778em;

}



.who-are-sec-bk02 .text dl:first-child {

  padding-right: 1em;

}



.who-are-sec-bk02 .map-con {

  position: relative;

}



.who-are-sec-bk02 .map-con .map img {

  width: 100%;min-width: 900px;

}



.who-are-sec-bk02 .sec {

  position: absolute;

}



.who-are-sec-bk02 .sec .layer i {

  position: absolute;

  left: 0.25em;

  top: 0px;

  right: 0px;

  /*opacity:0;*/

  bottom: 0px;

  width: 100%;

  height: 100%;

  border-radius: 50%;

}



.who-are-sec-bk02 .sec01 {

  left: 0%;

  top: 5%;

  height: 15.75%;

  width: 29.5%;

}



.who-are-sec-bk02 .sec01 .con {

  position: relative;

  margin: 0px auto;

  width: 1.533em;

  height: 100%;

  /*height:4.291667em;*/

}



/*.who-are-sec-bk02 .sec01 .cricle01 { width:1.1667em; position:absolute; left:0.5667em; z-index:3; bottom:0.9667em; height:1.1667em; border-radius:50%; background:rgba(255,96,1,0.3); }

.who-are-sec-bk02 .sec01 .cricle02 { width:1.375em;position:absolute; left:0.33em; z-index:2; bottom:0.5833em; height:1.375em; border-radius:50%; background:rgba(245,162,44,0.6); }

.who-are-sec-bk02 .sec01 .cricle03 { width:2.0833em; position:absolute; display:none; left:0px; z-index:1; bottom:0px; height:2.0833em; border-radius:50%; background:rgba(245,162,44,0.2); }

*/

.who-are-sec-bk02 .sec01 .cricle05 {

  width: 0.4em;

  position: absolute;

  cursor: pointer;

  z-index: 5;

  left: 0em;

  bottom: 0px;

  height: 0.4em;

}



.who-are-sec-bk02 .sec01 .cricle05 i {

  background: #f3c856;

}



.who-are-sec-bk02 .sec01 .cricle04 {

  width: 0.4em;

  position: absolute;

  cursor: pointer;

  z-index: 4;

  right: 0.5%;

  bottom: 9%;

  height: 0.4em;

}



.who-are-sec-bk02 .sec01 .cricle04 i {

  border: 1px solid #ff982d;

  left: -0.25em;

  background: rgba(247, 83, 18, 0.39);

}



.who-are-sec-bk02 .sec01 .title i {

  position: absolute;

  left: 50%;

  margin-left: -1px;

  top: 2.35em;

  height: 2.125em;

  width: 1px;

  background: #f78934;

}



/*.who-are-sec-bk02 .sec01 .cricle01 i { background:rgba(255,96,1,0.3);}

.who-are-sec-bk02 .sec01 .cricle02 i { background:rgba(245,162,44,0.6); }

.who-are-sec-bk02 .sec01 .cricle03 i { background:rgba(245,162,44,0.2); }

*/

.who-are-sec-bk02 .sec02 {

  left: 0px;

  top: 29%;

  height: 13.3%;

  position: absolute;

  width: 77.2%;

}



.who-are-sec-bk02 .sec02 .con {

  position: relative;

  width: 1.8em;

  height: 100%;

  /*height:3.23em;*/

  margin: 0px auto;

}



/*.who-are-sec-bk02 .sec02 .cricle01 { width:1.4667em; position:absolute; z-index:5; left:1.2667em; bottom:0.3667em; height:1.4667em; border-radius:50%; background:rgba(253,219,43,0.7); }

.who-are-sec-bk02 .sec02 .cricle02 { width:1.2667em;position:absolute; z-index:4; left:2.033em; bottom:1.0667em; height:1.2667em; border-radius:50%; background:rgba(255,96,1,0.6); }

.who-are-sec-bk02 .sec02 .cricle03 { width:1.334em; display:none; position:absolute; left:0px; bottom:0px; height:1.334em; z-index:2; border-radius:50%; background:rgba(242,242,242,0.7); }

.who-are-sec-bk02 .sec02 .cricle04 { width:1.33em; height:1.33em; position:absolute; z-index:3; left:2.133em; top:0.433em;  border-radius:50%; background:rgba(255,255,255,0.8); }

*/

.who-are-sec-bk02 .sec02 .cricle05 {

  width: 0.4em;

  cursor: pointer;

  position: absolute;

  z-index: 6;

  bottom: 0px;

  left: 0px;

  height: 0.4em;

}



.who-are-sec-bk02 .sec02 .cricle05 i {

  background: #f3c856;

}



.who-are-sec-bk02 .sec02 .cricle06 {

  width: 0.4em;

  cursor: pointer;

  position: absolute;

  z-index: 6;

  top: 28%;

  left: 70%;

  height: 0.4em;

}



.who-are-sec-bk02 .sec02 .cricle06 i {

  border: 1px solid #ff982d;

  left: -0.25em;

  background: rgba(247, 83, 18, 0.39);

}



/*.who-are-sec-bk02 .sec02 .cricle07 { width:0.33em; display:none; border:1px solid #fff; position:absolute; z-index:6; top:1.375em; left:1.2083em; height:0.33em; border-radius:50%; background:rgba(255,96,1,1); }*/

.who-are-sec-bk02 .sec02 .cricle08 {

  width: 0.4em;

  cursor: pointer;

  position: absolute;

  z-index: 6;

  bottom: 24.2%;

  left: 58%;

  height: 0.4em;

  border-radius: 50%;

  background: rgba(247, 83, 18, 0.39);

}



.who-are-sec-bk02 .sec02 .title {

  position: absolute;

  right: -4.44em;

  top: 70%;

  margin-top: -0.75em;

}



.who-are-sec-bk02 .sec02 .title i {

  position: absolute;

  z-index: 7;

  right: 3.5em;

  margin-top: -1px;

  top: 50%;

  width: 3.33em;

  height: 1px;

  background: #a0a0a0;

}



/*.who-are-sec-bk02 .sec02 .cricle01 i { background:rgba(253,219,43,0.7); }

.who-are-sec-bk02 .sec02 .cricle02 i { background:rgba(255,96,1,0.6);  }

.who-are-sec-bk02 .sec02 .cricle03 i { background:rgba(242,242,242,0.7); }

*/

.who-are-sec-bk02 .sec .con {

  font-size: 30px;

}



.who-are-sec-bk02 .sec .title {

  font-size: 0.6em;

}



.who-are-sec-bk02 .sec03 {

  right: 0px;

  top: 28.4%;

  position: absolute;

  width: 47%;

  height: 6%;

}



.who-are-sec-bk02 .sec03 .con {

  position: relative;

  width: 30%;

  height: 100%;

  /*height:1.2667em;*/

  margin: 0px auto;

}



/*.who-are-sec-bk02 .sec03 .cricle01 { width:1.133em; height:1.133em; position:absolute; z-index:5; left:0.5em; bottom:0.4em;  border-radius:50%; background:rgba(255,255,255,0.8); }

.who-are-sec-bk02 .sec03 .cricle02 { width:1.33em; position:absolute; z-index:4; right:0.667em; bottom:0.6em; height:1.33em; border-radius:50%; background:rgba(253,219,43,0.7); }

.who-are-sec-bk02 .sec03 .cricle03 { width:1.8667em;  position:absolute; z-index:3; bottom:0.4em; left:0.8667em; height:1.8667em; border-radius:50%; background:rgba(255,96,1,0.7); }

.who-are-sec-bk02 .sec03 .cricle04 { width:3.33em;  position:absolute; display:none; z-index:2; bottom:0px; right:0px; height:3.33em; border-radius:50%; background:rgba(255,96,1,0.2); }

*/

.who-are-sec-bk02 .sec03 .cricle05 {

  width: 0.4em;

  cursor: pointer;

  position: absolute;

  z-index: 6;

  bottom: 44%;

  left: 20%;

  height: 0.4em;

}



.who-are-sec-bk02 .sec03 .cricle05 i {

  background: #f3c856;

}



.who-are-sec-bk02 .sec03 .cricle06 {

  width: 0.4em;

  cursor: pointer;

  position: absolute;

  z-index: 6;

  bottom: 0.2667em;

  right: 0px;

  height: 0.4em;

}



.who-are-sec-bk02 .sec03 .cricle06 i {

  border: 1px solid #ff982d;

  left: -0.25em;

  background: rgba(247, 83, 18, 0.39);

}



.who-are-sec-bk02 .sec03 .title {

  position: absolute;

  left: -6.22em;

  bottom: 15%;

  margin-top: 0.875em;

}



.who-are-sec-bk02 .sec03 .title i {

  position: absolute;

  z-index: 7;

  left: 3.44em;

  margin-top: -1px;

  top: 50%;

  width: 3.72em;

  height: 1px;

  background: #000;

}



.who-are-sec-bk02 .sec03 .cricle01 i {

  background: rgba(255, 255, 255, 0.8);

}



.who-are-sec-bk02 .sec03 .cricle02 i {

  background: rgba(253, 219, 43, 0.7);

}



.who-are-sec-bk02 .sec03 .cricle03 i {

  background: rgba(255, 96, 1, 0.7);

}



.who-are-sec-bk02 .sec03 .cricle04 i {

  background: rgba(255, 96, 1, 0.2);

}





.who-are-sec-bk02 .sec01:hover .cricle01 i,

.who-are-sec-bk02 .sec01:hover .cricle02 i,

.who-are-sec-bk02 .sec01:hover .cricle03 i {

  -webkit-animation: ball-scale-multiple 2s 0s linear;

  animation: ball-scale-multiple 2s 0s linear;

}



.who-are-sec-bk02 .sec02:hover .cricle01 i,

.who-are-sec-bk02 .sec02:hover .cricle02 i,

.who-are-sec-bk02 .sec02:hover .cricle03 i {

  -webkit-animation: ball-scale-multiple 2s 0s linear;

  animation: ball-scale-multiple 2s 0s linear;

}



.who-are-sec-bk02 .sec03:hover .cricle01 i,

.who-are-sec-bk02 .sec03:hover .cricle02 i,

.who-are-sec-bk02 .sec03:hover .cricle03 i,

.who-are-sec-bk02 .sec03:hover .cricle04 i {

  -webkit-animation: ball-scale-multiple 2s 0s linear;

  animation: ball-scale-multiple 2s 0s linear;

}







.who-are-sec-bk02 .tit-layer {

  position: absolute;

  bottom: 100%;

  font-size: 0.533em;

  white-space: nowrap;

  transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -ms-transition: 0.5s all;

  -o-transition: 0.5s all;

}



.who-are-sec-bk02 .tit-layer span {

  opacity: 1;

  filter: alpha(opacity=100);

  line-height: 1.625;

  color: #555;

  transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -ms-transition: 0.5s all;

  -o-transition: 0.5s all;

}



.who-are-sec-bk02 .tit-layer:before {

  position: absolute;

  content: "";

  height: 90%;

  bottom: 0px;

  width: 1px;

  background: #ff6600;

  transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -ms-transition: 0.5s all;

  -o-transition: 0.5s all;

}

.who-are-sec-bk02 .tit-layer .line2 {

  position: absolute;

  height:2em;

  top: 10%;

  width: 2px;

  background: #f3c856;

  transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -ms-transition: 0.5s all;

  -o-transition: 0.5s all;

  display:none;

}



.who-are-sec-bk02 .tit-layer .page-ico {

  opacity: 1;

  filter: alpha(opacity=100);

  transition: 0.5s all;

  padding-bottom: 0.25em;

  -webkit-transition: 0.5s all;

  -ms-transition: 0.5s all;

  -o-transition: 0.5s all;

}



.who-are-sec-bk02 .tit-layer .page-ico img {

  height: 1.251em;

}



.who-are-sec-bk02 .tit-layer span a {

  color: #555;

}



.who-are-sec-bk02 .sec01 .cricle05 .tit-layer {

  right: 100%;

  padding-right: 0px;

  text-align: right;

  padding-bottom: 1.6875em;

}



.who-are-sec-bk02 .sec01 .cricle05 .tit-layer:before {

  right: -0.9em;

  background: #f3c856;

}

.who-are-sec-bk02 .sec01 .cricle05 .tit-layer .line2 {

  right: -0.9em;

  background: #f3c856;

}



.who-are-sec-bk02 .sec01 .cricle05:hover .tit-layer:before {

  height: 99%;

}

.who-are-sec-bk02 .sec01 .cricle05:hover .tit-layer .line2 {

  top:1%;

}



.who-are-sec-bk02 .sec01 .cricle05:hover .tit-layer span,

.who-are-sec-bk02 .sec01 .cricle05:hover .tit-layer .page-ico {

  opacity: 1;

  filter: alpha(opacity=100);

}



.who-are-sec-bk02 .sec01 .cricle05:hover {

  z-index: 10;

}



.who-are-sec-bk02 .sec01 .cricle05:hover .tit-layer {

  padding-bottom: 2em;

}



.who-are-sec-bk02 .sec01 .cricle04 .tit-layer {

  left: 100%;

  padding-left: 0px;

  width: 15em;

  padding-bottom: 3.75em;

}



.who-are-sec-bk02 .sec01 .cricle04 .tit-layer:before {

  left: -0.9em; 

}

.who-are-sec-bk02 .sec01 .cricle04 .tit-layer .line2 {

  left: -0.9em;background:#f78934;

}



.who-are-sec-bk02 .sec01 .cricle04:hover .tit-layer:before {

  height: 99%;

}

.who-are-sec-bk02 .sec01 .cricle04:hover .tit-layer .line2 {

  top:1%;

}



.who-are-sec-bk02 .sec01 .cricle04:hover .tit-layer span,

.who-are-sec-bk02 .sec01 .cricle04:hover .tit-layer .page-ico {

  opacity: 1;

  filter: alpha(opacity=100);

}



.who-are-sec-bk02 .sec01 .cricle04:hover {

  z-index: 10;

}



.who-are-sec-bk02 .sec01 .cricle04:hover .tit-layer {

  padding-bottom: 4.0625em;

}





.who-are-sec-bk02 .sec02 .cricle05 .tit-layer {

  right: 100%;

  padding-right: 0px;

  text-align: right;

  padding-bottom: 6.25em;

}



.who-are-sec-bk02 .sec02 .cricle05 .tit-layer:before {

  right: -0.9em;

  background: #f3c856;

}

.who-are-sec-bk02 .sec02 .cricle05 .tit-layer .line2 {

  right: -0.9em;

}



.who-are-sec-bk02 .sec02 .cricle05:hover .tit-layer:before {

  height: 99%;

}

.who-are-sec-bk02 .sec02 .cricle05:hover .tit-layer .line2 {

  top:1%;

}





.who-are-sec-bk02 .sec02 .cricle05:hover .tit-layer span,

.who-are-sec-bk02 .sec02 .cricle05:hover .tit-layer .page-ico {

  opacity: 1;

  filter: alpha(opacity=100);

}



.who-are-sec-bk02 .sec02 .cricle05:hover {

  z-index: 10;

}



.who-are-sec-bk02 .sec02 .cricle05 .tit-layer .page-ico img {

  margin-left: 1em;

}



.who-are-sec-bk02 .sec02 .cricle05:hover .tit-layer {

  padding-bottom: 6.5625em;

}



.who-are-sec-bk02 .sec02 .cricle06 .tit-layer {

  left: 100%;

  padding-left: 0px;

  padding-bottom: 9.5em;

}



.who-are-sec-bk02 .sec02 .cricle06 .tit-layer:before {

  left: -0.9em;

}

.who-are-sec-bk02 .sec02 .cricle06 .tit-layer .line2 {

  left: -0.9em; background:#f78934;

}



.who-are-sec-bk02 .sec02 .cricle06:hover .tit-layer:before {

  height: 99%;

}

.who-are-sec-bk02 .sec02 .cricle06:hover .tit-layer .line2 {

  top: 1%;

}



.who-are-sec-bk02 .sec02 .cricle06:hover .tit-layer span,

.who-are-sec-bk02 .sec02 .cricle06:hover .tit-layer .page-ico {

  opacity: 1;

  filter: alpha(opacity=100);

}



.who-are-sec-bk02 .sec02 .cricle06:hover {

  z-index: 10;

}



.who-are-sec-bk02 .sec02 .cricle06:hover .tit-layer {

  padding-bottom: 9.8125em;

}



.who-are-sec-bk02 .sec02 .cricle08 .tit-layer {

  left: 100%;

  padding-left: 1.625em;

  bottom: 50%;

  padding-bottom: 8.25em;

}



.who-are-sec-bk02 .sec02 .cricle08 .tit-layer:before {

  left: 1em;

  bottom: -2px;

}

.who-are-sec-bk02 .sec02 .cricle08 .tit-layer .line2 {

  left: 1em; background:#f78934;

}



.who-are-sec-bk02 .sec02 .cricle08 .tit-layer:after {

  position: absolute;

  left: 0px;

  bottom: -2px;

  height: 1px;

  width: 1em;

  background: #ff6600;

  content: "";

}



.who-are-sec-bk02 .sec02 .cricle08:hover .tit-layer:before {

  height: 99%;

}

.who-are-sec-bk02 .sec02 .cricle08:hover .tit-layer .line2 {

  top:1%;

}



.who-are-sec-bk02 .sec02 .cricle08:hover .tit-layer span,

.who-are-sec-bk02 .sec02 .cricle08:hover .tit-layer .page-ico {

  opacity: 1;

  filter: alpha(opacity=100);

}



.who-are-sec-bk02 .sec02 .cricle08:hover .tit-layer:after {

  width: 1em;

}



.who-are-sec-bk02 .sec02 .cricle08:hover {

  z-index: 10;

}



.who-are-sec-bk02 .sec02 .cricle08:hover .tit-layer {

  padding-bottom: 8.5625em;

}



.who-are-sec-bk02 .sec03 .cricle05 .tit-layer {

  right: 100%;

  padding-right:0px;

  text-align: right;

  padding-bottom: 11.4375em;

}



.who-are-sec-bk02 .sec03 .cricle05 .tit-layer:before {

  right: -0.9em;

  background: #f3c856;

}



.who-are-sec-bk02 .sec03 .cricle05 .tit-layer .line2 {

  right: -0.9em;

}



.who-are-sec-bk02 .sec03 .cricle05:hover .tit-layer:before {

  height: 99%;

}

.who-are-sec-bk02 .sec03 .cricle05:hover .tit-layer .line2 {

  top:1%;

}





.who-are-sec-bk02 .sec03 .cricle05:hover .tit-layer span,

.who-are-sec-bk02 .sec03 .cricle05:hover .tit-layer .page-ico {

  opacity: 1;

  filter: alpha(opacity=100);

}



.who-are-sec-bk02 .sec03 .cricle05:hover {

  z-index: 10;

}



.who-are-sec-bk02 .sec03 .cricle05:hover .tit-layer {

  padding-bottom: 11.8em;

}



.who-are-sec-bk02 .sec03 .cricle06 .tit-layer {

  left: 100%;

  padding-left: 0px;

  padding-bottom: 6.5em;

}



.who-are-sec-bk02 .sec03 .cricle06 .tit-layer:before {

  left: -0.9em;

}

.who-are-sec-bk02 .sec03 .cricle06 .tit-layer .line2 {

  left: -0.9em; background:#f78934;

}



.who-are-sec-bk02 .sec03 .cricle06:hover .tit-layer:before {

  height: 99%;

}

.who-are-sec-bk02 .sec03 .cricle06:hover .tit-layer .line2 {

  top: 1%;

}



.who-are-sec-bk02 .sec03 .cricle06:hover .tit-layer span,

.who-are-sec-bk02 .sec03 .cricle06:hover .tit-layer .page-ico {

  opacity: 1;

  filter: alpha(opacity=100);

}



.who-are-sec-bk02 .sec03 .cricle06:hover {

  z-index: 10;

}



.who-are-sec-bk02 .sec03 .cricle06:hover .tit-layer {

  padding-bottom: 6.8125em;

}





@media only screen and (max-width: 1700px) {

  .who-are-sec-bk02 .sec .con {

    font-size: 26px;

  }

}



@media only screen and (max-width: 1600px) {

  .who-are-sec-bk02 .sec .con {

    font-size: 25px;

  }

}





@media only screen and (max-width: 1540px) {



  .who-are-sec-bk02 .sec .con {

    font-size: 22.5px;

  }



  .about-sec-bk01 .text h3 {

    padding-bottom: 0.75em;

  }



  .about-sec-bk01 .text .btn {

    padding-top: 2em;

  }



}



@media only screen and (max-width: 1420px) {

  .who-are-sec-bk02 .sec .con {

    font-size: 21px;

  }









}





@media only screen and (max-width: 1340px) {



  .who-are-sec-bk02 .sec .con {

    font-size: 20px;

  }



}



@media only screen and (max-width:1240px) {



  .who-are-sec-bk02 .sec .con {

    font-size: 18.75px;

  }



  .about-course-list {

    padding-bottom: 7em;

  }



}





@media only screen and (max-width:1100px) {





  .who-are-sec-bk02 .sec .con {

    font-size: 17px;

  }



  .about-sec-bk01 .img {

    width: 100%;

  }



  .about-sec-bk01 .text {

    width: auto;

    max-width: 49em;

    margin: 0px auto;

    padding-top: 3em;

  }



}





@media only screen and (max-width: 980px) {



  .who-are-sec-bk02 .text dl dd span {

    padding: 0.2em 0.5em;

  }



  .who-are-sec-bk02 .sec03 .title {

    margin-top: 0.5em;

  }



  .who-are-sec-bk02 .sec .con {

    font-size: 15px;

  }





}







@media only screen and (max-width: 900px) 
    
}





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



  .aboout-course-list .fn-title {

    padding-bottom: 0px;

  }



  .aboout-course-list .list ul li {

    padding: 2em 0px 3em;

  }



  .aboout-course-list .list {

    padding-bottom: 3em;

  }



  .aboout-course-list .list ul li dl {

    min-height: 1em;

  }





  .about-sec-bk01 .text {

    padding-top: 2em;

  }



  .about-sec-bk01 .text .btn a {

    width: 6.66em;

    line-height: 1.91667;

    border-radius: 0px 0.958335em 0px 0.958335em;

  }



  .about-sec-bk02 {

    padding-top: 0px;

  }



  .about-sec-bk02 .more a {

    width: 20.41667em;

    line-height: 2.5833;

    border-radius: 0px 1.29165em 0px 1.29165em;

  }



  .about-sec-bk02 .list {

    padding-bottom: 1em;

  }



  .about-sec-bk02 .more {

    padding-top: 3em;

  }





  .about-sec-bk01,

  .aboout-course-list {

    margin-top: 3.5em;

  }





  .who-are-sec-bk02 {

    padding: 8em 0px 3em;

  }



  .who-are-sec-bk02 .text {

    padding-top: 1em;

  }



  .who-are-sec-bk02 .text dl {

    padding: 1em 0px;

  }



  .who-are-sec-bk02 .text dl dt {

    padding-right: 1em;

  }



  .who-are-sec-bk02 .text dl dt img {

    width: 3.33em;

  }



  .who-are-sec-bk02 .text dl dd .con {

    margin-top: 0px;

  }



  .who-are-sec-bk02 .sec .con {

    font-size: 0.12rem;

  }



  .who-are-sec-bk02 .sec01 .title {

    position: absolute;

    left: 50%;

    margin-left: -6em;

    width: 12em;

    top: 0px;

    right: 0px;

  }







  .who-are-sec-bk02 .tit-layer span,

  .who-are-sec-bk02 .tit-layer .page-ico {

    opacity: 1;

    filter: alpha(opacity=100);

  }



  .who-are-sec-bk02 .tit-layer:before {

    height: 99%;

  }



  .who-are-sec-bk02 .sec02 .cricle08 .tit-layer:after {

    width: 1em;

  }

  

  .who-are-sec-bk02 .sec02 .cricle05 .tit-layer .page-ico img { margin-left:0.5em; }

  

  .who-are-sec-bk02 .sec01 .cricle05 .tit-layer { padding-bottom:0px; }

  

  .who-are-sec-bk02 .tit-layer .line2 { top:1%;}



  .who-are-sec-bk02 .sec01 .cricle05 .tit-layer:before,

  .who-are-sec-bk02 .sec02 .cricle05 .tit-layer:before,

  .who-are-sec-bk02 .sec03 .cricle05 .tit-layer:before,

  .who-are-sec-bk02 .sec01 .cricle05 .tit-layer .line2,

  .who-are-sec-bk02 .sec02 .cricle05 .tit-layer .line2,

  .who-are-sec-bk02 .sec03 .cricle05 .tit-layer .line2

  {

    right: -0.5em;

  }



  .who-are-sec-bk02 .sec01 .cricle04 .tit-layer:before,

  .who-are-sec-bk02 .sec02 .cricle06 .tit-layer:before,

  .who-are-sec-bk02 .sec03 .cricle06 .tit-layer:before,

  .who-are-sec-bk02 .sec01 .cricle04 .tit-layer .line2,

  .who-are-sec-bk02 .sec02 .cricle06 .tit-layer .line2,

  .who-are-sec-bk02 .sec03 .cricle06 .tit-layer .line2

  {

    left: -0.5em;

  }



  .who-are-sec-bk02 .sec01 .cricle04 .tit-layer {

    padding-top:0em;

    bottom: 0px;

    top: auto;

    padding-bottom:3em;

  }



  .who-are-sec-bk02 .sec02 .cricle06 .tit-layer {

    padding-bottom:3em;

    bottom: 0px;

    top: auto;

    padding-top:0em;

  }



  .who-are-sec-bk02 .sec03 .cricle05 .tit-layer {

    padding-bottom: 1em;

  }

   .who-are-sec-bk02 .sec02 .cricle08 .tit-layer { bottom:75%; }

  .who-are-sec-bk02 .sec02 .cricle05 .tit-layer {

    padding-bottom: 5em;

  }

  

  .who-are-sec-bk02 .sec02 .cricle08 .tit-layer { padding-bottom:0px; }

  .who-are-sec-bk02 .sec03 .cricle06 .tit-layer { padding-bottom:0px; }



  .who-are-sec-bk02 .tit-layer {

    font-size: 1em;

  }



  .who-are-sec-bk02 .tit-layer span {

    transform: scale(0.75, 0.75);

    -webkit-transform: scale(0.75, 0.75);

    display: block;

    transform-origin: right top;

    -webkit-transform-origin: right top;

  }



  .who-are-sec-bk02 .sec01 .cricle04 .tit-layer span,

  .who-are-sec-bk02 .sec02 .cricle08 .tit-layer span,

  .who-are-sec-bk02 .sec02 .cricle06 .tit-layer span,

  .who-are-sec-bk02 .sec03 .cricle06 .tit-layer span {

    transform-origin: left top;

    -webkit-transform-origin: left top;

  }



  .who-are-sec-bk02 .tit-layer .page-ico {

    padding-bottom: 0px;

    height: 1.5em;

  }



  .who-are-sec-bk02 .tit-layer span em {

    display: block;

  }



  .who-are-sec-bk02 .sec01 .cricle04 {

    bottom: 0px;

  }







  .about-course-title {

    margin-top: 3.5em;

  }



  .about-course-list .list .ul-left {

    padding-top: 9.25em;

  }



  .about-course-list .list ul li {

    margin-top: 2em;

  }



  .about-course-list {

    margin-top: 0px;

    padding-bottom: 3em;

  }



  .about-course-list .list ul li .con {

    max-width: 100%;

    width: auto;

    margin-right: 1em;

    padding: 0.5em 0.5em 0.75em;

  }



  .about-course-list .list .ul-right li .con {

    margin-left: 1em;

    margin-right: 0px;

  }



  .about-course-list .list .ico {

    width: 0.9em;

    height: 0.9em;

    margin-left: -0.45em;

  }

  

  

  .who-are-sec-bk02 .tit-layer:before { width:1px; }



}

















@media only screen and (max-width:480px) {



  .who-are-sec-bk02 .sec01 .title i {

    display: none;

  }



  .who-are-sec-bk02 .sec02 .title i {

    display: none;

  }



  .who-are-sec-bk02 .sec03 .title i {

    display: none;

  }



  .who-are-sec-bk02 .sec01 .title {

    top: -1em;

  }



  .who-are-sec-bk02 .sec02 .title {

    right: -7em;

    top: 30%;

  }



  .who-are-sec-bk02 .sec03 .title {

    left: -7em;

    top: 30%;

  }



}





/***********2021-01-21***************/

.who-are-sec-bk02 { overflow-x: auto;}

.who-are-sec-bk02 .map-con {  min-width: 900px;}

.who-are-sec-bk02 .point-list { position:absolute;left: 0px; top:0px; width: 100%; height: 100%; right: 0px; bottom: 0px;}

.who-are-sec-bk02 .point-list .point-item { position:absolute; cursor: pointer;  }

.who-are-sec-bk02 .point-list .point-item .point { position: absolute; z-index: 2; width: 14px; top:-7px; left: -7px; height:14px; border-radius:50%; border:2px solid rgba(255,255,255,0.4); background-color: #f89c5d;}

.who-are-sec-bk02 .point-list .point-item .span1 { position:absolute; width: 30px; height: 30px; background-color: rgba(255,255,255,0.39); top:-15px; left: -15px; border-radius:50%;}

.who-are-sec-bk02 .point-list .point-item.li01 { left: 14.25%; top:19.5%; }

.who-are-sec-bk02 .point-list .point-item.li01 .point { background-color: #f4c164;}

.who-are-sec-bk02 .point-list .point-item.li02 { left: 38.75%; top:39.5%; }

.who-are-sec-bk02 .point-list .point-item.li02 .point { background-color: #f4c164;}

.who-are-sec-bk02 .point-list .point-item.li03 { left: 39.5%; top:36.25%; }

.who-are-sec-bk02 .point-list .point-item.li04 { left: 74.5%; top:32.5%; }

.who-are-sec-bk02 .point-list .point-item.li04 .point { background-color: #f4c164;}

.who-are-sec-bk02 .point-list .point-item.li05 { left:17.25%; top:28.25%; }

.who-are-sec-bk02 .point-list .point-item.li06 { left:37.5%; top:41.5%;  }

.who-are-sec-bk02 .point-list .point-item.li07 { left: 34.25%; top:41.5%; }

.who-are-sec-bk02 .point-list .point-item.li07 .point { background-color: #f4c164;}



.who-are-sec-bk02 .point-tips-list .layer-txt { position: absolute;color: #555; display: none;  }

.who-are-sec-bk02 .point-tips-list .layer-txt h4 {white-space:nowrap; margin-top:5px;}

.who-are-sec-bk02 .point-tips-list .layer-txt .page-ico img { margin-left: 14px;}

.who-are-sec-bk02 .point-tips-list .layer-txt.li01 { right:87%;top:17%;}

.who-are-sec-bk02 .point-tips-list .layer-txt.li02 { right:53.5%;top:41%;}

.who-are-sec-bk02 .point-tips-list .layer-txt.li03 { left:42%;top:32.2%;}

.who-are-sec-bk02 .point-tips-list .layer-txt.li03 .page-ico img { margin-left: 0px;margin-right: 14px;}

.who-are-sec-bk02 .point-tips-list .layer-txt.li04 { right:25.6%;top:35%;}

.who-are-sec-bk02 .point-tips-list .layer-txt.li05 { right:82%;top:31%;}

.who-are-sec-bk02 .point-tips-list .layer-txt.li06 { right:59%;top:45%;}

.who-are-sec-bk02 .point-tips-list .layer-txt.li06 .page-ico img { margin-left: 0px;}

.who-are-sec-bk02 .point-tips-list .layer-txt.li07 { right:67.5%;top:40%;}



.who-are-sec-bk02 .label-list { position: absolute; right: 23%; bottom: 5%; color: #555;}

.who-are-sec-bk02 .label-list p { padding-top:11px; }

.who-are-sec-bk02 .label-list p img { margin-right: 20px; position: relative; top:2px;}



.pulsed {

  -webkit-animation-name: pulsed;

          animation-name: pulsed;

  -webkit-animation-duration: 2s;

          animation-duration: 2s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

}



@-webkit-keyframes pulsed {





  0% {

    -webkit-transform: scale3d(0.625, 0.625, 0.625);

            transform: scale3d(0.625, 0.625, 0.625);

  }



  50% {

    -webkit-transform: scale3d(1.3, 1.3, 1.3);

            transform: scale3d(1.3, 1.3, 1.3);

  }



  100% {

    -webkit-transform: scale3d(0.625, 0.625, 0.625);

            transform: scale3d(0.625, 0.625, 0.625);

  }



}



@keyframes pulsed {

  

  0% {

    -webkit-transform: scale3d(0.625, 0.625, 0.625);

            transform: scale3d(0.625, 0.625, 0.625);

  }





  50% {

    -webkit-transform: scale3d(1.3, 1.3, 1.3);

            transform: scale3d(1.3, 1.3, 1.3);

  }



  100% {

    -webkit-transform: scale3d(0.625, 0.625, 0.625);

            transform: scale3d(0.625, 0.625, 0.625);

  }





}





@media only screen and (max-width:980px) {

  .who-are-sec-bk02 .point-list .point-item .point {width:10px; height:10px; top:-5px;left:-5px; }

  .who-are-sec-bk02 .point-list .point-item .span1 { width:20px;height:20px;left:-10px;top:-10px;}

  .who-are-sec-bk02 .point-tips-list .layer-txt h4 { font-size: 14px;}

  .who-are-sec-bk02 .label-list {font-size: 14px;}

  .who-are-sec-bk02 .label-list p img { margin-right: 10px;top:0px;}



}



@media only screen and (max-width:840px) {

  .who-are-sec-bk02 .point-tips-list .layer-txt.li01 {right:84%;top:21%;}

}



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

  /*.who-are-sec-bk02 .point-tips-list .page-ico img { height: 12px; }

  .who-are-sec-bk02 .point-tips-list .layer-txt h4 { font-size: 12px;}

  .who-are-sec-bk02 .point-tips-list .layer-txt:nth-child(2) {left:0px; top:33%; }

  .who-are-sec-bk02 .point-tips-list .layer-txt:nth-child(3) {right:29.5%;}

  .who-are-sec-bk02 .point-tips-list .layer-txt:nth-child(1) {top:-4%;} 

  .who-are-sec-bk02 .point-tips-list .layer-txt:nth-child(7) {left:auto; text-align: right; right:20%;top:38.5%;}

  .who-are-sec-bk02 .label-list {font-size: 12px;}

  .who-are-sec-bk02 .label-list p {padding-top: 6px;}

  .who-are-sec-bk02 .label-list p img { height: 12px; top:3px; }

  .who-are-sec-bk02 .point-list .point-item .point {width:8px; height:8px; top:-4px;left:-4px; }

  .who-are-sec-bk02 .point-list .point-item .span1 { width:10px;height:10px;left:-5px;top:-5px;}

  .who-are-sec-bk02 .point-list .point-item:nth-child(1) {top:17.5%; }

  .who-are-sec-bk02 .point-list .point-item:nth-child(2) {top:20.5%; }*/

}