@charset "utf-8";
/*内页幻灯片*/
.neibanner{width:100%;height:450px;z-index:2;color:#fff; padding:100px 0 50px;}
.neibanner .container{display: flex;flex-direction: column;justify-content: center;}
.neibanner h1{text-transform:uppercase;font-size:40px;font-weight:bold;letter-spacing:1px;}
.neibanner h2{font-size:30px;font-weight:bold;}
.neibanner .weizhi{width:100%;background:rgba(0,0,0,.2);height:50px;position:absolute;bottom:-50px;left:0;display:flex;align-items:center;color:#fff; font-size:14px;}
.neibanner .weizhi img{margin:0 10px;}
.neibanner .weizhi a:hover{color:#ff5000;}

@media (max-width:1200px){
	.neibanner{height:400px;}
	.neibanner .container{padding-top: 150px;}
	.neibanner h1{font-size:35px;}
	.neibanner h2{font-size:25px;}
}
@media (max-width:1024px){
	.neibanner{height:350px;}
	.neibanner .container{padding-top: 100px;}
	.neibanner h1{font-size:30px;}
	.neibanner h2{font-size:20px;}
}
@media (max-width:768px){
	.neibanner{height:300px;}
	.neibanner .container{ width:100%;}
	.neibanner h1, .neibanner h2{ width:90%; margin:0 auto}
	.neibanner h1{font-size:25px;}
	.neibanner h2{font-size:15px;}
	.neibanner div.weizhi{height:40px; padding:0 5%;}
	.neibanner div.weizhi, .neibanner div.weizhi *{font-size:10px;}
	.neibanner div.weizhi img{margin:0 5px;}
}
@media (max-width:468px){
	.neibanner{height:250px;}
	.neibanner h1{font-size:20px;}
	.neibanner h2{font-size:10px;}
	}
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*内页导航*/
.neinav{width:100%;height:100px;border-bottom:solid #000 1px;background:#fcfcfc;}
.neinav *{transition:all .5s ease;}
.neinav .container{height:100%;position:relative;display:flex;align-items:center;justify-content:center;}
.neinav ul li{min-width:130px;padding:10px;display:block;background:#f2f2f2f2;margin:0 1%;text-align:center;}
.neinav ul li a{font-size:15px;color:#000;}
.neinav ul li:hover, .neinav ul li.active{background:#ff5000;}
.neinav ul li:hover a, .neinav ul li.active a{color:#FFF;}
@media (max-width:1024px){
	.neinav{ height:auto;}
	.neinav .container{ display:block;text-align: center; margin:5px auto;}
	.neinav ul li{width:130px;padding:10px 0;display: inline-block;margin:5px;background: rgba(0,0,0,.05);}
}
@media (max-width:768px){.neinav ul li a{font-size:12px;}}
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*内页小零件*/
.neiye{color:#333;}

.nei-title{ padding:40px 0;width:100%; position:relative;text-align:center; color:#333;}
.nei-title h1{text-transform:uppercase;font-size:36px;font-weight:bold;}
.nei-title h2{font-size:24px;}

.nei-info{ width:100%; position:relative;margin-bottom:40px;}

/*内页上下页*/
.nei-but{margin:40px 0;}
.nei-but p{width:100%;line-height:2em;padding:0 20px;position:relative; display:block;font-size:16px;color:#333;}
.nei-but p a{color:#333;}
.nei-but .next{margin-bottom:10px;}

/*内页标签和分享*/
.nei-tags{margin-top:40px;border-bottom:1px solid #c3c3c3;position:relative;}
.nei-tags h3{display:inline-block;padding:0 30px;font-size:16px;color:#ff5000;line-height:40px;border-bottom:3px solid #ff5000;margin-bottom:-1px;}
.nei-tags .baidu-share{position:absolute;right:0;top:8px}

/*留言*/
.nei-liuyan{margin-top: 40px;}
.nei-liuyan .tit{border-bottom: 1px solid #c3c3c3;position: relative;}
.nei-liuyan .tit b{display: inline-block;padding: 0 30px;font-size: 16px;color: #ff5000;line-height: 40px;border-bottom: 3px solid #ff5000;margin-bottom: -1px;}
.nei-liuyan .info{border: 1px solid #eee;padding: 30px;margin-top: 20px;overflow: hidden;width:100%;height:auto;}
.nei-liuyan .info form input[type="text"].name,
.nei-liuyan .info form input[type="text"].tel,
.nei-liuyan .info form input[type="text"].desc{height: 40px;width:calc(calc(100% - 20px) / 2);float: left;border: 1px solid #ddd;padding: 10px;font-size: 14px;font-weight: bold;letter-spacing: 1px;}
.nei-liuyan .info form input[type="text"].name,
.nei-liuyan .info form input[type="text"].desc{margin:0 20px 20px 0;}
.nei-liuyan .info form input[type="text"].tel,
.nei-liuyan .info form div.code{margin:0 0 20px 0;position: relative;}

.nei-liuyan .info form .butsub{width: 100%;display: flex;height: 40px;align-items: center;justify-content: center;}
.nei-liuyan .info form .butsub input[type="submit"]{display: block;background: #ff5000;color: #fff;cursor: pointer;width: 30%;height: 100%;}
.nei-liuyan .info form input:focus::-webkit-input-placeholder{color:transparent;}

.nei-liuyan .info form div.code{height: 40px;width: calc(calc(100% - 20px) / 2);float: left;}
.nei-liuyan .info form div.code input[type="text"]{height: 100%;border: 1px solid #ddd;padding: 10px;font-size: 14px;font-weight: bold;letter-spacing: 1px;width: 100%;}
.nei-liuyan .info form div.code img{width: auto;height:100%;position: absolute;right: 0;top: 0;}

@media (max-width:768px){
	.nei-title{ padding:20px 0;}
	.nei-title h1{tfont-size:30px;}
	.nei-title h2{font-size:20px;}
	
	.nei-info{margin-bottom:20px;}
	
	.nei-but{margin:25px 0;}
	.nei-but p{line-height:1.75em;font-size:14px;padding: 0;}
	.nei-but .next{margin-bottom:0;}
	
	.nei-liuyan .info form input[type="text"].name,
	.nei-liuyan .info form input[type="text"].tel,
	.nei-liuyan .info form input[type="text"].desc,
	.nei-liuyan .info form div.code{height: 30px; width:100%; margin:0 0 20px 0;position: relative;}
	.nei-liuyan .info form .butsub{height:30px;}
}
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*company*/
.companybox{width:100%; position:relative; padding:40px 0;}
.companybox .title{width:100%;height:auto;position:relative;color:#333;}
.companybox .title p{ display:block; width:100%;text-align:center;}
.companybox .title .en{text-transform:uppercase;font-size:36px;font-weight:bold;line-height:2em;}
.companybox .title .cn{font-size:24px;line-height:1em;}
.companybox .info{ width:100%; position:relative;margin-top:40px;}

.companybox.introduction .info p{font-size:14px;line-height:1.75em;color:#333;}

.companybox.clture{background: #f1f1f1;}
.companybox.clture .info{background: #fff;}
.companybox.clture .info .left{width:50%; height:100%; position:absolute; top:0; left:0;padding:30px;overflow-y:scroll;}
.companybox.clture .info .left p{color:#333;font-size:14px;line-height:2em;}
.companybox.clture .info .left p strong{font-size:18px;letter-spacing:1px;}
.companybox.clture .right{width:50%;float: right;}
.companybox.clture .right img{width:100%;height: auto; display:block;}
@media (max-width:768px){
	.companybox .title .en{font-size:30px;}
	.companybox .title .cn{font-size:20px;}
	.companybox .info{margin-top:20px;}
	
	.companybox.clture .info .left{width:100%;height:auto;padding:10px;overflow-y: hidden;}
	.companybox.clture .info .left p strong{font-size:16px;letter-spacing:0;}
	.companybox.clture .right{width:100%; float:none;}
}
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*contact*/
.contactbox{ width:100%; position:relative; padding-top:40px;}
.contactbox .title{width:100%; position:relative; color:#000;}
.contactbox .title .p1{ font-size:26px; line-height:26px;}
.contactbox .title .p2{ font-size:14px;opacity:.7; line-height:24px; margin:15px 0 5px;}

.contactbox.contact{width:50%;float: left; margin-top:40px;}
.contactbox.contact .info h3{ font-size:20px;font-weight:bold; line-height:30px;color: rgb(227, 108, 9); margin-bottom:5px;}
.contactbox.contact .info p{ font-size:15px; line-height:2em;}
.contactbox.contact .info img{ display:block;max-width: 150px;}

.contactbox.gbook{width:50%;float:right; margin-top:40px;}
.contactbox.gbook .title{ text-align:right; margin-bottom:20px;}
.contactbox.gbook .info{border:1px solid #eee;padding:30px;overflow:hidden;}
.contactbox.gbook .info input{display: block;width: 100%;font-size: 14px;font-weight: bold;letter-spacing: 1px;transition: all .3s ease;}
.contactbox.gbook .info input[type="text"]{border: 1px solid #ddd;padding: 10px;margin-bottom: 20px;}
.contactbox.gbook .info input[type="submit"]{background: #ff5000;color: #fff;padding: 12px 0;cursor: pointer;margin-top: 20px;}
.contactbox.gbook .info input:focus::-webkit-input-placeholder{color:transparent;}

.contactbox.map{ margin-bottom:40px;}
.contactbox.map .container{height:500px; }
#allmap{ width:100%; height:100%;}

@media (min-width:1025px){
	.contactbox .container{width:100%; padding-left:120px; padding-right:120px;}
	.contactbox.contact .container{padding-right:20px;}
	.contactbox.gbook .container{padding-left:20px;}
}

@media (max-width:1024px){
	.contactbox.contact,
	.contactbox.gbook{width:100%;float: none;}
	
	.contactbox.map .container{height:400px;}
}

@media (max-width:768px){
	.contactlist .contact_tit h1{ text-align:left !important;line-height: 2em;}
	.contactlist .left{width:100%;margin:0 auto;float: none;padding-top:50px;}
	.contactlist .contact-form{margin-top:0;}
	.contactlist .mm p img{max-width: 150px;}
}
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*分页样式*/
.pglist{padding:20px 0;width:100%;text-align:center;clear:both;}
.pglist a, .pglist span{color:#666;padding:0 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #ccc;}
.pglist a:hover, .pglist span, .pglist a.page-num-current{display:inline-block;color:#fff;background:#ff5000;border-color:#ff5000;}
.pglist span.page-num{ display:none;}
.pglist select{color:#333; background-color:#FFF; border:1px solid #ccc;padding:0 15px; margin:0 3px;line-height:30px;}
@media (max-width:768px){.pglist a, .pglist span, .pglist select{padding:0 10px; line-height:25px;}}
@media (max-width:468px){.pglist a, .pglist span, .pglist select{padding:0 5px; line-height:20px;font-size: 10px;}}
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*产品*/
/*列表*/
.nei_pro{width:100%; padding:50px 0;}
.nei_pro .item{display: block;position:relative;float: left;border: solid #ccc 1px;height:auto; overflow: hidden;}
.nei_pro .item .img{overflow: hidden;}
.nei_pro .item .img img{display:block;width:100%;}

.nei_pro .item p{width: 100%; position:relative;}
.nei_pro .item p span{font-size: 16px;height: 60px;display: flex;align-items: center;justify-content: center;}
@media (min-width:1025px){
	.nei_pro .item{padding:10px;width: calc(calc(100% - 60px)/4);margin:0 20px 20px 0;}
	.nei_pro .item:nth-child(4n){ margin:0 0 20px 0;}
	.nei_pro .item p:before{ content:"";width:100%;height:1px; position:absolute;border-bottom: 1px #ccc dashed; bottom:5px;}
	.nei_pro .item p span{transition: all 0.4s ease;}
	.nei_pro .item .img img{transition:.5s ease;}
	
	.nei_pro .item:hover p span{transform: translateY(-10px);}
	.nei_pro .item:hover .img img{transform: scale(1.1);}
}
@media (min-width:769px) and (max-width:1024px){
	.nei_pro .item{width: calc(calc(100% - 20px)/3);margin:0 10px 10px 0;}
	.nei_pro .item:nth-child(3n){ margin:0 0 10px 0;}
	.nei_pro .item p span{height:40px;}
}
@media (max-width:768px){
	.nei_pro .item{width: calc(calc(100% - 10px)/2);margin:0 10px 10px 0;}
	.nei_pro .item:nth-child(2n){ margin:0 0 10px 0;}
	.nei_pro .item p span{ font-size:14px;}
}
@media (max-width:500px){
	.nei_pro .item{width:100%;margin:0 0 10px 0;float: none;}
	.nei_pro .item p span{ font-size:12px; height:auto;}
}

/*内页*/
.page_protit{width:100%;background: #f8f8f8;padding: 40px 0;}
.page_protit .left{ float:left;width: 32%;background: #fff;padding:20px;overflow: hidden; position:relative;}
.page_protit .left .img img{ display:block; margin:0 auto; width:100%; height:auto;}
.page_protit .left .owl-theme .owl-dots{ display:none;}
.page_protit .left .owl-theme .owl-nav button{position: absolute;top: 50%;transform: translateY(-50%); height:50px; width:50px;}
.page_protit .left .owl-theme .owl-nav button span{width: 100%;height: 100%;font-size: 50px;font-family: '黑体';color: rgba(0,0,0,.3);line-height: 0;display: flex;align-items: center;justify-content: center;}
.page_protit .left .owl-theme .owl-nav .owl-prev{ left:-20px;}
.page_protit .left .owl-theme .owl-nav .owl-next{ right:-20px;}

.page_protit .right{ float:right;width: 62%;padding:20px;}
.page_protit .right h1{border-bottom: solid #bdbdbd 1px;margin-bottom: 20px;line-height: 3em;color: #000;font-size: 26px;font-weight: bold;letter-spacing: 2px;}
.page_protit .right p{color: #333;font-size: 16px;line-height: 2em;}
.page_protit .right a{ font-size:12px;display: block;width: 120px;padding: 10px 20px;background: #ff5000;color: #fff;text-align: center;float: right;margin-top: 10px; border:1px solid #ff5000;}
.page_protit .right a:hover{background: #fff;color: #ff5000;}

.page_pro .proinfo{ width:100%;}
.page_pro .proinfo .tit{display: flex;margin: 30px 0;width: 100%;height: 52px;background: #eee;}
.page_pro .proinfo .tit b{display: flex;padding: 0 30px;height: 100%;background: #ff5000;color: #fff;font-size: 16px;align-items: center;}
.page_pro .proinfo .desc img{ max-width:100%; display:block; margin:0 auto;}
.page_pro .proinfo .desc *{ font-size:14px; line-height:2em; color:#333;}
.page_pro .proinfo .desc strong{font-size:18px; color:#ff5000;}
.page_pro .proinfo .desc table{ width:auto;}
.page_pro .proinfo .desc table td{ border:1px #333 solid;padding:3px 5px;}
@media (max-width:1024px){
	.page_protit .left{width:37%;padding:10px;}
	.page_protit .left .owl-theme .owl-nav .owl-prev{ left:-10px;}
	.page_protit .left .owl-theme .owl-nav .owl-next{ right:-10px;}
	
	.page_protit .right{width:60%;padding:10px;}
	.page_protit .right h1{font-size:22px;letter-spacing:0px;}
	.page_protit .right p{font-size:14px; line-height:1.5em;}
}
@media (max-width:768px){
	.page_protit .left,
	.page_protit .right{width:100%; float:none; padding:0;}
	.page_protit .left .owl-theme .owl-nav .owl-prev{ left:0;}
	.page_protit .left .owl-theme .owl-nav .owl-next{ right:0;}
	.page_protit .right a{ display:none;}
	.page_protit .right h1{ margin-top:20px;}
	
	.page_pro .proinfo .tit{height:36px;}
	.page_pro .proinfo .tit b{font-size: 14px;}
	.page_pro .proinfo .desc table{ width:100%;}
	.page_pro .proinfo .desc table td{padding:1px;}
}
/*--------------------------------------------------------------------------------------------------------------*/
/*新闻*/
/*列表*/
.nei_news{width:100%;height:auto; padding:50px 0;}
.nei_news .box{ display:block;padding:20px;width: calc(calc(100% - 60px)/ 3);position:relative;float: left;border: solid #ccc 1px; margin-right:20px; margin-bottom:20px;}
.nei_news .box:nth-child(3n){ margin-right:0;}
.nei_news .box h1{font-size:16px;font-weight: bold;color: #000;margin-bottom: 20px;overflow: hidden;line-height: 20px;height:20px;}
.nei_news .box p{font-size:14px;color: #555; line-height:20px;height:100px;overflow: hidden;}
.nei_news .box:hover{border: solid #ff5000 1px;}
.nei_news .box:hover h1{ color:#ff5000;}
@media (max-width:1024px){
	.nei_news .box{width: 100%;float: none; margin-right:0;}
	.nei_news .box .desc,
	.nei_news .box .tit{height:auto;}
}
/*内页*/
.page_news{padding-top:50px;}
.page_news .title{width: 100%;padding-bottom: 10px;border-bottom: 1px dashed #ccc;margin-bottom: 20px;}
.page_news .title *{line-height:1.75em;text-align: center;}
.page_news .title h1{font-size:30px;color:#333;}
.page_news .title p span{font-size: 14px;color:#999; margin:0 5px;}
.page_news .info{width: 100%;}
.page_news .info p{line-height:2em; font-size:14px; color:#333;}
@media (max-width:1024px){
	.page_news .title h1{font-size:26px;}
}
@media (max-width:768px){
	.page_news{padding-top:30px;}
	.page_news .title{margin-bottom:15px;}
	.page_news .title h1{font-size:20px;}
	.page_news .title p span,
	.page_news .info p{font-size:12px;}
}
/*--------------------------------------------------------------------------------------------------------------*/
/*相册列表*/
.nei_case{width:100%; padding:50px 0;}
.nei_case .box{width: calc(calc(100% - 60px) / 4);position:relative;float: left;margin-right:20px; margin-bottom:20px; height:auto; overflow: hidden;}
.nei_case .box:nth-child(4n){ margin-right:0;}
.nei_case .box img{display:block;width:100%;}
.nei_case .box p{width: 100%;font-size: 15px; margin-top:2px;height: 60px;display: flex;align-items: center;justify-content: center;transition: 1s ease;}

@media (min-width:1025px){
	.nei_case .box:hover p{ background:#ff5000; color:#fff;}
}

@media (max-width:1024px){
	.nei_case .box{width: calc(calc(100% - 20px) / 2);}
	.nei_case .box:nth-child(2n){ margin-right:0;}
}
@media (max-width:500px){
	.nei_case .box{width:100%;margin-right:0; margin-bottom:20px;float: none;}
	.nei_case .box p{ font-size:12px; height:auto; margin-top:10px; margin-bottom:10px;}
}
/*--------------------------------------------------------------------------------------------------------------*/
/*glightbox*/
.glightbox-container, .goverlay{width:100%;height:100%;position:fixed;top:0;left:0;}

.glightbox-container{z-index:99999 ;overflow:hidden;overflow-scrolling:touch;}
.goverlay{background:rgba(0,0,0,.9);}
.gcontainer{position:relative;width:100%;height:100%;z-index:9999}

.gslider, .gslider .gslide{height:100%;width:100%;position:absolute;left:0;top:0;}

.gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;}
.gslider .gslide{display:block;opacity:0;}
.gslider .gslide.current{opacity:1;z-index:5;}
.gslider .gslide.prev{opacity:1;z-index:4;}

.ginner-container, .gslide-inner-content, .gslide-image{height:100%;}
.ginner-container, .gslide-image, .gslide-description{display:flex;align-items:center;justify-content: center;}
.gslide-inner-content{display:flex;}
	
.ginner-container{margin:0 auto;}
.gslide-inner-content{position:relative;}
.gslide-image img{ width:auto; max-width:100%; display:block;}
.gslide-description{background:#222;left:0px;position:absolute;bottom:0px;width:100%;height:50px;}
.gslide-description .gslide-title {font-size:16px;font-weight:normal;color:#fff;}

.gclose, .gprev, .gnext{z-index:9999;position:absolute;cursor:pointer;}
.gclose{width:30px;height:30px;top:20px;right:20px;display:block;transform:rotate(45deg);}
.gclose:after, .gclose:before{content:"";width:100%;height:1px;background:rgba(255,255,255,.8);display:block;position:absolute;top:15px;}
.gclose:after{transform:rotate(90deg);}
.gprev, .gnext{top:50%;transform:translateY(-50%);width:30px;height:30px;border-top:1px #fff solid;}
.gprev{left:30px;border-left:1px #fff solid;transform:rotate(-45deg);}
.gnext{right:30px;border-right:1px #fff solid;transform:rotate(45deg);}
.gprev.disabled, .gnext.disabled{opacity:.1;}
@media (max-width:768px){
	.gprev{left:15px;}
	.gnext{right:15px;}
}
/*--------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}
@keyframes gfadeIn{from{opacity:0}to{opacity:1}}
.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}
/*--------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}
@keyframes gfadeOut{from{opacity:1}to{opacity:0}}
.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}
/*--------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes gslideInLeft{
	from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}
	to{visibility:visible;-webkit-transform:translate3d( 0,0,0);transform:translate3d( 0,0,0);opacity:1}
}
@keyframes gslideInLeft{
	from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}
	to{visibility:visible;-webkit-transform:translate3d( 0,0,0);transform:translate3d( 0,0,0);opacity:1}
}
.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}
/*--------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes gslideOutLeft{
	from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}
}
@keyframes gslideOutLeft{
	from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}
}
.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}
/*--------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes gslideInRight{
	from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes gslideInRight{
	from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}
/*--------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes gslideOutRight{
	from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}
}
@keyframes gslideOutRight{
	from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}
}
.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}
/*--------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}
@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}
.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}
/*--------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}
/*--------------------------------------------------------------------------------------------------------------*/