@charset "UTF-8";
body{overflow-y:auto;overflow-x: hidden; background:#000000;}
html{
  font-size:5.952vw;
}
@media screen and  (min-width:1680px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}

.w_1200{max-width: 1200px;margin-left: auto;margin-right: auto; position:relative; z-index:6;}
.w_1280{max-width: 1280px;margin-left: auto;margin-right: auto; position:relative; z-index:6;}
.w_1404{max-width: 1404px;margin-left: auto;margin-right: auto; position:relative; z-index:6;}
.w_1680{max-width: 1680px;margin-left: auto;margin-right: auto; position:relative; z-index:6;}
.w_1920{max-width: 1920px;margin-left: auto;margin-right: auto; position:relative; z-index:6;}
.w_width{max-width:1600px; margin-right: auto; margin-left: auto; position:relative; z-index:6;}
.ctext{ float:left; width:100%; padding-left: 0.56rem;padding-right: 0.56rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
.w_width0{  padding-left:0;  padding-right:0;}
}




.head{ float:left; width:100%; position:fixed; left:0; top:0; z-index:20;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.head.down{ display:none;}
.head .top{ float:left; width:100%;flex-wrap:wrap; display: flex; align-items: center;justify-content:space-between; padding:calc(5px + 0.2rem) 0.56rem;}
.head.green .top{ background:#253b2c;}
.head.active .top{ transform:translateY(-100%); -ms-transform:translateY(-100%);}
.head .logo{ float:left;line-height:0;}
.head .logo a{ float:left;}
.head .logo img{ height:30px;}
.head .menuph{ float: left; position:relative; cursor: pointer; display:flex; flex-wrap:wrap; align-items:center;}
.head .menuph .navbtn{ float:left; width:20px; height:14px; border-top:2px solid #fff; border-bottom:2px solid #fff; position:relative;}
.head .menuph .navbtn::after{ float:left; position: absolute; left: 0; top:50%; width: 100%; height: 2px; content: ''; background: #fff; margin-top:-1px;}

.menuBg{ display:none; width:100%; height:100%; position:fixed; left:0%; top:0; z-index:21; background:rgba(0,0,0,0.2);}
.xialaph{ float:right; width:calc(258px + 1.66rem); height:100%; position:fixed; left:-100%; top:0; z-index:22; background:#fff; padding:0.74rem 0.85rem;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  
}
.xialaph.active{ left:0;}
.xialaph .colse{ position:relative; width:16px; height:16px; cursor:pointer;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  
}
.xialaph .colse:hover{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.xialaph .colse:after,
.xialaph .colse:before{ float:left; width:100%; height:1px; content:''; background:#4f4f4f; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}
.xialaph .colse:before{ height:100%; width:1px; }
.xialaph .center{ float:left; width:100%; position:relative;}
.xialaph .ul1{float:left; width:100%; margin-top:calc(10px + 0.1rem);}
.xialaph .ul1 .li1{float:left; width:100%; margin-top:calc(5px + 0.03rem); }
.xialaph .ul1 .li1 h4{ float:left; width:100%; position:relative;}
.xialaph .ul1 .li1 h4 a{ float:left; width:100%; color:#000000; font-size:calc(14px + 0.04rem); line-height:calc(24px + 0.12rem);}
.xialaph .ul1 .li1 h4 i{ position:absolute; right:0; top:50%; float:right; width:10px; height:10px; margin-top:-5px; cursor:pointer;}
.xialaph .ul1 .li1 h4 i:after,
.xialaph .ul1 .li1 h4 i:before{ float:left; width:100%; height:2px; content:''; background:#cccccc; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.xialaph .ul1 .li1 h4 i:before{height:100%; width:2px; }
.xialaph .ul1 .li1.active h4 i:after,
.xialaph .ul1 .li1.active h4 i:before{ background:#253c2c;}
.xialaph .ul1 .li1.active h4 i:before{ height:0; width:0;}
.xialaph .ul1 .li1.active h4 a{ color:#253c2c;}
.xialaph .ul2{ display:block; float:left; width:100%; padding-bottom:3px; display:none; }
.xialaph .ul2 .li2{float:left; width:100%; margin-bottom:calc(5px + 0.05rem); }
.xialaph .ul2 .li2:last-child{ margin-bottom:0;}
.xialaph .ul2 .li2 h5{ float:left; width:100%;}
.xialaph .ul2 .li2 h5 a{ float:left; width:100%; color:#000000; font-size:12px; line-height:calc(22px + 0.08rem); padding:0 calc(10px + 0.06rem);}
.xialaph .ul2 .li2 h5 a:hover{ color:#253c2c;}

.topMt{ margin-top:calc(40px + 0.4rem)}

@media screen and (max-width: 767px) {
.xialaph{ width:60%; padding:1.4rem 1.4rem;}
.head .logo img{ height:26px;}
.topMt{ margin-top:calc(36px + 0.4rem);}


}


.footer{ float:left; width:100%; background:#253c2c; padding-top:calc(10px + 0.52rem); padding-bottom:calc(10px + 1.12rem); position: relative; z-index: 10;}
.section6{ padding-bottom:calc(10px + 0.52rem);}
.footer .box{ float:left; width:100%;}
.footer .right{ float:right; display:flex; flex-direction:column; text-align:right; width:260px;}
.footer .logo{ float:left; display:block; line-height :0; }
.footer .logo img{ max-width:none; height:38px;}
.footer .text{ float: left; color:#fff; color:rgba(255,255,255,0.48); font-size:13px; line-height:calc(22px + 0.02rem); margin-top:0.17rem; white-space:pre-line;}
.footer .Copyright{ float: left; width:100%; color:#fff; color:rgba(255,255,255,0.48); font-size:13px; line-height:21px; margin-top:0.15rem;}
.footer .Copyright a{ color:#fff; color:rgba(255,255,255,0.48);}
.footer .Copyright a:hover{ color:#fff;}
.footer .nav{ float:left; display: flex;flex-wrap: wrap; flex-direction:column; margin-right:1.7rem;}
.footer .nav3{ margin-right:0 !important;}
.footer .nav h5{ float:left; font-family:Arial; color:#fff; font-size:16px; line-height:1; text-transform:uppercase; margin-bottom:0.22rem;}
.footer .nav ul {display: flex;flex-wrap: wrap; flex-direction:column;}
.footer .nav ul li{ float:left; display: flex; color:#fff; color:rgba(255,255,255,0.48); font-size:13px; line-height:calc(22px + 0.04rem); margin:0.04rem 0; align-items:center;}
.footer .nav ul li a{ float:left; color:#fff; color:rgba(255,255,255,0.48); font-size:13px; line-height:calc(22px + 0.04rem); display: flex; align-items:center;}
.footer .nav ul li img{ min-width:16px; width:16px; height:16px; opacity:0.48; margin-right:0.1rem;transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;}
.footer .nav ul li:hover img{ opacity:1; }
.footer .nav ul li:hover a{ color:#fff;}
.footer .nav2{ width:206px;}
.footer .nav2 .cont{ width:100%; display: flex; flex-wrap:wrap; justify-content:space-between;}



@media (max-width: 1024px){
.footer{ padding-top:calc(10px + 0.4rem); padding-bottom:calc(10px + 0.4rem);}
.section6{ padding-bottom:calc(10px + 0.4rem);}
.footer .box{ padding:0;}
.footer .nav{ margin-right:1rem;}
.footer .nav2{ width:180px;}
}
@media (max-width: 767px){
.footer .box{ justify-content:space-between; display:flex; flex-wrap:wrap;}
.footer .logo img{ height:30px; display: none;}
.footer .nav{ margin-right:0; width:100%; flex-wrap:nowrap; }
.footer .nav h5{ margin-bottom:0.1rem;font-size: 14px; line-height:22px;}
.footer .nav ul{flex-direction: row; width:100%;}
.footer .nav ul li{ width: 25%; margin:0;}
.footer .nav ul li a{ font-size: 12px;line-height:20px;}
.footer .nav ul li img{ display:none; margin-right:3px;}
.footer .nav1{ display: none;}
.footer .nav2{ width:100%; margin-top:0.4rem;}
.footer .nav3{ width:100%; margin:0.4rem 0 0.25rem 0;}
.footer .nav3 ul{ flex-direction:row; justify-content:space-between;}
.footer .nav3 ul li{ width:50%;}
.footer .nav3 ul li:nth-child(2n){ width:50%;}
.footer .right{ width:100%; text-align:center;}
.footer .text{ white-space:normal; margin-top:0; font-size: 12px;line-height:20px; display: none;}
.footer .Copyright{ font-size: 12px;line-height:20px;}
}






@keyframes _fadeIn {
 0% {opacity:1;
  transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1);
 }
80% {
    opacity:1;
    transform:translate(-50%,-50%) scale(1.48); -ms-transform:translate(-50%,-50%) scale(1.48);
 }
  100% {
  opacity:0; transform:translate(-50%,-50%) scale(1.6); -ms-transform:translate(-50%,-50%) scale(1.6);
 }
}
@keyframes _fadeInUp{
 0% {
   opacity:0;  transform:translateY(0.4rem);
 }
 100% {
   opacity:1; transform:translateY(0rem)
 }
}
@keyframes _fadeInUpTit{
 0% {
   opacity:0;  transform:translateY(0.28rem);
 }
 100% {
   opacity:1; transform:translateY(0rem)
 }
}
@keyframes _fadeInUpP{
 0% {
   opacity:0;  transform:translateY(0.35rem);
 }
 100% {
   opacity:1; transform:translateY(0rem)
 }
}
@keyframes _fadeInUp6{
 form {
   opacity:0;
 }
 to {
    opacity:1; 
 }
}

.dowebok{ float:left; width:100%; height:100vh;}
.section{ float:left; width:100%; height:100vh !important; position:relative; z-index:6; overflow:hidden !important; overflow:hidden;}
.section .bg{ float:left; width:100%; height:100vh !important; position:absolute; left:0%; top:0%; z-index:1;/* transform:matrix(1.06, 0, 0, 1.06, 0, 0); -ms-transform:matrix(1.06, 0, 0, 1.06, 0, 0); */
/* -webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  */ }
.section .bg li {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center;
  background-size: cover;
}
.section.active .bg{/* transform: matrix(1, 0, 0, 1, 0, 0); -ms-transform: matrix(1, 0, 0, 1, 0, 0); */ }
.section .back{float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:#000; opacity:0.3; z-index:2;}
.section .video{ float:left; width:100%; height:100%; position:absolute; left:50%; top:50%;  z-index:3; object-fit:cover; transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); }

.section_last,
.section_last .fp-tableCell{ height:auto !important; overflow:visible !important;}


.home_text{ float:left; width:100%; text-align:center; position:absolute; left:50%; top:52%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:6; display:flex; justify-content:center; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.home_text .list{ float:left; width:100%; display:flex; justify-content:center; position:relative;}
.home_text .list .item{ float:left; width:100%; height:100vh; padding-top:calc(35px + 0.44rem); position:relative; display:flex;justify-content:center; flex-wrap:wrap; align-items:center; transition:background-color .3s;}
.home_text .list .la{ float:left; width:100%; position:relative; z-index:6; display:flex; flex-wrap:wrap; justify-content:center; }
.home_text .ico{ float:left; width:100%; line-height:0;/* opacity:0; */ transition:transform .3s,transform .3s; margin-bottom:0.4rem;}
.home_text .ico img{ max-width:none; height:1.12rem;}
.home_text .tit{ float:left; width:100%; color:#fff; font-size:0.4rem; line-height:0.5rem; max-height:1rem; overflow:hidden; letter-spacing:0.04rem; font-weight:lighter;/* opacity:0; */transition:transform .3s,transform .3s; margin-bottom:0.18rem;}
.home_text .p{ float:left; width:100%; color:#fff; font-size:0.2rem; line-height:0.3rem; max-height:0.6rem; overflow:hidden; letter-spacing:0.02rem;/* opacity:0; */ transition:transform .3s,transform .3s; margin-bottom:0.35rem;}
.home_text .more{ float:left; width:100%;flex-wrap:wrap; display:flex; justify-content:center;/* opacity:0; */ }
.home_text .more a{ float:left; overflow:hidden; position:relative; width:calc(70px + 0.6rem); letter-spacing:0.02rem; color:#fff; font-size:calc(12px + 0.04rem); line-height:calc(22px + 0.1rem); height:calc(22px + 0.1rem);border-radius:calc(22px + 0.1rem); padding-bottom:1px;
 background-position:right bottom;
 transition:all .3s ease; }
.home_text .more a:after{ display: block; content: ''; position: absolute; left: 0; top: 0;border-radius:calc(22px + 0.1rem); border:1px solid #fff; width: 100%; height: 100%; }
.home_text .more a:hover{ color:#253b2c;  border:1px solid #fff; background: #fff;   /* background:linear-gradient(to left,transparent 50%,#ffffff 50%);
 background-size:200% 100%; background-position:left bottom; */}
.active .home_text{animation:_fadeInUp6 linear forwards; animation-duration: 0.4s; animation-delay:0.7s; }

._active .home_text{/* top:74%; */ opacity: 0;}
._active .home_text .tit{ opacity:1; }
._active .home_text .p{ opacity:1; }
._active .home_text .more{ opacity:1;}


/* .section2.active .home_text .tit,
.section3.active .home_text .tit,
.section4.active .home_text .tit,
.section5.active .home_text .tit,
.section.on .home_text .tit{ animation:_fadeInUpTit linear forwards; animation-duration:0.6s; animation-delay:0.4s; }
.section2.active .home_text .p,
.section3.active .home_text .p,
.section4.active .home_text .p,
.section5.active .home_text .p,
.section.on .home_text .p{ animation:_fadeInUpP linear forwards; animation-duration: 0.4s; animation-delay:0.7s; }
.section2.active .home_text .more,
.section3.active .home_text .more,
.section4.active .home_text .more,
.section5.active .home_text .more{ animation:_fadeInUpTit linear forwards; animation-duration: 0.2s; animation-delay:1s;}
.section.on .home_text .more{ animation:_fadeInUp linear forwards; animation-duration: 0.2s; animation-delay:0.3s;}
.section.on .home_text .ico{ animation:_fadeInUp linear forwards; animation-duration: 0.4s; animation-delay:0.2s; }
 */


@media (max-width: 1024px){
body{overflow-y: auto !important;}

._active .home_text{ top:72%;}
.section,
.section .fp-tableCell{/* height:auto !important; */}
.section1{ margin-top:0;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.section1._active{ margin-top:0;}
.home_text{ top:40%; padding: 0 15%;}
.home_text .ico{ opacity:1; margin-bottom:0.6rem;}
.home_text .ico img{height:1.12rem;}
.home_text .tit{ opacity:1;font-size:calc(12px + 0.2rem); line-height:calc(20px + 0.26rem); max-height:calc(40px + 0.52rem);  letter-spacing:0.02rem; color:rgba(255,255,255,0.9); margin-top: 1rem;}
.section.active .home_text .tit{margin-top: 0;}
.home_text .p{ opacity:1;font-size:12px; line-height:calc(20px + 0.06rem); max-height:calc(40px + 0.12rem); letter-spacing:0.01rem; margin:0.2rem 0 0.5rem 0;color:rgba(255,255,255,0.9);}
.home_text .more{ opacity:1;}
.home_text .list{ left:0 !important;}
.home_text .list .item{ height:auto; padding:2rem 0; margin-top:0;}
.home_text .list .item:after{ width:100%; left:0;}

.section3 .home_text{ margin-top:0;}

.home_text .more a{ width:calc(70px + 0.3rem); letter-spacing:0.02rem; font-size:10px; line-height:calc(20px + 0.1rem); height:calc(22px + 0.1rem);border-radius:calc(22px + 0.1rem);color:rgba(255,255,255,0.8);}
.home_text .more a:after{ border: 1px solid rgba(255,255,255,0); animation:_fadeInUp1 linear forwards; animation-duration: 0.5s; animation-delay:0.5s;}


/* .section2.active .home_text,
.section3.active .home_text,
.section4.active .home_text,
.section5.active .home_text,
.section.on .home_text{ animation:_fadeInUp2 linear forwards; animation-duration: 0.8s; animation-delay:0.8s;}
.section2.active .home_text .tit,
.section3.active .home_text .tit,
.section4.active .home_text .tit,
.section5.active .home_text .tit,
.section.on .home_text .tit{ animation:none;}
.section2.active .home_text .p,
.section3.active .home_text .p,
.section4.active .home_text .p,
.section5.active .home_text .p,
.section.on .home_text .p{ animation:none; }
.section2.active .home_text .more,
.section3.active .home_text .more,
.section4.active .home_text .more,
.section5.active .home_text .more{ animation:none;}
.section.on .home_text .more{ animation:none;}
.section.on .home_text .ico{ animation:none; } */

@keyframes _fadeIn {
 0% {
  transform:translate(0%,0%) scale(1); -ms-transform:translate(0%,0%) scale(1);
 }
 100% {
  transform:translate(0%,0%) scale(1.2); -ms-transform:translate(0%,0%) scale(1.2);
 }
}
@keyframes _fadeInUp{
 0% {
   opacity:1;  transform:translateY(0); -ms-transform:translateY(0);
 }
 100% {
   opacity:1; transform:translateY(-10px); -ms-transform:translateY(-10px);
 }
}

@keyframes _fadeInUp1{
 0% {
    border: 1px solid rgba(255,255,255,0);
 }
 100% {
    border: 1px solid rgba(255,255,255,0.8);
 }
}
@keyframes _fadeInUp2{
 0% {
   opacity:0;  transform:translate(-50%,0%); -ms-transform:translate(-50%,0%);
 }
 100% {
   opacity:1; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
 }
}


}


.init {
 width:100%;
 height:100%;
 position:absolute;
 background-color:#253b2c;
 z-index:22
}
.init .progress {
 width:0;
 height:3px;
 position:absolute;
 top:53%;
 background-color:#fff
}
#logo {
 display:block;
 height:calc(36px + 0.1rem);
 position:absolute;
 top:47%;
 left:50%;
 transform:translate(-50%,-50%);
 transition:opacity 1s,top 1s;
 z-index:25
}


._head{ transform:translateY(-100%); -ms-transform:translateY(-100%); transition:opacity 1s,transform 1s;}
._head.on{ transform:translateY(0%); -ms-transform:translateY(0%);}


._list1{ float:right; position:absolute; right:0; bottom:0; z-index:8; background:rgba(0,0,0,0.21);  width:3.2rem; height:100%; padding:calc(36px + 0.44rem) 0.3rem 0 0.3rem; display:flex; flex-wrap:wrap; align-items:center;}
._list1 .ul{ float:left; width:100%;}
._list1 ul{ float:left; width:100%; padding:0.12rem 0;}
._list1 ul li{ float:left; width:100%; margin:0.12rem 0;}
._list1 ul li a{ float:left; width:100%; text-align:center; display:flex; flex-wrap:wrap; justify-content:center;}
._list1 ul li .ico{ float:left; line-height:0; overflow:hidden; border-radius:50%;  margin-bottom:0.1rem;border:1px solid rgba(255,255,255,0.4);}
._list1 ul li .ico i{ float:left; width:0.96rem; height:0.96rem; overflow:hidden; border-radius:50%; background:rgba(255,255,255,0.16); display:flex; align-items:flex-end; justify-content:center; margin:5px;}
._list1 ul li .ico i img{ max-width:none; width:0.72rem; height:0.78rem;}
._list1 ul li .tit{ float:left; width:100%; color:#FFF; font-size:calc(12px + 0.04rem); line-height:calc(16px + 0.04rem); overflow:hidden;white-space: nowrap; text-overflow:ellipsis; opacity:0.4;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
._list1 ul li.slick-current .ico{border:1px solid rgba(255,255,255,1); box-shadow:0 0 0.18rem rgba(255,255,255,0.29);}
._list1 ul li.slick-current .tit,
._list1 ul li:hover .tit{ opacity:1;}
._list1 .slick-arrow{ width:0.4rem; height:0.4rem; border-radius:50%;border:1px solid rgba(255,255,255,0.29); top:100%; left:50%; -webkit-transform: translate(-50%,0);-ms-transform:translate(-50%,0);transform: translate(-50%,0);}
._list1 .slick-arrow:hover{ background:rgba(255,255,255,0.29);}
._list1 .slick-arrow:after{ float:left; width:6px; height:6px; border-bottom:1px solid #fff; border-right:1px solid #fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); content:''; }
._list1 .slick-prev{ top:auto; bottom:100%;}
._list1 .slick-prev:after{transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg);}

@media (max-width: 1660px){
._list1 ul{ padding:0.06rem 0;}
._list1 ul li{ margin:0.06rem 0;}
._list1 ul li .ico{ margin-bottom:0.08rem;}
._list1 ul li .ico i{ width:0.82rem; height:0.82rem; margin:4px;}
._list1 ul li .ico i img{width:0.60rem; height:0.65rem;}

}
@media (max-width: 1024px){
._list1{ background:#253b2c; position:relative; width:100%; height:auto; padding:15px 10px; }
._list1 ul{ padding:0 calc(25px + 0.25rem);}
._list1 ul li{ margin:0; padding:0 calc(4px + 0.04rem);}
._list1 ul li .ico{ margin-bottom:calc(5px + 0.05rem);}
._list1 ul li .ico i{ width:calc(48px + 0.48rem); height:calc(48px + 0.48rem); margin:4px;}
._list1 ul li .ico i img{width:calc(36px + 0.36rem); height:calc(39px + 0.39rem);}
._list1 .slick-arrow{  width:calc(20px + 0.2rem); height:calc(20px + 0.2rem); left:0; top:50%; -webkit-transform: translate(0,-50%);-ms-transform:translate(0,-50%);transform: translate(0,-50%);}
._list1 .slick-next{ left:auto; right:0;}
._list1 .slick-arrow:after{transform:translate(-50%,-50%) rotate(-45deg); -ms-transform:translate(-50%,-50%) rotate(-45deg); margin-left:-2px;}
._list1 .slick-prev:after{transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg); margin-left:2px;}
.init .progress{ height: 1px;}
#logo {height:calc(30px + 0.1rem);}


}


@-webkit-keyframes transform {
    0% {opacity : 0.4;}
    20% {opacity : 0.6;}
    40% {opacity : 1;}
    60% {opacity : 0.4;}
    80% {opacity : 0.6;}
    100% {opacity : 1;}
}
@keyframes transform {
    0% {opacity : 0.4;}
    20% {opacity : 0.6;}
    40% {opacity : 1;}
    60% {opacity : 0.4;}
    80% {opacity : 0.6;}
    100% {opacity : 1;}
}

.inTitle{ float:left; width:100%; text-align:center; color:#253b2c; letter-spacing:0.02rem; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.18rem);}
.inMore{ float:left; width:100%; display:flex; justify-content:center; text-align:center;}
.inMore a{ float:left; color:#253b2c;font-size:calc(12px + 0.04rem); line-height:calc(20px + 0.06rem); position:relative; padding-top:10px;}
.inMore .ico{ float:left; display:flex; position:absolute; left:50%; top:0; transform:translate(-50%,0); -ms-transform:translate(-50%,0);}
.inMore .ico i{ float:left; width:8px; height:8px; border-radius:50%; background:#253b2c;  margin:0 4px;}
.inMore .ico .one{animation : transform 2s infinite;-webkit-animation : transform 2s infinite;}
.inMore .ico .two{animation : transform 2s infinite;-webkit-animation : transform 2s infinite;animation-delay : 0.4s;-webkit-animation-delay : 0.4s;}
.inMore .ico .san{animation : transform 2s infinite;-webkit-animation : transform 2s infinite;animation-delay : 0.8s;-webkit-animation-delay :0.8s;}
.Brand{ padding-top:calc(10px + 0.38rem); padding-bottom:calc(10px + 0.42rem);}
.Brand .list{ float:left; width:100%; padding-top:calc(10px + 0.27rem); padding-bottom:calc(10px + 0.3rem);}
.Brand .list ul{ display:flex; flex-wrap:wrap; margin:-0.28rem -0.17rem; }
.Brand .list ul li{ float:left; width:33.33%; padding:0.28rem 0.17rem; overflow:hidden;}
.Brand .folio-item { overflow:hidden;position: relative;}
.Brand .overlay {background:rgba(0,0,0,0.3); color: #fff;left: 0;right: 0;bottom: -100%;height: 0;position: absolute;text-align: center;
-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.Brand .overlay .overlay-content {display: table;height: 100%;width: 100%;}
.Brand .overlay .overlay-text {display: table-cell;vertical-align: middle; margin-top:0.22rem}
.Brand .overlay .folio-info{opacity: 0;margin-bottom: 75px;margin-top: -75px;-webkit-transition: all 1s ease-in-out;transition: all 0.3s ease-in-out; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;  padding:2px 0.24rem;font-size: calc(12px + 0.06rem); line-height: calc(20px + 0.04rem);} 
.Brand .folio-overview a { height:calc(24px + 0.24rem);width: calc(24px + 0.24rem);border-radius: 50%;display:inline-block;margin-top:calc(5px + 0.25rem); border:1px solid rgba(255,255,255,0.29); background-size:20px 20px !important;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out; }
.Brand .folio-overview .folio-link{ margin-right:8px; background:url(img/_right.svg) center no-repeat;}
.Brand .folio-overview .folio-expand {/* margin-left: -500px; */ background:url(img/_share-one.svg) center no-repeat; }
.Brand .folio-overview .folio-link:hover{ border:1px solid #253b2c;  background:url(img/_right.svg) center no-repeat #253b2c; opacity:1; }
.Brand .folio-overview .folio-expand:hover{ border:1px solid #253b2c;  background:url(img/_share-one.svg) center no-repeat #253b2c; opacity:1;  }
.Brand .folio-image,
.Brand .folio-overview .folio-expand {
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.Brand .folio-item:hover .folio-image { background:#000;
-ms-transform: scale(1.1) ; /* IE 9 */
-moz-transform: scale(1.1); /* Firefox */
-o-transform: scale(1.1) ;
-webkit-transform: scale(1.1) ; /* Safari 和 Chrome */
transform: scale(1.1);}
.Brand .folio-image{ overflow:hidden; line-height:0; width:100%; background:#000;}
.Brand .folio-image img {width: 100%; opacity:0.7;-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.Brand .folio-item:hover .folio-image img{opacity:1;}
/* .Brand .folio-item:hover .folio-overview a{ margin-top:calc(5px + 0.25rem);} */
.Brand .folio-item:hover .folio-overview .folio-expand {/* margin-top: 0;margin-left: 0; */}
.Brand .folio-item:hover .overlay {opacity:0.9;bottom: 0;height: 100%;}
.Brand .folio-item:hover .overlay .folio-info {opacity: 1;margin-bottom: 0;margin-top: 0;}


.Brand .overlay-text{ position: relative;}
.Brand .overlay .folio-info{ color: #fff; position: relative; z-index: 10; display: block; }
.Brand .folio-overview{ position: relative; z-index: 10; }
.Brand .folio-bg{ float:left; width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0;}

@media (max-width: 1024px){
.inTitle{font-size: calc(12px + 0.1rem); line-height: calc(20px + 0.16rem);}	
.Brand .list ul li{ width:50%;}
.Brand .folio-overview a{height: calc(22px + 0.22rem); width: calc(22px + 0.22rem); background-size:12px 12px !important;}
.Brand .overlay .folio-info{font-size:12px; line-height:20px;text-align: left;}
.Brand .folio-item:hover .folio-image {
-ms-transform: scale(1) ; /* IE 9 */
-moz-transform: scale(1); /* Firefox */
-o-transform: scale(1) ;
-webkit-transform: scale(1) ; /* Safari 和 Chrome */
transform: scale(1);}
}
@media (max-width: 767px){
.Brand .list ul li{ width:100%;}
.Brand .overlay{position: absolute; bottom: 0; height:auto; padding: 0.4rem 0.6rem;    background: url(img/ico2.png) center top repeat-x;
}
.Brand .overlay .folio-info{ padding:0 0.2rem 0 0;opacity:1; margin-bottom: 0; margin-top: 0;}
.Brand .folio-overview .folio-link{ margin-top: 0;}
.Brand .folio-overview .folio-expand{margin-top:0; margin-left:0;}
.Brand .overlay .overlay-content{ display: flex; flex-wrap: wrap; width: 100%;}
.Brand .overlay .overlay-text{ display: flex; margin: 0; align-items: center; justify-content: space-between;width: 100%; }
.Brand .overlay .folio-overview{ display: flex; float: left;}
.Brand .folio-item:hover .overlay {opacity: 1;bottom: 0;height:auto;}
}

.bd_weixin_popup{ box-sizing:content-box;}
.BrandDet{padding-top:calc(10px + 0.58rem); padding-bottom:calc(10px + 0.37rem); color:#333333; font-size:calc(12px + 0.06rem); line-height:calc(20px + 0.12rem);}
.BrandDet img{ max-width:100%; /*display:inherit;*/}
.BrandDet .time{ float:left; width:100%; color:#253b2c; font-size:calc(12px + 0.02rem); line-height:calc(20px + 0.1rem);}
.BrandDet .title{ float:left; width:100%; margin-top:calc(5px + 0.02rem); color:#253b2c; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.24rem);}
.BrandDet .cont{ float:left; width:100%; margin-top:calc(10px + 0.34rem); line-height: 26px;}
.BrandDet .page{ float:left; width:100%; margin-top:calc(10px + 0.47rem); padding-top:calc(10px + 0.37rem); border-top:1px solid #d9d9d9; display:flex; flex-wrap:wrap; justify-content:space-between;}
.BrandDet .page .renter{ float:left; width:calc(50% - 40px - 0.4rem);}
.BrandDet .page .renter a{ float:left;color:#253b2c; font-size:calc(12px + 0.06rem); line-height:calc(30px + 0.18rem); position:relative; padding-left:calc(10px + 0.09rem);}
.BrandDet .page .renter a:after{ float:left; width:7px; height:7px; content:''; position:absolute; left:2px; top:50%; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg); border-bottom:1px solid #253b2c; border-left:1px solid #253b2c;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.BrandDet .page .renter a:hover:after{ left:5px;}
.BrandDet .page .center{ float:left;}
.BrandDet .page .prev,
.BrandDet .page .next{ height:calc(30px + 0.18rem);width: calc(30px + 0.18rem);border-radius: 50%; border:1px solid rgba(37,59,44,0.32); background-size:20px 20px !important; float:left; margin:0 0.08rem; position:relative;}
.BrandDet .page .prev:after,
.BrandDet .page .next:after{float:left; width:7px; height:7px; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); border-bottom:1px solid #253b2c; border-left:1px solid #253b2c; margin-left:1px;}
.BrandDet .page .prev:hover,
.BrandDet .page .next:hover{ border:1px solid #253b2c;  background:#253b2c; }
.BrandDet .page .next{ transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.BrandDet .page .prev:hover:after,
.BrandDet .page .next:hover:after{ border-bottom:1px solid #fff; border-left:1px solid #fff; }
.BrandDet .page .share{ float:right;color:#253b2c; font-size:calc(12px + 0.04rem); line-height:calc(30px + 0.18rem); width:calc(50% - 40px - 0.4rem); display:flex; align-items:center; justify-content:flex-end; }
.BrandDet .page .share span{ float:left;}
.BrandDet .page .share a{ width:22px !important;  height:22px !important; padding:0 !important; margin:0 0 0 0.26rem !important; background-size: 100% auto !important;}

@media (max-width: 767px){	
.BrandDet{ font-size: 12px;line-height:calc(20px + 0.06rem);}
.BrandDet .time{font-size: 12px;line-height:calc(20px + 0.06rem);}	
.BrandDet .title{font-size: calc(12px + 0.2rem); line-height: calc(20px + 0.26rem);}	
.BrandDet .page .prev,
.BrandDet .page .next{ margin:0 0.2rem;height: calc(22px + 0.22rem);  width: calc(22px + 0.22rem);}
.BrandDet .page .renter a{font-size: 12px;line-height: calc(22px + 0.22rem);}
.BrandDet .page .share{ font-size: 12px;line-height: calc(22px + 0.22rem);}
.BrandDet .page .share a{ width:18px !important;  height:18px !important;}
.BrandDet .page .prev:after,
.BrandDet .page .next:after{float:left; width:5px; height:5px;}

}

@media (max-width: 374px){
.BrandDet .page .renter{ width:auto;}
.BrandDet .page .share{ width:auto;}

}

.TaYu{ padding-top:calc(10px + 0.38rem); padding-bottom:calc(10px + 0.42rem);}
.TaYu .list{ float:left; width:100%; padding-top:calc(10px + 0.27rem); padding-bottom:calc(10px + 0.3rem);}
.TaYu .list ul{ display:flex; flex-wrap:wrap; margin:-0.28rem -0.17rem; }
.TaYu .list ul li{ float:left; width:33.33%; padding:0.28rem 0.17rem; overflow:hidden;}
.TaYu .folio-item { overflow:hidden;position: relative;}
.TaYu .overlay { background:url(img/ico2.png) center bottom repeat-x; background-size:100% 100%;  color: #c0c2c1;left: 0;right: 0; bottom:-0.12rem; position: absolute; float:left; width:100%;padding:32px 0.24rem 5px 0.24rem;
-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.TaYu .overlay .overlay-content { float:left; width:100%;}
.TaYu .overlay .overlay-text { float:left; width:100%;}
.TaYu .overlay .folio-info{opacity:1; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; position:relative; padding-bottom:calc(10px + 0.12rem);; padding-right:calc(60px + 0.6rem); font-size: calc(12px + 0.06rem);line-height: calc(20px + 0.04rem); }
.TaYu .overlay .folio-info:after{ float:left; content:''; position:absolute; left:0; bottom:0; opacity: 0;  width:36px; height:9px;  background:url(img/ico1.png) right bottom no-repeat;-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out} 
.TaYu .folio-overview{ float:right; position:absolute; right:0.16rem; top:30px; opacity: 0; -ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.TaYu .folio-overview a { height:calc(24px + 0.24rem);width: calc(24px + 0.24rem);border-radius: 50%; border:1px solid rgba(255,255,255,0.29); background-size:20px 20px !important; display:inline-block;}
.TaYu .folio-overview .folio-link{ margin-right:8px; background:url(img/_right.svg) center no-repeat;}
.TaYu .folio-overview .folio-expand {/* margin-left: -200px; */ background:url(img/_share-one.svg) center no-repeat; }
.TaYu .folio-overview .folio-link:hover{ border:1px solid #253b2c;  background:url(img/_right.svg) center no-repeat #253b2c; opacity:1; }
.TaYu .folio-overview .folio-expand:hover{ border:1px solid #253b2c;  background:url(img/_share-one.svg) center no-repeat #253b2c; opacity:1;  }
.TaYu .folio-image,
.TaYu .folio-overview .folio-expand {
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.TaYu .folio-item:hover .folio-image { background:#000;
-ms-transform: scale(1.1); /* IE 9 */
-moz-transform: scale(1.1); /* Firefox */
-o-transform: scale(1.1);
-webkit-transform: scale(1.1); /* Safari 和 Chrome */
transform: scale(1.1);}
.TaYu .folio-image{ overflow:hidden; line-height:0; width:100%; background:#000; padding-bottom:56.13%;}
.TaYu .folio-image img {width: 100%; opacity:0.7;-ms-transition: all 0.3s ease-in-out; position:absolute; left:50%; top:50%; -webkit-transform: translate( -50%, -50%);
    -ms-transform: translate( -50%, -50%);
        transform: translate( -50%, -50%);
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.TaYu .folio-item:hover .folio-image img{/* opacity:0.22; */}
.TaYu .folio-item:hover .overlay { color: #fff;/* background:none; */padding:0 0.24rem 24px 0.24rem; bottom: 0;}
.TaYu .folio-item:hover .folio-overview{ top: 0; opacity:1;}
.TaYu .folio-item:hover .folio-overview .folio-expand { margin-left: 0;}
.TaYu .folio-item:hover .overlay .folio-info:after{ opacity:1; }


.inMore1{ float:left; width:100%; }
.inMore1 a{ float:left; width:100%; text-align:center; color:#333; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.08rem);}
.inMore1 a:hover{color:#253b2c; }
.ta_tab{padding-top: calc(10px + 0.57rem);padding-bottom:0.25rem;}
.ta_tab .slick-track{ display:flex;}
.ta_tab .slick-dots{ position: static; width: 100%; margin:0.3rem 0 0 0 !important; display: flex; justify-content: center;}
.ta_tab .slick-dots li{ width: 8px !important; height: 8px; margin: 0 4px; border-radius: 50%; border:1px solid #253b2c; padding: 0 !important;}
.ta_tab .slick-dots li.slick-active{ background: #253b2c;}

@media (max-width: 1024px){
.TaYu .list ul li{ width:50%;}
.TaYu .folio-overview a{height: calc(22px + 0.22rem); width: calc(22px + 0.22rem); background-size:12px 12px !important;float: left;}
.TaYu .overlay{ bottom: 0;-webkit-transition:none; transition:none;}
.TaYu .overlay .folio-info:after{ display: none;}
.TaYu .folio-item .folio-overview{ top: 0.4rem;}
.TaYu .folio-item .folio-overview .folio-expand { margin-left: 0;}
.TaYu .folio-item .overlay { padding:0.4rem 0.6rem;}
.TaYu .folio-item .overlay .folio-info { padding-bottom:0; padding-right: calc(60px + 0.6rem);font-size: 12px; line-height: calc(22px + 0.22rem);text-align: left;}
.TaYu .folio-item:hover .overlay{ background:url(img/ico2.png) center top repeat-x; padding:0.4rem 0.6rem; }
.TaYu .folio-item:hover .overlay .folio-info { padding-bottom:0;}
.TaYu .folio-item:hover .folio-image img{/* opacity: 0.7; */}
.TaYu .folio-item:hover .folio-overview{ top: 0.4rem;}
.TaYu .folio-item:hover .folio-image {
-ms-transform: scale(1); /* IE 9 */
-moz-transform: scale(1); /* Firefox */
-o-transform: scale(1);
-webkit-transform: scale(1); /* Safari 和 Chrome */
transform: scale(1);}

}
@media (max-width: 767px){
.TaYu .list ul li{ width:100%;}
.TaYu .overlay{ padding:32px 0.6rem 5px 0.6rem;}
.TaYu .folio-item .folio-overview{ right: 0.6rem;}
.inMore1 a{ font-size:calc(12px + 0.1rem); line-height:calc(20px + 0.1rem);}
}


.cumb{ float:left; width:100%; color:#253b2c; font-size:calc(12px + 0.02rem); line-height:calc(20px + 0.04rem); flex-wrap:wrap; display: flex;}
.cumb a{ display:inline-flex; color:#253b2c; margin:0 calc(3px + 0.03rem); align-items:center;}
.cumb a img{ width:14px; height:14px;}
.cumb a.on,
.cumb a:hover{ text-decoration:underline;}
.cumb1{ color:#fff;}
.cumb1 a{ color:#fff;}

.http://1.15.175.218:10055/36/68{ padding-top:calc(10px + 0.11rem); padding-bottom:calc(15px + 0.45rem); min-height:calc(100vh - 40px  - 0.4rem);}
.pordDet .box{ float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; overflow:hidden; margin-top:calc(10px + 0.25rem);}
.pordDet .box .img{ float:left; width:75.85%; line-height:0;}
.pordDet .box .text{ float:left; width:21.04%; display:flex; flex-wrap:wrap; align-content:space-between;}
.pordDet .box .text .top{ float:left; width:100%; margin-top:0.5rem;}
.pordDet .box .text .down{ float:left; width:100%;}
.pordDet .box .text .tit{ float:left; width:100%; color:#253b2c; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem);}
.pordDet .box .text .info{ float:left; width:100%; color:#253b2c; color:rgba(37,59,44,0.52); font-size:calc(12px + 0.06rem); line-height:calc(20px + 0.08rem); border-bottom:1px solid rgba(177,177,177,0.16); padding:3px 0 calc(3px + 0.16rem) 0;}
.pordDet .box .text .cont{ float:left; width:100%; color:#333; font-size:calc(12px + 0.04rem); line-height:calc(20px + 0.1rem); margin:calc(3px + 0.14rem) 0;}
.pordDet .box .text .next{ float:left; width:100%; border-bottom:1px solid rgba(177,177,177,0.16);  border-top:1px solid rgba(177,177,177,0.16); padding:10px 6px;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.pordDet .box .text .next a{ float:left; width:100%; color:#333; font-size:calc(12px + 0.04rem); line-height:calc(20px + 0.1rem);}
.pordDet .box .text .next a span{ display:block; color:#253b2c; color:rgba(37,59,44,0.52); font-family:Arial;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.pordDet .box .text .next a font{ display:block; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.pordDet .box .text .next:hover{ background:#f2f2f2; padding:10px 6px; }
.pordDet .box .text .next a:hover{ color:#253b2c;}
.pordDet .box .text .next a:hover span{ color:rgba(37,59,44,1); }


@media (max-width: 1024px){
.pordDet{ min-height:inherit;padding-top:15px;}
.pordDet .box{ margin-top:0;}
.pordDet .box .img{ width:100%;}
.pordDet .box .text{ width:100%; margin-bottom:calc(0px + 0.5rem);}
.pordDet .box .text .top{ margin-top:calc(10px + 0.4rem);}
.pordDet .box .text .tit{font-size: calc(12px + 0.1rem); line-height: calc(20px + 0.16rem);}
.pordDet .box .text .info{ padding:2px 0 calc(10px + 0.1rem) 0;font-size: calc(12px + 0.02rem); line-height: calc(20px + 0.08rem);}
.pordDet .box .text .cont{ margin:calc(10px + 0.1rem) 0 calc(10px + 0.4rem) 0; line-height:calc(20px + 0.068rem);font-size: 12px;}
.cumb{ font-size: 12px;display: none;}
.pordDet .box .text .next a{ line-height:calc(20px + 0.068rem);font-size: 12px;}
}



.inTitl{ float:left; width:100%; text-align:center; position:relative; z-index:6; color:#fff; font-size:0.48rem; line-height:0.58rem;letter-spacing: 0.01rem;}
.inCont{ float:left; width:100%; text-align:center; position:relative; z-index:6; color:#fff; font-size:calc(12px + 0.06rem); line-height:calc(20px + 0.08rem); margin-top:0.19rem;}


@keyframes loop{
  0% {opacity:1;
  transform:scale(1); -ms-transform:scale(1);
 }
80% {
    opacity:1;
    transform:scale(1.2); -ms-transform:scale(1.2);
 }
  100% {
  opacity:0; transform:scale(1.4); -ms-transform:scale(1.4);
 }
}

@keyframes up{
 from {transform: translateY(-30%); -webkit-transform: translateY(-30%); opacity:1;  }
    50% { transform: translateY(0%); -webkit-transform: translateY(0%); opacity:1;  }
    to { transform: translateY(30%); -webkit-transform: translateY(30%); opacity:0; }
}
._amplify{ animation:loop 2s linear infinite; animation-duration: 5s; }
._inBanner{ float:left; width:100%; position:relative; background:#000; overflow:hidden;}
._inBanner .div{ float:left; width:100%; line-height:0; position:relative; overflow:hidden;}
._inBanner .topMt{ position:absolute; left:0; top:calc(10px + 0.1rem); z-index:6;}
._inBanner ._btn{ position:absolute; left:50%; bottom:calc(10px + 0.04rem); z-index:6; transform:translate(-50%,0); -ms-transform:translate(-50%,0); cursor:pointer; width:0.93rem;}
._inBanner ._btn a{ float:left; width:100%; line-height:0; animation:up 2s linear infinite; animation-duration:1.2s;}
._inBanner .text{ position:absolute; left:0%; top:50%; z-index:6; transform:translate(0,-50%); -ms-transform:translate(0,-50%); width:100%; float:left;opacity:0;webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
._inBanner .box{ float:left; width:100%; position:relative;}
._inBanner .inTitl{ letter-spacing: 0.06rem;}
._inBanner .inCont{ margin-top:0.14rem; }
._inBanner .down{ background:#fff;}
._inBanner .small{ float:left; width:100%; padding:0 1.02rem; }
._inBanner .small .li{ float:left; width:20%; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; padding:0.32rem 0.1rem 0.26rem 0.1rem;}
._inBanner .small .li a{ float:left; width:100%; text-align:center; display:flex; flex-wrap:wrap; justify-content:center;}
._inBanner .small .li .img{ float:left; width:100%; line-height:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
._inBanner .small .li .img img{ max-width:100%; height:1.4rem; box-shadow:0 0.07rem 0.18rem rgba(0,0,0,0.21);
 -webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic}
._inBanner .small .li .tit{ float:left; width:100%; color:#333; font-size:calc(12px + 0.04rem); line-height:0.26rem; margin-top:0.11rem;overflow: hidden;white-space: nowrap; text-overflow:ellipsis;   }
._inBanner .small .li:hover .img img{-webkit-transform:translate(0,-1px) scale(1.15); -moz-transform:translate(0,-1px) scale(1.15);transform:translate(0,-1px) scale(1.15);}
._inBanner .small .li:hover .tit{ color:#253c2c;}
._inBanner .small .slick-arrow{ height:calc(20px + 0.2rem);width: calc(20px + 0.2rem);border-radius: 50%; border:1px solid rgba(0,0,0,0.39); background-size:20px 20px !important; float:left; left:0;}
._inBanner .small .slick-arrow:after{float:left; width:7px; height:7px; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); border-bottom:1px solid #a0a0a0; border-left:1px solid #a0a0a0; margin-left:2px;}
._inBanner .small .slick-arrow:hover{ border:1px solid #253b2c;  background:#253b2c; }
._inBanner .small .slick-next{left:auto;right:0;}
._inBanner .small .slick-next:after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); margin-left:-2px; }
._inBanner .small .slick-arrow:hover:after{ border-bottom:1px solid #fff; border-left:1px solid #fff; }


._inBanner.active .text{animation: _fadeInUp6 linear forwards;animation-duration: 0.4s; animation-delay: 0.7s;}
._inBanner.active .inTitl{animation:none;}
._inBanner.active .inCont{ animation:none; }

._inBanner.section .div{height:calc(100vh - 2.34rem)}
._inBanner.section .bg{height:100% !important;}



@media (max-width: 1024px){
.inTitl{ font-size:calc(12px + 0.2rem); line-height:calc(20px + 0.26rem); letter-spacing:0.02rem; }
.inCont{ font-size:12px; line-height:calc(20px + 0.06rem);}
._inBanner ._btn{ width:1.8rem;}
._inBanner.active .bg{ animation:none; animation-duration: 0; }
._inBanner.section .div img{ width: auto !important; position:absolute; left:0%; top:0%; transform:translate(0%,0%); -ms-transform:translate(0%,0%);}
}
@media (max-width: 767px){
._inBanner.section .div{ height: calc(100vh - 115px - 1.22rem);}
._inBanner .down{ }
._inBanner .small{ padding: 0 15px;}
._inBanner .small .li{padding:calc(10px + 0.2rem) 0.2rem calc(10px + 0.2rem) 0.2rem;}
._inBanner .small .li .tit{ font-size: 12px; line-height:calc(20px + 0.06rem); margin-top:calc(5px + 0.06rem);}
._inBanner .small .li .img img{ height:calc(70px + 0.7rem); }
._inBanner .small .slick-arrow{ left:-8px;}
._inBanner .small .slick-next{left:auto;right:-8px;}
._inBanner .small .slick-arrow:after{ width:5px; height:5px; margin-left:1px;}
._inBanner .small .slick-next:after{ margin-left:-1px; }
._inBanner .text{ top:40%;}
._inBanner.active .inCont{ margin-top: 0.3rem}
#fp-nav{ opacity: 0;}
}


.footer._foot{ margin-top: 300vh;}
.sect{ float: left; width: 100%; height:25vh;}
.lishuBg{float:left; width:100%; background:#253c2c; overflow:hidden; height: 100vh; position: fixed; z-index: 1; padding-top:calc(10px + 0.9rem);}
.lishuBg .dog1{ float:left; line-height:0; position:absolute; left:24.89%; top:-0.5rem; z-index:1; width:63%;}
.lishuBg .dog1 img{/* animation: dog3 2s linear infinite; animation-duration:4s; */}
.lishuBg .dog2{ float:left; line-height:0; position:absolute; left:84.37%; top:1.14rem; z-index:1; width:29%;}
.lishuBg .dog2 img{/* animation: dog2 2s linear infinite; animation-duration:4s; */}
.lishuBg .inTitl,
.lishuBg .inCont{ opacity: 0;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.lishuBg._active .inTitl,
.lishuBg._active .inCont{ opacity:1;}

.lishu .fp-tableCell{ vertical-align: top;}
.lishu .list{ position:relative; z-index:6; float:left; width:100%; margin-top:calc(60px + 1.75rem);}
.lishu .li{ float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; background:#fff;overflow:hidden; margin-top:calc(10px + 0.65rem);}
.lishu .li .img{ float:left; width:61.88%; line-height:0; overflow:hidden; background:#000;}
.lishu .li .img img{
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.lishu .li .text{ float:left; width:36.71%; position:relative; overflow:hidden; padding:0.9rem 0;}
.lishu .li .box{ float:left; width:100%; padding:0 0.4rem;overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 height:4.27rem;
}
.lishu .li .box::-webkit-scrollbar {
 width:3px
}
.lishu .li .box::-webkit-scrollbar-track
{
background-color:#e5e5e5;
 border-radius:3px
}
.lishu .li .box::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#253c2c;
 border-radius:3px
}

.lishu .li .tit{ float:left; width:100%; color:#253c2c; font-size:calc(12px + 0.24rem); line-height:calc(20px + 0.26rem);}
.lishu .li .info{ float:left; width:100%; color:#333333; font-size:calc(12px + 0.1rem); line-height:calc(20px + 0.12rem); margin-top:0.09rem;}
.lishu .li .cont{ float:left; width:100%; color:#333333; font-size:calc(12px + 0.04rem); line-height:calc(20px + 0.1rem); margin-top:0.33rem;}

.lishu .list{ opacity: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.lishu.active .list{ opacity: 1;margin-top:calc(30px + 1.75rem);}
.lishu._active .list{ opacity: 1;margin-top:calc(30px + 1.75rem);}



.lishu .scroll-left-static{ position:fixed; z-index:6; float:left; width:100%;left: 0;top: 0;flex-wrap: wrap;height: 100%;overflow: hidden;}
.lishu .scroll-left-static .w-inline-block{ overflow: hidden; height: 0;/* transform:matrix(1.2, 0, 0, 1.2, 0, 0); -ms-transform:matrix(1.2, 0, 0, 1.2, 0, 0); */
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.lishu .scroll-left-static .w--current{ height:auto; display: flex;transform: matrix(1, 0, 0, 1, 0, 0); -ms-transform: matrix(1, 0, 0, 1, 0, 0);}
.lishu .scroll-right{ position:fixed; z-index:6; float:left; width:100%;left: 0;top: 0;flex-wrap: wrap;height: 100%;overflow: hidden;}
.lishu .scroll-right-static{ position:fixed; z-index:6; float:left; width:100%;left: 0;top: 0;flex-wrap: wrap;height: 100%;overflow: hidden;}



@media (max-width: 767px){
.lishuBg{ padding-top:calc(70px + 0.3rem);}	
.lishu .list{ margin-top:calc(140px + 0.95rem);}
.lishu .li{ flex-wrap:wrap-reverse;}
.lishu .li .img{ width:100%;}
.lishu .li .text{ width:100%; padding: 0.7rem 0.5rem;}
.lishu .li .box{ position: relative; height: auto; top: 0; padding: 0;}
.lishu .li .tit{font-size: calc(12px + 0.2rem); line-height: calc(20px + 0.26rem);}
.lishu .li .info{font-size: calc(12px + 0.06rem); line-height: calc(20px + 0.12rem);margin-top: 0.1rem;}
.lishu .li .cont{font-size:12px; line-height: calc(20px + 0.06rem);margin-top: 0.1rem;}
.lishu.active .list{ opacity: 1;margin-top:calc(110px + 0.95rem);}
.lishu._active .list{ opacity: 1;margin-top:calc(110px + 0.95rem);}

}


.banner1{ float:left; width:100%; background:#000; position:relative; overflow:hidden;}
.banner1 .div{ float:left; width:100%; z-index:1; position:relative;line-height: 0;}
.banner1 .box{ float:left; width:100%; z-index:6; position:absolute; left:0; top:46.44%; transform:translate(0,-50%); -ms-transform:translate(0,-50%);}
.banner1 .title{ float:left; width:100%; text-align:center; color:#fff; font-size:0.48rem; line-height:0.58rem; letter-spacing:0.08rem;}
.banner1-1 .box{ top:50%;}
.banner1-0 .div{padding-bottom: 40%;}


@media (max-width: 1024px){
.banner1 .title{ font-size:calc(14px + 0.18rem); line-height:calc(20px + 0.26rem);}
.banner1 .box{ top:40%;}
.banner1-0 .div{padding-bottom: 80%;}
}


@keyframes dog1{
    0% { transform:translate(-20%,0%) rotate(-10deg); -ms-transform:translate(-20%,0%) rotate(-10deg); }
    100% { transform:translate(0%,0%) rotate(0deg); -ms-transform:translate(0%,0%) rotate(0deg);}
}
@keyframes dog2{
    0% { transform:translate(30%,0%) rotate(10deg); -ms-transform:translate(30%,0%) rotate(10deg); }
    100% { transform:translate(0%,0%) rotate(0deg); -ms-transform:translate(0%,0%) rotate(0deg);}
}
@keyframes dog3{
    0% { transform:translate(-40%,0%) rotate(10deg); -ms-transform:translate(-40%,0%) rotate(10deg); }
    100% { transform:translate(0%,0%) rotate(0deg); -ms-transform:translate(0%,0%) rotate(0deg);}
}

@keyframes lr{
	0% { transform:translate(0%,0%); -ms-transform:translate(0%,0%); }
    25% { transform:translate(-15%,0%); -ms-transform:translate(-15%,0%); }
	50% { transform:translate(0%,0%); -ms-transform:translate(0%,0%); }
    75% { transform:translate(15%,0%); -ms-transform:translate(15%,0%); }
    100% { transform:translate(0%,0%); -ms-transform:translate(0%,0%);}
}


.pinpai{ position:relative; overflow:hidden; padding-top:calc(10px + 1.58rem); padding-bottom:calc(10px + 1.55rem); }
.pinpai .dog1{ float:left; line-height:0; position:absolute; left:-28.64%; top:1.18rem; z-index:1; width:75%;}
.pinpai .dog1 img{/* animation: dog1 2s linear; animation-duration:4s; */}
.pinpai .dog2{ float:left; line-height:0; position:absolute; left:74.16%; top:5.32rem; z-index:1; width:28.07%;}
.pinpai .dog2 img{/* animation: dog2 2s linear; animation-duration:4s; */}
.pinpai .w_width{ position:relative; z-index:6;}
.pinpai .img{ float:left; width:100%; line-height:0; overflow:hidden; margin:1.65rem 0 1.65rem 0;}
.pinpai .title{ float:left; width:100%; text-align:center; color:#253b2c; font-size:0.48rem; line-height:0.58rem; letter-spacing:0.08rem;}
.pinpai .text{ float:left; width:100%; text-align:center; color:#333333; font-size:calc(12px + 0.06rem); line-height:calc(20px + 0.12rem); margin:calc(10px + 0.33rem) 0 0 0;}
.pinpai .list{ float:left; width:100%; display:flex; flex-wrap:wrap; padding:0.2rem 7.14% 0 7.14%;}
.pinpai .list .li{ float:left; width:33.33%; text-align:center; margin-top:calc(10px + 0.3rem);}
.pinpai .list .li .ico{ float:left; width:100%; line-height:0;}
.pinpai .list .li .ico img{ max-width:100%;-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.pinpai .list .li:hover .ico img{ animation:lr 2s linear; animation-duration:2s;}
.pinpai .list .li .tit{ float:left; width:100%; color:#253b2c; font-size:0.3rem; line-height:0.4rem; margin-top:calc(10px + 0.3rem); letter-spacing:0.08rem;}


@media (max-width: 1024px){
.pinpai .title{ font-size:calc(12px + 0.2rem); line-height:calc(20px + 0.26rem);}
.pinpai .text{ font-size: 12px; line-height: calc(20px + 0.06rem);}
.pinpai .list{ padding:0.2rem 0 0 0;}
.pinpai .list .li .tit{ font-size:12px; line-height:calc(20px + 0.06rem);}
.pinpai .dog1 img{animation: none;}
.pinpai .dog2 img{animation: none;}

}


.WO_ta1{ padding-top:calc(5px + 0.35rem); padding-bottom:calc(5px + 0.35rem);}
.WO_ta1 .list{ float:left; width:100%; overflow:hidden;}
.WO_ta1 .list .li{ float:left; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:calc(5px + 0.35rem) 0;}
.WO_ta1 .list .li:nth-child(2n){flex-direction:row-reverse;}
.WO_ta1 .list .li .ico{ float:left; width:50%; line-height:0; overflow:hidden; background:#000;}
.WO_ta1 .list .li .ico img{ width:100%;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.WO_ta1 .list .li .text{ float:left; width:47%; padding:0 0.4rem; text-align:center;}
.WO_ta1 .list .li .tit{ float:left; width:100%; color:#253b2c; font-size:0.4rem; line-height:0.5rem;letter-spacing:0.02rem;}
.WO_ta1 .list .li .p{ float:left; width:100%; color:#333; font-size:calc(12px + 0.06rem); line-height:calc(20px + 0.12rem); min-height:calc(100px + 0.6rem); margin:calc(5px + 0.13rem) 0 5px 0; white-space:pre-wrap; }


.WO_ta2{ padding-bottom:calc(10px + 0.69rem);}
.WO_ta2 .list{ float:left; width:100%;/* display:flex; flex-wrap:wrap; */}
.WO_ta2 .list .li{ float:left; width:33.33%; overflow:hidden;}
.WO_ta2 .list .li .la{ float:left; width:100%; text-align:center; position:relative; overflow:hidden;}
.WO_ta2 .list .li .ico{ float:left; width:100%; line-height:0; overflow: hidden; background:#000000;-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.WO_ta2 .list .li .ico:after{ float: left;width: 100%; height: 100%; content: ''; position: absolute; left: 0; top:0; z-index: 1; filter:blur(3px);backdrop-filter:blur(3px);}
.WO_ta2 .list .li .ico img{ width:100%; opacity:0.8;}
.WO_ta2 .list .li:hover .ico:after{ filter:blur(0px);backdrop-filter:blur(0px);}
.WO_ta2 .list .li .text{ float:left; width:100%; position:absolute; left:0; top:50%; transform:translate(0,-50%); -ms-transform:translate(0,-50%); padding:0.4rem; z-index: 6;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.WO_ta2 .list .li:hover .text{}
.WO_ta2 .list .li .tit{ float:left; width:100%; color:#fff; font-size:0.4rem; line-height:0.5rem;letter-spacing:0.02rem;}
.WO_ta2 .list .li .p{ float:left; width:100%; color:#fff; font-size:calc(12px + 0.06rem); line-height:calc(20px + 0.08rem); margin:calc(10px + 0.02rem) 0; }
.WO_ta2 .slick-track{ display:flex;}
.WO_ta2 .slick-dots{ position: static; width: 100%; margin:0.6rem 0 0 0 !important; display: flex; justify-content: center;}
.WO_ta2 .slick-dots li{ width: 8px !important; height: 8px; margin: 0 4px; border-radius: 50%; border:1px solid #253b2c; padding: 0 !important;}
.WO_ta2 .slick-dots li.slick-active{ background: #253b2c;}


@media (max-width: 1024px){
.WO_ta1 .list .li .tit{ font-size:calc(12px + 0.2rem); line-height:calc(20px + 0.26rem);}
.WO_ta1 .list .li .p{ min-height:inherit;font-size:12px; line-height:calc(20px + 0.06rem);}

.WO_ta2 .list .li .tit{ font-size:calc(14px + 0.26rem); line-height:calc(20px + 0.3rem);}
.WO_ta2 .list .li .p{/*font-size:12px;*/ line-height:calc(20px + 0.06rem); margin:calc(5px + 0.02rem) 0 0 0;}
.WO_ta2 .list .li .ico img{filter:blur(0);}
.WO_ta2 .list .li .ico:after{filter:blur(0px);backdrop-filter:blur(0px);}
.WO_ta2 .list .li .text{opacity: 1; transform:translate(0,-50%) scale(1); -ms-transform:translate(0,-50%) scale(1); }

}
@media (max-width: 767px){
.WO_ta2 .list .li{ width:100%;}
.WO_ta1 .list .li .ico{ width:100%;}
.WO_ta1 .list .li .text{ width:100%; padding:calc(10px + 0.5rem) 0 0 0;}


}



.ta_det{ background:rgba(37,59,44,0.1); padding-top:calc(10px + 0.5rem); padding-bottom:calc(10px + 0.6rem);}
.ta_det .title{ float:left; width:100%; color:#181a1b; font-size:calc(14px + 0.1rem); line-height:calc(20px + 0.14rem); display: flex; flex-wrap: wrap;}
.ta_det .title .i{ color:#656565; font-size:calc(12px + 0.02rem); margin-left:0.18rem;}
.ta_det .left{ float:left; width:71.87%;}
.ta_det .right{ float:left; width:26.56%;}
.ta_det .bor{ float:left; width:100%; background:#fff; border-radius:5px;position: relative;}
.ta_det .box1{ float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.ta_det .box1 .video{ position:relative; line-height:0; cursor:pointer; overflow:hidden;}
.ta_det .box1 .video .img{ min-width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.ta_det .box1 .video .paly{ width:36px; height:36px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.ta_det .box1 .bor{ padding:calc(10px + 0.08rem) calc(10px + 0.23rem) calc(10px + 0.14rem)calc(10px + 0.23rem);}
.ta_det .box1 .tit1{ float:left; width:100%; color:#253b2c; font-size:calc(12px + 0.02rem); line-height:calc(20px + 0.04rem);}
.ta_det .box1 .tit2{ float:left; width:100%; color:#253b2c; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.1rem); margin-top:0.2rem;}
.ta_det .box1 .text{ float:left; width:100%; color:#253b2c; font-size:calc(12px + 0.04rem); line-height:calc(20px + 0.12rem); margin-top:0.22rem;}
.ta_det .box1 .time{ float:left; width:100%; color:#989898; font-size:calc(12px + 0.02rem); line-height:calc(20px + 0.04rem); margin-top:0.32rem;}
.ta_det .box1 .btn{ float:left; width:100%; margin-top:calc(10px + 0.1rem); text-align:center;}
.ta_det .box1 .btn a{ float:left; width:100%; border-radius:5px; color:#fff; font-size:calc(12px + 0.06rem); line-height:calc(28px + 0.2rem);background:#253b2c;}
.ta_det .box1 .btn a:hover{box-shadow:0 5px 10px rgba(0,0,0,0.3);}
.ta_det .box2{ float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;margin-top:calc(10px + 0.25rem);}
.ta_det .box2 .bor-1{ justify-content:center; display:flex; flex-wrap:wrap; padding:calc(10px + 0.15rem) calc(10px + 0.25rem) calc(10px + 0.22rem) calc(10px + 0.25rem); margin-top: calc(25px + 0.26rem);}
.ta_det .box2 .bor-2{ margin-top:calc(5px + 0.12rem); padding:calc(10px + 0.14rem) calc(10px + 0.23rem) calc(10px + 0.06em) calc(10px + 0.23rem);}
.ta_det .box2 .bor-3{ margin-top:calc(10px + 0.14rem); padding:calc(10px + 0.2rem) calc(10px + 0.23rem) calc(10px + 0.17rem) calc(10px + 0.23rem);}
.ta_det .box2 .bor-4{ margin-top:calc(5px + 0.12rem); padding:calc(10px + 0.14rem) calc(10px + 0.23rem) calc(10px + 0.13rem) calc(10px + 0.23rem);}
.ta_det .box2 .bd{ float:left; width:100%; margin:0.2rem 0 0.15rem 0; }
.ta_det .box2 .bd li{ float:left; width:100%; margin:0.07rem 0; }
.ta_det .box2 .bd li a{ float:left; width:100%; color:#181a1b; font-size:calc(12px + 0.04rem); line-height:calc(20px + 0.1rem);}
.ta_det .box2 .bd li:first-child a{ color:#253b2c;}
.ta_det .box2 .bd li:nth-child(2) span{ color:#456e52;}
.ta_det .box2 .bd li:nth-child(3) span{ color:#65a178;}
.ta_det .box2 .bd li:hover a{ color:#253b2c;}
.ta_det .box2 .bd li:hover:nth-child(2) span{ color:#253b2c;}
.ta_det .box2 .bd li:hover:nth-child(3) span{ color:#253b2c;}
.ta_det .box2 .next{ display:flex; justify-content:center; align-items:center; margin:0 auto; background:#253b2c; padding:0 16px; color:#fff; font-size:calc(12px + 0.04rem); line-height:32px; height:32px; border-radius:32px; cursor:pointer;}
.ta_det .box2 .next svg{ min-width:18px; width:18px; height:18px; margin-right:0.1rem; display: flex; background: url(img/ta11.png) center no-repeat; background-size: 100% 100% !important;}
.ta_det .box2 .next:hover{box-shadow:0 3px 10px rgba(0,0,0,0.15);}
.ta_det .box2 .lab{ float:left; width:100%; margin:calc(5px + 0.04rem) 0;}
.ta_det .box2 .textarea{ float:left; width:100%; color:#1e1e1e; font-size:calc(12px + 0.02rem); line-height:calc(20px + 0.04rem); background:#f6f8f5; padding:0.11rem 0.15rem; height:47px; border:1px solid #f6f8f5; border-radius:3px;}
.ta_det .box2 .textarea-1{ background:#fff; border:1px solid #dddddd;}
.ta_det .box2 .textarea-2{ background:#fff; border:1px solid #dddddd;height:calc(200px + 0.1rem);}
.ta_det .box2 .text{ float:left; width:calc(100px + 1.5rem); color:#1e1e1e; font-size:calc(12px + 0.02rem); line-height:23px; height:33px;padding:4px 0.18rem; border-radius:3px; border:1px solid #dcdcdc; background:#fff;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.ta_det .box2 .text:focus{border:1px solid #253b2c; }
.ta_det .box2 .ico{ cursor:pointer; float:left;min-width:32px; width:32px; height:32px; line-height:0; background:#253c2c; border-radius:50%; position:relative; overflow:hidden; margin-right:10px;}
.ta_det .box2 .ico img{ width:100%; opacity:0.36;}
.ta_det .box2 .ico:after,
.ta_det .box2 .ico:before{ width:10px; height:2px; content:''; background:#fff;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.ta_det .box2 .ico:before{ width:2px; height:10px;}
.ta_det .box2 .file{ float:left; position:relative; width:32px; height:32px; border-radius:50%; overflow:hidden; margin-right:9px; background-size:100% 100% !important; cursor:pointer; transition:background 0.3s ease; -o-transition:background 0.3s ease; -moz-transition:background 0.3s ease;  -webkit-transition:background 0.3s ease;background-size: 20px 20px !important;cursor:pointer;}
.ta_det .box2 .file input{ position:absolute; left:0; top:0; opacity:0; cursor:pointer; width:100%; height:100%;cursor:pointer;}
.ta_det .box2 .tupian{ background:url(img/_pic1.svg) center no-repeat #f6f8f6;}
.ta_det .box2 .shipin{ background:url(img/video-one1.svg) center no-repeat #f6f8f6;}
.ta_det .box2 .tupian:hover{ background:url(img/_pic.svg) center no-repeat #253b2c;}
.ta_det .box2 .shipin:hover{ background:url(img/video-one.svg) center no-repeat #253b2c;}
.ta_det .box2 ._l{ float:left;}
.ta_det .box2 .button{ cursor:pointer; float:right; border-radius:3px; color:#fff; font-size:calc(12px + 0.02rem); line-height:32px; background:#253b2c; width:102px; transition:background 0.3s ease; -o-transition:background 0.3s ease; -moz-transition:background 0.3s ease;  -webkit-transition:background 0.3s ease; text-align:center;}
.ta_det .box2 .button:hover{box-shadow:0 3px 10px rgba(0,0,0,0.15);}
.ta_det .box2 .name{ float:left; width:100%; color:#1e1e1e; font-size:calc(12px + 0.02rem); line-height:calc(20px + 0.04rem); margin :5px 0 8px 0; }
.ta_det .box2 .lab1{ float:left; width:100%; margin:calc(5px + 0.05rem) 0; display:flex;}
.ta_det .box2 .ico1{ float:left; min-width:40px; width:40px; height:40px; padding:4px; line-height:0; background:#253c2c; border-radius:50%; position:relative; overflow:hidden; margin-right:0.27rem; margin-top:0.22rem;}
.ta_det .box2 .ico1 img{ width:100%; }
.ta_det .box2 .cont{width:100%;}
.ta_det .box2 .info{ float:left; width:100%; background:#f6f8f6; border-radius:3px;padding:calc(10px + 0.15rem) calc(10px + 0.2rem);}
.ta_det .box2 .t1{ float:left; width:100%;color:#1e1e1e; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); }
.ta_det .box2 .t2{ float:left; width:100%;color:#1e1e1e; font-size:calc(12px + 0.02rem); line-height:calc(20px + 0.04rem); margin-top:0.06rem; }
.ta_det .box2 .center{ float:left; width:100%;color:#253b2c; font-size:calc(12px + 0.02rem); line-height:calc(22px + 0.04rem); margin:calc(5px + 0.05rem) 0 0 0; }
.ta_det .box2 .shouqi,
.ta_det .box2 .fenx,
.ta_det .box2 .zan{ float:left; margin-left:0.25rem; opacity:0.5; padding-left:18px;background-size:13px auto !important; cursor:pointer;}
.ta_det .box2 .shouqi{background:url(img/comment.svg) left center no-repeat;}
.ta_det .box2 .fenx{background:url(img/Telegram.svg) left center no-repeat;}
.ta_det .box2 .zan{background:url(img/good-two.svg) left center no-repeat;}
.ta_det .box2 .shouqi:hover,
.ta_det .box2 .fenx:hover,
.ta_det .box2 .zan:hover{ opacity:1;}
.ta_det .box2 .shouqi.on,
.ta_det .box2 .fenx.on,
.ta_det .box2 .zan.on{ opacity:1;}
.ta_det .box2 .time{ float:left; color:#888888;}
.ta_det .box2 .dl{ display:flex; float:left; width:100%;border-bottom:1px solid #dcdcdc; padding:calc(10px + 0.14rem) 0 calc(12px + 0.05rem) 0;}
.ta_det .box2 ._r{ float:left;float:left; width:100%;}
.ta_det .box2 .dd{ float:left;float:left; width:100%;}
.ta_det .box2 .dd-1{ display:flex; margin-top:0.14rem;}
.ta_det .box2 .ico2{ background: #253c2c; float:left;min-width:36px; width:36px; height:36px; line-height:0; border-radius:50%; position:relative; overflow:hidden; margin-right:0.21rem;}
.ta_det .box2 .ico2 img{ width:100%;}
.ta_det .box2 .rr{ float:right;}
.ta_det .box2 .t3{ float:left; width:100%;color:#4f4f4f; font-size:calc(12px + 0.02rem); line-height:calc(20px + 0.04rem); margin-top:0.08rem; }
.ta_det .box2 .t4{ float:left; width:100%;color:#253b2c; font-size:calc(12px + 0.02rem); line-height:calc(22px + 0.04rem); }
.ta_det .box2 .down{ float:left; width:100%; border-radius:3px; border:1px solid #dcdcdc; background:#fff; padding:7px calc(10px + 0.22rem) calc(10px + 0.1rem) calc(10px + 0.22rem); margin-top:0.26rem; margin-bottom:0.05rem; display:none;}
.ta_det .box2 ._r{ float:left; width:100%;}
.ta_det .box2 .tow{ float:left; width:100%;}

.ta_det .fenxiang{ float:left; width:100%;margin-top:calc(10px + 0.35rem);}

.ta_det ::-webkit-input-placeholder{color:#1e1e1e}
.ta_det :-moz-placeholder{color:#1e1e1e}
.ta_det ::-moz-placeholder{color:#1e1e1e}
.ta_det :-ms-input-placeholder{color:#1e1e1e}



@media (max-width: 1024px){
.ta_det .left{ width:100%;}
.ta_det .right{ width:100%; margin-top: calc(10px + 0.1rem);  }
.ta_det .box1 .video .img{ width:100%; position:static; left:0%; top:0%; transform:translate(0%,0%); -ms-transform:translate(0%,0%);}
.ta_det .box1 .text{font-size: 12px; line-height: calc(20px + 0.06rem);text-align: justify;}
.ta_det .box1 .tit2{ letter-spacing: 1px;font-size: calc(12px + 0.06rem); line-height: calc(20px + 0.12rem);text-align: justify;}
.ta_det .box1 .time{font-size: 12px; line-height: calc(20px + 0.06rem);}
.ta_det .box1 .tit1{font-size: 12px; line-height: calc(20px + 0.06rem);}
.ta_det .box1 .btn a{font-size: calc(12px + 0.02rem); line-height: calc(30px + 0.14rem);}
.ta_det .box1 .bor{ padding:calc(10px + 0.14rem) calc(10px + 0.1rem);}
.ta_det .title{font-size:calc(12px + 0.1rem);line-height: calc(20px + 0.16rem); letter-spacing: 1px; font-weight: bold;}
.ta_det .title .i{ font-size: 12px;}
.ta_det .box2 .bd li a{ font-size:12px;line-height: calc(20px + 0.06rem); letter-spacing: 1px;}
.ta_det .box2 .next{ background:none; color: #253b2c; position: absolute; right:calc(10px + 0.25rem); top:calc(10px + 0.15rem);font-size: calc(12px + 0.02rem); line-height: calc(20px + 0.16rem); height: calc(20px + 0.16rem); padding: 0;}
.ta_det .box2 .next svg{ min-width: 14px; width: 14px; height: 14px; background: url(img/ta11.1.png) center no-repeat; margin-right: 0.3rem;}
.ta_det .box2 .next:hover{ color:#253b2c;background:none;box-shadow:none;}
.ta_det .box2 .text{ width:calc(100% - 42px); padding:4px 0.4rem;}
.ta_det .box2 .textarea{ padding:0.2rem 0.4rem;}
.ta_det .box2 .button{ font-size: 12px;}
.ta_det .box2 .ico1{min-width:36px; width: 36px;  height: 36px; padding:2px;}
.ta_det .box2 .ico2{min-width:30px; width: 30px;  height: 30px; }
.ta_det .box2 .info{ padding: calc(10px + 0.15rem) calc(10px + 0.1rem);}
.ta_det .box2 .down{ padding:5px calc(10px + 0.1rem) calc(10px + 0.1rem) calc(10px + 0.1rem);}
.ta_det .box2 .bor-1{ margin-top: 0;padding:calc(10px + 0.2rem) calc(10px + 0.1rem) calc(10px + 0.1rem) calc(10px + 0.1rem);}
.ta_det .box2 .bor-2{ padding:calc(10px + 0.1rem) calc(10px + 0.1rem);}
.ta_det .box2 .bor-3{ padding:calc(10px + 0.1rem) calc(10px + 0.1rem);}
.ta_det .box2 .bor-4{ padding:calc(10px + 0.1rem) calc(10px + 0.1rem);}
.ta_det .box2 .t2{font-size: 12px; line-height: calc(20px + 0.06rem);text-align: justify;}
.ta_det .box2 .t1{font-size: calc(12px + 0.04rem); line-height: calc(20px + 0.1rem);}
.ta_det .box2 .t3{font-size: 12px; line-height: calc(20px + 0.06rem);text-align: justify;}
.ta_det .box2 .t4{font-size: 12px; line-height: calc(20px + 0.06rem);}
.ta_det .box2 .center{font-size: 12px; line-height: calc(20px + 0.06rem);}

.inMore1{font-weight: bold;}


}




@font-face {
    font-family: 'SOURCEHANSANSCN-EXTRALIGHT';
    src: url('Fonts/SOURCEHANSANSCN-EXTRALIGHT.eot');
    src: url('Fonts/SOURCEHANSANSCN-EXTRALIGHT.eot?#iefix') format('embedded-opentype'),
         url('Fonts/SOURCEHANSANSCN-EXTRALIGHT.woff') format('woff'),
         url('Fonts/SOURCEHANSANSCN-EXTRALIGHT.ttf') format('truetype'),
         url('Fonts/SOURCEHANSANSCN-EXTRALIGHT.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SOURCEHANSANSCN-HEAVY';
    src: url('Fonts/SOURCEHANSANSCN-HEAVY.eot');
    src: url('Fonts/SOURCEHANSANSCN-HEAVY.eot?#iefix') format('embedded-opentype'),
         url('Fonts/SOURCEHANSANSCN-HEAVY.woff') format('woff'),
         url('Fonts/SOURCEHANSANSCN-HEAVY.ttf') format('truetype'),
         url('Fonts/SOURCEHANSANSCN-HEAVY.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SOURCEHANSANSCN-LIGHT';
    src: url('Fonts/SOURCEHANSANSCN-LIGHT.eot');
    src: url('Fonts/SOURCEHANSANSCN-LIGHT.eot?#iefix') format('embedded-opentype'),
         url('Fonts/SOURCEHANSANSCN-LIGHT.woff') format('woff'),
         url('Fonts/SOURCEHANSANSCN-LIGHT.ttf') format('truetype'),
         url('Fonts/SOURCEHANSANSCN-LIGHT.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SOURCEHANSANSCN-LIGHT';
    src: url('Fonts/SOURCEHANSANSCN-LIGHT.eot');
    src: url('Fonts/SOURCEHANSANSCN-LIGHT.eot?#iefix') format('embedded-opentype'),
         url('Fonts/SOURCEHANSANSCN-LIGHT.woff') format('woff'),
         url('Fonts/SOURCEHANSANSCN-LIGHT.ttf') format('truetype'),
         url('Fonts/SOURCEHANSANSCN-LIGHT.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "PingFang Light";
  src: url("Fonts/PingFang Light.eot"); /* IE9 */
  src: url("Fonts/PingFang Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

  url("Fonts/PingFang Light.woff") format("woff"), /* chrome、firefox */
  url("Fonts/PingFang Light.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */

  url("Fonts/PingFang Light.svg#PingFang Light") format("svg"); /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}


.imgbox{ float:left; margin-right:20px; margin-top:20px;}
.imgbox img{width:200px; height:200px;}
.videobox{ float:left; position:relative; margin-right:20px; margin-top:20px;}
.videobox video{width:200px; height:200px; object-fit:fill;}
.videobox .paly{ width:36px; height:36px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}


@media (max-width: 1024px) {
    .imgbox{ float:left; margin-right:10px; margin-top:10px;}
    .imgbox img{width:100px; height:100px;}
    .videobox{ float:left; position:relative; margin-right:10px; margin-top:10px;}
    .videobox video{width:100px; height:100px;}
    .videobox .paly{ width:20px; height:20px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}

}


.TaYu .slick-list{width:100%;}


.pagecon{padding-top: calc(10px + 0.58rem); padding-bottom: calc(10px + 0.58rem);}
.BrandDet.pagecon .title{margin-top:0;}


/*20230607start*/
.folio-overview{ flex-wrap: wrap; justify-content: center; display: inline-flex;}
.bdshare_popup_box{ display: none !important;}
._inBanner .small .slick-track{ display: flex; justify-content: center; min-width: 100%;}
.Brand .folio-overview a {margin-top:calc(5px + 0.25rem); margin-bottom: 0 !important; }
.Brand .folio-overview .folio-expand{margin-right: 0 !important;}
.TaYu .folio-image img{height: 100%; width: 100%; object-fit: cover;}
.TaYu .folio-overview a{ margin-top: 0 !important; margin-bottom: 0 !important;}
.TaYu .folio-overview .folio-expand{margin-right: 0 !important;}
.ta_det .box2 .ico img{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); height: 100%; width: 100%; object-fit: cover；}
.ta_det .box2 .ico1{ padding: 0; border: 4px solid #253c2c;}
.ta_det .box2 .ico1 img{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); height: 100%;width:110%;  object-fit: cover； }
.ta_det .box2 .fenx a{ padding: 0 !important; margin: 0 !important; background: none !important;font-size: calc(12px + 0.02rem) !important; line-height: calc(22px + 0.04rem) !important;}
.imgbox{ width: 200px; height: 200px; position: relative;line-height: 0; overflow: hidden;}
.imgbox img{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); height: 100%; width: 100%;  object-fit: cover；}
.ta_det .box2 .button{ padding-top: 1px;}

@media (max-width: 1024px) {
.ta_det .box2 .ico1{ padding:0; border: 2px solid #253c2c;}
.ta_det .box2 .fenx a{font-size: 12px !important; line-height: calc(20px + 0.06rem) !important;}
.imgbox{ width:100px; height: 100px;}
.imgbox img{ height: 100%; width: 100%;}
}
@media (max-width: 767px) {
.TaYu .folio-item .folio-overview { right: 0.48rem;}

}


.imgbox .colse2{ float:left; width:22px; height:22px; border-radius:50%; line-height:0; position:absolute; right:6px; top:6px; background:#253b2c; cursor:pointer; z-index:3;}
.imgbox .colse2 img{transform:initial; position:initial; height:100%; width:100%;}



/*20230613*/
.head._up{background: #253b2c;}
._inBanner .small .slick-disabled{ opacity: 0.4;}
.footer .nav ul li img{min-width:22px; width: 22px; height: 22px; margin-right: 0.09rem;}
.ta_det{padding-top: calc(10px + 0.11rem);}
.ta_det .box1{margin-top: calc(10px + 0.25rem);}
.TaYu .folio-image{ display: block;}



.PlayCopy{ position:fixed;display: none;
 top:50%; z-index: 21;
 left:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
 width:180px; background-color: #253c2c;  padding:16px;
 color: #FFF; line-height: 24px;border-radius: 4px; text-align: center;
	font-size:14px; box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.PlayVideoShare { display: none; 
 position:fixed; z-index: 20;
 top:50%;
 left:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
 width:280px;
 font-size:14px; box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.qy-func-share-pop {
  width: 100%;
  padding:16px;
  border-radius: 4px;
  background-color: #253c2c;
}
.qy-func-share-pop .share-top {
  width: 100%; display: inline-flex;  flex-wrap: wrap;
  border-bottom: 1px solid hsla(0,0%,100%,.04);
  margin-bottom: 14px;
}
.qy-func-share-pop .share-top .share-top-title {
  color: hsla(0,0%,100%,.7);width: 100%; text-align: center;
  font-size: 14px;
  text-align: center;
  line-height: 14px;
  margin-bottom:15px;
}
.qy-func-share-pop .share-top .share-top-methods {
  width: 100%; display: inline-flex; justify-content: space-between;  margin-bottom:14px;
}
.qy-func-share-pop .share-top .share-top-methods .sns-item {
  text-align: center;
  display: inline-block;
  width: 48px;
}
.qy-func-share-pop .share-top .share-top-methods .sns-item .sns-item-icon {
  cursor: pointer;
  margin:0 auto 8px auto;
  padding:10px;
  width:46px;
  height:46px;
  border-radius: 4px;
  background:rgba(255,255,255,.04);
}
.qy-func-share-pop .share-top .share-top-methods .sns-item .sns-new-icon {
  display: block;
  width: 28px;
  height:28px;
}
.qy-func-share-pop .share-top .share-top-methods .sns-item .sns-item-icon .copy-con {
  cursor: pointer;
  width: 0;
  height: 0;
  opacity: 0;
}
.qy-func-share-pop .share-top .share-top-methods .sns-item .sns-item-icon .copy-con .copy-con-input {
  cursor: pointer; opacity: 0; display: none;
}
.qy-func-share-pop .share-top .share-top-methods .sns-item .sns-item-icon {
  cursor: pointer;
}
.qy-func-share-pop .share-top .share-top-methods .sns-item .sns-item-text {
  text-align: center;
  line-height: 12px;
  font-size: 12px;
  color: hsla(0,0%,100%,.5);
}
.qy-func-share-pop .share-bottom {
  display: -ms-flexbox;
  display: flex; align-items: center;
  padding:12px;
  width: 100%;
  background-color: hsla(0,0%,100%,.04);
  border-radius: 4px;
}
.qy-func-share-pop .share-bottom .share-scan {
  display: inline-block; line-height: 0;
  width:100px;
  background-color: #fff;
  border-radius: 4px;
}
.qy-func-share-pop .share-bottom .share-scan .code-img {
  width: 100%; border-radius: 4px;
}
.qy-func-share-pop .share-bottom .share-scan-text {
  margin-left: 10px;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
  display: inline-block;
}
.qy-func-share-pop .share-bottom .share-scan-text .text-item {
  color: hsla(0,0%,100%,.5);
  line-height: 20px;
}
.qy-func-share-pop .share-bottom .share-scan-text .text-item .iqiyi-app-text {
  color:#fff;
}
.qy-func-share-pop .share-bottom .share-scan-text .text-item {
  color: hsla(0,0%,100%,.5);
  line-height: 20px;
}


.Brand .folio-image{display:block;}



/*20230621start*/
.TaYu .list ul li{ overflow:visible; position: relative;}
.TaYu .list ul li .fenxiang{}
.Brand .list ul li{ overflow:visible; position: relative;}
.Brand .list ul li .fenxiang{}
.PlayCopy{ position: absolute; z-index: 20; }
.PlayVideoShare{ position: absolute; opacity: 1 !important;}
._html .PlayVideoShare{ display: none !important;}
._html .PlayCopy{ display: none !important;}
.qy-func-share-pop .share-top{ margin-bottom: 0;}



/*20230627start*/
.bsBox{display: none;position: fixed;
    width: 220px;
    left: 50%; transform: translate(-50,-50%); -ms-transform: translate(-50,-50%);
    top: 50%; font-size: 12px;
    background: url(http://static.bshare.cn/frame/images//background-opaque-dark.gif) !important;
    padding: 6px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bsClose {
    _overflow: hidden;
    cursor: pointer;
    position: absolute;top: 8px;
    right: 20px;
    z-index: 10000000;
    color: #666;
    font-weight: bold;
    font-family: Helvetica,Arial;
    font-size: 14px;
    line-height: 20px;
}
.bsTop {
    color: #666;
    background: #f2f2f2;
    height: 24px;
    line-height: 24px; padding: 0 15px;
    border-bottom: 1px solid #e8e8e8;
}
.bsFrameDiv{ width: 100%; padding: 21px;
    border: none;
    background: #fff;
}
.bsFrameDiv img{ width: 100%;}


.pordDet .cont{color:#333333; font-size:calc(12px + 0.06rem); line-height:calc(20px + 0.12rem); float:left; width:100%; margin-top: calc(10px + 0.25rem);}
.pordDet .cont img{max-width:100%;}


/*20230630start*/
.bsBox{ z-index: 22;}
.TaYu .bshare-weixin{ padding: 0 !important; background: none !important; margin: 0 !important; width: 100% !important; height:auto !important;}
.TaYu .bshare-weixin:hover{ opacity: 1;}
._htm .PlayVideoShare{ display: none !important;}
._htm .PlayCopy{ display: none !important;}
._inBanner .small .li .img img{transition: -webkit-transform 0.3s;}
.xialaph .ul2{padding-bottom:0;}
.xialaph .ul2 .li2{ margin-bottom: 0;}
.footer .nav ul li{ position: relative;}
.footer .nav ul li .hover{ width:90px; line-height: 0; margin:0 0 8px 0; position: absolute; left: 50%; bottom:100%; box-shadow: 0 -3px 6px rgba(0,0,0,0.15);
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 90%;
	-moz-transform-origin:50% 90%;
	-ms-transform-origin:50% 90%;
	-o-transform-origin:50% 90%;
	transform-origin:50% 90%;
	-webkit-transform: translate(-50%,0) scale(0);
	-moz-transform: translate(-50%,0) scale(0);
	-ms-transform: translate(-50%,0) scale(0);
	-o-transform: translate(-50%,0) scale(0);
	transform: translate(-50%,0) scale(0)}
.footer .nav ul li .hover:after{ background: #000; content: ''; position: absolute; left: 50%; top:100%; transform: translate(-50%,0); -ms-transform: translate(-50%,0); border-left:5px solid transparent; border-right:5px solid transparent;border-top:5px solid #fff; display: block; }
.footer .nav ul li .hover img{min-width:90px; width:90px; height: 90px;margin:0; opacity: 1;}
.footer .nav ul li:hover .hover{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translate(-50%,0) scale(1);
	-moz-transform: translate(-50%,0) scale(1);
	-ms-transform: translate(-50%,0) scale(1);
	-o-transform: translate(-50%,0) scale(1);
	transform: translate(-50%,0) scale(1);}
@media (max-width: 767px) {
.footer .nav ul li .hover img{ display: block;}
.footer .nav ul li .hover:after{ left: 25%; }
}

._inBanner .small .li .img img{box-shadow: none;}