@charset "utf-8";
*{box-sizing: border-box; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,textarea{font:12px Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1",sans-serif,'Microsoft YaHei';border:none; overflow-x:hidden;}
h1{font-size: 18px; }
h2{font-size: 16px; }
h3{font-size: 14px; }
h4,h5,h6{font-size: 100%; }
small{font-size: 12px; }
img,input{vertical-align: middle; border:none; }
ul,ol,li{list-style: none; }
a{text-decoration:none;outline:none}
a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}
body { background:#fff; color:#555; font-size:12px;overflow-x:hidden;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
i,em{font-style: normal;}
a{color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
input,button,select{font-family:'Microsoft Yahei';outline: none;font-size:14px; }
button,input[type=button]{cursor: pointer;}
img {image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}



/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/* 宽度 */
.w1200{width:1200px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
.w1560{width:1560px;margin:0 auto;}
@media all and (max-width:1600px){
  .w1560{width:100%;padding:0 2%}
}
@media all and (max-width:1460px){
	.w1400{width:100%;padding:0 2%}
}
@media all and (max-width:1260px){
	.w1200{width:100%;padding:0 2%}
}
@media all and (max-width:768px){
  .w1560{padding:0 3%}
	.w1400{padding:0 3%}
	.w1200{padding:0 3%}
}

/* 弹性布局 */
.c-flex{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.c-flex1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}

/* 图片比例 */
.picScale{ padding-bottom: 60%; overflow: hidden; position: relative; }
.picScale img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.5s; }
.picScale img:hover{ transform: translate(-50%,-50%) scale(1.1); }

/* 文本溢出 */
.text_clamp1{	overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.text_clamp2{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.text_clamp3{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }

.swiper-container{ --swiper-theme-color: #a3c026; --swiper-navigation-color: #a3c026; --swiper-navigation-size: 30px; }

/* PC and Moble */
.pc{ display: block; } 
.m{ display: none; }
@media (max-width: 768px) {
	.pc{ display: none; }
	.m{ display: block; }
}

/* 边距 */
.pd100{padding: 100px 0;}
.pd120{padding: 120px 0;}
.pd150{padding: 150px 0;}
@media (max-width: 1240px) {
	.pd100{padding: 70px 0;}
	.pd120{padding: 80px 0;}
	.pd150{padding: 90px 0;}
}
@media (max-width: 1024px) {
	.pd100{padding: 60px 0;}
	.pd120{padding: 70px 0;}
	.pd150{padding: 80px 0;}
}
@media (max-width: 768px) {
	.pd100{padding: 50px 0;}
	.pd120{padding: 60px 0;}
}
@media (max-width: 480px) {
	.pd100{padding: 40px 0;}
	.pd120{padding: 50px 0;}
	.pd150{padding: 50px 0;}
}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}


/************** 导航栏 ***************/
.header{ background-color: #FFFFFF; width: 100%; position: absolute; z-index: 9999; box-shadow: 0 0 5px 5px rgba(0,0,0,0.04); top: 0; left: 0; width: 100%; }
.header.fixed{ position: fixed; top: 0; left: 0; }
.header .w1400{ position: relative; }
.header .htop{ position: relative; background-color: #f6f6f6; height: 56px; line-height: 56px; }
.header .htop .left{ float: left; color: #2c353c; position: absolute; left: 2%;top: 0; }
.header .htop .left p{ font-size: 16px; }
.header .htop .left a{ color: #2c353c; }
.header .htop .left a:hover{ color: #000000; }
.header .htop .right{ float: right; display: flex; flex-wrap: wrap; }
.header .htop .right em{ display: block; padding-right: 40px; font-size: 16px; }
.header .htop .right em a{ color: #2c353c; }
.header .htop .right em a:hover{ color: #000000; }
.header .htop .right .langs{ position: relative; padding-right: 22px; height: 56px; cursor: pointer; }
.header .htop .right .langs::after{ content: ""; display: block; width: 12px; height: 56px; position: absolute; right: 0; top: 0;  background: url(../images/icon_lang_rig.png) no-repeat center right; }
.header .htop .right .langs.cur::after{ transform: rotate(180deg); }
.header .htop .right .langs .us{ display: block; font-size: 16px; color: #2c353c; padding-left: 30px; background: url(../images/icon_langs.png) no-repeat center left; }
.header .htop .right .langs .us:hover{ color: #000000; }
.header .htop .right .langs ul{ display: block; width: 100px; position: absolute; right: -15px; top: 56px; background-color: rgba(0,0,0,0.2); padding: 0px 0; color: #FFFFFF; z-index: 9999; display: none; }
.header .htop .right .langs ul li{ text-align: center; line-height: 36px; border-bottom: 1px solid #FFFFFF;}
.header .htop .right .langs ul li:last-child{ border-bottom: 0; }
.header .htop .right .langs ul li a{ color: #2c353c; font-size: 14px; display: block;  }
.header .htop .right .langs ul li:hover a{ color: #000000; }
.header .hlogo{ height: 156px; width: 100%; border-bottom: 1px solid #c8cbcd; }
.header .hlogo .logo{ height: 100%; width: 100%; }
.header .hlogo .logo h1{ display: block; height: 156px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.header .hlogo .logo img{ width: 207px; height: auto; }
.header .hnav{ height: 70px; width: 100%; }
.header .hnav .c-flex{ flex-wrap: wrap; }
.header .hnav dl{ display: block; height: 70px; flex: 1; position: relative; }
.header .hnav dl dt{ text-align: center; height: 70px; text-transform: uppercase; }
.header .hnav dl dt a{ display: flex; align-items: center; justify-content: center; height: 100%; font-size: 17px; font-weight: bold; color: #231815; }
.header .hnav dl dt.cur a,
.header .hnav dl:hover dt a{ color: #a3c026; }
.header .hnav dl dd{ display: block;height: 0; }
.header .hnav dl dd ul{ width: 100%; margin-left: 0%; display: none; background-color: rgba(255,255,255,0.8); position: absolute; top: 100%; left: 0; box-shadow: 0 2px 2px 1px rgba(0,0,0,0.06);  }
/* .header .hnav dl:hover dd ul{ display: block; } */
.header .hnav dl dd ul li{ text-align: center; font-size: 16px; text-transform: uppercase;  }
.header .hnav dl dd ul li a{ height: 48px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #231815; }
.header .hnav dl dd ul li:hover{ background-color: #a3c026;}
.header .hnav dl dd ul li:hover a{ color: #FFFFFF;  }
.header .hnav dl:nth-child(3) dd ul{ width: 160%; margin-left: -30%; }
.header .hnav dl:nth-child(3) dd ul li{ width: 50%; float: left; }

.head_btn{ display: none; cursor: pointer; position: absolute; top: 50%; right: 2%; transform: translateY(-50%); padding: 10px; outline: none; }
.head_btn .menuBtn {width: 18px;height: 17px;}
.head_btn .bar1, .head_btn .bar2, .head_btn .bar3 {width: 18px;height: 3px;background-color: #bbb;margin: 3px 0;transition: 0.4s;}
.head_btn.change .bar1 {transform: rotate(45deg) translate(3px, 5px);}
.head_btn.change .bar2 {opacity: 0;}
.head_btn.change .bar3 {transform: rotate(-45deg) translate(3px, -6px);}

.h_mart{ height: 282px; width: 100%; display: block; }

@media (max-width: 1460px) {
  .header .htop .left{ left: 2%;}
}
@media (max-width: 1240px) {
  .h_mart{ height: 226px; }
  
  .header .htop{height: 46px; line-height: 46px;}
  .header .htop .left p{font-size: 14px;}
  .header .htop .right em{font-size: 14px; padding-right: 20px;}
  .header .htop .right .langs{height: 46px;}
  .header .htop .right .langs::after{height: 46px;}
  .header .htop .right .langs .us{font-size: 14px; background-size: 18px; padding-left: 25px;}
  .header .htop .right .langs ul{top: 46px;}
  .header .htop .right .langs ul li{line-height: 30px;}
  
  .header .hlogo{height: 120px;}
  .header .hlogo .logo h1{height: 120px;}
  .header .hlogo .logo img{width: 180px;}
  
  .header .hnav{height: 60px;}
  .header .hnav dl{height: 60px;}
  .header .hnav dl dt{height: 60px;}
  .header .hnav dl dt a{font-size: 14px;}
  
  .header .hnav dl dd ul li{font-size: 13px;}
  .header .hnav dl dd ul li a{height: 42px;}
}
@media (max-width: 960px) {
  .header{position: fixed; top: 0; left: 0; z-index: 9999; box-shadow: 0 0 5px 2px rgba(0,0,0,.08);}
  .header .htop{ height: 0px; line-height: 0px; }
  .header .htop .left{ left: 3%; }
  .header .htop .left{ display: none; }
  .header .htop .left p{ font-size: 13px; }
  .header .htop .right{ height: 40px; position: absolute; top: 10px; right: 70px; z-index: 999; }
  .header .htop .right em{ display: none; }
  .header .htop .right .langs{ height: 40px;line-height: 40px;padding-right: 20px; }
  .header .htop .right .langs::after{ height: 40px; }
  .header .htop .right .langs .us{ font-size: 13px; background-size: 13px; background-position: left top 13px; padding-left: 20px; }
  .header .htop .right .langs ul{ top: 50px; background-color: rgba(0,0,0,0.4);}
  .header .htop .right .langs ul li{border-bottom: 1px solid #CCCCCC;}
  .header .htop .right .langs ul li a{color: #FFFFFF;}
  .header .hlogo{ border-bottom: 0; height: 60px; }
  .header .hlogo .logo{ width: auto; }
  .header .hlogo .logo h1{height: 60px;width: auto;display: inline-flex;}
  .header .hlogo .logo img{width: auto; height: 42px;}
  .header .hnav{display: none;}
  .head_btn{ display: block; }
  .h_mart{ height: 60px; width: 100%; display: block; }
}
@media (max-width: 580px) {
  .header .hlogo .logo img{height: 38px;}
}



.moble_nav{ padding-top: 140px; padding-bottom: 50px; height: 100%; width: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 999; display: none; }
.moble_nav nav{ padding: 0 20px; height: 100%; }
.moble_nav ul{ height: 100%; overflow-y: auto; border-top: 1px solid rgba(100,100,100,0.3); }
.moble_nav ul li{  }
.moble_nav ul li span{ display: block; border-bottom: 1px solid rgba(100,100,100,0.3); overflow: hidden; }
.moble_nav ul li span.icon{ background: url(../images/icon_next1.png) no-repeat right center; background-size: 25px; padding-right: 50%; }
.moble_nav ul li span.icon.cur{ background-image: url(../images/icon_next.png);border-bottom: 1px solid rgba(163, 192, 38, 0.6);}
.moble_nav ul li span a{ padding: 18px 0; display: block; font-size: 18px; font-weight: bold; color: #FFFFFF; }
.moble_nav ul li .subnav{  border-bottom: 1px solid rgba(163, 192, 38, 0.6); padding: 6px 0 10px; display: none;}
.moble_nav ul li .subnav a{ display: block; padding: 10px 0; font-size: 16px; padding-left: 10px; color: #eeeeee;}
@media (max-width:768px){
	.moble_nav{padding-top: 130px;}
}
@media (max-width:480px){
  .moble_nav ul li span a{font-size: 16px;}
}




/* 留言 */
.f_request{ background: url(../images/f_requestbg.jpg) no-repeat center / cover; padding: 80px 0 40px; }
.f_request .text{ width: 45%; }
.f_request .text h3{ color: #FFFFFF; font-size: 30px; text-transform: uppercase; }
.f_request .text p{ font-size: 14px; line-height: 24px; color: #FFFFFF; opacity: .83; text-transform: uppercase; margin-top: 15px; }
.f_request .form{ width: 50%; display: flex;flex-wrap: wrap; justify-content: flex-end; }
.f_request .form ul{ max-width: 580px; width: 100%; }
.f_request .form ul li{ width: 50%; padding-left: 20px; padding-bottom: 20px; }
.f_request .form ul li input{ background-color: #FFFFFF;display: block; width: 100%; height: 45px; padding-left: 15px;  }
.f_request .form ul li.code{ position: relative; }
.f_request .form ul li.code img{ position: absolute; right: 0; top: 0; height: 45px; width: auto; }
.f_request .form ul li #submit{ width: auto; padding: 0 45px 0 30px; text-transform: uppercase; color: #FFFFFF; cursor: pointer; background: #447610 url(../images/icon_submit.png) no-repeat center right 25px; }
@media (max-width: 1460px) {
  
}
@media (max-width: 1260px) {
  .f_request{ padding: 80px 0 50px; }
}
@media (max-width: 1024px) {
  .f_request{ padding: 60px 0 40px; }
  .f_request .text h3{font-size: 24px;}
  .f_request .text p{margin-top: 10px;}
  .f_request .text p br{display: none;}
  .f_request .form{width: 55%;}
  .f_request .form ul li{padding-left: 15px; padding-bottom: 15px;}
}
@media (max-width: 768px) {
  .f_request{ padding: 40px 0 20px; }
  .f_request .text{width: 100%; float: none;}
  .f_request .text h3{font-size: 20px;}
  .f_request .form{ width: 100%; float: none; margin-top: 20px; }
  .f_request .form ul{ max-width: none; width: 102%; margin: 0 -1%; }
  .f_request .form ul li{padding-left: 1%; padding-right: 1%; padding-bottom: 15px;}
  .f_request .form ul li.code img{ right: 2%;}
  
}
@media (max-width: 480px) {
  .f_request .text h3{font-size: 18px;}
  .f_request .text p{margin-top: 10px;}
  .f_request .form ul li{padding-bottom: 10px;width: 100%;}
  .f_request .form ul li input{ height: 40px; }
  .f_request .form ul li.code img{ right: 1%; height: 40px; }
}



/*footer*/
.footer{ background-color: #FFFFFF; padding: 110px 0 70px; }
.footer .f_top{ padding-bottom: 30px; }
.footer .f_contact{ width: 370px; }
.footer .f_contact .logo{ margin-bottom: 25px; }
.footer .f_contact .logo a{ display: inline-block; }
.footer .f_contact .logo img{ width: 127px; }
.footer .f_contact .logo span{ display: block; color: #000000; font-size: 16px; font-family: arial; margin-top: 10px; }
.footer .f_contact ul{ display: block; }
.footer .f_contact ul li{ padding-left: 30px; margin: 5px 0; line-height: 24px; color: #696969; font-size: 16px; background: no-repeat center left; }
.footer .f_nav{ padding-left: 100px; width: calc(100% - 380px);flex-wrap: wrap; justify-content: ; align-items: flex-start; }
.footer .f_nav dl{ max-width: 17.5%; }
.footer .f_nav dt{ font-size: 16px; color: #000000; font-weight: bold; margin-bottom: 30px; }
.footer .f_nav dt a{ color: #000000; }
.footer .f_nav dt:hover a{ color: #73B21B; }
.footer .f_nav dd{ color: #696969; font-size: 16px; margin-bottom: 15px; }
.footer .f_nav dd a{ color: #696969; }
.footer .f_nav dd:hover a{ color: #73B21B; }
.footer .f_nav dl.pro{ max-width: 30%; display: flex;flex-wrap: wrap; }
.footer .f_nav dl.pro dt{ width: 100%; }
.footer .f_nav dl.pro dd{ width: 50%; padding: 0 5px; display: inline-block;}
.footer .copyrigth{ border-top: 1px solid #e5e5e5; padding-top: 20px; position: relative; }
.footer .copy{ font-size: 16px; color: #555555; line-height: 20px; }
.footer .copy a{ color: #555555;  }
.footer .copy a:hover{ color: #73B21B;  }
.footer .copyrigth .shareBox{ position: absolute; top: 20px; right: 0; display: flex; flex-wrap: wrap;  align-items: center; }
.footer .copyrigth .shareBox .tit{font-size: 16px; padding-left: 20px; background: url(../images/icon_share.png) no-repeat center left; line-height: 18px; margin-right: 15px; }
.footer .copyrigth .shareBox ul{ align-items: center; }
.footer .copyrigth .shareBox ul li{ padding: 0 10px; line-height: 18px; }
.footer .copyrigth .shareBox ul li a{ display: block; }
.footer .copyrigth .shareBox ul li img{ display: block; margin-top: -5px; }

@media (max-width: 1460px) {
    .footer .f_nav{padding-left: 80px;}
}
@media (max-width: 1240px) {
  .footer{ padding: 90px 0 50px; }
  .footer .f_contact{width: 340px;}
  .footer .f_contact ul li{font-size: 14px;line-height: 22px;}
  .footer .f_nav{ padding-left: 30px; width: calc( 100% - 340px); }
  .footer .f_nav dd{ font-size: 14px; }
  .footer .f_top{ padding-bottom: 60px; }
  .footer .copy{ font-size: 14px; }
  .footer .copyrigth .shareBox .tit{ font-size: 14px; }
}
@media (max-width: 1024px) {
  .footer{ padding: 70px 0 30px; }
  .footer .f_top{padding-bottom: 40px;}
  .footer .f_nav{padding-left: 10px;}
  .footer .copy{}
}
@media (max-width: 960px) {
  .footer{padding-top: 50px;}
  .footer .f_top{ padding-bottom: 30px; }
  .footer .f_nav{ display: none; flex-direction: column; align-items: flex-end; }
  .footer .f_nav dl{ max-width: none; }
  .footer .f_nav dt{ margin-bottom: 20px; }
  .footer .f_nav dd{ display: none; }
  .footer .copyrigth .shareBox{display: none;}
}
@media (max-width: 768px) {
  .footer .f_contact{ float: none; width: 100%; }
  .footer .copy{ line-height: 24px; }
}
@media (max-width: 480px) {
  .footer{padding-bottom: 20px;}
  .footer .copy{font-size: 12px;}
}



/* 浮动 */
/* r_nav */
.r_nav{position:fixed;z-index:101;right:0;top:40%;width:51px;height:auto; border-radius: 5px; background: #89cf3e; /* background:url(../images/r_nav_bg.png) no-repeat center; */background-size:cover;padding:0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.r_nav li{padding:10px 0;border-bottom:1px solid #fff;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;cursor:pointer;position:relative}
.r_nav li.backtop{ font-size:30px;color:#fff;text-align:center;border-bottom:0;padding-bottom:15px; }
.r_nav li.backtop i{ height: 10px; }
.r_nav li i{display:block;width:28px;height:28px;margin:0 auto}
.r_nav li i img{vertical-align:top;}
.r_nav li p{font-size:14px;color:#fff;line-height:1;margin-top:8px;text-align:center}
.r_rt{display: none;width:200px; background-color: #89cf3e; background-size:auto;position:absolute;left:-215px;top:0;margin-top:;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:12px; border-radius: 5px;}
/* .r_rt::before{ content: " "; display: block; width: 0; height: 0; border: 8px solid transparent; border-left-color: #89cf3e; position: absolute; right: -16px; top: 50%; } */
.r_rt img{ max-width: 100%;}
.r_rt p{font-size:14px;color:#fff;height:}
@media (max-width: 1024px) {
  .r_nav{display: none;}
}



/* 标题 */
.index_tit1{ text-align: center; }
.index_tit1 h3{ font-size: 36px; font-family: "微软雅黑"; text-transform: uppercase; color: #2c353c; font-weight: bold; }
.index_tit1 h3 span{ color: #89cf3e; }
.index_tit1 p{ font-size: 26px; font-weight: normal; font-family: "arial"; text-transform: uppercase; padding-top: 10px; }

.index_tit2{ display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center; }
.index_tit2 h3{ font-size: 45px; font-weight: normal; font-family: "微软雅黑"; text-transform: uppercase; color: #2c353c; display: block; }
.index_tit2 h3 span{ color: #89cf3e; }
.index_tit2 p{ font-size: 26px; font-weight: normal; font-family: "arial"; text-transform: uppercase; padding-top: 10px; }
.index_tit2 .more{ display: block; color: #000000; font-size: 18px; padding-right: 30px; position: relative; }
.index_tit2 .more::after{ content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0; height: 0; border: 8px solid transparent; border-left-color: #73b21b;  }

@media (max-width: 1280px) {
  .index_tit1 h3{ font-size: 36px; }
}
@media (max-width: 1024px) {
  .index_tit1 h3{ font-size: 30px; }
  .index_tit1 p{ font-size: 20px; }
  .index_tit2 p{ font-size: 20px; }
  .index_tit2 .more{ font-size: 16px; padding-right: 20px; }
  .index_tit2 .more::after{border-width: 6px;}
}
@media (max-width: 768px) {
  .index_tit1 h3{ font-size: 24px; }
  .index_tit1 p{ font-size: 16px; }
  .index_tit2 p{ font-size: 16px; }
}
@media (max-width: 480px) {
  .index_tit1 h3{ font-size: 20px; }
  .index_tit2 .more{ font-size: 12px; padding-right: 15px; }
  .index_tit2 .more::after{border-width: 4px;}
}



/* 弹出 */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:white;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../images/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline: none;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../images/out2.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one .tbox .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){
  .z_tanchuang .tbox .modal{padding:10px}
  .z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px}
}