@charset "UTF-8";
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {background: #fff;  }
::-webkit-scrollbar-thumb {background: #1b1b1b;  }
::-webkit-scrollbar-thumb:window-inactive { background: #1b1b1b;  }
::-webkit-scrollbar-thumb:vertical:hover {  background: #1b1b1b;  }
.w1520 {  width: 79%;  margin: 0 auto; }
html, body {  color: #777;  background-color: #FFF; float: left; }
input, textarea, select {  margin: 0;  padding: 0;  }
input {  border: none;  }
a {  color: #777;  transition: color 0.3s ease 0s;  }
a:hover {  color: #333;  }
li {  float: left;  }
ul:after {  display: block;  height: 0;  clear: both;  visibility: hidden;  overflow: hidden;  content: ".";  }
img.up-pic {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: 2;  *height: auto;  }
.pagination {  position: absolute;  bottom: 0;  left: 0;  text-align: center;  width: 100%;  height: 10px;  }
.pagination span {  display: inline-block;  width: 8px;  height: 8px;  border: 1px solid #dadada;  border-radius: 50%;  margin: 0 5px;  vertical-align: top;  }
.pagination span.swiper-pagination-bullet-active {  border: 1px solid #3b3b3b;  background: none;  }
.banner .swiper-slide{}

.body-wrap {width: 100%;position: relative; transition: all 0.5s ease 0s;z-index: 1;}
.body-wrap.left, header.left .header-main { transform: translateX(-66%);}
.contact-wrap {
  background-color: #f6f6f6;
  padding-top: 50px;
  padding-bottom: 50px;
}
.animate{position: absolute;display: none;}

.full{width: 100%; height: auto; float: left;}
.full img{width: 100%; height: auto; float: left;}

@keyframes downico {
  0% {top: 0;opacity: 1;}
  35% {top: 50%;opacity: 0;}
  65% {top: -50%;opacity: 0;}
  100% {top: 0;opacity: 1;}
}
.part0{width: 100%; height: auto; float: left; background:#ec008c;}
.part0-wrap{width: 100%; height: auto;float: left;}
/* .part0-wrap .box1{width:40%; height: auto; float: left;;}
.part0-wrap .box1 img{ width: 100%; height: auto} */
.part0-wrap .box2{ width: 100%; height: auto; padding-left: 10%;float: left;}
.part0-wrap .box2 .tit{width: 20%; height:auto;margin-top:8Vh; float: left}
.part0-wrap .box2 .tit img{width: 100%; height: auto;float: left}
.part0-wrap .box2 .texts{width: 70%; height:auto; float: left; color: #FFF; margin-top:10vh; }
.part0-wrap .box2 .text{width: 90%; padding-left: 10%; height: auto; float: left; font-size:16px; line-height: 30px; }
.part0-wrap .box2 .texten{width: 90%; padding-left: 10%; height: auto; float: left;font-size:16px; line-height: 30px; margin-top:3vh;}

/*part1*/
.part1-wrap { background-color: #FFF; padding-bottom:60px; float: left;width: 100%; height: auto}
.part1-wrap .top-titbox{width: 95%; height: auto; padding-top:100px;float: left; padding-left: 12%; padding-bottom: 40px}
.part1-wrap .top-titbox h2{ margin: 0 auto; font-size:6rem; color: #FFF;position: relative; background: #ec008c;
  float: left; z-index: 1; font-weight: 600;line-height:6rem;transition: transform 0.6s ease 0s; padding: 5px 5rem; }
.part1-wrap .top-titbox span{ font-size:20px; color: #000; position: relative;z-index: 0;line-height:40px;float: left;width: 100%}
.part1-wrap .top-titbox p{color:#666666}
.part1-wrap .box1{width: 20%; height: auto; float: left; padding-left: 10%}
.part1-wrap .box1 img{ width: 100%; height: auto}
.part1-wrap .box2{ width: 50%; padding-left: 10%; float: left; padding-top:2rem;}
.part1-wrap .box2 .tit{width:50%; height:6rem; font-size:5rem; font-weight: bold;margin-top:10Vh; float: left ; color: #474847;
  position: relative; padding-left:15rem;}
.part1-wrap .box2 .tit::after{width:18rem; position: absolute; content:''; height:19rem; background:url("../image/2_07.png") no-repeat;
  bottom:-10rem; left:-6rem; transition: transform 0.6s ease 0s; background-size: 100% auto;}
.part1-wrap .box2 .texts{width: 100%; height:auto; float: left; color: #FFF; margin-top:3vh; color: #000000; background:#f7f6f6;
border:10px solid #ffffff;box-shadow: 0px 0px 5px 4px rgba(4,0,0,0.05); padding:6rem 5%;
}
.part1-wrap .box2 .text{width: 100%; height: auto; float: left; font-size:1.6rem; line-height: 3rem;}
.part1-wrap .box2 .texten{width: 100%; height: auto; float: left;font-size:1.6rem; line-height: 3rem; margin-top:3vh;}


.part2-wrap { background-color: #FFF; padding-bottom:80px; float: left;width: 100%; height: auto}
.part2-wrap .box1{width: 20%; height: auto; float: left;}
.part2-wrap .box1 img{width: 100%;height: auto}
.part2-wrap .box2{ width: 50%; padding:0% 6%;padding-left: 15%; float: left;padding-top:20px;}
.part2-wrap .box2 .tit{width:50%; height:6rem; font-size:5rem; font-weight: bold;margin-top:10Vh; float: left ; color: #474847;
  position: relative; padding-left:15rem;}
.part2-wrap .box2 .tit::after{width:18rem; position: absolute; content: ''; height:19rem; background:url("../image/2_07.png") no-repeat;
  bottom:-10rem; left:-6rem; transition: transform 0.6s ease 0s; background-size: 100% auto;}
.part2-wrap .box2 .texts{width: 95%; height:auto; float: left; color: #FFF; margin-top:3vh; color: #000000; background:#f7f6f6;
border:10px solid #ffffff;box-shadow: 0px 0px 5px 4px rgba(4,0,0,0.05); padding:6rem 5%;
}
.part2-wrap .box2 .text{width: 100%; height: auto; float: left; font-size:1.6rem; line-height: 3rem;}
.part2-wrap .box2 .texten{width: 100%; height: auto; float: left;font-size:1.6rem; line-height: 3rem; margin-top:3vh;}

.part3-wrap { background-color: #FFF; padding-bottom:60px; float: left;width: 100%; height: auto}
.part3-wrap .box1{width: 20%; height: auto; float: left;;}
.part3-wrap .box1 img{ width: 100%; height: auto}
.part3-wrap .box2{ width: 70%; padding-left: 10%; float: left;}
.part3-wrap .box2 .tit{width: 50%; height: auto; font-size: 30px; margin-top:10Vh; float: left ; color: #000}
.part3-wrap .box2 .tit img{width: 100%; height: auto}
.part3-wrap .box2 .text{width: 100%; height: auto; float: left; font-size:20px; line-height: 30px; color: #000000; margin-top:3vh; }
.part3-wrap .box2 .texten{width: 100%; height: auto; float: left;font-size:16px; line-height: 30px; color: #000000; margin-top:3vh;}

.part4{width: 100%; height: auto; position: relative;}
.part4-wrap {background-color: #FFF; padding-bottom:60px; float: left;}
.part4-wrap .top-titbox{width: 95%; height: auto; padding-top:15rem;float: left; padding-left: 5%; padding-bottom:7.7rem}
.part4-wrap .top-titbox h2{ margin: 0 auto; font-size:6rem; color: #FFF;position: relative;float: left; z-index: 1;
  font-weight: 600;line-height:6rem;transition: transform 0.6s ease 0s; background: #ec008c;padding: 5px 5rem;}
.part4-wrap .top-titbox p{color:#666666}
.part4-wrap .box{width: 100%; height: auto; float: left; position: relative; z-index: 1; margin-top: 22%;}
.part4-wrap dl{width: 30%; height: auto; float: left;}
.part4-wrap dl dt{width: 100%; height: auto; float: left; position: relative; margin-bottom:4.2rem}
.part4-wrap dl dt img{ width: 100%; height: auto}
.part4-wrap dl dd{ font-size: 20px; color: #000; text-align: center; width: 100%; float: left; line-height: 30px}


.part4 .box2{width:64.5%; top:0%; position: absolute; right:0%;}
.part4 .box2::after{width:100%; position: absolute; content: ''; height:25px; background:#ec008c; top:0px; left:-100%; transition: transform 0.6s ease 0s;}

.part4 .box2 .bx1{width:100%; height:auto;float: left;}
.part4 .box2 .bx1 img{width:100%; height: auto; float: left;}

.part4-wrap .box3{width:40%; height:auto; font-size:14px; float: left ; color: #FFF; background: #e4007f;
   position: relative; z-index: 2; padding:30px; }
.part4-wrap .box3 p{width: 100%; line-height:25px;font-size:14px;}


/* 21a4e3 */
.aboutw120{max-width:130rem; width:130rem;}
.aboutw120 .pin{width: 80%; height:562px; margin-left:10%; text-align: center; float: left; position: relative;}
.aboutw120 .pin img{width: 100%; height: auto; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); }
.about{width: 100%; height:964px; float: left;background: url(../image/bg2_02.jpg) center top #F6F6FA no-repeat;}
.about .top-titbox{width: 95%; height: auto; padding-top:130px;float: left; padding-right: 5%; margin-left: 10%; padding-bottom:60px;}
.about .top-titbox h2{ margin: 0 auto; font-size:6rem; color: #FFF;position: relative;float: left; z-index: 1; font-weight: 600;
  line-height:6rem;transition: transform 0.6s ease 0s; background: #ec008c; padding: 5px 5rem; }
.about .box{width: 100%; height:auto; float: left; margin-top: 160px;}


.part5{width: 100%; float: left; height: auto; background: url("../image/p5.jpg") center center; background-size: 100% 100%}
.part5 img{width: 100%}





.foot{width: 100%;height:auto;  overflow: hidden; float: left; background: #1a1a1a; }
.foot dl{ padding-top: 40px;}
.foot dl dt{width:139px; height: auto; float: left;}
.foot dl dt p{width: 100%; float: left;}
.foot dl dt p img{width: 100%; height: auto;}
.foot dl dt span{width: 100%; float: left; color: #FFF; text-align: center;}
.foot dl dd{ float: left; color: #FFF; font-size: 14px; margin-left: 50px;}
.foot dl dd.bt1{margin-left: 10%;}
.foot dl dd.bt2{margin-left: 30%;}
.foot dl dd a{color: #FFF}
.foot .ho{width: 100%; float: left;padding-top: 10px; padding-bottom:40px}
.foot .ho p{ color: #FFFFFF; font-size: 11px;width: 100%; text-align: center;}
.foot .ho span{ color: #FFFFFF; font-size: 10px;width: 100%; text-align: center; float: left;}



#fp-nav{width: 20px; height: auto;}

@keyframes pointActive {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  40% {
    transform: translateX(10px);
    opacity: 0;
  }
  60% {
    transform: translateX(-5px);
    opacity: 0;
  }
  80% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/***************鍏充簬鎴戜滑*************/

@media only screen and (max-width: 700px){
}
@keyframes bounce{
  0%{-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  3.4%{-webkit-transform:matrix3d(1.032, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.032, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  4.7%{-webkit-transform:matrix3d(1.045, 0, 0, 0, 0, 1.06, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.045, 0, 0, 0, 0, 1.06, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  6.81%{-webkit-transform:matrix3d(1.066, 0, 0, 0, 0, 1.089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.066, 0, 0, 0, 0, 1.089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  9.41%{-webkit-transform:matrix3d(1.088, 0, 0, 0, 0, 1.117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.088, 0, 0, 0, 0, 1.117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  10.21%{-webkit-transform:matrix3d(1.094, 0, 0, 0, 0, 1.123, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.094, 0, 0, 0, 0, 1.123, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  13.61%{-webkit-transform:matrix3d(1.112, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.112, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  14.11%{-webkit-transform:matrix3d(1.114, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.114, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  17.52%{-webkit-transform:matrix3d(1.121, 0, 0, 0, 0, 1.124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.121, 0, 0, 0, 0, 1.124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  18.72%{-webkit-transform:matrix3d(1.121, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.121, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  21.32%{-webkit-transform:matrix3d(1.12, 0, 0, 0, 0, 1.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.12, 0, 0, 0, 0, 1.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
  24.32%{-webkit-transform:matrix3d(1.115, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.115, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}25.23%{-webkit-transform:matrix3d(1.113, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.113, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.03%{-webkit-transform:matrix3d(1.106, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.106, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}29.93%{-webkit-transform:matrix3d(1.105, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.105, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}35.54%{-webkit-transform:matrix3d(1.098, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.098, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}36.74%{-webkit-transform:matrix3d(1.097, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.097, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}41.04%{-webkit-transform:matrix3d(1.096, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.096, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}44.44%{-webkit-transform:matrix3d(1.097, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.097, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}52.15%{-webkit-transform:matrix3d(1.099, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.099, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}59.86%,63.26%{-webkit-transform:matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}100%,75.28%,85.49%,90.69%{-webkit-transform:matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform:matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}
}



@media (max-width: 780px){
}