@charset "UTF-8";

/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}



/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.com-img{  overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

/*页面底部*/
.foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;}

/*内页左侧样式*/

.page-product-inquiry a{color:#fff}
.changg{max-width:1460px;margin:0 auto;padding:0 2%;font-family:"Microsoft Yahei";position: relative;}
.dlogo{width: 18%;display: flex;align-items: center;min-width: 355px;}
.dlogo img{max-width:100%;height:auto}
.nnav{width:65%}
.youshing{margin: -11% auto 0;width:90%;box-shadow:0px 10px 20px -10px rgba(0,0,0,.2);box-sizing:border-box;padding: 4% 3%;background: rgba(255,255,255,0.8);border-radius:8px;position:relative;z-index:99}
.youshing_img{float:left;width:44px;overflow:hidden}
.youshing_img img{max-width:100%;height:auto}
.youshingnei{float:right;width:80%}
.youshing li{width:25%}
.youshingnei_a{font-size:18px;font-weight:600;font-stretch:normal;line-height:34px;letter-spacing:0px;color:#424242}
.youshingnei_b{font-size:14px;font-weight:normal;font-stretch:normal;line-height:20px;letter-spacing:1px;color:#999999}
.nei1{overflow-x:hidden;}
.gundyug{position:relative;margin: 7% auto 0;}
.gundyugle{max-width: 50%;position: relative;}
.gundyugle:before{display:block;content:'';position: absolute;width: 100%;height: 100%;background: url(../images/icon-play.png) no-repeat center;cursor: pointer;}
.gundyugle:hover:before{
    background-color: rgba(0,0,0,0.1);
}
.gundyugle img{max-width:100%;height:auto}
.gundyugrt{margin-left: 5%;flex: 1;}
.gundyug::after{position:absolute;top: -5%;background: url(../images/about_bg.png) no-repeat;width: 307px;height: 408px;content:'';right: -6%;background-size:100% 100%}
.gundyugrt_a{font-size:1.2rem;font-weight:normal;font-stretch:normal;line-height:36px;letter-spacing:1px;color:#17bb4d}
.gundyugrt_b{font-size:2.1rem;font-weight:600;font-stretch:normal;line-height: 1;color:#333333;box-sizing:border-box;padding:2% 0}
.gundyugrt_b span{font-size: 1.5rem;font-weight: normal;font-stretch: normal;line-height: 36px;letter-spacing: 1px;color: #17bb4d;}
.gundyugrt_c{font-size:16px;font-weight:normal;font-stretch:normal;line-height:30px;letter-spacing:0px;color:#666666;box-sizing:border-box;padding: 1% 0 0 0;text-indent: 2em;}
.gundfenlei li{background:url(../images/icon-dui.png) left center no-repeat;font-size:14px;font-weight:normal;font-stretch:normal;line-height:30px;letter-spacing:0px;color:#999999;box-sizing:border-box;padding: 1% 60px 1% 60px;}
.gundyugrt_m{width:175px;line-height:51px;background-color:#19ad4e;border-radius:10px;text-align:center;font-size:16px;margin-top: 3%;}
.gundyugrt_m a{color:#fff}

/*产品中心*/
.nei2{background:url(../images/product_bg.jpg) no-repeat center;position:relative;overflow:hidden;margin-top:70px}
.nei2:before{position:absolute;display:block;content:'';background:rgba(0,0,0,0.3);width:15%;height:96%;right:48%;top:2%;margin-right:730px}
.nei2 .nei2-left{position:absolute;width:15%;height:96%;top:2%;background:rgba(0,0,0,0.3);z-index:1;color:#fff}
.nei2 .nei2-left dt{background:#09C54C;position:relative;padding:25px 0}
.nei2 .nei2-left dt:before{display:block;content:'';position:absolute;width:260px;height:100%;top:0;right:100%;background:#09C54C}
.nei2 .tydong{position: absolute;width: 27px;height: 19px;background: url(../images/icon-prev.png);left: 20px;top: 80px;z-index: 2;}
.nei2 .nei2-left dd{padding:25px 0;position:relative;border-top:1px solid rgba(255,255,255,0.5);padding-left:40px}
.nei2 .nei2-left dd a{color:#fff}
.nei2 .nei2-left dd:before{display:none;content:'';position:absolute;left:0;bottom:34px;border:8px solid transparent;border-left:14px solid #09C54C}
.nei2 .nei2-left dd:hover:before{display:block}
.nei2 .nei2-left dd:after{display:block;content:'';position:absolute;width:260px;height:1px;top:-1px;right:100%;background:rgba(255,255,255,0.5)}
.nei2 .nei2-left .en{font-weight:normal}
.nei2 .nei2-left .cn{font-weight:bold}
.nei2 .nei2-left dt .en{font-size:16px}
.nei2 .nei2-left dd .en{font-size:16px}
.nei2 .nei2-left dt .cn{font-size:36px}
.nei2 .nei2-left dd .cn{font-size:22px;margin-top:10px}
.product-list{overflow:hidden;justify-content: space-between;width: 82%;margin-left: 18%;padding: 50px 0;}
.product-list li{position:relative;margin-bottom: 20px;max-width: 32%;}
.product-list li:nth-child(4),.product-list li:nth-child(5),.product-list li:nth-child(6){margin-bottom: 0;}
.product_img img{width:100%;height:auto}
.product-list .hover{position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;transition:all 0.6s ease;background: url(../images/hover.png) no-repeat center;}
.product-list li:hover .hover{opacity:1;transition:all 0.6s ease}


/*新闻中心*/
.nei3{position: relative;}
.nei3:before{content:'';position:absolute;right:0;top:0;display:block;width: 20%;height:100%;background-image: linear-gradient(#089F3E 0%,#06CA4C 100%);}
.nei3:after{content:'';display:block;background:rgba(255,255,255,0.2);height:1px;width: 35%;position:absolute;right: 0;bottom: 80px;}
.nei3 .changg:before {content: '';position: absolute;right: 0;top: 0;display: block;width: 33%;height: 100%;background-image: linear-gradient(#089F3E 0%,#06CA4C 100%);}
.nei3 .ts .conx{display:flex}
.nei3 .ts .list1{width: 53%;border-left: 1px solid rgba(255,255,255,0.2);padding-left: 16px;}
.nei3 .ts .list1 li{font-size:18px;width:48%}
.nei3 .ts .list1 li a{display:block;line-height: 80px;color:rgba(255,255,255,0.4);font-weight:bold;transition:all .3s ease-out}
.nei3 .ts .list1 li:hover a{color:white}
.nei3 .ts .bd{display:flex;justify-content:center;align-items:center;width: 40%;display: flex;justify-content: space-between;}
.nei3 .ts .bd .xx{width:45px;height:25px;cursor:pointer}
.nei3 .ts .bd .xx.zb {background: url(../images/icon-l1.png) no-repeat 50%;}
.nei3 .ts .bd .xx.zb.swiper-button-disabled{background:url(../images/icon-l.png) no-repeat 50%}
.nei3 .ts .bd .xx.yb{background: url(../images/icon-r1.png) no-repeat 50%;}
.nei3 .ts .bd .xx.yb.swiper-button-disabled{background:url(../images/icon-r.png) no-repeat 50%}
.nei3 .con{position:relative;z-index:2;justify-content:space-between}
.nei3 .con .c4-1{width: 28%;position:relative;padding-top: 90px;}
.nei3 .con .c4-1 .bt{
    position: relative;
}
h2.bt{line-height:1}
.nei3 h2.bt b{color:#fff;font-size: 48px;display: block;line-height: 1;}
.nei3 h2.bt p{color:#fff;margin-top: 16px;font-size: 32px;}
.nei3 .tydong{position: absolute;width: 27px;height: 19px;background: url(../images/icon-prev.png);right: 20px;top: 100px;transform: rotate(-180deg);z-index: 1;}
h2.bt p span{color:#ff4201}
.nei3 .con .c4-1 .con1{margin-top: 1vw;padding-top: 70px;position:relative;margin-bottom: 100px;overflow: hidden;}
.nei3 .con .c4-1 .con1:before{position:absolute;content:'';right:36px;top:0;width:37px;height:24px;display:block;background:url(../images/icon-new.png) no-repeat 50%}
.nei3 .con .c4-2{padding-top: 5vw;padding-bottom: 85px;width: 67%;}
.nei3 .con .c4-1 .list2 li h3{font-size:18px;color:#ffffff;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.nei3 .con .c4-1 .list2 li .timex{font-size:14px;color:rgba(255,255,255,0.6);margin-top:32px}
.nei3 .con .c4-1 .list2 li dd{font-size:14px;line-height:28px;color:rgba(255,255,255,0.6);text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:9px}
.nei3 .con .c4-1 .list2 li .ck{margin-top:39px;display:flex;width:101px;align-items:flex-end;font-size:14px;color:#fff;border-bottom: 1px solid #fff;justify-content:space-between;font-weight:bold;line-height:1;padding-bottom:5px;transition:all .3s ease-out;}
.nei3 .con .c4-2 .list2{justify-content:space-between}
.nei3 .con .c4-2 .list2 li{width: calc(100% / 3 - 15px);border-bottom: 1px dotted;padding-bottom: 15px;}
.nei3 .con .c4-2 .list2 li a{display:block;background:#f1f8fa;transition:all .3s ease-out}
.fen img{width:100%;transition:all .3s ease-out}
.nei3 .con .c4-2 .list2 li .zi{padding:30px 24px 32px 27px}
.nei3 .con .c4-2 .list2 li .timex{font-family:arial;color:#999999;font-size:18px;font-weight:bold;transition:all .3s ease-out}
.nei3 .con .c4-2 .list2 li h3{font-size:16px;font-weight:bold;color:#333333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:30px;margin-bottom:10px}
.nei3 .con .c4-2 .list2 li dd{font-size:14px;line-height:28px;color:#999999;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;text-indent: 2em;}
.nei3 .con .c4-2 .list2 li .ck{margin-top:10px;display:flex;width:88px;align-items:flex-end;font-size:14px;color: #000;border-bottom: 1px solid #000;justify-content:space-between;font-weight:bold;line-height:1;padding-bottom:5px;transition:all .3s ease-out}
.nei3 .con .c4-2 .list2 li .ck span{display: block;background: url(../images/icon-rightTop-black.png);width: 20px;height: 19px;}
.nei3 .con .c4-2 .list2 li:hover {border-bottom-color: #07A13F;}
.nei3 .con .c4-2 .list2 li:hover a{transform: translateY(-15px);}
.nei3 .con .c4-2 .list2 li:hover h3{color: #fb4c14;}
.nei3 .con .c4-2 .list2 li:hover .ck{color: #fb4c14;border-bottom: 1px solid #07A13F;}
.nei3 .con .c4-2 .list2 li:hover .ck span{background-image:url(../images/icon-rightTop-blue.png) ;}


/*-------------*/
.nei4{background: #19AD4F;background-size:100% 100%;box-sizing:border-box;padding:3% 0;overflow:hidden}
.liyoungle{
    flex: 1;
}
.liyoungrty{width:195px;line-height:62px;background-color:#fcc41f;text-align:center;font-size:18px;margin-top:4%;height:62px}
.liyoungrty a{color:#ffffff}
.liyoungle_a{background: url(../images/bg1.png) no-repeat;height:7px}
.liyoungle_b{font-size:2.9rem;font-weight:normal;font-stretch:normal;line-height:110px;letter-spacing:6px;color:#ffffff}
.liyoungle_c{font-size: 20px;font-weight:normal;font-stretch:normal;line-height:32px;letter-spacing:0px;color:#ffffff;margin-bottom: 25px;}
.liyoungle_d{font-size: 2rem;background: #2D2D2D;color: #fff;line-height: 1;display: inline-block;padding: 8px 20px;}
.liyoungle_d b{}
/*-------资质荣誉---------*/
.nei5{padding:3% 0;overflow:hidden}
.zjying{font-size:2.25rem;font-weight:600;color:#333333;position:relative;padding-left: 40px;height: 78px;display: flex;align-items: end;}
.zjying span{font-size: 25px;color: #666;font-weight: normal;margin-left: 20px;}
.zjying::after{position:absolute;top:0px;left: 0;content:'';background:#19ad4e;width:78px;height:78px;border-radius:50%;z-index:-1}
.nei5 .tydong{position: absolute;width: 27px;height: 19px;background: url(../images/icon-next.png);right: 0;top: 50%;margin-top: -10px;}
.nei2 .tydong a,.nei3 .tydong a,.nei5 .tydong a{display: block;width: 100%;height: 100%;}
.zhudnhs{overflow:hidden}
.zhanshing{margin: 4% 1px 2%;}
.zhudnhs_img img{width:100%;height:auto;max-width: 400px;}
.zhudnhs .swiper-wrapper{justify-content: space-between;}
.zhudnhs .swiper-wrapper .swiper-slide{position:relative;width: auto;}
.zhudnhsoskj{position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;transition:all 0.6s ease;background: rgba(255,255,255,0.5);}
.zhudnhs .swiper-wrapper .swiper-slide:hover .zhudnhsoskj{opacity:1;transition:all 0.6s ease}

.nei6{line-height:2}
.friendLink{font-size:24px;position:relative;line-height:2;padding-left:20px;color:#000}
.friendLink:after{position:absolute;top:-10px;left:0;content:'';background:#19ad4e;width:40px;height:40px;border-radius:50%;z-index:-1}
.nei6 a{font-size:20px;color:#666;margin-right:5px}


/*底部*/
.hdusngdi{width:22%}
.hdusngdi_b{font-size:14px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#d3e0d7;box-sizing:border-box;padding: 5% 0;text-indent: 2em;}
.hdusngdi_c{font-size:16px;font-weight:600;font-stretch:normal;line-height:36px;letter-spacing:2px;color:#fcc41f}
.hdusngdi_d{font-size:28px;font-weight:600;font-stretch:normal;line-height:36px;letter-spacing:1px;color:#ffffff}
.hdusngdao{width:15%}
.hdusngdao_a{font-size:1.2rem;font-weight:normal;font-stretch:normal;line-height:60px;letter-spacing:0px;color:#ffffff;background:url(../images/bg1.png) left bottom no-repeat}
.hdusngdao_a span{font-size: 14px;margin-left: 10px;}
.djisnfjkh{margin-top:8%}
.foot_nav li:hover a{color:#fdd21c}
.hdusnglia{width:20%}
.hdusngliami{font-size:14px;font-weight:normal;font-stretch:normal;line-height: 2;letter-spacing:0px;color:#ffffff;margin-top: 5%;}
.hdusngliami p{margin-bottom: 20px;}
.hdusngish{width: 28%;}
.hdusngish form{margin-top:20px}
.hdusngish .ww2{display:flex;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}
.hdusngish .ww1{max-width:50%}
.hdusngish .ww1 p{}
.hdusngish .ww1 input{border:1px solid #fff;outline:0;background:transparent;max-width:100%;box-sizing:border-box;padding:3px 10px;line-height:2;color:#fff}
.hdusngish .ww2 p{color:#fff;margin-bottom:5px;font-size:14px}
.hdusngish .ww2 textarea{width:100%;border:1px solid #fff;background:transparent;padding:10px;color:#fff}
.hdusngish .ww2 textarea::placeholder{color:#fff}
.hdusngish .ww2 textarea:focus{outline:0}
.hdusngish .ww4{}
.hdusngish .ww4 input{border:0;background:#fcc41f;color:#fff;font-size:16px;width:120px;line-height:30px;border-radius:5px}
.xiangftyyy{border-top: solid 2px #0C7F34;margin:2% 0 1% 0}
.banungg{font-size:14px;font-weight:normal;font-stretch:normal;line-height:36px;letter-spacing:0px;color:#b2cab9}
.banungg a{color:#b2cab9}
@media(max-width:1600px){
	.youshing{margin:-7% auto 0}
	.gundyugrt_b{font-size:1.8rem}
	.zjying{font-size:2.1rem}
	.liyoungle_b{font-size:2.6rem}
}
@media(max-width:1500px){
	.liyoungle_b{font-size:2.4rem;line-height:90px}
	.zjying{font-size:2rem;}
	.nei2 .tydong{display:none}
}
@media(max-width:1440px){
	.gundyugrt_b{font-size:1.6rem;line-height:45px}
	.nei2:before{right: 98%;margin-right: 0;}
}
@media(max-width:1366px){
	.gundyugrt_b{font-size:1.4rem;line-height:42px}
	.zjying{font-size:1.8rem;height: 70px;}
	.zjying span{font-size:16px}
	.zjying::after{width:70px;height:70px;}
	.liyoungle_b{font-size:2.2rem;line-height:80px}
	.nei3 .con .c4-1{padding-top: 50px;}
	.nei3 .con .c4-1 .con1{margin-bottom: 4vw;margin-top: 2vw;}
}
@media(max-width:1200px){
	.gundyugrt_c{font-size:14px;line-height:28px;padding:2% 0 2% 0}
	.gundyugrt_m{margin-top:5%}
	.nei3 .con .c4-1{width: 30%;}
	.nei3 h2.bt b{font-size: 40px;}
	.nei3 h2.bt p{font-size: 30px;}
	/*产品中心*/
	.nei2 .nei2-left dd{padding-left:22px}
	.nei2 .nei2-left dd:before{border:5px solid transparent;border-left:10px solid #09C54C}
	.nei2 .nei2-left dt .en{font-size:14px}
	.nei2 .nei2-left dd .en{font-size:14px}
	.nei2 .nei2-left dt .cn{font-size:26px}
	.nei2 .nei2-left dd .cn{font-size:20px}
}
@media(max-width:1024px){
	.youshing{width:100%;margin:0 auto}
	.gundyug{width:100%;margin:6% auto 0}
	.gundyugrt_b{font-size:20px;line-height:32px}
	.zjying{height:50px;padding-left: 35px;}
	.zjying::after{width:50px;height:50px;}
	/*产品中心*/
	.nei2 .nei2-left dd{width: 33%;}
}
@media(max-width:992px){
	.x-banner,.page-banner{margin-top:60px}
	.youshingnei_a{font-size:16px}
	.youshingnei_b{font-size:12px}
	.youshingnei{float:right;width:72%}
	.gundyug::after{display:none}
	.gundyugle{width:100%;max-width: unset;}
	.gundyugle img{width:100%;height:auto}
	.gundyugrt{width:100%;margin-top:3%}
	.liyoungle_b{font-size: 22px;line-height:55px;letter-spacing: 0;}
	.liyoungle_c{font-size:14px;line-height:24px}
	.liyoungrty{height: 40px;line-height: 40px;}
	.hdusngdao_a{font-size:20px}
	.hdusngliami p{margin-bottom: 15px;}
	.hdusngish{width: 100%;margin-bottom: 15px;}
	.hdusngdao{width:25%}
	.hdusnglia{width:30%}
	.hdusngdi{width:40%}
	.visible-xs{display:block!important}
	.x-layout{padding-bottom:8%}
	.zjying{font-size:25px;padding-left: 30px;}
	.nei3 .changg:before {width: 100%;}
	.nei3 .con{flex-direction: column-reverse;}
	.nei3 .con .c4-1{width: 100%;}
	.nei3 .con .c4-2{width: 100%;}
	.nei3 .con .c4-2 .list2 li{width: 100%;}
	/*产品中心*/
	.nei2{background-size:auto 100%;padding-top:10px}
	.nei2:before{display:none}
	.nei2 .nei2-left{width:100%;position:unset;display:flex;flex-wrap:wrap}
	.nei2 .nei2-left dt{width:100%;text-align:center;padding:10px 0}
	.nei2 .nei2-left dt:before{display:none}
	.nei2 .nei2-left dd{padding-left:0;border-right:1px solid rgba(255,255,255,0.5);text-align:center;padding:10px 0}
	.nei2 .nei2-left dd:before{display:none !important}
	.nei2 .nei2-left dd:nth-child(4){border-right:0}
	.nei2 .nei2-left dd:after{display:none}
	.nei2 .nei2-left dt .en{font-size:12px}
	.nei2 .nei2-left dd .cn{margin-top:0}
	.product-list{width:100%;margin:0;padding:20px 0}
	.product-list li{max-width:48%}

	.nei6{
    margin-bottom: 10px;
}
	.friendLink{
    font-size: 20px;
}
	.friendLink:after{}
	.nei6 a{
    font-size: 16px;
}
}
@media(max-width:500px){
	.x-banner .owl-carousel .owl-dots{display:none}
	.youshing li{width:48%}
	.gundyugrt_a{font-size:16px}
	.zjying span{font-size: 14px;margin-left: 10px;}
	.zjying::after{width:50px;height:50px;}
	.liyoungle{width:100%;flex: unset;}
	.hdusngdi{display:none}
	.hdusngdao{width:50%}
	.hdusnglia{width:50%}
	.x-layout{background-size:cover}
	.x-layout{padding-bottom:14%;background: #19AD4F;background-position: center -14px;}
	.banungg{line-height:28px}
	.nei3:before{display: none;}
	.nei3 .changg{padding-bottom: 20px;}
	.nei3 .con .c4-1{padding-top: 20px;}
	.nei3 h2.bt b{font-size: 30px;}
	.nei3 h2.bt p{font-size: 20px;}
	.nei3 .tydong{
    top: 20px;
}
	.nei3 .con .c4-1 .con1{margin-bottom: 3vw;margin-top: 1vw;}
	.nei3 .con .c4-2{margin-top: 20px;}
	.nei3 .con .c4-1 .list2 li .timex{margin-top: 10px;}
	.nei3 .con .c4-1 .list2 li .ck{margin-top: 10px;}
	.nei3 .con .c4-2 .list2 li{padding-bottom: 0;border-bottom: 0;}
	.nei3 .con .c4-2 .list2 li:hover h3{margin-top: 10px;}
}



.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 222;}
.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;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;height: 90%;margin: 0 auto;box-sizing:border-box;overflow: visible;}
.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;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.z_tanchuang .tbox .modal .video_box{width: 100%;max-width: 600px;margin: 0 auto;height: 100%;}
.z_tanchuang .tbox .modal .video_box iframe{display: block;width: 100%;max-width: 100%;/* object-fit: cover; *//* max-height:500px; */border: 0;}
.z_tanchuang .tbox .modal .video_box iframe{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 .video_box{max-width: 1200px;position;z-index:1;overflow:hidden;}
.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.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.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 screen and (max-width: 769px) {
	.z_tanchuang .tbox .modal {background: white;padding: 0;box-sizing:border-box;display: block;border-radius: 5px;position: relative;width: 100%;max-width: 1200px;max-height: calc(100% - 110px);margin: 0 auto;top: 5px;bottom: 50px;}
	.z_tanchuang .tbox .modal .out{top: 0;right:0;background-color: #eee;}
}